@k3-universe/react-kit 0.0.32 → 0.0.34

package/dist/index.js

@@ -19411,7 +19411,7 @@ function Autocomplete({
   clearable = true,
   initialSelectedOptions,
   loadSelected
-}) {
+}, ref) {
   const isMultiple = !!multiple;
   const isControlled = controlledValue !== void 0;
   const [internalValue, setInternalValue] = useState(() => {
@@ -19459,7 +19459,7 @@ function Autocomplete({
   const [clearCounter, setClearCounter] = useState(0);
   const [isOpen, setIsOpen] = useState(!!defaultOpen);
   useEffect(() => {
-    if (clearCounter > 0) {
+    if (clearCounter >= 0) {
       setSearchInput("");
     }
   }, [clearCounter]);
@@ -19637,6 +19637,7 @@ function Autocomplete({
     const newValue = isMultiple ? [] : null;
     if (!isControlled) setInternalValue(newValue);
     onChange == null ? void 0 : onChange(newValue, isMultiple ? [] : null, isMultiple ? [] : null);
+    setSearchInput("");
   }, [isMultiple, isControlled, onChange]);
   const handleCreateCustom = useCallback(() => {
     const trimmed = searchInput.trim();
@@ -19709,6 +19710,13 @@ function Autocomplete({
     element.addEventListener("scroll", handleScroll2);
     return () => element.removeEventListener("scroll", handleScroll2);
   }, [handleScroll2]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      reset: handleClear
+    }),
+    []
+  );
   const showClearButton = clearable && (isMultiple && selectedItems.length > 0 || !isMultiple && currentValue !== null && currentValue !== void 0 && !Array.isArray(currentValue));
   return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -19836,6 +19844,7 @@ function Autocomplete({
     )
   ] });
 }
+const ForwardedRefAutocomplete = forwardRef(Autocomplete);
 function AutocompleteField({
   field,
   value,
@@ -19920,6 +19929,7 @@ function TextField({
     Input,
     {
       id: fieldPath,
+      name: fieldPath,
       className,
       disabled: field.disabled,
       placeholder: field.placeholder,
@@ -65132,6 +65142,7 @@ export {
   FormItem,
   FormLabel,
   FormMessage,
+  ForwardedRefAutocomplete,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,

package/dist/kit/builder/form/components/fields/SelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/SelectField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA6BlB"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/SelectField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA8BlB"}

package/dist/kit/builder/form/components/fields/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAclB"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAelB"}

package/dist/kit/components/autocomplete/Autocomplete.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement, RefAttributes } from 'react';
 import { AutocompleteFetcher, AutocompleteMode, AutocompleteOption } from './types';
 export type AutocompleteProps<T = unknown> = {
     mode: AutocompleteMode;
@@ -22,6 +23,7 @@ export type AutocompleteProps<T = unknown> = {
     initialSelectedOptions?: AutocompleteOption<T> | AutocompleteOption<T>[];
     loadSelected?: (values: Array<string | number>) => Promise<AutocompleteOption<T>[]>;
 };
-export declare function Autocomplete<T = unknown>({ mode, options, fetcher, fetcherFilter, pageSize, value: controlledValue, onChange, placeholder, disabled, multiple, className, chipVariant, chipClassName, emptyText, renderOption, defaultOpen, defaultValue, allowCustomValue, clearable, initialSelectedOptions, loadSelected, }: AutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Autocomplete<T = unknown>({ mode, options, fetcher, fetcherFilter, pageSize, value: controlledValue, onChange, placeholder, disabled, multiple, className, chipVariant, chipClassName, emptyText, renderOption, defaultOpen, defaultValue, allowCustomValue, clearable, initialSelectedOptions, loadSelected, }: AutocompleteProps<T>, ref?: any): import("react/jsx-runtime").JSX.Element;
+export declare const ForwardedRefAutocomplete: <T>(props: AutocompleteProps<T> & RefAttributes<any>) => (ReactElement | null);
 export default Autocomplete;
 //# sourceMappingURL=Autocomplete.d.ts.map

package/dist/kit/components/autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAEnB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC3C,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EACtD,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAChE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,KACjB,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAC3B,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;CACvC,CAAC;AAIF,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,EACxC,IAAe,EACf,OAAY,EACZ,OAAO,EACP,aAAa,EACb,QAA4B,EAC5B,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,WAAmC,EACnC,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,WAAyB,EACzB,aAAa,EACb,SAA8B,EAC9B,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAwB,EACxB,SAAgB,EAChB,sBAAsB,EACtB,YAAY,GACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAqjBtB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/kit/components/autocomplete/index.d.ts

@@ -1,4 +1,4 @@
 export * from './types';
-export { default as Autocomplete } from './Autocomplete';
+export { default as Autocomplete, ForwardedRefAutocomplete } from './Autocomplete';
 export type { AutocompleteProps } from './Autocomplete';
 //# sourceMappingURL=index.d.ts.map

package/dist/kit/components/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AACnF,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k3-universe/react-kit",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/kit/builder/data-table/components/DataTablePagination.tsx

@@ -62,6 +62,7 @@ export function DataTablePagination<TData>({
         </div>
         <div className="flex items-center space-x-2">
           <Button
+            type="button"
             variant="outline"
             size="icon"
             className="hidden size-8 lg:flex"
@@ -72,6 +73,7 @@ export function DataTablePagination<TData>({
             <ChevronsLeft className="size-4" />
           </Button>
           <Button
+            type="button"
             variant="outline"
             size="icon"
             className="size-8"
@@ -82,6 +84,7 @@ export function DataTablePagination<TData>({
             <ChevronLeft className="size-4" />
           </Button>
           <Button
+            type="button"
             variant="outline"
             size="icon"
             className="size-8"
@@ -92,6 +95,7 @@ export function DataTablePagination<TData>({
             <ChevronRight className="size-4" />
           </Button>
           <Button
+            type="button"
             variant="outline"
             size="icon"
             className="hidden size-8 lg:flex"

package/src/kit/builder/form/components/fields/SelectField.tsx

@@ -24,6 +24,7 @@ export function SelectField({
 
   return (
     <Select
+      // name={field.name}
       value={toUiValue(value)}
       onValueChange={(val) => onChange(fromUiValue(val))}
       disabled={field.disabled}

package/src/kit/builder/form/components/fields/TextField.tsx

@@ -13,6 +13,7 @@ export function TextField({
   return (
     <Input
       id={fieldPath}
+      name={fieldPath}
       className={className}
       disabled={field.disabled}
       placeholder={field.placeholder}

package/src/kit/components/autocomplete/Autocomplete.tsx

@@ -1,19 +1,29 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useCombobox } from 'downshift';
+import { Check, ChevronsUpDown, Loader2, X } from 'lucide-react';
+import {
+  forwardRef,
+  ReactElement,
+  RefAttributes,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from 'react';
 import { useDebounce } from 'use-debounce';
 import { cn } from '../../../shadcn/lib/utils';
+import { Badge } from '../../../shadcn/ui/badge';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
 } from '../../../shadcn/ui/popover';
-import { Badge } from '../../../shadcn/ui/badge';
-import { ChevronsUpDown, X, Check, Loader2 } from 'lucide-react';
 import type {
   AutocompleteFetcher,
+  AutocompleteFetchResult,
   AutocompleteMode,
   AutocompleteOption,
-  AutocompleteFetchResult,
 } from './types';
 
 export type AutocompleteProps<T = unknown> = {
@@ -73,7 +83,7 @@ export function Autocomplete<T = unknown>({
   clearable = true,
   initialSelectedOptions,
   loadSelected,
-}: AutocompleteProps<T>) {
+}: AutocompleteProps<T>, ref?: any) {
   const isMultiple = !!multiple;
   const isControlled = controlledValue !== undefined;
 
@@ -141,7 +151,7 @@ export function Autocomplete<T = unknown>({
 
   // Clear input in multiple mode after selection
   useEffect(() => {
-    if (clearCounter > 0) {
+    if (clearCounter >= 0) {
       setSearchInput('');
     }
   }, [clearCounter]);
@@ -175,8 +185,8 @@ export function Autocomplete<T = unknown>({
         // Client mode
         const filtered = search
           ? options.filter((o) =>
-              o.label.toLowerCase().includes(search.toLowerCase()),
-            )
+            o.label.toLowerCase().includes(search.toLowerCase()),
+          )
           : options;
         options.forEach(storeOption);
         const start = (pageNum - 1) * pageSize;
@@ -267,7 +277,7 @@ export function Autocomplete<T = unknown>({
         }
         // eslint-disable-next-line @typescript-eslint/no-empty-function
       })
-      .catch(() => {});
+      .catch(() => { });
     return () => {
       cancelled = true;
     };
@@ -291,7 +301,7 @@ export function Autocomplete<T = unknown>({
         if (!cancelled) opts.forEach(storeOption);
         // eslint-disable-next-line @typescript-eslint/no-empty-function
       })
-      .catch(() => {});
+      .catch(() => { });
     return () => {
       cancelled = true;
     };
@@ -340,7 +350,7 @@ export function Autocomplete<T = unknown>({
 
         // Skip if already selected (don't toggle), but still clear the search
         if (exists) {
-          setClearCounter((c) => c + 1);
+          setClearCounter((c) => (c + 1));
           return;
         }
 
@@ -358,7 +368,7 @@ export function Autocomplete<T = unknown>({
         onChange?.(newValues, newOptions, raws);
 
         // Trigger input clear
-        setClearCounter((c) => c + 1);
+        setClearCounter((c) => (c + 1));
       } else {
         if (!isControlled) setInternalValue(item.value);
         onChange?.(item.value, item, item.raw ?? null);
@@ -392,6 +402,7 @@ export function Autocomplete<T = unknown>({
     const newValue = isMultiple ? [] : null;
     if (!isControlled) setInternalValue(newValue);
     onChange?.(newValue, isMultiple ? [] : null, isMultiple ? [] : null);
+    setSearchInput('');
   }, [isMultiple, isControlled, onChange]);
 
   // Handle custom value creation
@@ -485,6 +496,14 @@ export function Autocomplete<T = unknown>({
     return () => element.removeEventListener('scroll', handleScroll);
   }, [handleScroll]);
 
+  useImperativeHandle(
+    ref,
+    () => ({
+      reset: handleClear,
+    }),
+    []
+  );
+
   const showClearButton =
     clearable &&
     ((isMultiple && selectedItems.length > 0) ||
@@ -596,7 +615,7 @@ export function Autocomplete<T = unknown>({
             items.map((item, index) => {
               const isSelected = isMultiple
                 ? Array.isArray(currentValue) &&
-                  currentValue.includes(item.value)
+                currentValue.includes(item.value)
                 : currentValue === item.value;
               const isHighlighted = highlightedIndex === index;
 
@@ -640,4 +659,6 @@ export function Autocomplete<T = unknown>({
   );
 }
 
+export const ForwardedRefAutocomplete = forwardRef(Autocomplete) as <T>(props: AutocompleteProps<T> & RefAttributes<any>) => (ReactElement | null);
+
 export default Autocomplete;

package/src/kit/components/autocomplete/index.ts

@@ -1,3 +1,3 @@
 export * from './types';
-export { default as Autocomplete } from './Autocomplete';
+export { default as Autocomplete, ForwardedRefAutocomplete } from './Autocomplete';
 export type { AutocompleteProps } from './Autocomplete';

package/storybook-static/assets/Accordion.stories-KU4JBR8U.js

@@ -1,52 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{A as n,a as o,b as r,c as i}from"./accordion-DVgwQcnw.js";import{r as T}from"./iframe-v7iAhKit.js";import"./index-CDY5kTx5.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-CGnyVRgB.js";import"./index-AvwFFKJc.js";import"./index-BfiCOk42.js";import"./index-B_qx7A5T.js";import"./utils-D-KgF5mV.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./preload-helper-Dp1pzeXC.js";const G={title:"Shadcn/UI/Accordion",component:n},c={args:{type:"single",collapsible:!0},render:t=>e.jsxs(n,{...t,children:[e.jsxs(o,{value:"item-1",children:[e.jsx(r,{children:"Is it accessible?"}),e.jsx(i,{children:"Yes. It adheres to WAI-ARIA design patterns."})]}),e.jsxs(o,{value:"item-2",children:[e.jsx(r,{children:"Is it styled?"}),e.jsx(i,{children:"Yes. It comes with default styles that can be overridden."})]}),e.jsxs(o,{value:"item-3",children:[e.jsx(r,{children:"Is it animated?"}),e.jsx(i,{children:"Yes. It uses utility classes for smooth animations."})]})]})},s={args:{type:"multiple",defaultValue:["item-1"]},render:t=>e.jsxs(n,{...t,children:[e.jsxs(o,{value:"item-1",children:[e.jsx(r,{children:"Open multiple items?"}),e.jsx(i,{children:"Yes. In multiple mode you can keep several sections open."})]}),e.jsxs(o,{value:"item-2",children:[e.jsx(r,{children:"Keeps state independent?"}),e.jsx(i,{children:"Each item can be toggled independently in multiple mode."})]}),e.jsxs(o,{value:"item-3",children:[e.jsx(r,{children:"Works with defaultValue?"}),e.jsx(i,{children:"Provide an array of values to open initially."})]})]})},d={render:t=>e.jsxs(n,{...t,children:[e.jsxs(o,{value:"item-1",children:[e.jsx(r,{children:"Interactable item"}),e.jsx(i,{children:"This item can be toggled as usual."})]}),e.jsxs(o,{value:"item-2",disabled:!0,children:[e.jsx(r,{children:"Disabled item"}),e.jsx(i,{children:"This content cannot be toggled because the item is disabled."})]})]})};function y(){const[t,C]=T.useState("item-1");return e.jsxs(n,{type:"single",collapsible:!0,value:t,onValueChange:C,children:[e.jsxs(o,{value:"item-1",children:[e.jsx(r,{children:"Controlled: Item 1"}),e.jsx(i,{children:"Clicking again will collapse because collapsible is true."})]}),e.jsxs(o,{value:"item-2",children:[e.jsx(r,{children:"Controlled: Item 2"}),e.jsx(i,{children:"State is managed via value/onValueChange."})]})]})}const a={render:()=>e.jsx(y,{})};var l,m,u;c.parameters={...c.parameters,docs:{...(l=c.parameters)==null?void 0:l.docs,source:{originalSource:`{
-  args: {
-    type: 'single',
-    collapsible: true
-  },
-  render: args => <Accordion {...args}>
-      <AccordionItem value="item-1">
-        <AccordionTrigger>Is it accessible?</AccordionTrigger>
-        <AccordionContent>Yes. It adheres to WAI-ARIA design patterns.</AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-2">
-        <AccordionTrigger>Is it styled?</AccordionTrigger>
-        <AccordionContent>Yes. It comes with default styles that can be overridden.</AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-3">
-        <AccordionTrigger>Is it animated?</AccordionTrigger>
-        <AccordionContent>Yes. It uses utility classes for smooth animations.</AccordionContent>
-      </AccordionItem>
-    </Accordion>
-}`,...(u=(m=c.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var p,g,A;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    type: 'multiple',
-    defaultValue: ['item-1']
-  },
-  render: args => <Accordion {...args}>
-      <AccordionItem value="item-1">
-        <AccordionTrigger>Open multiple items?</AccordionTrigger>
-        <AccordionContent>Yes. In multiple mode you can keep several sections open.</AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-2">
-        <AccordionTrigger>Keeps state independent?</AccordionTrigger>
-        <AccordionContent>Each item can be toggled independently in multiple mode.</AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-3">
-        <AccordionTrigger>Works with defaultValue?</AccordionTrigger>
-        <AccordionContent>Provide an array of values to open initially.</AccordionContent>
-      </AccordionItem>
-    </Accordion>
-}`,...(A=(g=s.parameters)==null?void 0:g.docs)==null?void 0:A.source}}};var h,I,x;d.parameters={...d.parameters,docs:{...(h=d.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  render: args => <Accordion {...args}>
-      <AccordionItem value="item-1">
-        <AccordionTrigger>Interactable item</AccordionTrigger>
-        <AccordionContent>This item can be toggled as usual.</AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-2" disabled>
-        <AccordionTrigger>Disabled item</AccordionTrigger>
-        <AccordionContent>This content cannot be toggled because the item is disabled.</AccordionContent>
-      </AccordionItem>
-    </Accordion>
-}`,...(x=(I=d.parameters)==null?void 0:I.docs)==null?void 0:x.source}}};var j,v,b;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  render: () => <ControlledAccordionDemo />
-}`,...(b=(v=a.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};const H=["Basic","Multiple","DisabledItem","Controlled"];export{c as Basic,a as Controlled,d as DisabledItem,s as Multiple,H as __namedExportsOrder,G as default};