@ark-ui/solid 3.0.0-1 → 3.0.0-3

package/dist/types/components/toggle-group/use-toggle-group-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseToggleGroupReturn } from './use-toggle-group';
+export interface UseToggleGroupContext extends UseToggleGroupReturn {
+}
+export declare const ToggleGroupProvider: import("solid-js").ContextProviderComponent<UseToggleGroupContext>, useToggleGroupContext: () => UseToggleGroupContext;

package/dist/types/components/toggle-group/use-toggle-group.d.ts

@@ -0,0 +1,9 @@
+import { type PropTypes } from '@zag-js/solid';
+import * as toggleGroup from '@zag-js/toggle-group';
+import { type Accessor } from 'solid-js';
+import type { Optional } from '../../types';
+export interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseToggleGroupReturn extends Accessor<toggleGroup.Api<PropTypes>> {
+}
+export declare const useToggleGroup: (props: UseToggleGroupProps) => UseToggleGroupReturn;

package/dist/types/components/tooltip/index.d.ts

@@ -0,0 +1,10 @@
+export type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
+export { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
+export { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
+export { TooltipContent, type TooltipContentProps } from './tooltip-content';
+export { TooltipContext, type TooltipContextProps } from './tooltip-context';
+export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
+export { TooltipRoot, type TooltipRootProps } from './tooltip-root';
+export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
+export { type UseTooltipContext, useTooltipContext } from './use-tooltip-context';
+export * as Tooltip from './tooltip';

package/dist/types/components/tooltip/tooltip-root.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import { type UsePresenceProps } from '../presence';
+import { type UseTooltipProps } from './use-tooltip';
+export interface TooltipRootProps extends UseTooltipProps, UsePresenceProps {
+    children?: JSX.Element;
+}
+export declare const TooltipRoot: (props: TooltipRootProps) => JSX.Element;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -0,0 +1,8 @@
+export type { OpenChangeDetails } from '@zag-js/tooltip';
+export { TooltipArrow as Arrow, type TooltipArrowProps as ArrowProps } from './tooltip-arrow';
+export { TooltipArrowTip as ArrowTip, type TooltipArrowTipProps as ArrowTipProps, } from './tooltip-arrow-tip';
+export { TooltipContent as Content, type TooltipContentProps as ContentProps, } from './tooltip-content';
+export { TooltipContext as Context, type TooltipContextProps as ContextProps, } from './tooltip-context';
+export { TooltipPositioner as Positioner, type TooltipPositionerProps as PositionerProps, } from './tooltip-positioner';
+export { TooltipRoot as Root, type TooltipRootProps as RootProps } from './tooltip-root';
+export { TooltipTrigger as Trigger, type TooltipTriggerProps as TriggerProps, } from './tooltip-trigger';

package/dist/types/components/tooltip/use-tooltip-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseTooltipReturn } from './use-tooltip';
+export interface UseTooltipContext extends UseTooltipReturn {
+}
+export declare const TooltipProvider: import("solid-js").ContextProviderComponent<UseTooltipContext>, useTooltipContext: () => UseTooltipContext;

package/dist/types/components/tooltip/use-tooltip.d.ts

@@ -0,0 +1,9 @@
+import { type PropTypes } from '@zag-js/solid';
+import * as tooltip from '@zag-js/tooltip';
+import { type Accessor } from 'solid-js';
+import type { Optional } from '../../types';
+export interface UseTooltipProps extends Optional<Omit<tooltip.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+}
+export interface UseTooltipReturn extends Accessor<tooltip.Api<PropTypes>> {
+}
+export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;

package/dist/types/components/tree-view/index.d.ts

