@ark-ui/solid 0.5.0 → 0.6.0

package/dist/index.cjs

@@ -30,6 +30,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');
@@ -230,6 +253,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;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from './accordion';
 export * from './carousel';
 export * from './checkbox';
 export * from './combobox';
+export * from './date-picker';
 export * from './dialog';
 export * from './editable';
 export * from './environment';

package/dist/index.mjs

@@ -26,6 +26,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';

package/dist/pressable/pressable.cjs

@@ -9,7 +9,7 @@ const factory = require('../factory.cjs');
 const usePressable = require('./use-pressable.cjs');
 
 const Pressable = props => {
-  const [pressableParams, restProps] = createSplitProps.createSplitProps()(props, ['allowTextSelectionOnPress', 'cancelOnPointerExit', 'dir', 'disabled', 'getRootNode', 'id', 'onLongPress', 'onPress', 'onPressEnd', 'onPressStart', 'onPressUp', 'preventFocusOnPress']);
+  const [pressableParams, restProps] = createSplitProps.createSplitProps()(props, ['allowTextSelectionOnPress', 'cancelOnPointerExit', 'dir', 'disabled', 'getRootNode', 'id', 'longPressDelay', 'onLongPress', 'onPress', 'onPressEnd', 'onPressStart', 'onPressUp', 'preventFocusOnPress']);
   const api = usePressable.usePressable(pressableParams);
   const buttonProps = solid.mergeProps(() => api().pressableProps, restProps);
   return web.createComponent(factory.ark.button, buttonProps);

package/dist/pressable/pressable.mjs

@@ -5,7 +5,7 @@ import { ark } from '../factory.mjs';
 import { usePressable } from './use-pressable.mjs';
 
 const Pressable = props => {
-  const [pressableParams, restProps] = createSplitProps()(props, ['allowTextSelectionOnPress', 'cancelOnPointerExit', 'dir', 'disabled', 'getRootNode', 'id', 'onLongPress', 'onPress', 'onPressEnd', 'onPressStart', 'onPressUp', 'preventFocusOnPress']);
+  const [pressableParams, restProps] = createSplitProps()(props, ['allowTextSelectionOnPress', 'cancelOnPointerExit', 'dir', 'disabled', 'getRootNode', 'id', 'longPressDelay', 'onLongPress', 'onPress', 'onPressEnd', 'onPressStart', 'onPressUp', 'preventFocusOnPress']);
   const api = usePressable(pressableParams);
   const buttonProps = mergeProps(() => api().pressableProps, restProps);
   return createComponent(ark.button, buttonProps);

package/dist/splitter/splitter-context.d.ts

@@ -10,9 +10,8 @@ export declare const SplitterProvider: ContextProviderComponent<Accessor<{
         min: number;
         max: number;
     } | undefined;
-    collapse(id: PanelId): void;
-    expand(id: PanelId): void;
-    toggle(id: PanelId): void;
+    setToMinSize(id: PanelId): void;
+    setToMaxSize(id: PanelId): void;
     setSize(id: PanelId, size: number): void;
     getResizeTriggerState(props: ResizeTriggerProps): {
         isDisabled: boolean;
@@ -32,9 +31,8 @@ export declare const SplitterProvider: ContextProviderComponent<Accessor<{
         min: number;
         max: number;
     } | undefined;
-    collapse(id: PanelId): void;
-    expand(id: PanelId): void;
-    toggle(id: PanelId): void;
+    setToMinSize(id: PanelId): void;
+    setToMaxSize(id: PanelId): void;
     setSize(id: PanelId, size: number): void;
     getResizeTriggerState(props: ResizeTriggerProps): {
         isDisabled: boolean;

package/dist/splitter/splitter.cjs

@@ -6,17 +6,23 @@ 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 runIfFn = require('../run-if-fn.cjs');
 const splitterContext = require('./splitter-context.cjs');
 const useSplitter = require('./use-splitter.cjs');
 
 const Splitter = props => {
-  const [splitterParams, divProps] = createSplitProps.createSplitProps()(props, ['dir', 'getRootNode', 'id', 'ids', 'onResize', 'onResizeEnd', 'onResizeStart', 'orientation', 'size']);
+  const [splitterParams, localProps] = createSplitProps.createSplitProps()(props, ['dir', 'getRootNode', 'id', 'ids', 'onResize', 'onResizeEnd', 'onResizeStart', 'orientation', 'size']);
   const api = useSplitter.useSplitter(splitterParams);
-  const rootProps = solid.mergeProps(() => api().rootProps, divProps);
+  const getChildren = () => runIfFn.runIfFn(localProps.children, api);
+  const rootProps = solid.mergeProps(() => api().rootProps, localProps);
   return web.createComponent(splitterContext.SplitterProvider, {
     value: api,
     get children() {
-      return web.createComponent(factory.ark.div, rootProps);
+      return web.createComponent(factory.ark.div, web.mergeProps(rootProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
     }
   });
 };

package/dist/splitter/splitter.d.ts

@@ -1,6 +1,8 @@
-import type { JSX } from 'solid-js';
+import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type UseSplitterProps } from './use-splitter';
-export type SplitterProps = Assign<HTMLArkProps<'div'>, UseSplitterProps>;
+import { type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
+export type SplitterProps = Assign<HTMLArkProps<'div'>, UseSplitterProps & {
+    children?: JSX.Element | ((pages: UseSplitterReturn) => JSX.Element);
+}>;
 export declare const Splitter: (props: SplitterProps) => JSX.Element;

package/dist/splitter/splitter.mjs

@@ -1,18 +1,24 @@
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
 import { SplitterProvider } from './splitter-context.mjs';
 import { useSplitter } from './use-splitter.mjs';
 
 const Splitter = props => {
-  const [splitterParams, divProps] = createSplitProps()(props, ['dir', 'getRootNode', 'id', 'ids', 'onResize', 'onResizeEnd', 'onResizeStart', 'orientation', 'size']);
+  const [splitterParams, localProps] = createSplitProps()(props, ['dir', 'getRootNode', 'id', 'ids', 'onResize', 'onResizeEnd', 'onResizeStart', 'orientation', 'size']);
   const api = useSplitter(splitterParams);
-  const rootProps = mergeProps(() => api().rootProps, divProps);
+  const getChildren = () => runIfFn(localProps.children, api);
+  const rootProps = mergeProps(() => api().rootProps, localProps);
   return createComponent(SplitterProvider, {
     value: api,
     get children() {
-      return createComponent(ark.div, rootProps);
+      return createComponent(ark.div, mergeProps$1(rootProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
     }
   });
 };

package/dist/splitter/use-splitter.d.ts

@@ -11,9 +11,8 @@ export declare const useSplitter: (props: UseSplitterProps) => Accessor<{
         min: number;
         max: number;
     } | undefined;
-    collapse(id: PanelId): void;
-    expand(id: PanelId): void;
-    toggle(id: PanelId): void;
+    setToMinSize(id: PanelId): void;
+    setToMaxSize(id: PanelId): void;
     setSize(id: PanelId, size: number): void;
     getResizeTriggerState(props: ResizeTriggerProps): {
         isDisabled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "solid",
@@ -10,6 +10,7 @@
     "checkbox",
     "color picker",
     "combobox",
+    "date picker",
     "dialog",
     "editable",
     "hover card",
@@ -48,65 +49,81 @@
   "bugs": {
     "url": "https://github.com/chakra-ui/ark/issues"
   },
+  "scripts": {
+    "build": "vite build",
+    "lint": "eslint --ext .ts,.tsx src",
+    "test": "vitest",
+    "test:ci": "vitest --run --coverage",
+    "typecheck": "tsc",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore",
+    "typedocs": "ts-node ../../scripts/generate-type-docs.ts",
+    "storydocs": "ts-node ../../scripts/generate-stories.ts",
+    "storybook": "storybook dev -p 6006",
+    "release-it": "release-it --config ../../config/release-it.json"
+  },
   "dependencies": {
-    "@zag-js/accordion": "0.9.2",
-    "@zag-js/anatomy": "0.9.2",
-    "@zag-js/carousel": "0.9.2",
-    "@zag-js/checkbox": "0.9.2",
-    "@zag-js/color-picker": "0.9.2",
-    "@zag-js/combobox": "0.9.2",
-    "@zag-js/dialog": "0.9.2",
-    "@zag-js/editable": "0.9.2",
-    "@zag-js/hover-card": "0.9.2",
-    "@zag-js/menu": "0.9.2",
-    "@zag-js/number-input": "0.9.2",
-    "@zag-js/pagination": "0.9.2",
-    "@zag-js/pin-input": "0.9.2",
-    "@zag-js/popover": "0.9.2",
-    "@zag-js/pressable": "0.9.2",
-    "@zag-js/radio-group": "0.9.2",
-    "@zag-js/range-slider": "0.9.2",
-    "@zag-js/rating-group": "0.9.2",
-    "@zag-js/select": "0.9.2",
-    "@zag-js/slider": "0.9.2",
-    "@zag-js/solid": "0.9.2",
-    "@zag-js/splitter": "0.9.2",
-    "@zag-js/switch": "0.9.2",
-    "@zag-js/tabs": "0.9.2",
-    "@zag-js/tags-input": "0.9.2",
-    "@zag-js/toast": "0.9.2",
-    "@zag-js/tooltip": "0.9.2",
-    "@zag-js/types": "0.9.2"
+    "@zag-js/accordion": "0.10.2",
+    "@zag-js/anatomy": "0.10.2",
+    "@zag-js/carousel": "0.10.2",
+    "@zag-js/checkbox": "0.10.2",
+    "@zag-js/color-picker": "0.10.2",
+    "@zag-js/combobox": "0.10.2",
+    "@zag-js/date-picker": "0.10.2",
+    "@zag-js/dialog": "0.10.2",
+    "@zag-js/editable": "0.10.2",
+    "@zag-js/hover-card": "0.10.2",
+    "@zag-js/menu": "0.10.2",
+    "@zag-js/number-input": "0.10.2",
+    "@zag-js/pagination": "0.10.2",
+    "@zag-js/pin-input": "0.10.2",
+    "@zag-js/popover": "0.10.2",
+    "@zag-js/pressable": "0.10.2",
+    "@zag-js/radio-group": "0.10.2",
+    "@zag-js/range-slider": "0.10.2",
+    "@zag-js/rating-group": "0.10.2",
+    "@zag-js/select": "0.10.2",
+    "@zag-js/slider": "0.10.2",
+    "@zag-js/solid": "0.10.2",
+    "@zag-js/splitter": "0.10.2",
+    "@zag-js/switch": "0.10.2",
+    "@zag-js/tabs": "0.10.2",
+    "@zag-js/tags-input": "0.10.2",
+    "@zag-js/toast": "0.10.2",
+    "@zag-js/tooltip": "0.10.2",
+    "@zag-js/types": "0.10.2"
   },
   "devDependencies": {
+    "@release-it/keep-a-changelog": "3.1.0",
     "@solidjs/testing-library": "0.7.1",
-    "@storybook/addon-essentials": "7.0.17",
-    "@storybook/addon-interactions": "7.0.17",
-    "@storybook/addon-links": "7.0.17",
-    "@storybook/blocks": "7.0.17",
+    "@storybook/addon-essentials": "7.0.18",
+    "@storybook/addon-interactions": "7.0.18",
+    "@storybook/addon-links": "7.0.18",
+    "@storybook/blocks": "7.0.18",
     "@storybook/testing-library": "0.1.0",
     "@testing-library/dom": "9.3.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/user-event": "14.4.3",
     "@types/jsdom": "21.1.1",
     "@types/testing-library__jest-dom": "5.14.6",
-    "@typescript-eslint/eslint-plugin": "5.59.7",
-    "@typescript-eslint/parser": "5.59.7",
-    "@vitest/coverage-c8": "0.31.1",
+    "@typescript-eslint/eslint-plugin": "5.59.8",
+    "@typescript-eslint/parser": "5.59.8",
+    "@vitest/coverage-c8": "0.31.4",
     "clean-package": "2.2.0",
-    "eslint": "8.41.0",
+    "eslint": "8.42.0",
     "happy-dom": "9.20.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "solid-js": "1.7.5",
-    "storybook": "7.0.17",
+    "release-it": "15.10.5",
+    "solid-js": "1.7.6",
+    "storybook": "7.0.18",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
-    "typescript": "5.0.4",
-    "vite": "4.3.8",
+    "typescript": "5.1.3",
+    "vite": "4.3.9",
     "vite-plugin-dts": "2.3.0",
     "vite-plugin-solid": "2.7.0",
-    "vitest": "0.31.1"
+    "vitest": "0.31.4"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"
@@ -121,15 +138,5 @@
       "require": "./dist/index.cjs"
     },
     "./package.json": "./package.json"
-  },
-  "scripts": {
-    "build": "vite build",
-    "lint": "eslint --ext .ts,.tsx src",
-    "test": "vitest",
-    "test:ci": "vitest --run --coverage",
-    "typecheck": "tsc",
-    "typedocs": "ts-node ../../scripts/generate-type-docs.ts",
-    "storydocs": "ts-node ../../scripts/generate-stories.ts",
-    "storybook": "storybook dev -p 6006"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Chakra UI
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.