@accreditation/ui 1.0.0

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

@@ -0,0 +1,74 @@
+import type { CollapsibleProps, CollapsibleGroupProps, CollapsibleTriggerProps, CollapsibleContentProps } from "../types";
+/**
+ * Groups multiple `<Collapsible>` coordinating which one is open.
+ *
+ * `type="single"`   → closes the previous one when opening a new one.
+ * `type="multiple"` → multiple items can be open simultaneously.
+ *
+ * Appearance props (variant, size, icon, iconPosition) are propagated
+ * via context to all children — individual overrides still work.
+ *
+ * @example Uncontrolled (single):
+ * <CollapsibleGroup defaultValue="item-1">
+ *   <Collapsible value="item-1" trigger="Section 1">...</Collapsible>
+ *   <Collapsible value="item-2" trigger="Section 2">...</Collapsible>
+ * </CollapsibleGroup>
+ *
+ * @example Controlled (multiple):
+ * <CollapsibleGroup type="multiple" value={open} onValueChange={setOpen}>
+ *   <Collapsible value="a" trigger="A">...</Collapsible>
+ *   <Collapsible value="b" trigger="B">...</Collapsible>
+ * </CollapsibleGroup>
+ */
+declare function CollapsibleGroup({ type, value: valueProp, defaultValue, onValueChange, variant, size, icon, iconPosition, className, children, ...props }: CollapsibleGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CollapsibleGroup {
+    var displayName: string;
+}
+/**
+ * Individual collapsible block.
+ *
+ * When inside a `<CollapsibleGroup>`, it delegates its state to the group.
+ * When standalone, it manages its own state via Radix.
+ *
+ * @example Manual composition:
+ * <Collapsible variant="outlined" size="md">
+ *   <CollapsibleTrigger>Title</CollapsibleTrigger>
+ *   <CollapsibleContent>Content</CollapsibleContent>
+ * </Collapsible>
+ *
+ * @example Shorthand with trigger prop:
+ * <Collapsible trigger="Title" variant="outlined">
+ *   <div className="p-3">Content</div>
+ * </Collapsible>
+ *
+ * @example Inside group (value required):
+ * <CollapsibleGroup>
+ *   <Collapsible value="item-1" trigger="Section 1">...</Collapsible>
+ * </CollapsibleGroup>
+ */
+declare function Collapsible({ variant: variantProp, size: sizeProp, trigger, icon: iconProp, iconPosition: iconPositionProp, value, open: openProp, onOpenChange, defaultOpen, className, children, ...props }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Collapsible {
+    var displayName: string;
+}
+/**
+ * Collapsible Trigger. Reads variant, size, icon, and iconPosition from context.
+ *
+ * In manual composition, `children` is the trigger content (without the icon —
+ * the icon is managed automatically by the context).
+ * To remove the icon: `<Collapsible icon={null}>`.
+ */
+declare function CollapsibleTrigger({ className, children, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CollapsibleTrigger {
+    var displayName: string;
+}
+/**
+ * Collapsible animated content.
+ * Animation via @keyframes collapsible-down/up (globals.css).
+ * grid-template-rows: 0fr → 1fr is GPU-accelerated.
+ */
+declare function CollapsibleContent({ className, children, ...props }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CollapsibleContent {
+    var displayName: string;
+}
+export { Collapsible, CollapsibleGroup, CollapsibleTrigger, CollapsibleContent, };
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/collapsible/components/collapsible.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAGV,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EAIxB,MAAM,UAAU,CAAC;AAiBlB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,IAAe,EACf,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,OAAiB,EACjB,IAAW,EACX,IAAsB,EACtB,YAAsB,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAmDvB;kBA/DQ,gBAAgB;;;AAoEzB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,WAAW,CAAC,EACnB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EACL,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA2DlB;kBAxEQ,WAAW;;;AA6EpB;;;;;;GAMG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAqBzB;kBAzBQ,kBAAkB;;;AA8B3B;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAWzB;kBAfQ,kBAAkB;;;AAoB3B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,GACnB,CAAC"}

package/dist/components/molecules/collapsible/components/collapsible.js

@@ -0,0 +1,193 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
+var lucideReact = require('lucide-react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
+
+const CollapsibleContext = React__namespace.createContext({
+  open: false,
+  variant: "ghost",
+  size: "md",
+  icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {}),
+  iconPosition: "right"
+});
+const CollapsibleGroupContext = React__namespace.createContext(null);
+function CollapsibleGroup({
+  type = "single",
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  variant = "ghost",
+  size = "md",
+  icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {}),
+  iconPosition = "right",
+  className,
+  children,
+  ...props
+}) {
+  const normalize = (v) => {
+    if (v == null) return [];
+    if (Array.isArray(v)) return v;
+    return v === "" ? [] : [v];
+  };
+  const isControlled = valueProp !== void 0;
+  const [internal, setInternal] = React__namespace.useState(
+    () => normalize(defaultValue)
+  );
+  const openValues = isControlled ? normalize(valueProp) : internal;
+  const toggle = React__namespace.useCallback(
+    (itemValue) => {
+      let next;
+      if (type === "single") {
+        next = openValues.includes(itemValue) ? [] : [itemValue];
+      } else {
+        next = openValues.includes(itemValue) ? openValues.filter((v) => v !== itemValue) : [...openValues, itemValue];
+      }
+      if (!isControlled) setInternal(next);
+      onValueChange?.(type === "single" ? next[0] ?? "" : next);
+    },
+    [type, openValues, isControlled, onValueChange]
+  );
+  const ctx = React__namespace.useMemo(
+    () => ({ type, openValues, toggle, variant, size, icon, iconPosition }),
+    [type, openValues, toggle, variant, size, icon, iconPosition]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        variants.collapsibleGroupClasses,
+        variants.collapsibleGroupVariantClasses[variant],
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+CollapsibleGroup.displayName = "CollapsibleGroup";
+function Collapsible({
+  variant: variantProp,
+  size: sizeProp,
+  trigger,
+  icon: iconProp,
+  iconPosition: iconPositionProp,
+  value,
+  open: openProp,
+  onOpenChange,
+  defaultOpen,
+  className,
+  children,
+  ...props
+}) {
+  const group = React__namespace.useContext(CollapsibleGroupContext);
+  const variant = variantProp ?? group?.variant ?? "ghost";
+  const size = sizeProp ?? group?.size ?? "md";
+  const icon = iconProp !== void 0 ? iconProp : group?.icon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {});
+  const iconPosition = iconPositionProp ?? group?.iconPosition ?? "right";
+  const isInGroup = group !== null && value !== void 0;
+  const groupOpen = isInGroup ? group.openValues.includes(value) : false;
+  const [standaloneOpen, setStandaloneOpen] = React__namespace.useState(defaultOpen ?? false);
+  const open = isInGroup ? groupOpen : openProp ?? standaloneOpen;
+  const handleOpenChange = React__namespace.useCallback(
+    (next) => {
+      if (isInGroup) {
+        group.toggle(value);
+      } else {
+        setStandaloneOpen(next);
+        onOpenChange?.(next);
+      }
+    },
+    [isInGroup, group, value, onOpenChange]
+  );
+  const ctx = React__namespace.useMemo(
+    () => ({ open, variant, size, icon, iconPosition }),
+    [open, variant, size, icon, iconPosition]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    CollapsiblePrimitive__namespace.Root,
+    {
+      "data-slot": "collapsible",
+      open,
+      onOpenChange: handleOpenChange,
+      className: utils.cn(
+        variants.collapsibleRootClasses,
+        variants.collapsibleVariantClasses[variant],
+        className
+      ),
+      ...props,
+      children: trigger !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger, { children: trigger }),
+        /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent, { children })
+      ] }) : children
+    }
+  ) });
+}
+Collapsible.displayName = "Collapsible";
+function CollapsibleTrigger({
+  className,
+  children,
+  ...props
+}) {
+  const { variant, size, icon, iconPosition } = React__namespace.useContext(CollapsibleContext);
+  const iconSlot = icon !== null && icon !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-trigger-icon": "", className: variants.collapsibleTriggerIconClasses, children: icon }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CollapsiblePrimitive__namespace.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: utils.cn(variants.collapsibleTriggerVariants({ variant, size }), className),
+      ...props,
+      children: [
+        iconPosition === "left" && iconSlot,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 min-w-0", children }),
+        iconPosition === "right" && iconSlot
+      ]
+    }
+  );
+}
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+function CollapsibleContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CollapsiblePrimitive__namespace.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      className: utils.cn(variants.collapsibleContentClasses, className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children })
+    }
+  );
+}
+CollapsibleContent.displayName = "CollapsibleContent";
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleGroup = CollapsibleGroup;
+exports.CollapsibleTrigger = CollapsibleTrigger;