@@ -0,0 +1,18 @@
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
+export { TreeViewBranch, type TreeViewBranchProps } from './tree-view-branch';
+export { TreeViewBranchContent, type TreeViewBranchContentProps } from './tree-view-branch-content';
+export { TreeViewBranchControl, type TreeViewBranchControlProps } from './tree-view-branch-control';
+export { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps, } from './tree-view-branch-indicator';
+export { TreeViewBranchText, type TreeViewBranchTextProps } from './tree-view-branch-text';
+export { TreeViewBranchTrigger, type TreeViewBranchTriggerProps } from './tree-view-branch-trigger';
+export { TreeViewContext, type TreeViewContextProps } from './tree-view-context';
+export { TreeViewItem, type TreeViewItemProps } from './tree-view-item';
+export { TreeViewItemContext, type TreeViewItemContextProps } from './tree-view-item-context';
+export { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-view-item-indicator';
+export { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
+export { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
+export { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
+export { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
+export { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context';
+export { type UseTreeViewItemContext, useTreeViewItemContext } from './use-tree-view-item-context';
+export * as TreeView from './tree-view';

package/dist/types/components/tree-view/tree-view-branch.d.ts

@@ -0,0 +1,6 @@
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type ItemProps } from './use-tree-view-branch-context';
+export interface TreeViewBranchProps extends Assign<HTMLArkProps<'li'>, ItemProps> {
+}
+export declare const TreeViewBranch: (props: TreeViewBranchProps) => import("solid-js").JSX.Element;

package/dist/types/components/tree-view/tree-view-item-context.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type UseTreeViewItemContext } from './use-tree-view-item-context';
+export interface TreeViewItemContextProps {
+    children: (context: UseTreeViewItemContext) => JSX.Element;
+}
+export declare const TreeViewItemContext: (props: TreeViewItemContextProps) => JSX.Element;

package/dist/types/components/tree-view/tree-view-item.d.ts

@@ -0,0 +1,6 @@
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type UseTreeViewItemPropsContext } from './use-tree-view-item-props-context';
+export interface TreeViewItemProps extends Assign<HTMLArkProps<'li'>, UseTreeViewItemPropsContext> {
+}
+export declare const TreeViewItem: (props: TreeViewItemProps) => import("solid-js").JSX.Element;

package/dist/types/components/tree-view/tree-view-root.d.ts

@@ -0,0 +1,6 @@
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type UseTreeViewProps } from './use-tree-view';
+export interface TreeViewRootProps extends Assign<HTMLArkProps<'div'>, UseTreeViewProps> {
+}
+export declare const TreeViewRoot: (props: TreeViewRootProps) => import("solid-js").JSX.Element;

package/dist/types/components/tree-view/tree-view.d.ts

@@ -0,0 +1,15 @@
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
+export { TreeViewBranch as Branch, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
+export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
+export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';
+export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorProps as BranchIndicatorProps, } from './tree-view-branch-indicator';
+export { TreeViewBranchText as BranchText, type TreeViewBranchTextProps as BranchTextProps, } from './tree-view-branch-text';
+export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerProps as BranchTriggerProps, } from './tree-view-branch-trigger';
+export { TreeViewContext as Context, type TreeViewContextProps as ContextProps, } from './tree-view-context';
+export { TreeViewItem as Item, type TreeViewItemProps as ItemProps } from './tree-view-item';
+export { TreeViewItemContext as ItemContext, type TreeViewItemContextProps as ItemContextProps, } from './tree-view-item-context';
+export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps as ItemIndicatorProps, } from './tree-view-item-indicator';
+export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text';
+export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps } from './tree-view-label';
+export { TreeViewRoot as Root, type TreeViewRootProps as RootProps } from './tree-view-root';
+export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps } from './tree-view-tree';

package/dist/types/components/tree-view/use-tree-view-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseTreeViewReturn } from './use-tree-view';
+export interface UseTreeViewContext extends UseTreeViewReturn {
+}
+export declare const TreeViewProvider: import("solid-js").ContextProviderComponent<UseTreeViewContext>, useTreeViewContext: () => UseTreeViewContext;

package/dist/types/components/tree-view/use-tree-view-item-context.d.ts

