@ark-ui/solid 0.3.0 → 0.5.0

package/dist/switch/use-switch.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const solid = require('@zag-js/solid');
+const zagSwitch = require('@zag-js/switch');
+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 zagSwitch__namespace = /*#__PURE__*/_interopNamespaceDefault(zagSwitch);
+
+const useSwitch = (props) => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const [state, send] = solid.useMachine(zagSwitch__namespace.machine(context), { context });
+  return solidJs.createMemo(() => zagSwitch__namespace.connect(state, send, solid.normalizeProps));
+};
+
+exports.useSwitch = useSwitch;

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

@@ -0,0 +1,17 @@
+import type { Accessor, JSX } from 'solid-js';
+import * as zagSwitch from '@zag-js/switch';
+import { type Optional } from '../types';
+export type UseSwitchProps = Optional<zagSwitch.Context, 'id'>;
+export type UseSwitchReturn = ReturnType<typeof useSwitch>;
+export declare const useSwitch: (props: UseSwitchProps) => Accessor<{
+    isChecked: boolean;
+    isDisabled: boolean | undefined;
+    isFocused: boolean | undefined;
+    setChecked(checked: boolean): void;
+    toggleChecked(): void;
+    rootProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
+    labelProps: JSX.HTMLAttributes<any>;
+    thumbProps: JSX.HTMLAttributes<any>;
+    controlProps: JSX.HTMLAttributes<any>;
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+}>;

package/dist/switch/use-switch.mjs

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

package/dist/tabs/tab-trigger.d.ts

@@ -1,8 +1,6 @@
 import type { JSX } from 'solid-js';
-import { type connect } from '@zag-js/tabs';
+import { type TriggerProps } from '@zag-js/tabs';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-type TabTriggerParams = Parameters<ReturnType<typeof connect>['getTriggerProps']>[0];
-export type TabTriggerProps = Assign<HTMLArkProps<'button'>, TabTriggerParams>;
+export type TabTriggerProps = Assign<HTMLArkProps<'button'>, TriggerProps>;
 export declare const TabTrigger: (props: TabTriggerProps) => JSX.Element;
-export {};

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