package/dist/components/molecules/collapsible/components/collapsible.mjs

@@ -0,0 +1,167 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+import { collapsibleGroupClasses, collapsibleGroupVariantClasses, collapsibleRootClasses, collapsibleVariantClasses, collapsibleTriggerVariants, collapsibleContentClasses, collapsibleTriggerIconClasses } from '../variants';
+
+const CollapsibleContext = React.createContext({
+  open: false,
+  variant: "ghost",
+  size: "md",
+  icon: /* @__PURE__ */ jsx(ChevronDown, {}),
+  iconPosition: "right"
+});
+const CollapsibleGroupContext = React.createContext(null);
+function CollapsibleGroup({
+  type = "single",
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  variant = "ghost",
+  size = "md",
+  icon = /* @__PURE__ */ jsx(ChevronDown, {}),
+  iconPosition = "right",
+  className,
+  children,
+  ...props
+}) {
+  const normalize = (v) => {
+    if (v == null) return [];
+    if (Array.isArray(v)) return v;
+    return v === "" ? [] : [v];
+  };
+  const isControlled = valueProp !== void 0;
+  const [internal, setInternal] = React.useState(
+    () => normalize(defaultValue)
+  );
+  const openValues = isControlled ? normalize(valueProp) : internal;
+  const toggle = React.useCallback(
+    (itemValue) => {
+      let next;
+      if (type === "single") {
+        next = openValues.includes(itemValue) ? [] : [itemValue];
+      } else {
+        next = openValues.includes(itemValue) ? openValues.filter((v) => v !== itemValue) : [...openValues, itemValue];
+      }
+      if (!isControlled) setInternal(next);
+      onValueChange?.(type === "single" ? next[0] ?? "" : next);
+    },
+    [type, openValues, isControlled, onValueChange]
+  );
+  const ctx = React.useMemo(
+    () => ({ type, openValues, toggle, variant, size, icon, iconPosition }),
+    [type, openValues, toggle, variant, size, icon, iconPosition]
+  );
+  return /* @__PURE__ */ jsx(CollapsibleGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        collapsibleGroupClasses,
+        collapsibleGroupVariantClasses[variant],
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+CollapsibleGroup.displayName = "CollapsibleGroup";
+function Collapsible({
+  variant: variantProp,
+  size: sizeProp,
+  trigger,
+  icon: iconProp,
+  iconPosition: iconPositionProp,
+  value,
+  open: openProp,
+  onOpenChange,
+  defaultOpen,
+  className,
+  children,
+  ...props
+}) {
+  const group = React.useContext(CollapsibleGroupContext);
+  const variant = variantProp ?? group?.variant ?? "ghost";
+  const size = sizeProp ?? group?.size ?? "md";
+  const icon = iconProp !== void 0 ? iconProp : group?.icon ?? /* @__PURE__ */ jsx(ChevronDown, {});
+  const iconPosition = iconPositionProp ?? group?.iconPosition ?? "right";
+  const isInGroup = group !== null && value !== void 0;
+  const groupOpen = isInGroup ? group.openValues.includes(value) : false;
+  const [standaloneOpen, setStandaloneOpen] = React.useState(defaultOpen ?? false);
+  const open = isInGroup ? groupOpen : openProp ?? standaloneOpen;
+  const handleOpenChange = React.useCallback(
+    (next) => {
+      if (isInGroup) {
+        group.toggle(value);
+      } else {
+        setStandaloneOpen(next);
+        onOpenChange?.(next);
+      }
+    },
+    [isInGroup, group, value, onOpenChange]
+  );
+  const ctx = React.useMemo(
+    () => ({ open, variant, size, icon, iconPosition }),
+    [open, variant, size, icon, iconPosition]
+  );
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Root,
+    {
+      "data-slot": "collapsible",
+      open,
+      onOpenChange: handleOpenChange,
+      className: cn(
+        collapsibleRootClasses,
+        collapsibleVariantClasses[variant],
+        className
+      ),
+      ...props,
+      children: trigger !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CollapsibleTrigger, { children: trigger }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { children })
+      ] }) : children
+    }
+  ) });
+}
+Collapsible.displayName = "Collapsible";
+function CollapsibleTrigger({
+  className,
+  children,
+  ...props
+}) {
+  const { variant, size, icon, iconPosition } = React.useContext(CollapsibleContext);
+  const iconSlot = icon !== null && icon !== void 0 ? /* @__PURE__ */ jsx("span", { "data-trigger-icon": "", className: collapsibleTriggerIconClasses, children: icon }) : null;
+  return /* @__PURE__ */ jsxs(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn(collapsibleTriggerVariants({ variant, size }), className),
+      ...props,
+      children: [
+        iconPosition === "left" && iconSlot,
+        /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0", children }),
+        iconPosition === "right" && iconSlot
+      ]
+    }
+  );
+}
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+function CollapsibleContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      className: cn(collapsibleContentClasses, className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children })
+    }
+  );
+}
+CollapsibleContent.displayName = "CollapsibleContent";
+
+export { Collapsible, CollapsibleContent, CollapsibleGroup, CollapsibleTrigger };