@@ -0,0 +1,5 @@
+import type { ItemState } from '@zag-js/tree-view';
+import type { Accessor } from 'solid-js';
+export interface UseTreeViewItemContext extends Accessor<ItemState> {
+}
+export declare const TreeViewItemProvider: import("solid-js").ContextProviderComponent<UseTreeViewItemContext>, useTreeViewItemContext: () => UseTreeViewItemContext;

package/dist/types/components/tree-view/use-tree-view-item-props-context.d.ts

@@ -0,0 +1,4 @@
+import type { ItemProps } from '@zag-js/tree-view';
+export interface UseTreeViewItemPropsContext extends Omit<ItemProps, 'depth'> {
+}
+export declare const TreeViewItemPropsProvider: import("solid-js").ContextProviderComponent<ItemProps>, useTreeViewItemPropsContext: () => ItemProps;

package/dist/types/components/tree-view/use-tree-view.d.ts

@@ -0,0 +1,9 @@
+import { type PropTypes } from '@zag-js/solid';
+import * as treeView from '@zag-js/tree-view';
+import { type Accessor } from 'solid-js';
+import type { Optional } from '../../types';
+export interface UseTreeViewProps extends Optional<Omit<treeView.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseTreeViewReturn extends Accessor<treeView.Api<PropTypes>> {
+}
+export declare const useTreeView: (props: UseTreeViewProps) => UseTreeViewReturn;

package/dist/types/index.d.ts

@@ -1,37 +1,2 @@
-export * from './accordion';
-export * from './avatar';
-export * from './carousel';
-export * from './checkbox';
-export * from './clipboard';
-export * from './collapsible';
-export * from './color-picker';
-export * from './combobox';
-export * from './date-picker';
-export * from './dialog';
-export * from './editable';
-export * from './environment';
-export * from './factory';
-export * from './file-upload';
-export * from './format';
-export * from './hover-card';
-export * from './locale';
-export * from './menu';
-export * from './number-input';
-export * from './pagination';
-export * from './pin-input';
-export * from './popover';
-export * from './presence';
-export * from './progress';
-export * from './radio-group';
-export * from './rating-group';
-export * from './segment-group';
-export * from './select';
-export * from './slider';
-export * from './splitter';
-export * from './switch';
-export * from './tabs';
-export * from './tags-input';
-export * from './toast';
-export * from './toggle-group';
-export * from './tooltip';
-export * from './tree-view';
+export * from './components';
+export * from './providers';

package/dist/types/providers/environment/environment.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from 'solid-js';
+import { type RootNode } from './use-environment-context';
+export interface EnvironmentProps {
+    children?: JSX.Element;
+    value?: RootNode | (() => RootNode);
+}
+export declare const Environment: (props: EnvironmentProps) => JSX.Element;

package/dist/types/providers/environment/index.d.ts

@@ -0,0 +1,2 @@
+export { Environment, type EnvironmentProps } from './environment';
+export { useEnvironmentContext, type EnvironmentContext, type RootNode, } from './use-environment-context';

package/dist/types/providers/environment/use-environment-context.d.ts

@@ -0,0 +1,18 @@
+import type { Accessor } from 'solid-js';
+export type RootNode = ShadowRoot | Document | Node;
+export interface EnvironmentContext {
+    /**
+     * The root node of the application.
+     * This is used to determine the window and document objects.
+     */
+    getRootNode(): RootNode;
+    /**
+     * The document context for the root node.
+     */
+    getDocument(): Document;
+    /**
+     * The window context for the root node.
+     */
+    getWindow(): Window & typeof globalThis;
+}
+export declare const EnvironmentProvider: import("solid-js").ContextProviderComponent<Accessor<EnvironmentContext>>, useEnvironmentContext: () => Accessor<EnvironmentContext>;

package/dist/types/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './environment';
+export * from './locale';

package/dist/types/providers/locale/index.d.ts

@@ -0,0 +1,2 @@
+export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
+export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/types/providers/locale/locale-provider.d.ts

