@ark-ui/solid 3.9.0 → 3.10.0

package/dist/source/components/checkbox/checkbox-group.jsx

@@ -9,6 +9,7 @@ export const CheckboxGroup = (props) => {
         'value',
         'onValueChange',
         'disabled',
+        'invalid',
         'readOnly',
         'name',
     ]);

package/dist/source/components/checkbox/use-checkbox-group.js

@@ -37,6 +37,7 @@ export function useCheckboxGroup(props = {}) {
                 name: props.name,
                 disabled: props.disabled,
                 readOnly: props.readOnly,
+                invalid: props.invalid,
             };
         };
         return {
@@ -45,6 +46,7 @@ export function useCheckboxGroup(props = {}) {
             name: props.name,
             disabled: props.disabled,
             readOnly: props.readOnly,
+            invalid: props.invalid,
             setValue,
             addValue,
             toggleValue,

package/dist/source/components/select/select-hidden-select.jsx

@@ -13,7 +13,7 @@ export const SelectHiddenSelect = (props) => {
         <option value=""/>
       </Show>
       <Index each={select().collection.items}>
-        {(item) => (<option value={select().collection.getItemValue(item) ?? ''} disabled={select().collection.getItemDisabled(item)}/>)}
+        {(item) => (<option value={select().collection.getItemValue(item()) ?? ''} disabled={select().collection.getItemDisabled(item())}/>)}
       </Index>
     </ark.select>);
 };

package/dist/source/components/steps/index.js

@@ -1,5 +1,6 @@
 export { StepsCompletedContent, } from './steps-completed-content';
 export { StepsContent } from './steps-content';
+export { StepsContext } from './steps-context';
 export { StepsIndicator, } from './steps-indicator';
 export { StepsItem } from './steps-item';
 export { StepsItemContext } from './steps-item-context';
@@ -11,6 +12,7 @@ export { StepsRoot } from './steps-root';
 export { StepsRootProvider, } from './steps-root-provider';
 export { StepsSeparator, } from './steps-separator';
 export { StepsTrigger } from './steps-trigger';
+export { stepsAnatomy } from './steps.anatomy';
 export { useSteps } from './use-steps';
 export { useStepsContext } from './use-steps-context';
 export { useStepsItemContext } from './use-steps-item-context';

package/dist/source/components/steps/steps-context.jsx

@@ -0,0 +1,5 @@
+import { useStepsContext } from './use-steps-context';
+export const StepsContext = (props) => {
+    const context = useStepsContext();
+    return props.children(context);
+};

package/dist/source/components/steps/steps.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as stepsAnatomy } from '@zag-js/steps';

package/dist/source/components/steps/steps.js

@@ -10,3 +10,5 @@ export { StepsRoot as Root, } from './steps-root';
 export { StepsRootProvider as RootProvider, } from './steps-root-provider';
 export { StepsSeparator as Separator, } from './steps-separator';
 export { StepsTrigger as Trigger, } from './steps-trigger';
+export { StepsItemContext as ItemContext, } from './steps-item-context';
+export { StepsContext as Context } from './steps-context';

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

@@ -25,6 +25,10 @@ export interface UseCheckboxGroupProps {
      * If `true`, the checkbox group is read-only
      */
     readOnly?: boolean;
+    /**
+     * If `true`, the checkbox group is invalid
+     */
+    invalid?: boolean;
 }
 export interface CheckboxGroupItemProps {
     value: string | undefined;
@@ -35,6 +39,7 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): Accesso
     name: string;
     disabled: boolean;
     readOnly: boolean;
+    invalid: boolean;
     setValue: (next: string[] | ((prev: string[]) => string[])) => void;
     addValue: (val: string) => void;
     toggleValue: (val: string) => void;
@@ -44,6 +49,7 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): Accesso
         name: string;
         disabled: boolean;
         readOnly: boolean;
+        invalid: boolean;
     };
 }>;
 export type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>;

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

@@ -1,6 +1,7 @@
 export type { StepChangeDetails } from '@zag-js/steps';
 export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from './steps-completed-content';
 export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content';
+export { StepsContext, type StepsContextProps } from './steps-context';
 export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, } from './steps-indicator';
 export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item';
 export { StepsItemContext, type StepsItemContextProps } from './steps-item-context';
@@ -12,6 +13,7 @@ export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps
 export { StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, } from './steps-root-provider';
 export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, } from './steps-separator';
 export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger';
+export { stepsAnatomy } from './steps.anatomy';
 export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps';
 export { useStepsContext, type UseStepsContext } from './use-steps-context';
 export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context';

package/dist/types/components/steps/steps-context.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type UseStepsContext } from './use-steps-context';
+export interface StepsContextProps {
+    children: (context: UseStepsContext) => JSX.Element;
+}
+export declare const StepsContext: (props: StepsContextProps) => JSX.Element;

package/dist/types/components/steps/steps.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as stepsAnatomy } from '@zag-js/steps';

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

@@ -11,3 +11,5 @@ export { StepsRoot as Root, type StepsRootBaseProps as RootBaseProps, type Steps
 export { StepsRootProvider as RootProvider, type StepsRootProviderBaseProps as RootProviderBaseProps, type StepsRootProviderProps as RootProviderProps, } from './steps-root-provider';
 export { StepsSeparator as Separator, type StepsSeparatorBaseProps as SeparatorBaseProps, type StepsSeparatorProps as SeparatorProps, } from './steps-separator';
 export { StepsTrigger as Trigger, type StepsTriggerBaseProps as TriggerBaseProps, type StepsTriggerProps as TriggerProps, } from './steps-trigger';
+export { StepsItemContext as ItemContext, type StepsItemContextProps as ItemContextProps, } from './steps-item-context';
+export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,13 +141,13 @@
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
     "globby": "14.0.2",
-    "jsdom": "24.1.1",
-    "lucide-solid": "0.428.0",
+    "jsdom": "24.1.3",
+    "lucide-solid": "0.438.0",
     "release-it": "17.6.0",
     "resize-observer-polyfill": "1.5.1",
-    "rollup": "4.21.0",
+    "rollup": "4.21.2",
     "rollup-preset-solid": "2.0.1",
-    "solid-js": "1.8.21",
+    "solid-js": "1.8.22",
     "storybook": "8.2.9",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",