package/dist/components/molecules/collapsible/index.d.ts

@@ -0,0 +1,4 @@
+export { Collapsible, CollapsibleGroup, CollapsibleTrigger, CollapsibleContent } from "./components/collapsible";
+export type * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjH,mBAAmB,SAAS,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/components/molecules/collapsible/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var collapsible = require('./components/collapsible');
+var variants = require('./variants');
+
+
+
+Object.defineProperty(exports, "Collapsible", {
+  enumerable: true,
+  get: function () { return collapsible.Collapsible; }
+});
+Object.defineProperty(exports, "CollapsibleContent", {
+  enumerable: true,
+  get: function () { return collapsible.CollapsibleContent; }
+});
+Object.defineProperty(exports, "CollapsibleGroup", {
+  enumerable: true,
+  get: function () { return collapsible.CollapsibleGroup; }
+});
+Object.defineProperty(exports, "CollapsibleTrigger", {
+  enumerable: true,
+  get: function () { return collapsible.CollapsibleTrigger; }
+});
+Object.keys(variants).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return variants[k]; }
+  });
+});

package/dist/components/molecules/collapsible/index.mjs

@@ -0,0 +1,2 @@
+export { Collapsible, CollapsibleContent, CollapsibleGroup, CollapsibleTrigger } from './components/collapsible';
+export * from './variants';