@@ -0,0 +1,10 @@
+import { type LocaleOptions } from '@zag-js/i18n-utils';
+import { type ParentProps } from 'solid-js';
+export interface LocaleProviderProps extends LocaleOptions, ParentProps {
+    /**
+     * The default locale to use if no locale is provided via props.
+     * @default 'en-US'
+     */
+    defaultLocale?: string;
+}
+export declare const LocaleProvider: (props: LocaleProviderProps) => import("solid-js").JSX.Element;

package/dist/types/providers/locale/use-locale-context.d.ts

@@ -0,0 +1,5 @@
+import type { Locale } from '@zag-js/i18n-utils';
+import type { Accessor } from 'solid-js';
+export interface UseLocaleContext extends Accessor<Locale> {
+}
+export declare const LocaleContextProvider: import("solid-js").ContextProviderComponent<UseLocaleContext>, useLocaleContext: () => UseLocaleContext;

package/dist/types/utils/run-if-fn.d.ts

@@ -0,0 +1,2 @@
+export type AnyFunction<Arg = unknown, ReturnValue = unknown> = (...args: Arg[]) => ReturnValue;
+export declare const runIfFn: <MaybeReturnValue, FunctionArgs>(valueOrFn: MaybeReturnValue | ((...fnArgs: FunctionArgs[]) => MaybeReturnValue), ...args: FunctionArgs[]) => MaybeReturnValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "3.0.0-1",
+  "version": "3.0.0-3",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -68,12 +68,10 @@
   },
   "scripts": {
     "build": "rollup -c",
-    "lint": "eslint --ext .ts,.tsx src",
+    "lint": "biome lint ./src",
     "test": "vitest",
-    "test:ci": "vitest --run --coverage",
+    "test:ci": "vitest --run",
     "typecheck": "tsc",
-    "storydocs": "bun run --cwd ../../scripts document:stories solid",
-    "typedocs": "bun run --cwd ../../scripts document:types solid",
     "storybook": "storybook dev -p 6006",
     "release-it": "release-it --config ../../release-it.json"
   },
