@ark-ui/react 0.1.0 → 0.2.0

package/dist/accordion/accordion-item.cjs

@@ -6,6 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const react = require('@polymorphic-factory/react');
 const react$1 = require('@zag-js/react');
 const factory = require('../factory.cjs');
+const runIfFn = require('../run-if-fn.cjs');
 const accordionContext = require('./accordion-context.cjs');
 const accordionItemContext = require('./accordion-item-context.cjs');
 
@@ -14,7 +15,8 @@ const AccordionItem = react.forwardRef((props, ref) => {
   const { getItemProps, getItemState } = accordionContext.useAccordionContext();
   const itemState = getItemState({ value });
   const mergedProps = react$1.mergeProps(getItemProps({ value, disabled }), rest);
-  return /* @__PURE__ */ jsxRuntime.jsx(accordionItemContext.AccordionItemProvider, { value: { value, disabled, ...itemState }, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: typeof children === "function" ? children(itemState) : children }) });
+  const view = runIfFn.runIfFn(children, itemState);
+  return /* @__PURE__ */ jsxRuntime.jsx(accordionItemContext.AccordionItemProvider, { value: { value, disabled, ...itemState }, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
 });
 
 exports.AccordionItem = AccordionItem;

package/dist/accordion/accordion-item.mjs

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from '@polymorphic-factory/react';
 import { mergeProps } from '@zag-js/react';
 import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
 import { useAccordionContext } from './accordion-context.mjs';
 import { AccordionItemProvider } from './accordion-item-context.mjs';
 
@@ -10,7 +11,8 @@ const AccordionItem = forwardRef((props, ref) => {
   const { getItemProps, getItemState } = useAccordionContext();
   const itemState = getItemState({ value });
   const mergedProps = mergeProps(getItemProps({ value, disabled }), rest);
-  return /* @__PURE__ */ jsx(AccordionItemProvider, { value: { value, disabled, ...itemState }, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: typeof children === "function" ? children(itemState) : children }) });
+  const view = runIfFn(children, itemState);
+  return /* @__PURE__ */ jsx(AccordionItemProvider, { value: { value, disabled, ...itemState }, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
 });
 
 export { AccordionItem };

package/dist/slider/use-slider.cjs

@@ -33,7 +33,7 @@ const useSlider = (props) => {
     id: React.useId(),
     getRootNode,
     ...props,
-    value: props.defaultValue
+    value: props.defaultValue ?? props.value
   };
   const onChange = props.onChange;
   const onChangeWithFlushSync = React.useCallback(

package/dist/slider/use-slider.mjs

@@ -10,7 +10,7 @@ const useSlider = (props) => {
     id: useId(),
     getRootNode,
     ...props,
-    value: props.defaultValue
+    value: props.defaultValue ?? props.value
   };
   const onChange = props.onChange;
   const onChangeWithFlushSync = useCallback(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "components",
@@ -33,6 +33,7 @@
     "@zag-js/accordion": "0.6.0",
     "@zag-js/anatomy": "0.1.4",
     "@zag-js/carousel": "0.5.0",
+    "@zag-js/color-picker": "0.6.0",
     "@zag-js/checkbox": "0.6.0",
     "@zag-js/combobox": "0.6.0",
     "@zag-js/dialog": "0.6.0",
@@ -67,24 +68,30 @@
     "@types/react": "18.0.32",
     "@types/react-dom": "18.0.11",
     "@types/testing-library__jest-dom": "5.14.5",
-    "@typescript-eslint/eslint-plugin": "5.58.0",
-    "@typescript-eslint/parser": "5.58.0",
+    "@typescript-eslint/eslint-plugin": "5.59.1",
+    "@typescript-eslint/parser": "5.59.1",
     "@vitejs/plugin-react": "3.1.0",
     "@vitest/coverage-c8": "0.30.1",
     "clean-package": "2.2.0",
-    "eslint": "8.38.0",
+    "eslint": "8.39.0",
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "happy-dom": "9.7.1",
+    "happy-dom": "9.10.0",
     "jsdom": "21.1.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-frame-component": "5.2.6",
     "resize-observer-polyfill": "1.5.1",
     "typescript": "5.0.4",
-    "vite": "4.2.1",
+    "vite": "4.3.3",
     "vite-plugin-dts": "2.3.0",
-    "vitest": "0.30.1"
+    "vitest": "0.30.1",
+    "storybook": "7.0.7",
+    "@storybook/react": "7.0.7",
+    "@storybook/react-vite": "7.0.7",
+    "@storybook/addons": "7.0.7",
+    "@storybook/addon-a11y": "7.0.7",
+    "@storybook/addon-essentials": "7.0.7"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -108,6 +115,7 @@
     "test:ci": "vitest --run --coverage",
     "typecheck": "tsc",
     "typedocs": "ts-node ../../scripts/generate-type-docs.ts",
-    "storydocs": "ts-node ../../scripts/generate-stories.ts"
+    "storydocs": "ts-node ../../scripts/generate-stories.ts",
+    "storybook": "storybook dev -p 6006"
   }
 }