@neynar/ui 0.1.1 → 0.1.2

package/dist/components/ui/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AA6DF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+HG;AACH,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CA6E7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAmB5E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAgBzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,gEAAgE;AAChE,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE3C,+CAA+C;AAC/C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEjE,2CAA2C;AAC3C,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAEhD,sCAAsC;AACtC,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAqM/C,sEAAsE;AACtE,KAAK,aAAa,GAAG;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,iEAAiE;IACjE,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,8CAA8C;AAC9C,KAAK,oBAAoB,GAAG;IAC1B,kDAAkD;IAClD,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,2DAA2D;IAC3D,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,+CAA+C;IAC/C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,2CAA2C;IAC3C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,wDAAwD;IACxD,aAAa,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,EAAE,OAAO,CAAC;CACxB,GAAG,aAAa,CAAC;AAIlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,iBAAS,WAAW,yBAQnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6MG;AACH,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CA6E7C;AAED,6EAA6E;AAC7E,KAAK,oBAAoB,GAAG;IAC1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAmBrE;AAED,0EAA0E;AAC1E,KAAK,iBAAiB,GAAG;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAgB/D;AAED,8EAA8E;AAC9E,KAAK,qBAAqB,GAAG;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,kBAAkB;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;CACpD,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAuBvB;AAED,0EAA0E;AAC1E,KAAK,iBAAiB,GAAG;IACvB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,kBAAkB;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;CACpD,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAuBnB;AAED,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,CAAC"}

package/dist/components/ui/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../src/components/ui/chart.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../src/components/ui/chart.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/checkbox.d.ts

@@ -8,7 +8,11 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
  * and comprehensive form integration. Features consistent styling with the design
  * system and proper keyboard navigation.
  *
- * @example Basic usage
+ * The component automatically renders a hidden input element when used within a form
+ * to ensure proper form submission and native validation support. Supports three states:
+ * checked (true), unchecked (false), and indeterminate for partial selections.
+ *
+ * @example Basic usage with Label
  * ```tsx
  * <div className="flex items-center space-x-2">
  *   <Checkbox id="terms" />
@@ -33,55 +37,123 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
  * @example Indeterminate state for parent-child relationships
  * ```tsx
  * const [parentState, setParentState] = useState("indeterminate");
+ * const [childStates, setChildStates] = useState([true, false, true]);
  *
- * <Checkbox
- *   checked={parentState}
- *   onCheckedChange={(checked) => {
- *     setParentState(checked);
- *     // Update child checkboxes accordingly
- *   }}
- * />
+ * <div className="space-y-2">
+ *   <div className="flex items-center space-x-2">
+ *     <Checkbox
+ *       id="parent"
+ *       checked={parentState}
+ *       onCheckedChange={(checked) => {
+ *         setParentState(checked);
+ *         if (checked === true) {
+ *           setChildStates([true, true, true]);
+ *         } else if (checked === false) {
+ *           setChildStates([false, false, false]);
+ *         }
+ *       }}
+ *     />
+ *     <Label htmlFor="parent">Select all options</Label>
+ *   </div>
+ *   {childStates.map((childChecked, index) => (
+ *     <div key={index} className="flex items-center space-x-2 ml-6">
+ *       <Checkbox
+ *         id={`child-${index}`}
+ *         checked={childChecked}
+ *         onCheckedChange={(checked) => {
+ *           const newStates = [...childStates];
+ *           newStates[index] = checked;
+ *           setChildStates(newStates);
+ *           // Update parent based on child states
+ *           const checkedCount = newStates.filter(Boolean).length;
+ *           if (checkedCount === 0) setParentState(false);
+ *           else if (checkedCount === newStates.length) setParentState(true);
+ *           else setParentState("indeterminate");
+ *         }}
+ *       />
+ *       <Label htmlFor={`child-${index}`}>Option {index + 1}</Label>
+ *     </div>
+ *   ))}
+ * </div>
  * ```
  *
  * @example Form integration with multiple selections
  * ```tsx
  * const [preferences, setPreferences] = useState([]);
+ * const options = [
+ *   { id: "email", label: "Email notifications", value: "email" },
+ *   { id: "sms", label: "SMS notifications", value: "sms" },
+ *   { id: "push", label: "Push notifications", value: "push" }
+ * ];
  *