@@ -83,73 +81,70 @@
   "sideEffects": false,
   "dependencies": {
     "@ark-ui/anatomy": "3.0.0",
-    "@zag-js/accordion": "0.45.0",
-    "@zag-js/avatar": "0.45.0",
-    "@zag-js/carousel": "0.45.0",
-    "@zag-js/checkbox": "0.45.0",
-    "@zag-js/clipboard": "0.45.0",
-    "@zag-js/collapsible": "0.45.0",
-    "@zag-js/color-picker": "0.45.0",
-    "@zag-js/combobox": "0.45.0",
-    "@zag-js/date-picker": "0.45.0",
-    "@zag-js/dialog": "0.45.0",
-    "@zag-js/editable": "0.45.0",
-    "@zag-js/file-upload": "0.45.0",
-    "@zag-js/hover-card": "0.45.0",
-    "@zag-js/file-utils": "0.45.0",
-    "@zag-js/i18n-utils": "0.45.0",
-    "@zag-js/menu": "0.45.0",
-    "@zag-js/number-input": "0.45.0",
-    "@zag-js/pagination": "0.45.0",
-    "@zag-js/pin-input": "0.45.0",
-    "@zag-js/popover": "0.45.0",
-    "@zag-js/presence": "0.45.0",
-    "@zag-js/progress": "0.45.0",
-    "@zag-js/radio-group": "0.45.0",
-    "@zag-js/rating-group": "0.45.0",
-    "@zag-js/select": "0.45.0",
-    "@zag-js/slider": "0.45.0",
-    "@zag-js/solid": "0.45.0",
-    "@zag-js/splitter": "0.45.0",
-    "@zag-js/switch": "0.45.0",
-    "@zag-js/tabs": "0.45.0",
-    "@zag-js/tags-input": "0.45.0",
-    "@zag-js/toast": "0.45.0",
-    "@zag-js/toggle-group": "0.45.0",
-    "@zag-js/tooltip": "0.45.0",
-    "@zag-js/tree-view": "0.45.0",
-    "@zag-js/types": "0.45.0"
+    "@zag-js/accordion": "0.49.0",
+    "@zag-js/avatar": "0.49.0",
+    "@zag-js/carousel": "0.49.0",
+    "@zag-js/checkbox": "0.49.0",
+    "@zag-js/clipboard": "0.49.0",
+    "@zag-js/collapsible": "0.49.0",
+    "@zag-js/color-picker": "0.49.0",
+    "@zag-js/combobox": "0.49.0",
+    "@zag-js/date-picker": "0.49.0",
+    "@zag-js/dialog": "0.49.0",
+    "@zag-js/dom-query": "0.49.0",
+    "@zag-js/editable": "0.49.0",
+    "@zag-js/file-upload": "0.49.0",
+    "@zag-js/hover-card": "0.49.0",
+    "@zag-js/file-utils": "0.49.0",
+    "@zag-js/i18n-utils": "0.49.0",
+    "@zag-js/menu": "0.49.0",
+    "@zag-js/number-input": "0.49.0",
+    "@zag-js/pagination": "0.49.0",
+    "@zag-js/pin-input": "0.49.0",
+    "@zag-js/popover": "0.49.0",
+    "@zag-js/presence": "0.49.0",
+    "@zag-js/progress": "0.49.0",
+    "@zag-js/radio-group": "0.49.0",
+    "@zag-js/rating-group": "0.49.0",
+    "@zag-js/select": "0.49.0",
+    "@zag-js/slider": "0.49.0",
+    "@zag-js/solid": "0.49.0",
+    "@zag-js/splitter": "0.49.0",
+    "@zag-js/switch": "0.49.0",
+    "@zag-js/tabs": "0.49.0",
+    "@zag-js/tags-input": "0.49.0",
+    "@zag-js/toast": "0.49.0",
+    "@zag-js/toggle-group": "0.49.0",
+    "@zag-js/tooltip": "0.49.0",
+    "@zag-js/tree-view": "0.49.0",
+    "@zag-js/types": "0.49.0"
   },
   "devDependencies": {
+    "@biomejs/biome": "1.7.2",
     "@release-it/keep-a-changelog": "5.0.0",
     "@solidjs/testing-library": "0.8.7",
-    "@storybook/addon-a11y": "8.0.6",
-    "@storybook/addon-essentials": "8.0.6",
-    "@testing-library/dom": "9.3.4",
+    "@storybook/addon-a11y": "8.0.9",
+    "@storybook/addon-essentials": "8.0.9",
+    "@testing-library/dom": "10.1.0",
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.6",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@typescript-eslint/eslint-plugin": "7.5.0",
-    "@typescript-eslint/parser": "7.5.0",
-    "@vitest/coverage-v8": "1.4.0",
-    "eslint": "8.57.0",
-    "eslint-plugin-jest-dom": "5.2.0",
-    "eslint-plugin-testing-library": "6.2.0",
     "globby": "14.0.1",
     "jsdom": "24.0.0",
-    "release-it": "17.1.1",
+    "lucide-solid": "0.377.0",
+    "release-it": "17.2.1",
     "resize-observer-polyfill": "1.5.1",
-    "rollup": "4.14.1",
+    "rollup": "4.17.2",
     "rollup-preset-solid": "2.0.1",
-    "solid-js": "1.8.16",
-    "storybook": "8.0.6",
+    "solid-js": "1.8.17",
+    "storybook": "8.0.9",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
-    "typescript": "5.4.4",
-    "vite": "5.2.8",
+    "typescript": "5.4.5",
+    "vite": "5.2.11",
     "vite-plugin-solid": "2.10.2",
-    "vitest": "1.4.0"
+    "vitest": "1.5.3"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"

package/dist/source/accordion/accordion-item-content.jsx

@@ -1,16 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createMemo } from 'solid-js';
-import { Collapsible } from '../collapsible';
-import { useAccordionContext } from './use-accordion-context';
-import { useAccordionItemPropsContext } from './use-accordion-item-context';
-export const AccordionItemContent = (props) => {
-    const context = useAccordionContext();
-    const itemProps = useAccordionItemPropsContext();
-    const itemContentProps = createMemo(() => {
-        const ownProps = context().getItemContentProps(itemProps);
-        delete ownProps.hidden;
-        return ownProps;
-    });
-    const mergedProps = mergeProps(itemContentProps, props);
-    return <Collapsible.Content {...mergedProps}/>;
-};

