@ark-ui/solid 0.5.0 → 0.7.0

package/date-picker/date-picker-year-cell.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const datePickerCellContext = require('./date-picker-cell-context.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerYearCell = props => {
+  const datePicker = datePickerContext.useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, ['value', 'disabled']);
+  const mergedProps = solid.mergeProps(() => datePicker().getYearCellProps(cellProps), localProps);
+  return web.createComponent(datePickerCellContext.DatePickerCellProvider, {
+    value: cellProps,
+    get children() {
+      return web.createComponent(factory.ark.div, mergedProps);
+    }
+  });
+};
+
+exports.DatePickerYearCell = DatePickerYearCell;

package/date-picker/date-picker-year-cell.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import type { CellProps } from '@zag-js/date-picker';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type DatePickerYearCellProps = Assign<HTMLArkProps<'div'>, CellProps>;
+export declare const DatePickerYearCell: (props: DatePickerYearCellProps) => JSX.Element;

package/date-picker/date-picker-year-cell.mjs

@@ -0,0 +1,20 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { DatePickerCellProvider } from './date-picker-cell-context.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerYearCell = props => {
+  const datePicker = useDatePickerContext();
+  const [cellProps, localProps] = createSplitProps()(props, ['value', 'disabled']);
+  const mergedProps = mergeProps(() => datePicker().getYearCellProps(cellProps), localProps);
+  return createComponent(DatePickerCellProvider, {
+    value: cellProps,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+export { DatePickerYearCell };

package/date-picker/date-picker-year-select.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const solidJs = require('solid-js');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const _tmpl$ = /*#__PURE__*/web.template(`<option>`);
+const DatePickerYearSelect = props => {
+  const datePicker = datePickerContext.useDatePickerContext();
+  const mergedProps = solid.mergeProps(() => datePicker().yearSelectProps, props);
+  return web.createComponent(factory.ark.select, web.mergeProps(mergedProps, {
+    get children() {
+      return web.createComponent(solidJs.For, {
+        get each() {
+          return getYearsRange({
+            from: 1_000,
+            to: 4_000
+          });
+        },
+        children: year => (() => {
+          const _el$ = _tmpl$();
+          _el$.value = year;
+          web.insert(_el$, year);
+          return _el$;
+        })()
+      });
+    }
+  }));
+};
+function getYearsRange(range) {
+  const years = [];
+  for (let year = range.from; year <= range.to; year += 1) {
+    years.push(year);
+  }
+  return years;
+}
+
+exports.DatePickerYearSelect = DatePickerYearSelect;
+exports.getYearsRange = getYearsRange;

package/date-picker/date-picker-year-select.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export type DatePickerYearSelectProps = HTMLArkProps<'select'>;
+export declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => JSX.Element;
+export interface YearsRange {
+    from: number;
+    to: number;
+}
+export declare function getYearsRange(range: YearsRange): number[];

package/date-picker/date-picker-year-select.mjs

@@ -0,0 +1,38 @@
+import { createComponent, mergeProps as mergeProps$1, insert, template } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { For } from 'solid-js';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const _tmpl$ = /*#__PURE__*/template(`<option>`);
+const DatePickerYearSelect = props => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(() => datePicker().yearSelectProps, props);
+  return createComponent(ark.select, mergeProps$1(mergedProps, {
+    get children() {
+      return createComponent(For, {
+        get each() {
+          return getYearsRange({
+            from: 1_000,
+            to: 4_000
+          });
+        },
+        children: year => (() => {
+          const _el$ = _tmpl$();
+          _el$.value = year;
+          insert(_el$, year);
+          return _el$;
+        })()
+      });
+    }
+  }));
+};
+function getYearsRange(range) {
+  const years = [];
+  for (let year = range.from; year <= range.to; year += 1) {
+    years.push(year);
+  }
+  return years;
+}
+
+export { DatePickerYearSelect, getYearsRange };

package/date-picker/date-picker.anatomy.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePicker = require('@zag-js/date-picker');
+
+const datePickerAnatomy = datePicker.anatomy.extendWith("row", "rowGroup", "columnHeader");
+const parts = datePickerAnatomy.build();
+
+exports.datePickerAnatomy = datePickerAnatomy;
+exports.parts = parts;

package/date-picker/date-picker.anatomy.d.ts

@@ -0,0 +1,3 @@
+import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy/dist/create-anatomy';
+export declare const datePickerAnatomy: AnatomyInstance<"header" | "input" | "label" | "content" | "grid" | "row" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader">;
+export declare const parts: Record<"header" | "input" | "label" | "content" | "grid" | "row" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader", AnatomyPart>;

package/date-picker/date-picker.anatomy.mjs

@@ -0,0 +1,6 @@
+import { anatomy } from '@zag-js/date-picker';
+
+const datePickerAnatomy = anatomy.extendWith("row", "rowGroup", "columnHeader");
+const parts = datePickerAnatomy.build();
+
+export { datePickerAnatomy, parts };

package/date-picker/date-picker.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const createSplitProps = require('../create-split-props.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const useDatePicker = require('./use-date-picker.cjs');
+
+const DatePicker = props => {
+  const [useDatePickerProps, localProps] = createSplitProps.createSplitProps()(props, ['dir', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'getRootNode', 'id', 'ids', 'inline', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'messages', 'min', 'modal', 'name', 'numOfMonths', 'onChange', 'onFocusChange', 'onViewChange', 'parse', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
+  const api = useDatePicker.useDatePicker(useDatePickerProps);
+  const getChildren = () => runIfFn.runIfFn(localProps.children, api);
+  return web.createComponent(datePickerContext.DatePickerProvider, {
+    value: api,
+    get children() {
+      return getChildren();
+    }
+  });
+};
+
+exports.DatePicker = DatePicker;

package/date-picker/date-picker.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from 'solid-js';
+import { type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
+export type DatePickerProps = UseDatePickerProps & {
+    children?: JSX.Element | ((state: UseDatePickerReturn) => JSX.Element);
+};
+export declare const DatePicker: (props: DatePickerProps) => JSX.Element;

package/date-picker/date-picker.mjs

@@ -0,0 +1,19 @@
+import { createComponent } from 'solid-js/web';
+import { createSplitProps } from '../create-split-props.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { DatePickerProvider } from './date-picker-context.mjs';
+import { useDatePicker } from './use-date-picker.mjs';
+
+const DatePicker = props => {
+  const [useDatePickerProps, localProps] = createSplitProps()(props, ['dir', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'getRootNode', 'id', 'ids', 'inline', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'messages', 'min', 'modal', 'name', 'numOfMonths', 'onChange', 'onFocusChange', 'onViewChange', 'parse', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'value', 'view']);
+  const api = useDatePicker(useDatePickerProps);
+  const getChildren = () => runIfFn(localProps.children, api);
+  return createComponent(DatePickerProvider, {
+    value: api,
+    get children() {
+      return getChildren();
+    }
+  });
+};
+
+export { DatePicker };

package/date-picker/index.d.ts

@@ -0,0 +1,23 @@
+export { DatePicker, type DatePickerProps } from './date-picker';
+export { DatePickerClearTrigger, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
+export { DatePickerColumnHeader, type DatePickerColumnHeaderProps, } from './date-picker-column-header';
+export { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
+export { DatePickerControl, type DatePickerControlProps } from './date-picker-control';
+export { DatePickerDayCell, type DatePickerDayCellProps } from './date-picker-day-cell';
+export { DatePickerDayCellTrigger, type DatePickerDayCellTriggerProps, } from './date-picker-day-cell-trigger';
+export { DatePickerGrid, type DatePickerGridProps } from './date-picker-grid';
+export { DatePickerInput, type DatePickerInputProps } from './date-picker-input';
+export { DatePickerMonthCell, type DatePickerMonthCellProps } from './date-picker-month-cell';
+export { DatePickerMonthCellTrigger, type DatePickerMonthCellTriggerProps, } from './date-picker-month-cell-trigger';
+export { DatePickerMonthSelect, type DatePickerMonthSelectProps } from './date-picker-month-select';
+export { DatePickerNextTrigger, type DatePickerNextTriggerProps } from './date-picker-next-trigger';
+export { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
+export { DatePickerRow, type DatePickerRowProps } from './date-picker-row';
+export { DatePickerRowGroup, type DatePickerRowGroupProps } from './date-picker-row-group';
+export { DatePickerRowHeader, type DatePickerRowHeaderProps } from './date-picker-row-header';
+export { DatePickerTrigger, type DatePickerTriggerProps } from './date-picker-trigger';
+export { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
+export { DatePickerYearCell, type DatePickerYearCellProps } from './date-picker-year-cell';
+export { DatePickerYearCellTrigger, type DatePickerYearCellTriggerProps, } from './date-picker-year-cell-trigger';
+export { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
+export { datePickerAnatomy } from './date-picker.anatomy';

package/date-picker/use-date-picker.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePicker = require('@zag-js/date-picker');
+const solid = require('@zag-js/solid');
+const solidJs = require('solid-js');
+const environmentContext = require('../environment/environment-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const datePicker__namespace = /*#__PURE__*/_interopNamespaceDefault(datePicker);
+
+const useDatePicker = props => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const context = solid.mergeProps({
+    id: solidJs.createUniqueId(),
+    getRootNode
+  }, props);
+  const [state, send] = solid.useMachine(datePicker__namespace.machine(context), {
+    context
+  });
+  return solidJs.createMemo(() => datePicker__namespace.connect(state, send, solid.normalizeProps));
+};
+
+exports.useDatePicker = useDatePicker;

package/date-picker/use-date-picker.mjs

@@ -0,0 +1,18 @@
+import * as datePicker from '@zag-js/date-picker';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { createUniqueId, createMemo } from 'solid-js';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useDatePicker = props => {
+  const getRootNode = useEnvironmentContext();
+  const context = mergeProps({
+    id: createUniqueId(),
+    getRootNode
+  }, props);
+  const [state, send] = useMachine(datePicker.machine(context), {
+    context
+  });
+  return createMemo(() => datePicker.connect(state, send, normalizeProps));
+};
+
+export { useDatePicker };

package/{dist/index.cjs → index.cjs}

@@ -8,6 +8,10 @@ const accordionContent = require('./accordion/accordion-content.cjs');
 const accordionItem = require('./accordion/accordion-item.cjs');
 const accordionTrigger = require('./accordion/accordion-trigger.cjs');
 const accordion$1 = require('@zag-js/accordion');
+const avatar = require('./avatar/avatar.cjs');
+const avatarFallback = require('./avatar/avatar-fallback.cjs');
+const avatarImage = require('./avatar/avatar-image.cjs');
+const avatar$1 = require('@zag-js/avatar');
 const carousel = require('./carousel/carousel.cjs');
 const carouselControl = require('./carousel/carousel-control.cjs');
 const carouselNextSlideTrigger = require('./carousel/carousel-next-slide-trigger.cjs');
@@ -30,6 +34,29 @@ const comboboxOption = require('./combobox/combobox-option.cjs');
 const comboboxPositioner = require('./combobox/combobox-positioner.cjs');
 const comboboxTrigger = require('./combobox/combobox-trigger.cjs');
 const combobox$1 = require('@zag-js/combobox');
+const datePicker = require('./date-picker/date-picker.cjs');
+const datePickerClearTrigger = require('./date-picker/date-picker-clear-trigger.cjs');
+const datePickerColumnHeader = require('./date-picker/date-picker-column-header.cjs');
+const datePickerContent = require('./date-picker/date-picker-content.cjs');
+const datePickerControl = require('./date-picker/date-picker-control.cjs');
+const datePickerDayCell = require('./date-picker/date-picker-day-cell.cjs');
+const datePickerDayCellTrigger = require('./date-picker/date-picker-day-cell-trigger.cjs');
+const datePickerGrid = require('./date-picker/date-picker-grid.cjs');
+const datePickerInput = require('./date-picker/date-picker-input.cjs');
+const datePickerMonthCell = require('./date-picker/date-picker-month-cell.cjs');
+const datePickerMonthCellTrigger = require('./date-picker/date-picker-month-cell-trigger.cjs');
+const datePickerMonthSelect = require('./date-picker/date-picker-month-select.cjs');
+const datePickerNextTrigger = require('./date-picker/date-picker-next-trigger.cjs');
+const datePickerPrevTrigger = require('./date-picker/date-picker-prev-trigger.cjs');
+const datePickerRow = require('./date-picker/date-picker-row.cjs');
+const datePickerRowGroup = require('./date-picker/date-picker-row-group.cjs');
+const datePickerRowHeader = require('./date-picker/date-picker-row-header.cjs');
+const datePickerTrigger = require('./date-picker/date-picker-trigger.cjs');
+const datePickerViewTrigger = require('./date-picker/date-picker-view-trigger.cjs');
+const datePickerYearCell = require('./date-picker/date-picker-year-cell.cjs');
+const datePickerYearCellTrigger = require('./date-picker/date-picker-year-cell-trigger.cjs');
+const datePickerYearSelect = require('./date-picker/date-picker-year-select.cjs');
+const datePicker_anatomy = require('./date-picker/date-picker.anatomy.cjs');
 const dialog = require('./dialog/dialog.cjs');
 const dialogBackdrop = require('./dialog/dialog-backdrop.cjs');
 const dialogCloseTrigger = require('./dialog/dialog-close-trigger.cjs');
@@ -128,6 +155,14 @@ const ratingGroup = require('./rating-group/rating-group.cjs');
 const ratingGroupControl = require('./rating-group/rating-group-control.cjs');
 const ratingGroupLabel = require('./rating-group/rating-group-label.cjs');
 const rating$1 = require('@zag-js/rating-group');
+const segment = require('./segment-group/segment.cjs');
+const segmentControl = require('./segment-group/segment-control.cjs');
+const segmentGroup = require('./segment-group/segment-group.cjs');
+const segmentGroupLabel = require('./segment-group/segment-group-label.cjs');
+const segmentGroup_anatomy = require('./segment-group/segment-group.anatomy.cjs');
+const segmentIndicator = require('./segment-group/segment-indicator.cjs');
+const segmentInput = require('./segment-group/segment-input.cjs');
+const segmentLabel = require('./segment-group/segment-label.cjs');
 const select = require('./select/select.cjs');
 const selectContent = require('./select/select-content.cjs');
 const selectLabel = require('./select/select-label.cjs');
@@ -202,6 +237,13 @@ Object.defineProperty(exports, 'accordionAnatomy', {
 	enumerable: true,
 	get: () => accordion$1.anatomy
 });
+exports.Avatar = avatar.Avatar;
+exports.AvatarFallback = avatarFallback.AvatarFallback;
+exports.AvatarImage = avatarImage.AvatarImage;
+Object.defineProperty(exports, 'avatarAnatomy', {
+	enumerable: true,
+	get: () => avatar$1.anatomy
+});
 exports.Carousel = carousel.Carousel;
 exports.CarouselControl = carouselControl.CarouselControl;
 exports.CarouselNextSlideTrigger = carouselNextSlideTrigger.CarouselNextSlideTrigger;
@@ -230,6 +272,29 @@ Object.defineProperty(exports, 'comboboxAnatomy', {
 	enumerable: true,
 	get: () => combobox$1.anatomy
 });
+exports.DatePicker = datePicker.DatePicker;
+exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
+exports.DatePickerColumnHeader = datePickerColumnHeader.DatePickerColumnHeader;
+exports.DatePickerContent = datePickerContent.DatePickerContent;
+exports.DatePickerControl = datePickerControl.DatePickerControl;
+exports.DatePickerDayCell = datePickerDayCell.DatePickerDayCell;
+exports.DatePickerDayCellTrigger = datePickerDayCellTrigger.DatePickerDayCellTrigger;
+exports.DatePickerGrid = datePickerGrid.DatePickerGrid;
+exports.DatePickerInput = datePickerInput.DatePickerInput;
+exports.DatePickerMonthCell = datePickerMonthCell.DatePickerMonthCell;
+exports.DatePickerMonthCellTrigger = datePickerMonthCellTrigger.DatePickerMonthCellTrigger;
+exports.DatePickerMonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
+exports.DatePickerNextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
+exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
+exports.DatePickerRow = datePickerRow.DatePickerRow;
+exports.DatePickerRowGroup = datePickerRowGroup.DatePickerRowGroup;
+exports.DatePickerRowHeader = datePickerRowHeader.DatePickerRowHeader;
+exports.DatePickerTrigger = datePickerTrigger.DatePickerTrigger;
+exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
+exports.DatePickerYearCell = datePickerYearCell.DatePickerYearCell;
+exports.DatePickerYearCellTrigger = datePickerYearCellTrigger.DatePickerYearCellTrigger;
+exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
+exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.Dialog = dialog.Dialog;
 exports.DialogBackdrop = dialogBackdrop.DialogBackdrop;
 exports.DialogCloseTrigger = dialogCloseTrigger.DialogCloseTrigger;
@@ -358,6 +423,14 @@ Object.defineProperty(exports, 'ratingGroupAnatomy', {
 	enumerable: true,
 	get: () => rating$1.anatomy
 });
+exports.Segment = segment.Segment;
+exports.SegmentControl = segmentControl.SegmentControl;
+exports.SegmentGroup = segmentGroup.SegmentGroup;
+exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
+exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
+exports.SegmentIndicator = segmentIndicator.SegmentIndicator;
+exports.SegmentInput = segmentInput.SegmentInput;
+exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.Select = select.Select;
 exports.SelectContent = selectContent.SelectContent;
 exports.SelectLabel = selectLabel.SelectLabel;

package/{dist/index.d.ts → index.d.ts}

@@ -1,8 +1,10 @@
 export { createAnatomy } from '@zag-js/anatomy';
 export * from './accordion';
+export * from './avatar';
 export * from './carousel';
 export * from './checkbox';
 export * from './combobox';
+export * from './date-picker';
 export * from './dialog';
 export * from './editable';
 export * from './environment';
@@ -16,6 +18,7 @@ export * from './pressable';
 export * from './radio-group';
 export * from './range-slider';
 export * from './rating-group';
+export * from './segment-group';
 export * from './select';
 export * from './slider';
 export * from './splitter';

package/{dist/index.mjs → index.mjs}

@@ -4,6 +4,10 @@ export { AccordionContent } from './accordion/accordion-content.mjs';
 export { AccordionItem } from './accordion/accordion-item.mjs';
 export { AccordionTrigger } from './accordion/accordion-trigger.mjs';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+export { Avatar } from './avatar/avatar.mjs';
+export { AvatarFallback } from './avatar/avatar-fallback.mjs';
+export { AvatarImage } from './avatar/avatar-image.mjs';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { Carousel } from './carousel/carousel.mjs';
 export { CarouselControl } from './carousel/carousel-control.mjs';
 export { CarouselNextSlideTrigger } from './carousel/carousel-next-slide-trigger.mjs';
@@ -26,6 +30,29 @@ export { ComboboxOption } from './combobox/combobox-option.mjs';
 export { ComboboxPositioner } from './combobox/combobox-positioner.mjs';
 export { ComboboxTrigger } from './combobox/combobox-trigger.mjs';
 export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
+export { DatePicker } from './date-picker/date-picker.mjs';
+export { DatePickerClearTrigger } from './date-picker/date-picker-clear-trigger.mjs';
+export { DatePickerColumnHeader } from './date-picker/date-picker-column-header.mjs';
+export { DatePickerContent } from './date-picker/date-picker-content.mjs';
+export { DatePickerControl } from './date-picker/date-picker-control.mjs';
+export { DatePickerDayCell } from './date-picker/date-picker-day-cell.mjs';
+export { DatePickerDayCellTrigger } from './date-picker/date-picker-day-cell-trigger.mjs';
+export { DatePickerGrid } from './date-picker/date-picker-grid.mjs';
+export { DatePickerInput } from './date-picker/date-picker-input.mjs';
+export { DatePickerMonthCell } from './date-picker/date-picker-month-cell.mjs';
+export { DatePickerMonthCellTrigger } from './date-picker/date-picker-month-cell-trigger.mjs';
+export { DatePickerMonthSelect } from './date-picker/date-picker-month-select.mjs';
+export { DatePickerNextTrigger } from './date-picker/date-picker-next-trigger.mjs';
+export { DatePickerPrevTrigger } from './date-picker/date-picker-prev-trigger.mjs';
+export { DatePickerRow } from './date-picker/date-picker-row.mjs';
+export { DatePickerRowGroup } from './date-picker/date-picker-row-group.mjs';
+export { DatePickerRowHeader } from './date-picker/date-picker-row-header.mjs';
+export { DatePickerTrigger } from './date-picker/date-picker-trigger.mjs';
+export { DatePickerViewTrigger } from './date-picker/date-picker-view-trigger.mjs';
+export { DatePickerYearCell } from './date-picker/date-picker-year-cell.mjs';
+export { DatePickerYearCellTrigger } from './date-picker/date-picker-year-cell-trigger.mjs';
+export { DatePickerYearSelect } from './date-picker/date-picker-year-select.mjs';
+export { datePickerAnatomy } from './date-picker/date-picker.anatomy.mjs';
 export { Dialog } from './dialog/dialog.mjs';
 export { DialogBackdrop } from './dialog/dialog-backdrop.mjs';
 export { DialogCloseTrigger } from './dialog/dialog-close-trigger.mjs';
@@ -124,6 +151,14 @@ export { RatingGroup } from './rating-group/rating-group.mjs';
 export { RatingGroupControl } from './rating-group/rating-group-control.mjs';
 export { RatingGroupLabel } from './rating-group/rating-group-label.mjs';
 export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
+export { Segment } from './segment-group/segment.mjs';
+export { SegmentControl } from './segment-group/segment-control.mjs';
+export { SegmentGroup } from './segment-group/segment-group.mjs';
+export { SegmentGroupLabel } from './segment-group/segment-group-label.mjs';
+export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.mjs';
+export { SegmentIndicator } from './segment-group/segment-indicator.mjs';
+export { SegmentInput } from './segment-group/segment-input.mjs';
+export { SegmentLabel } from './segment-group/segment-label.mjs';
 export { Select } from './select/select.mjs';
 export { SelectContent } from './select/select-content.mjs';
 export { SelectLabel } from './select/select-label.mjs';