package/dist/components/molecules/collapsible/types.d.ts

@@ -0,0 +1,89 @@
+import type * as React from "react";
+import type * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+export type CollapsibleVariant = "ghost" | "outlined" | "filled";
+export type CollapsibleSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type CollapsibleIconPosition = "left" | "right";
+export interface CollapsibleContextValue {
+    /** Current open/closed state. */
+    open: boolean;
+    variant: CollapsibleVariant;
+    size: CollapsibleSize;
+    /** Icon rendered in the trigger. null = no icon. */
+    icon: React.ReactNode;
+    iconPosition: CollapsibleIconPosition;
+}
+export interface CollapsibleGroupContextValue {
+    type: "single" | "multiple";
+    /** Open values (always an array — simplifies internal logic). */
+    openValues: string[];
+    toggle: (value: string) => void;
+    variant: CollapsibleVariant;
+    size: CollapsibleSize;
+    icon: React.ReactNode;
+    iconPosition: CollapsibleIconPosition;
+}
+export interface CollapsibleProps extends React.ComponentProps<typeof CollapsiblePrimitive.Root> {
+    /**
+     * Visual surface.
+     * @default "ghost"
+     */
+    variant?: CollapsibleVariant;
+    /**
+     * Trigger size — affects padding and text size.
+     * @default "md"
+     */
+    size?: CollapsibleSize;
+    /**
+     * Trigger content in shorthand mode.
+     * Manual composition via `<CollapsibleTrigger>` always works.
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Trigger icon. `null` removes the icon.
+     * @default <ChevronDown /> (rotates 180° when open)
+     */
+    icon?: React.ReactNode;
+    /**
+     * Icon position in the trigger.
+     * @default "right"
+     */
+    iconPosition?: CollapsibleIconPosition;
+    /**
+     * Identifier when inside a `<CollapsibleGroup>`.
+     * Required so the group knows which item to open/close.
+     */
+    value?: string;
+}
+export interface CollapsibleGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * `single`   → only one item open at a time (closes the previous one).
+     * `multiple` → multiple items can be open simultaneously.
+     * @default "single"
+     */
+    type?: "single" | "multiple";
+    /**
+     * Open value(s) in controlled mode.
+     * String for `type="single"`, string[] for `type="multiple"`.
+     */
+    value?: string | string[];
+    /**
+     * Initially open value(s) in uncontrolled mode.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Called when the open state changes.
+     * Receives string for `type="single"`, string[] for `type="multiple"`.
+     */
+    onValueChange?: (value: string | string[]) => void;
+    /** Surface propagated to all Collapsible children. */
+    variant?: CollapsibleVariant;
+    /** Size propagated to all Collapsible children. */
+    size?: CollapsibleSize;
+    /** Icon propagated to all Collapsible children. */
+    icon?: React.ReactNode;
+    /** Icon position propagated to all Collapsible children. */
+    iconPosition?: CollapsibleIconPosition;
+}
+export type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>;
+export type CollapsibleContentProps = React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/collapsible/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/collapsible/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAIzE,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACjE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAC;AAIvD,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,kBAAkB,CAAC;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,oDAAoD;IACpD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,EAAE,uBAAuB,CAAC;CACvC;AAID,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,iEAAiE;IACjE,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,EAAE,uBAAuB,CAAC;CACvC;AAID,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC;IAEvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEjC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAEnD,sDAAsD;IACtD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB,mDAAmD;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAID,MAAM,MAAM,uBAAuB,GACjC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;AAEvE,MAAM,MAAM,uBAAuB,GACjC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/components/molecules/collapsible/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/collapsible/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/collapsible/variants.d.ts