package/dist/source/accordion/accordion-item-indicator.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useAccordionContext } from './use-accordion-context';
-import { useAccordionItemPropsContext } from './use-accordion-item-context';
-export const AccordionItemIndicator = (props) => {
-    const context = useAccordionContext();
-    const itemProps = useAccordionItemPropsContext();
-    const mergedProps = mergeProps(() => context().getItemIndicatorProps(itemProps), props);
-    return <ark.div {...mergedProps}/>;
-};

package/dist/source/accordion/accordion-item-trigger.jsx

@@ -1,14 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { splitProps } from 'solid-js';
-import { useCollapsibleContext } from '../collapsible';
-import { ark } from '../factory';
-import { useAccordionContext } from './use-accordion-context';
-import { useAccordionItemPropsContext } from './use-accordion-item-context';
-export const AccordionItemTrigger = (props) => {
-    const context = useAccordionContext();
-    const itemProps = useAccordionItemPropsContext();
-    const collapsible = useCollapsibleContext();
-    const mergedProps = mergeProps(() => context().getItemTriggerProps(itemProps), props);
-    const [ariaControls, buttonProps] = splitProps(mergedProps, ['aria-controls']);
-    return <ark.button {...buttonProps} {...(!collapsible().isUnmounted && ariaControls)}/>;
-};

package/dist/source/accordion/accordion-item.jsx

@@ -1,20 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createMemo } from 'solid-js';
-import { Collapsible } from '../collapsible';
-import { createSplitProps } from '../create-split-props';
-import { useRenderStrategyContext } from '../render-strategy';
-import { useAccordionContext } from './use-accordion-context';
-import { AccordionItemPropsProvider, AccordionItemProvider } from './use-accordion-item-context';
-export const AccordionItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['value', 'disabled']);
-    const context = useAccordionContext();
-    const renderStrategyProps = useRenderStrategyContext();
-    const mergedProps = mergeProps(() => context().getItemProps(itemProps), localProps);
-    const itemState = createMemo(() => context().getItemState(itemProps));
-    const itemContentProps = context().getItemContentProps(itemProps);
-    return (<AccordionItemPropsProvider value={itemProps}>
-      <AccordionItemProvider value={itemState}>
-        <Collapsible.Root open={itemState().isOpen} ids={{ content: itemContentProps.id }} {...renderStrategyProps} {...mergedProps}/>
-      </AccordionItemProvider>
-    </AccordionItemPropsProvider>);
-};

package/dist/source/accordion/accordion-root.jsx

@@ -1,29 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { RenderStrategyProvider, splitRenderStrategyProps, } from '../render-strategy';
-import { useAccordion } from './use-accordion';
-import { AccordionProvider } from './use-accordion-context';
-export const AccordionRoot = (props) => {
-    const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
-    const [useAccordionProps, localProps] = createSplitProps()(accordionProps, [
-        'collapsible',
-        'dir',
-        'disabled',
-        'getRootNode',
-        'id',
-        'ids',
-        'multiple',
-        'onFocusChange',
-        'onValueChange',
-        'orientation',
-        'value',
-    ]);
-    const api = useAccordion(useAccordionProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<AccordionProvider value={api}>
-      <RenderStrategyProvider value={renderStrategyProps}>
-        <ark.div {...mergedProps}/>
-      </RenderStrategyProvider>
-    </AccordionProvider>);
-};

