From 6ed644cd10d9757f096ffedb407ccc4afb4331c9 Mon Sep 17 00:00:00 2001
From: Abdelrahman Awad <me@awad.dev>
Date: Thu, 6 Mar 2025 21:55:51 +0200
Subject: [PATCH] feat(bundle): added PURE annotations for exported helper
 components

---
 .changeset/deep-buses-tell.md                            | 5 +++++
 packages/core/src/useCalendar/useCalendarCell.ts         | 5 ++++-
 packages/core/src/useDateTimeField/useDateTimeSegment.ts | 5 ++++-
 packages/core/src/useHiddenField/HiddenField.ts          | 5 ++++-
 4 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/deep-buses-tell.md

diff --git a/.changeset/deep-buses-tell.md b/.changeset/deep-buses-tell.md
new file mode 100644
index 00000000..efc20abc
--- /dev/null
+++ b/.changeset/deep-buses-tell.md
@@ -0,0 +1,5 @@
+---
+'@formwerk/core': patch
+---
+
+feat(bundle): added PURE annotations for exported helper components
diff --git a/packages/core/src/useCalendar/useCalendarCell.ts b/packages/core/src/useCalendar/useCalendarCell.ts
index e77ca3c5..3858f6c2 100644
--- a/packages/core/src/useCalendar/useCalendarCell.ts
+++ b/packages/core/src/useCalendar/useCalendarCell.ts
@@ -54,7 +54,10 @@ export function useCalendarCell(_props: Reactivify<CalendarCellProps>) {
   };
 }
 
-export const CalendarCell = defineComponent({
+/**
+ * A helper component that renders a calendar cell. You can build your own with `useCalendarCell`.
+ */
+export const CalendarCell = /*#__PURE__*/ defineComponent({
   name: 'CalendarCell',
   inheritAttrs: true,
   props: ['value', 'selected', 'disabled', 'focused', 'label', 'type', 'monthOfYear', 'year'],
diff --git a/packages/core/src/useDateTimeField/useDateTimeSegment.ts b/packages/core/src/useDateTimeField/useDateTimeSegment.ts
index 81f11e81..b151284a 100644
--- a/packages/core/src/useDateTimeField/useDateTimeSegment.ts
+++ b/packages/core/src/useDateTimeField/useDateTimeSegment.ts
@@ -239,7 +239,10 @@ export function useDateTimeSegment(_props: Reactivify<DateTimeSegmentProps>) {
   };
 }
 
-export const DateTimeSegment = defineComponent<DateTimeSegmentProps>({
+/**
+ * A helper component that renders a datetime segment. You can build your own with `useDateTimeSegment`.
+ */
+export const DateTimeSegment = /*#__PURE__*/ defineComponent<DateTimeSegmentProps>({
   name: 'DateTimeSegment',
   props: ['type', 'value', 'disabled', 'readonly'],
   setup(props) {
diff --git a/packages/core/src/useHiddenField/HiddenField.ts b/packages/core/src/useHiddenField/HiddenField.ts
index bf85f4ca..4fd52e61 100644
--- a/packages/core/src/useHiddenField/HiddenField.ts
+++ b/packages/core/src/useHiddenField/HiddenField.ts
@@ -1,7 +1,10 @@
 import { defineComponent } from 'vue';
 import { useHiddenField, type HiddenFieldProps } from './useHiddenField';
 
-export const HiddenField = defineComponent<HiddenFieldProps>({
+/**
+ * A helper component that renders a hidden field. You can build your own with `useHiddenField`.
+ */
+export const HiddenField = /*#__PURE__*/ defineComponent<HiddenFieldProps>({
   name: 'HiddenField',
   props: { name: String, value: null, disabled: Boolean },
   setup(props) {