- * {options.map((option) => (
- *   <div key={option.id} className="flex items-center space-x-2">
- *     <Checkbox
- *       id={option.id}
- *       name="preferences"
- *       value={option.value}
- *       checked={preferences.includes(option.id)}
- *       onCheckedChange={(checked) => {
- *         setPreferences(prev =>
- *           checked
- *             ? [...prev, option.id]
- *             : prev.filter(id => id !== option.id)
- *         );
- *       }}
- *     />
- *     <Label htmlFor={option.id}>{option.label}</Label>
+ * <form onSubmit={(e) => {
+ *   e.preventDefault();
+ *   const formData = new FormData(e.currentTarget);
+ *   console.log(formData.getAll("preferences"));
+ * }}>
+ *   <fieldset className="space-y-3">
+ *     <legend className="text-sm font-medium">Notification Preferences</legend>
+ *     {options.map((option) => (
+ *       <div key={option.id} className="flex items-center space-x-2">
+ *         <Checkbox
+ *           id={option.id}
+ *           name="preferences"
+ *           value={option.value}
+ *           checked={preferences.includes(option.id)}
+ *           onCheckedChange={(checked) => {
+ *             setPreferences(prev =>
+ *               checked
+ *                 ? [...prev, option.id]
+ *                 : prev.filter(id => id !== option.id)
+ *             );
+ *           }}
+ *         />
+ *         <Label htmlFor={option.id}>{option.label}</Label>
+ *       </div>
+ *     ))}
+ *   </fieldset>
+ *   <button type="submit" className="mt-4">Save Preferences</button>
+ * </form>
+ * ```
+ *
+ * @example Disabled states
+ * ```tsx
+ * <div className="space-y-3">
+ *   <div className="flex items-center space-x-2">
+ *     <Checkbox id="disabled-unchecked" disabled />
+ *     <Label htmlFor="disabled-unchecked" className="text-muted-foreground">
+ *       Disabled unchecked
+ *     </Label>
+ *   </div>
+ *   <div className="flex items-center space-x-2">
+ *     <Checkbox id="disabled-checked" disabled defaultChecked />
+ *     <Label htmlFor="disabled-checked" className="text-muted-foreground">
+ *       Disabled checked
+ *     </Label>
+ *   </div>
+ *   <div className="flex items-center space-x-2">
+ *     <Checkbox id="disabled-indeterminate" disabled checked="indeterminate" />
+ *     <Label htmlFor="disabled-indeterminate" className="text-muted-foreground">
+ *       Disabled indeterminate
+ *     </Label>
  *   </div>
- * ))}
+ * </div>
  * ```
  *
- * @see {@link https://ui.shadcn.com/docs/components/checkbox} for design patterns
- * @since 1.0.0
+ * @accessibility
+ * - **Keyboard Navigation**: Space key toggles the checkbox state
+ * - **Screen Readers**: Properly announces state changes and supports required/invalid states
+ * - **Focus Management**: Receives focus and shows focus indicators
+ * - **Form Integration**: Automatically includes hidden input for form submission
+ * - **ARIA Support**: Uses proper ARIA states for checked/unchecked/indeterminate
+ * - **Labeling**: Should always be associated with a Label component using htmlFor and id
+ *
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/checkbox} Radix UI Checkbox primitive
+ * @see {@link https://ui.shadcn.com/docs/components/checkbox} shadcn/ui design patterns
  * @see {@link Label} for accessible labeling
- * @see {@link Switch} for boolean toggles
+ * @see {@link Switch} for boolean toggles with different semantics
  * @see {@link RadioGroup} for single selection scenarios
- *
- * @param className - Additional CSS classes to apply to the checkbox
- * @param checked - Controlled checked state (boolean | "indeterminate")
- * @param defaultChecked - Default checked state for uncontrolled usage
- * @param onCheckedChange - Callback when the checked state changes
- * @param disabled - Whether the checkbox is disabled
- * @param required - Whether the checkbox is required for form validation
- * @param name - Form field name for form submission
- * @param value - Form field value for form submission
- * @param id - Unique identifier, used with Label htmlFor attribute
+ * @since 1.0.0
  */
 declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Checkbox };

package/dist/components/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAK9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAkBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAuE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0JG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAkBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/collapsible.d.ts

@@ -3,26 +3,33 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 /**
  * An interactive component which expands/collapses a panel
  *
- * A flexible container component built on Radix UI primitives that allows users to
+ * A flexible container component built on Radix UI Collapsible primitives that allows users to
  * toggle the visibility of content sections. Unlike Accordion, Collapsible provides
- * more flexibility without enforcing specific visual structures. Perfect for FAQ sections,
- * expandable details, settings panels, and any content that should be initially hidden.
+ * more flexibility without enforcing specific visual structures or mutual exclusivity.
+ * Perfect for FAQ sections, expandable details, settings panels, sidebar navigation,
+ * and any content that should be conditionally visible.
+ *
+ * Built on `@radix-ui/react-collapsible` with enhanced TypeScript support and
+ * comprehensive prop documentation.
  *
  * @component
  * @example
  * ```tsx