package/dist/source/accordion/accordion.jsx

@@ -1,8 +0,0 @@
-import { AccordionContext as Context, } from './accordion-context';
-import { AccordionItem as Item } from './accordion-item';
-import { AccordionItemContent as ItemContent, } from './accordion-item-content';
-import { AccordionItemContext as ItemContext, } from './accordion-item-context';
-import { AccordionItemIndicator as ItemIndicator, } from './accordion-item-indicator';
-import { AccordionItemTrigger as ItemTrigger, } from './accordion-item-trigger';
-import { AccordionRoot as Root } from './accordion-root';
-export { Context, Item, ItemContent, ItemContext, ItemIndicator, ItemTrigger, Root };

package/dist/source/accordion/index.js

@@ -1,10 +0,0 @@
-import { AccordionContext } from './accordion-context';
-import { AccordionItem } from './accordion-item';
-import { AccordionItemContent } from './accordion-item-content';
-import { AccordionItemIndicator, } from './accordion-item-indicator';
-import { AccordionItemTrigger } from './accordion-item-trigger';
-import { AccordionRoot } from './accordion-root';
-import { useAccordionContext } from './use-accordion-context';
-import { useAccordionItemContext } from './use-accordion-item-context';
-export * as Accordion from './accordion';
-export { AccordionContext, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, useAccordionContext, useAccordionItemContext, };

package/dist/source/accordion/use-accordion-context.js

@@ -1,5 +0,0 @@
-import { createContext } from '../create-context';
-export const [AccordionProvider, useAccordionContext] = createContext({
-    hookName: 'useAccordionContext',
-    providerName: '<AccordionProvider />',
-});

package/dist/source/accordion/use-accordion-item-context.js

@@ -1,9 +0,0 @@
-import { createContext } from '../create-context';
-export const [AccordionItemProvider, useAccordionItemContext] = createContext({
-    hookName: 'useAccordionItemContext',
-    providerName: '<AccordionItemProvider />',
-});
-export const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext({
-    hookName: 'useAccordionItemPropsContext',
-    providerName: '<AccordionItemPropsProvider />',
-});

package/dist/source/accordion/use-accordion.js

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

package/dist/source/avatar/avatar-root.jsx

@@ -1,18 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useAvatar } from './use-avatar';
-import { AvatarProvider } from './use-avatar-context';
-export const AvatarRoot = (props) => {
-    const [useAvatarProps, localProps] = createSplitProps()(props, [
-        'dir',
-        'getRootNode',
-        'id',
-        'onLoadingStatusChange',
-    ]);
-    const context = useAvatar(useAvatarProps);
-    const mergedProps = mergeProps(() => context().rootProps, localProps);
-    return (<AvatarProvider value={context}>
-      <ark.div {...mergedProps}/>
-    </AvatarProvider>);
-};

package/dist/source/avatar/avatar.jsx

@@ -1,5 +0,0 @@
-import { AvatarContext as Context } from './avatar-context';
-import { AvatarFallback as Fallback, } from './avatar-fallback';
-import { AvatarImage as Image } from './avatar-image';
-import { AvatarRoot as Root } from './avatar-root';
-export { Context, Fallback, Image, Root };

package/dist/source/avatar/index.js

@@ -1,7 +0,0 @@
-import { AvatarContext } from './avatar-context';
-import { AvatarFallback } from './avatar-fallback';
-import { AvatarImage } from './avatar-image';
-import { AvatarRoot } from './avatar-root';
-import { useAvatarContext } from './use-avatar-context';
-export * as Avatar from './avatar';
-export { AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, useAvatarContext };

package/dist/source/avatar/use-avatar-context.js

@@ -1,5 +0,0 @@
-import { createContext } from '../create-context';
-export const [AvatarProvider, useAvatarContext] = createContext({
-    hookName: 'useAvatarContext',
-    providerName: '<AvatarProvider />',
-});