@@ -0,0 +1,54 @@
+export declare const collapsibleRootClasses = "w-full";
+/**
+ * ghost    → no border, no background (default — integrated into layout)
+ * outlined → visible border           (delimited sections, FAQs)
+ * filled   → solid muted background   (secondary emphasis, sidebars)
+ *
+ * rounded-none — standard DS flat design.
+ */
+export declare const collapsibleVariantClasses: {
+    readonly ghost: "";
+    readonly outlined: "border border-border";
+    readonly filled: "bg-muted";
+};
+/**
+ * Trigger base: flex-row, w-full, cursor-pointer.
+ * ring-[3px] ring-ring/50 — standard DS focus (no ring-offset).
+ * [&[data-state=open]_[data-trigger-icon]]:rotate-180 — only rotates the icon slot
+ * marked with data-trigger-icon, regardless of DOM position.
+ */
+export declare const collapsibleTriggerBase: string;
+export declare const collapsibleTriggerSizes: {
+    readonly xs: "gap-1.5 px-2 py-1.5 text-xs";
+    readonly sm: "gap-2 px-3 py-2 text-sm";
+    readonly md: "gap-2 px-3 py-2.5 text-sm";
+    readonly lg: "gap-3 px-4 py-3 text-base";
+    readonly xl: "gap-3 px-5 py-4 text-base";
+};
+/**
+ * shrink-0 prevents the icon from being compressed by long labels.
+ * transition-transform duration-200 — smooth rotation animation.
+ * Applied on the data-trigger-icon wrapper, not the SVG directly.
+ */
+export declare const collapsibleTriggerIconClasses = "shrink-0 transition-transform duration-200 [&>svg]:size-4";
+/**
+ * Animation via @keyframes collapsible-down / collapsible-up (globals.css).
+ * grid-template-rows: 0fr → 1fr is GPU-accelerated (does not force reflow).
+ * overflow-hidden on the wrapper, not the child — allows internal shadows.
+ */
+export declare const collapsibleContentClasses = "overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up";
+/**
+ * Group wrapper — no individual styling, structural only.
+ * outlined variant adds an outer border and divides children with border-b.
+ */
+export declare const collapsibleGroupClasses = "w-full";
+export declare const collapsibleGroupVariantClasses: {
+    readonly ghost: "flex flex-col gap-1";
+    readonly outlined: "border border-border divide-y divide-border";
+    readonly filled: "flex flex-col gap-1";
+};
+export declare const collapsibleTriggerVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "filled" | "outlined" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/collapsible/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/collapsible/variants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAI/C;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAIX;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,QAMxB,CAAC;AAEZ,eAAO,MAAM,uBAAuB;;;;;;CAM1B,CAAC;AAIX;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,8DACmB,CAAC;AAI9D;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,0GACmE,CAAC;AAI1G;;;GAGG;AACH,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD,eAAO,MAAM,8BAA8B;;;;CAIjC,CAAC;AAIX,eAAO,MAAM,0BAA0B;;;8EAcrC,CAAC"}