- * // Basic controlled collapsible
+ * // Basic controlled collapsible with state management
  * const [isOpen, setIsOpen] = React.useState(false)
  *
  * <Collapsible open={isOpen} onOpenChange={setIsOpen}>
  *   <CollapsibleTrigger asChild>
- *     <Button variant="outline">
+ *     <Button variant="outline" className="w-full justify-between">
  *       Can I use this in my project?
- *       <ChevronDown className="h-4 w-4" />
+ *       <ChevronDown className={cn(
+ *         "h-4 w-4 transition-transform duration-200",
+ *         isOpen && "rotate-180"
+ *       )} />
  *     </Button>
  *   </CollapsibleTrigger>
- *   <CollapsibleContent>
- *     <div className="p-4 border rounded-md bg-muted/50">
+ *   <CollapsibleContent className="overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down">
+ *     <div className="p-4 border rounded-md bg-muted/50 mt-2">
  *       Yes. Free to use for personal and commercial projects.
  *       No attribution required.
  *     </div>
@@ -32,14 +39,14 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
  *
  * @example
  * ```tsx
- * // Uncontrolled collapsible with custom styling
- * <Collapsible className="w-full space-y-2">
+ * // Uncontrolled collapsible with default state
+ * <Collapsible defaultOpen={true} className="w-full space-y-2">
  *   <div className="flex items-center justify-between">
  *     <h4 className="text-sm font-semibold">@radix-ui/primitives</h4>
  *     <CollapsibleTrigger asChild>
  *       <Button variant="ghost" size="sm">
- *         <ChevronDown className="h-4 w-4" />
- *         <span className="sr-only">Toggle</span>
+ *         <ChevronDown className="h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-180" />
+ *         <span className="sr-only">Toggle package list</span>
  *       </Button>
  *     </CollapsibleTrigger>
  *   </div>
@@ -47,98 +54,188 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
  *     <div className="rounded-md border px-4 py-2 text-sm shadow-sm">
  *       @radix-ui/react-collapsible
  *     </div>
+ *     <div className="rounded-md border px-4 py-2 text-sm shadow-sm">
+ *       @radix-ui/react-accordion
+ *     </div>
  *   </CollapsibleContent>
  * </Collapsible>
  * ```
  *
  * @example
  * ```tsx
- * // FAQ-style implementation
- * <Collapsible>
- *   <CollapsibleTrigger className="flex w-full items-center justify-between py-4 text-sm font-medium transition-all hover:underline">
+ * // FAQ-style implementation with custom animations
+ * <Collapsible className="group" data-orientation="vertical">
+ *   <CollapsibleTrigger className="flex w-full items-center justify-between py-4 text-sm font-medium transition-all hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring">
  *     How do I get started?
- *     <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
+ *     <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-180" />
  *   </CollapsibleTrigger>
- *   <CollapsibleContent className="overflow-hidden text-sm transition-all">
+ *   <CollapsibleContent className="overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down">
  *     <div className="pb-4 pt-0">
- *       Getting started is easy! Simply follow our quick setup guide...
+ *       Getting started is easy! Simply follow our quick setup guide,
+ *       install the required dependencies, and begin building your application.
+ *       Check out our documentation for detailed instructions.
+ *     </div>
+ *   </CollapsibleContent>
+ * </Collapsible>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Disabled collapsible state
+ * <Collapsible disabled className="opacity-50 cursor-not-allowed">
+ *   <CollapsibleTrigger className="flex w-full items-center justify-between py-4 text-sm font-medium">
+ *     This section is temporarily unavailable
+ *     <ChevronDown className="h-4 w-4" />
+ *   </CollapsibleTrigger>
+ *   <CollapsibleContent>
+ *     <div className="pb-4 pt-0 text-sm text-muted-foreground">
+ *       This content is currently disabled and cannot be accessed.
  *     </div>
  *   </CollapsibleContent>
  * </Collapsible>
  * ```
  *
  * @accessibility