@@ -1,4 +1,4 @@
-import type { TabProps } from '@zag-js/tabs/dist/tabs.types';
+import type { TriggerProps, ContentProps } from '@zag-js/tabs/dist/tabs.types';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseTabsReturn } from './use-tabs';
@@ -9,13 +9,12 @@ export declare const TabsProvider: ContextProviderComponent<Accessor<{
     previousValues: string[];
     setValue(value: string): void;
     clearValue(): void;
+    setIndicatorRect(id: string | null | undefined): void;
     rootProps: JSX.HTMLAttributes<any>;
     tablistProps: JSX.HTMLAttributes<any>;
-    getTriggerProps(props: TabProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getTriggerProps(props: TriggerProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
     contentGroupProps: JSX.HTMLAttributes<any>;
-    getContentProps({ value }: {
-        value: string;
-    }): JSX.HTMLAttributes<any>;
+    getContentProps({ value }: ContentProps): JSX.HTMLAttributes<any>;
     indicatorProps: JSX.HTMLAttributes<any>;
 }>>, useTabsContext: () => Accessor<{
     value: string | null;
@@ -23,12 +22,11 @@ export declare const TabsProvider: ContextProviderComponent<Accessor<{
     previousValues: string[];
     setValue(value: string): void;
     clearValue(): void;
+    setIndicatorRect(id: string | null | undefined): void;
     rootProps: JSX.HTMLAttributes<any>;
     tablistProps: JSX.HTMLAttributes<any>;
-    getTriggerProps(props: TabProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getTriggerProps(props: TriggerProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
     contentGroupProps: JSX.HTMLAttributes<any>;
-    getContentProps({ value }: {
-        value: string;
-    }): JSX.HTMLAttributes<any>;
+    getContentProps({ value }: ContentProps): JSX.HTMLAttributes<any>;
     indicatorProps: JSX.HTMLAttributes<any>;
 }>;

package/dist/tabs/use-tabs.cjs

@@ -28,7 +28,7 @@ const tabs__namespace = /*#__PURE__*/_interopNamespaceDefault(tabs);
 
 const useTabs = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = solidJs.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
   const [state, send] = solid.useMachine(tabs__namespace.machine(context), { context });
   return solidJs.createMemo(() => tabs__namespace.connect(state, send, solid.normalizeProps));
 };

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

@@ -1,4 +1,3 @@
-import type { TabProps } from '@zag-js/tabs/dist/tabs.types';
 import type { Accessor, JSX } from 'solid-js';
 import * as tabs from '@zag-js/tabs';
 import { type Optional } from '../types';
@@ -10,12 +9,11 @@ export declare const useTabs: (props: UseTabsProps) => Accessor<{
     previousValues: string[];
     setValue(value: string): void;
     clearValue(): void;
+    setIndicatorRect(id: string | null | undefined): void;
     rootProps: JSX.HTMLAttributes<any>;
     tablistProps: JSX.HTMLAttributes<any>;
-    getTriggerProps(props: TabProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getTriggerProps(props: tabs.TriggerProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
     contentGroupProps: JSX.HTMLAttributes<any>;
-    getContentProps({ value }: {
-        value: string;
-    }): JSX.HTMLAttributes<any>;
+    getContentProps({ value }: tabs.ContentProps): JSX.HTMLAttributes<any>;
     indicatorProps: JSX.HTMLAttributes<any>;
 }>;

package/dist/tabs/use-tabs.mjs

@@ -1,6 +1,6 @@
-import { useMachine, normalizeProps } from '@zag-js/solid';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import * as tabs from '@zag-js/tabs';
-import { mergeProps, createUniqueId, createMemo } from 'solid-js';
+import { createUniqueId, createMemo } from 'solid-js';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useTabs = (props) => {

package/dist/tags-input/use-tags-input.cjs

@@ -28,7 +28,7 @@ const tagsInput__namespace = /*#__PURE__*/_interopNamespaceDefault(tagsInput);
 
 const useTagsInput = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = solidJs.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
   const [state, send] = solid.useMachine(tagsInput__namespace.machine(context), { context });
   return solidJs.createMemo(() => tagsInput__namespace.connect(state, send, solid.normalizeProps));
 };

package/dist/tags-input/use-tags-input.mjs

@@ -1,6 +1,6 @@
-import { useMachine, normalizeProps } from '@zag-js/solid';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import * as tagsInput from '@zag-js/tags-input';
-import { mergeProps, createUniqueId, createMemo } from 'solid-js';
+import { createUniqueId, createMemo } from 'solid-js';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useTagsInput = (props) => {

package/dist/tooltip/use-tooltip.cjs

@@ -28,7 +28,7 @@ const tooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(tooltip);
 
 const useTooltip = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = solidJs.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
   const [state, send] = solid.useMachine(tooltip__namespace.machine(context), { context });
   return solidJs.createMemo(() => tooltip__namespace.connect(state, send, solid.normalizeProps));
 };

package/dist/tooltip/use-tooltip.mjs

@@ -1,6 +1,6 @@
-import { useMachine, normalizeProps } from '@zag-js/solid';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import * as tooltip from '@zag-js/tooltip';
-import { mergeProps, createUniqueId, createMemo } from 'solid-js';
+import { createUniqueId, createMemo } from 'solid-js';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useTooltip = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "solid",
@@ -24,6 +24,7 @@
     "select",
     "slider",
     "splitter",
+    "switch",
     "tabs",
     "tags input",
     "toast",
@@ -48,63 +49,64 @@
     "url": "https://github.com/chakra-ui/ark/issues"
   },
   "dependencies": {
-    "@zag-js/accordion": "0.7.0",
-    "@zag-js/anatomy": "0.1.4",
-    "@zag-js/carousel": "0.7.0",
-    "@zag-js/checkbox": "0.7.0",
-    "@zag-js/color-picker": "0.7.0",
-    "@zag-js/combobox": "0.7.0",
-    "@zag-js/dialog": "0.7.0",
-    "@zag-js/editable": "0.7.0",
-    "@zag-js/hover-card": "0.7.0",
-    "@zag-js/menu": "0.7.0",
-    "@zag-js/number-input": "0.7.0",
-    "@zag-js/pagination": "0.7.0",
-    "@zag-js/pin-input": "0.7.0",
-    "@zag-js/popover": "0.7.0",
-    "@zag-js/pressable": "0.7.0",
-    "@zag-js/radio-group": "0.7.0",
-    "@zag-js/range-slider": "0.7.0",
-    "@zag-js/rating-group": "0.7.0",
-    "@zag-js/select": "0.7.0",
-    "@zag-js/slider": "0.7.0",
-    "@zag-js/solid": "0.7.0",
-    "@zag-js/splitter": "0.7.0",
-    "@zag-js/tabs": "0.7.0",
-    "@zag-js/tags-input": "0.7.0",
-    "@zag-js/toast": "0.7.0",
-    "@zag-js/tooltip": "0.7.0",
-    "@zag-js/types": "0.5.0"
+    "@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"
   },
   "devDependencies": {
-    "@solidjs/testing-library": "0.7.0",
-    "@storybook/addon-essentials": "7.0.9",
-    "@storybook/addon-interactions": "7.0.9",
-    "@storybook/addon-links": "7.0.9",
-    "@storybook/blocks": "7.0.9",
-    "@storybook/testing-library": "0.0.14-next.2",
-    "@testing-library/dom": "9.2.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/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.5",
-    "@typescript-eslint/eslint-plugin": "5.59.5",
-    "@typescript-eslint/parser": "5.59.5",
-    "@vitest/coverage-c8": "0.31.0",
+    "@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",
     "clean-package": "2.2.0",
-    "eslint": "8.40.0",
-    "happy-dom": "9.10.9",
+    "eslint": "8.41.0",
+    "happy-dom": "9.20.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "solid-js": "1.7.5",
-    "storybook": "7.0.9",
+    "storybook": "7.0.17",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
     "typescript": "5.0.4",
-    "vite": "4.3.5",
+    "vite": "4.3.8",
     "vite-plugin-dts": "2.3.0",
     "vite-plugin-solid": "2.7.0",
-    "vitest": "0.31.0"
+    "vitest": "0.31.1"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"

package/dist/accordion/accordion-icon.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const factory = require('../factory.cjs');
-
-const AccordionIcon = props => web.createComponent(factory.ark.div, props);
-
-exports.AccordionIcon = AccordionIcon;

package/dist/accordion/accordion-icon.d.ts

@@ -1,4 +0,0 @@
-import type { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type AccordionIconProps = HTMLArkProps<'div'>;
-export declare const AccordionIcon: (props: AccordionIconProps) => JSX.Element;

package/dist/accordion/accordion-icon.mjs

@@ -1,6 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { ark } from '../factory.mjs';
-
-const AccordionIcon = props => createComponent(ark.div, props);
-
-export { AccordionIcon };