- * - Full keyboard navigation support (Space/Enter to toggle)
- * - ARIA expanded state automatically managed
- * - Content properly hidden from screen readers when collapsed
- * - Focus management and screen reader announcements
- * - Built on WAI-ARIA design patterns for disclosure widgets
- *
- * @see {@link https://ui.shadcn.com/docs/components/collapsible} for design patterns
- * @see {@link CollapsibleTrigger} - Interactive element to toggle visibility
- * @see {@link CollapsibleContent} - Content container that can be hidden/shown
+ * - **Keyboard Navigation**: Space and Enter keys toggle the collapsed state
+ * - **ARIA States**: `aria-expanded` automatically reflects current state (true/false)
+ * - **ARIA Controls**: `aria-controls` automatically connects trigger to content panel
+ * - **Focus Management**: Proper focus handling and focus-visible indicators
+ * - **Screen Reader Support**: Content properly hidden/announced based on state
+ * - **Disabled States**: Supports disabled prop with appropriate ARIA attributes
+ * - **Role Management**: Trigger has `button` role, content has proper labeling
+ * - **State Announcements**: State changes properly announced to assistive technology
+ *
+ * **Data Attributes for Styling:**
+ * - `[data-state="open"|"closed"]` - Reflects current expanded state
+ * - `[data-disabled]` - Present when disabled prop is true
+ *
+ * **CSS Variables for Animation:**
+ * - `--radix-collapsible-content-width` - Natural width of content
+ * - `--radix-collapsible-content-height` - Natural height of content for smooth animations
+ *
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/collapsible} Radix UI Collapsible Documentation
+ * @see {@link https://ui.shadcn.com/docs/components/collapsible} shadcn/ui Design Patterns
+ * @see {@link CollapsibleTrigger} Interactive button element to toggle visibility
+ * @see {@link CollapsibleContent} Content container with automatic height animations
+ * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/} WAI-ARIA Disclosure Pattern
  * @since 1.0.0
  */
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible(props: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 /**
  * Interactive trigger element that toggles collapsible content visibility
  *
  * The clickable element that controls the expanded/collapsed state of the associated
- * CollapsibleContent. Supports the asChild prop for composition with custom elements
- * like buttons or other interactive components.
+ * CollapsibleContent. Built on Radix UI CollapsibleTrigger primitive with automatic
+ * ARIA management and keyboard support. Supports the asChild prop for composition
+ * with custom button components or other interactive elements.
+ *
+ * **Key Features:**
+ * - Automatic `aria-expanded` state management
+ * - Built-in keyboard navigation (Space/Enter)
+ * - Flexible composition via `asChild` pattern
+ * - Seamless integration with any interactive element
  *
  * @component
  * @example
  * ```tsx
- * // Simple text trigger
- * <CollapsibleTrigger>
+ * // Simple text trigger with default button styling
+ * <CollapsibleTrigger className="font-medium hover:underline">
  *   Can I use this in my project?
  * </CollapsibleTrigger>
  * ```
  *
  * @example
  * ```tsx
- * // Composed with Button component
+ * // Composed with Button component for consistent styling
  * <CollapsibleTrigger asChild>
  *   <Button variant="outline" className="w-full justify-between">
  *     Advanced Settings
- *     <ChevronDown className="h-4 w-4" />
+ *     <ChevronDown className="h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-180" />
  *   </Button>
  * </CollapsibleTrigger>
  * ```
  *
  * @example
  * ```tsx
- * // Custom styled trigger
- * <CollapsibleTrigger className="flex w-full items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline">
+ * // Custom styled trigger with icon animation
+ * <CollapsibleTrigger className="flex w-full items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring">
  *   How does it work?
- *   <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
+ *   <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200 data-[state=open]:rotate-180" />
+ * </CollapsibleTrigger>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Trigger composed with icon button
+ * <CollapsibleTrigger asChild>
+ *   <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
+ *     <MoreHorizontal className="h-4 w-4" />
+ *     <span className="sr-only">Toggle options</span>
+ *   </Button>
+ * </CollapsibleTrigger>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Trigger with custom element using asChild
+ * <CollapsibleTrigger asChild>
+ *   <div
+ *     role="button"
+ *     tabIndex={0}
+ *     className="flex items-center gap-2 p-2 rounded cursor-pointer hover:bg-accent"
+ *   >
+ *     <FolderIcon className="h-4 w-4" />
+ *     <span>Project Files</span>
+ *     <ChevronRight className="h-3 w-3 transition-transform data-[state=open]:rotate-90" />
+ *   </div>
  * </CollapsibleTrigger>
  * ```
  *
  * @accessibility
- * - Keyboard activation with Space or Enter keys
- * - aria-expanded attribute reflects current expanded state
- * - aria-controls connects trigger to its content panel
- * - Role of button for screen reader compatibility
- * - Focus visible indicator for keyboard navigation
+ * - **Keyboard Navigation**: Space and Enter keys activate the trigger
+ * - **ARIA Expanded**: `aria-expanded` attribute automatically reflects current state (true/false)
+ * - **ARIA Controls**: `aria-controls` automatically connects trigger to its content panel ID
+ * - **Role Management**: Has `button` role for screen reader compatibility
+ * - **Focus Management**: Proper focus handling with focus-visible indicators
+ * - **Disabled State**: When parent Collapsible is disabled, trigger becomes non-interactive
+ * - **Screen Reader Announcements**: State changes properly announced to assistive technology
+ *
+ * **Data Attributes:**
+ * - `[data-state="open"|"closed"]` - Reflects current expanded state for styling
+ * - `[data-disabled]` - Present when the trigger is disabled
+ *
+ * @param asChild - When true, merges props onto immediate child instead of rendering button
+ * @param className - Additional CSS classes for styling
+ * @param onClick - Custom click handler (called after internal toggle logic)
+ * @param onKeyDown - Custom keyboard handler (Space/Enter keys handled internally)
  *
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/collapsible#trigger} Radix UI CollapsibleTrigger API
+ * @see {@link Collapsible} Parent container component
+ * @see {@link CollapsibleContent} Content container that this trigger controls
  * @since 1.0.0
  */
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger(props: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
 /**
  * Content container that can be expanded or collapsed
  *
  * The panel containing content that is shown or hidden based on the collapsible state.
- * Automatically handles smooth animations, height transitions, and accessibility attributes
- * when toggling between expanded and collapsed states.
+ * Built on Radix UI CollapsibleContent primitive with automatic height animations,
+ * accessibility attributes, and smooth transitions when toggling between expanded
+ * and collapsed states.
+ *
+ * **Key Features:**
+ * - Automatic height animations using CSS variables
+ * - Proper accessibility tree management (hidden when collapsed)
+ * - CSS data attributes for custom styling and animations
+ * - Support for forceMount to keep content in DOM when collapsed
+ * - Seamless composition via asChild pattern
  *
  * @component
  * @example
  * ```tsx
- * // Basic content panel
- * <CollapsibleContent>
- *   <div className="rounded-md border px-4 py-2 text-sm">
+ * // Basic content panel with simple styling
+ * <CollapsibleContent className="pt-2">
+ *   <div className="rounded-md border px-4 py-2 text-sm bg-muted/50">
  *     Yes. Free to use for personal and commercial projects.
  *     No attribution required.
  *   </div>
@@ -147,12 +244,15 @@ declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Co
  *
  * @example
  * ```tsx
- * // Content with custom styling and multiple elements
- * <CollapsibleContent className="space-y-2">
- *   <div className="rounded-md border px-4 py-3 font-mono text-sm">
+ * // Content with multiple elements and spacing
+ * <CollapsibleContent className="space-y-2 pt-2">
+ *   <div className="rounded-md border px-4 py-3 font-mono text-sm shadow-sm">
  *     @radix-ui/react-collapsible
  *   </div>
- *   <div className="rounded-md border px-4 py-3 font-mono text-sm">
+ *   <div className="rounded-md border px-4 py-3 font-mono text-sm shadow-sm">
+ *     @radix-ui/react-accordion
+ *   </div>
+ *   <div className="rounded-md border px-4 py-3 font-mono text-sm shadow-sm">
  *     @radix-ui/react-dialog
  *   </div>
  * </CollapsibleContent>
@@ -160,23 +260,108 @@ declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Co
  *
  * @example
  * ```tsx
- * // Content with overflow handling
+ * // Content with custom animations using CSS variables
  * <CollapsibleContent className="overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down">
- *   <div className="pb-4 pt-0">
- *     Content with custom animations and overflow handling.
+ *   <div className="pb-4 pt-0 px-1">
+ *     Content with smooth height animations. The CSS variables
+ *     --radix-collapsible-content-height and --radix-collapsible-content-width
+ *     are available for custom animation implementations.
+ *   </div>
+ * </CollapsibleContent>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Force mounted content (stays in DOM when collapsed)
+ * <CollapsibleContent forceMount className="data-[state=closed]:hidden">
+ *   <div className="p-4 text-sm">
+ *     This content remains in the DOM even when collapsed,
+ *     useful for maintaining form state or for SSR consistency.
+ *   </div>
+ * </CollapsibleContent>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Content with asChild composition
+ * <CollapsibleContent asChild>
+ *   <motion.div
+ *     initial={{ height: 0 }}
+ *     animate={{ height: "auto" }}
+ *     exit={{ height: 0 }}
+ *     className="overflow-hidden"
+ *   >
+ *     <div className="p-4">
+ *       Content with custom Framer Motion animations
+ *     </div>
+ *   </motion.div>
+ * </CollapsibleContent>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Content with complex nested structure
+ * <CollapsibleContent className="overflow-hidden">
+ *   <div className="border-t pt-4 mt-2">
+ *     <div className="grid grid-cols-2 gap-4">
+ *       <div className="space-y-2">
+ *         <h4 className="font-medium">Documentation</h4>
+ *         <ul className="text-sm space-y-1 text-muted-foreground">
+ *           <li>Getting Started</li>
+ *           <li>Installation</li>
+ *           <li>Configuration</li>
+ *         </ul>
+ *       </div>
+ *       <div className="space-y-2">
+ *         <h4 className="font-medium">Examples</h4>
+ *         <ul className="text-sm space-y-1 text-muted-foreground">
+ *           <li>Basic Usage</li>
+ *           <li>Advanced Patterns</li>
+ *           <li>Custom Styling</li>
+ *         </ul>
+ *       </div>
+ *     </div>
  *   </div>
  * </CollapsibleContent>
  * ```
  *
  * @accessibility
- * - Automatically hidden from accessibility tree when collapsed
- * - Smooth height animations with data-state attributes
- * - Properly associated with trigger via aria-controls
- * - Supports custom animation classes and transitions
- * - Content is announced by screen readers when expanded
+ * - **Screen Reader Management**: Automatically hidden from accessibility tree when collapsed
+ * - **ARIA Association**: Properly associated with trigger via `aria-controls` relationship
+ * - **Content Announcements**: Content changes announced by screen readers when expanded
+ * - **Height Animations**: Smooth height transitions with CSS variables for natural motion
+ * - **Focus Management**: Focus properly managed when content becomes visible/hidden
+ * - **Disabled State**: Content appropriately disabled when parent Collapsible is disabled
+ *
+ * **Data Attributes for Styling:**
+ * - `[data-state="open"|"closed"]` - Reflects current expanded state
+ * - `[data-disabled]` - Present when the parent collapsible is disabled
+ *
+ * **CSS Variables for Animation:**
+ * - `--radix-collapsible-content-width` - The natural width of the content
+ * - `--radix-collapsible-content-height` - The natural height for smooth animations
+ *
+ * **Animation Classes:**
+ * Use data-state attributes to apply conditional animations:
+ * ```css
+ * .CollapsibleContent[data-state="open"] {
+ *   animation: slideDown 300ms ease-out;
+ * }
+ * .CollapsibleContent[data-state="closed"] {
+ *   animation: slideUp 300ms ease-out;
+ * }
+ * ```
+ *
+ * @param asChild - When true, merges props onto immediate child instead of rendering div
+ * @param forceMount - When true, forces content to stay in DOM even when collapsed
+ * @param className - Additional CSS classes for styling and animations
+ * @param children - The content to be shown/hidden
  *
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/collapsible#content} Radix UI CollapsibleContent API
+ * @see {@link Collapsible} Parent container component
+ * @see {@link CollapsibleTrigger} Trigger component that controls this content
  * @since 1.0.0
  */
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent(props: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
 //# sourceMappingURL=collapsible.d.ts.map

package/dist/components/ui/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAOtE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAOtE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAuEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuHG;AACH,iBAAS,WAAW,CAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAG9D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACH,iBAAS,kBAAkB,CACzB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAQ5E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkJG;AACH,iBAAS,kBAAkB,CACzB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAQ5E;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}