@lindle/linoardo 1.0.43 → 1.0.44

package/dist/{ExpansionPanelItem-CEhDj2Uw.d.cts → ExpansionPanelItem-B9srsYMI.d.cts}

@@ -28,7 +28,6 @@ interface ExpansionPanelMultipleProps extends ExpansionPanelSharedProps {
 type ExpansionPanelProps = ExpansionPanelSingleProps | ExpansionPanelMultipleProps;
 interface ExpansionPanelContextValue {
     expandedValues: ExpansionPanelValue[];
-    toggle: (value: ExpansionPanelValue, disabled?: boolean) => void;
     density: ExpansionPanelDensity;
     color: Palette;
     divider: boolean;

package/dist/{ExpansionPanelItem-C4-2nlhq.d.ts → ExpansionPanelItem-DYcbxZnv.d.ts}

@@ -28,7 +28,6 @@ interface ExpansionPanelMultipleProps extends ExpansionPanelSharedProps {
 type ExpansionPanelProps = ExpansionPanelSingleProps | ExpansionPanelMultipleProps;
 interface ExpansionPanelContextValue {
     expandedValues: ExpansionPanelValue[];
-    toggle: (value: ExpansionPanelValue, disabled?: boolean) => void;
     density: ExpansionPanelDensity;
     color: Palette;
     divider: boolean;

package/dist/chunk-FJNKMRYQ.js

@@ -0,0 +1,85 @@
+import { ExpansionPanelItem_default, injectExpansionPanelContext } from './chunk-RG5FCFLX.js';
+import { forwardRef } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var variantContainerClasses = {
+  elevated: "bg-white border border-gray-200 shadow-lg shadow-gray-900/10",
+  outlined: "bg-white border border-gray-200",
+  tonal: "bg-gray-50 border border-gray-100",
+  plain: "bg-transparent border border-transparent"
+};
+var roundedClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl"
+};
+var uniqueValues = (values) => Array.from(new Set(values));
+var normalizeValues = (value, allowMultiple) => {
+  if (value === void 0 || value === null) {
+    return [];
+  }
+  const normalized = Array.isArray(value) ? value : [value];
+  if (allowMultiple) {
+    return uniqueValues(normalized);
+  }
+  return normalized.length ? [normalized[0]] : [];
+};
+var ExpansionPanelInner = (props, forwardedRef) => {
+  const {
+    variant = "elevated",
+    rounded = "lg",
+    density = "default",
+    color = "primary",
+    divider = true,
+    multiple = false,
+    className,
+    children,
+    value,
+    defaultValue,
+    onChange,
+    ...rest
+  } = props;
+  const allowMultiple = multiple ?? false;
+  const resolvedValue = value !== void 0 ? value : defaultValue;
+  const expandedValues = normalizeValues(resolvedValue, allowMultiple);
+  const providerValue = {
+    expandedValues,
+    density,
+    color,
+    divider,
+    rounded,
+    variant
+  };
+  const variantClass = divider ? variantContainerClasses[variant] : "bg-transparent border border-transparent shadow-none";
+  const shapeClass = roundedClasses[rounded] ?? roundedClasses.lg;
+  const layoutClass = divider ? "divide-y divide-gray-100 overflow-hidden" : "gap-4";
+  const enhancedChildren = injectExpansionPanelContext(children, providerValue);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      ref: forwardedRef,
+      className: twMerge(
+        "expansion-panel flex w-full flex-col text-gray-900",
+        variantClass,
+        shapeClass,
+        layoutClass,
+        className
+      ),
+      children: enhancedChildren
+    }
+  );
+};
+var ExpansionPanelBase = forwardRef(ExpansionPanelInner);
+var ExpansionPanel = Object.assign(ExpansionPanelBase, {
+  Item: ExpansionPanelItem_default
+});
+ExpansionPanel.displayName = "ExpansionPanel";
+var ExpansionPanel_default = ExpansionPanel;
+
+export { ExpansionPanel_default };
+//# sourceMappingURL=chunk-FJNKMRYQ.js.map
+//# sourceMappingURL=chunk-FJNKMRYQ.js.map

package/dist/chunk-FJNKMRYQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/ExpansionPanel/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,uBAAA,GAAiE;AAAA,EACrE,QAAA,EAAU,8DAAA;AAAA,EACV,QAAA,EAAU,iCAAA;AAAA,EACV,KAAA,EAAO,mCAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,cAAA,GAAwD;AAAA,EAC5D,IAAA,EAAM,cAAA;AAAA,EACN,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,YAAA,GAAe,CAAC,MAAA,KAAkC,KAAA,CAAM,KAAK,IAAI,GAAA,CAAI,MAAM,CAAC,CAAA;AAElF,IAAM,eAAA,GAAkB,CACtB,KAAA,EACA,aAAA,KAC0B;AAC1B,EAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,EAAM;AACzC,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,aAAa,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,CAAC,KAAK,CAAA;AACxD,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,aAAa,UAAU,CAAA;AAAA,EAChC;AAEA,EAAA,OAAO,WAAW,MAAA,GAAS,CAAC,WAAW,CAAC,CAAC,IAAI,EAAC;AAChD,CAAA;AAKA,IAAM,mBAAA,GAAsB,CAC1B,KAAA,EACA,YAAA,KACG;AACH,EAAA,MAAM;AAAA,IACJ,OAAA,GAAU,UAAA;AAAA,IACV,OAAA,GAAU,IAAA;AAAA,IACV,OAAA,GAAU,SAAA;AAAA,IACV,KAAA,GAAQ,SAAA;AAAA,IACR,OAAA,GAAU,IAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,gBAAgB,QAAA,IAAY,KAAA;AAClC,EAAA,MAAM,aAAA,GAAgB,KAAA,KAAU,MAAA,GAAY,KAAA,GAAQ,YAAA;AACpD,EAAA,MAAM,cAAA,GAAiB,eAAA,CAAgB,aAAA,EAAe,aAAa,CAAA;AAEnE,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,cAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAAe,OAAA,GACjB,uBAAA,CAAwB,OAAO,CAAA,GAC/B,sDAAA;AACJ,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,OAAO,CAAA,IAAK,cAAA,CAAe,EAAA;AAC7D,EAAA,MAAM,WAAA,GAAc,UAAU,0CAAA,GAA6C,OAAA;AAE3E,EAAA,MAAM,gBAAA,GAAmB,2BAAA,CAA4B,QAAA,EAAU,aAAa,CAAA;AAE5E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA,EAAK,YAAA;AAAA,MACL,SAAA,EAAW,OAAA;AAAA,QACT,oDAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAQA,IAAM,kBAAA,GAAqB,WAAgD,mBAAmB,CAAA;AAE9F,IAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EACvD,IAAA,EAAM;AACR,CAAC,CAAA;AAED,cAAA,CAAe,WAAA,GAAc,gBAAA;AAW7B,IAAO,sBAAA,GAAQ","file":"chunk-FJNKMRYQ.js","sourcesContent":["import { forwardRef } from 'react';\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { ForwardedRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport { injectExpansionPanelContext } from './context';\nimport type {\n  ExpansionPanelProps,\n  ExpansionPanelValue,\n  ExpansionPanelVariant,\n  ExpansionPanelRounded\n} from './types.expansion-panel';\nimport ExpansionPanelItem from './ExpansionPanelItem';\n\nconst variantContainerClasses: Record<ExpansionPanelVariant, string> = {\n  elevated: 'bg-white border border-gray-200 shadow-lg shadow-gray-900/10',\n  outlined: 'bg-white border border-gray-200',\n  tonal: 'bg-gray-50 border border-gray-100',\n  plain: 'bg-transparent border border-transparent'\n};\n\nconst roundedClasses: Record<ExpansionPanelRounded, string> = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl'\n};\n\nconst uniqueValues = (values: ExpansionPanelValue[]) => Array.from(new Set(values));\n\nconst normalizeValues = (\n  value: ExpansionPanelValue | ExpansionPanelValue[] | null | undefined,\n  allowMultiple: boolean\n): ExpansionPanelValue[] => {\n  if (value === undefined || value === null) {\n    return [];\n  }\n\n  const normalized = Array.isArray(value) ? value : [value];\n  if (allowMultiple) {\n    return uniqueValues(normalized);\n  }\n\n  return normalized.length ? [normalized[0]] : [];\n};\n\n/**\n * Accordion-style container that provides contextual styling and initial expanded state.\n */\nconst ExpansionPanelInner = (\n  props: ExpansionPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) => {\n  const {\n    variant = 'elevated',\n    rounded = 'lg',\n    density = 'default',\n    color = 'primary',\n    divider = true,\n    multiple = false,\n    className,\n    children,\n    value,\n    defaultValue,\n    onChange,\n    ...rest\n  } = props;\n\n  const allowMultiple = multiple ?? false;\n  const resolvedValue = value !== undefined ? value : defaultValue;\n  const expandedValues = normalizeValues(resolvedValue, allowMultiple);\n\n  const providerValue = {\n    expandedValues,\n    density,\n    color,\n    divider,\n    rounded,\n    variant\n  };\n\n  const variantClass = divider\n    ? variantContainerClasses[variant]\n    : 'bg-transparent border border-transparent shadow-none';\n  const shapeClass = roundedClasses[rounded] ?? roundedClasses.lg;\n  const layoutClass = divider ? 'divide-y divide-gray-100 overflow-hidden' : 'gap-4';\n\n  const enhancedChildren = injectExpansionPanelContext(children, providerValue);\n\n  return (\n    <div\n      {...rest}\n      ref={forwardedRef}\n      className={twMerge(\n        'expansion-panel flex w-full flex-col text-gray-900',\n        variantClass,\n        shapeClass,\n        layoutClass,\n        className\n      )}\n    >\n      {enhancedChildren}\n    </div>\n  );\n};\n\ntype ExpansionPanelComponent = ForwardRefExoticComponent<\n  ExpansionPanelProps & RefAttributes<HTMLDivElement>\n> & {\n  Item: typeof ExpansionPanelItem;\n};\n\nconst ExpansionPanelBase = forwardRef<HTMLDivElement, ExpansionPanelProps>(ExpansionPanelInner);\n\nconst ExpansionPanel = Object.assign(ExpansionPanelBase, {\n  Item: ExpansionPanelItem\n}) as ExpansionPanelComponent;\n\nExpansionPanel.displayName = 'ExpansionPanel';\n\nexport { ExpansionPanelItem };\nexport type {\n  ExpansionPanelItemProps,\n  ExpansionPanelProps,\n  ExpansionPanelValue,\n  ExpansionPanelVariant,\n  ExpansionPanelDensity,\n  ExpansionPanelRounded\n} from './types.expansion-panel';\nexport default ExpansionPanel;\n"]}

package/dist/{chunk-KRYWWWXR.js → chunk-RG5FCFLX.js}

@@ -1,4 +1,4 @@
-import { forwardRef, useState, useRef, isValidElement, cloneElement } from 'react';
+import { forwardRef, isValidElement, cloneElement } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -107,31 +107,17 @@ var ExpansionPanelItemInner = (props) => {
     __expansionPanelContext,
     ...rest
   } = props;
-  const [standaloneExpanded, setStandaloneExpanded] = useState(false);
-  const generatedValueRef = useRef(null);
-  if (generatedValueRef.current === null) {
-    generatedValueRef.current = generateId("expansion-panel-value");
-  }
-  const generatedValue = generatedValueRef.current;
-  const headerIdRef = useRef(null);
-  if (!headerIdRef.current) {
-    headerIdRef.current = generateId("expansion-panel-header");
-  }
-  const headerId = headerIdRef.current;
-  const contentIdRef = useRef(null);
-  if (!contentIdRef.current) {
-    contentIdRef.current = generateId("expansion-panel-content");
-  }
-  const contentId = contentIdRef.current;
   const context = __expansionPanelContext ?? null;
-  const panelValue = value ?? generatedValue;
+  const safeValue = typeof value === "string" || typeof value === "number" ? String(value) : null;
+  const idBase = safeValue ?? generateId("expansion-panel");
+  const inputId = `expansion-panel-toggle-${idBase}`;
   const density = context?.density ?? "default";
   const color = colorOverride ?? context?.color ?? "primary";
   const divider = context?.divider ?? true;
   const variant = context?.variant ?? "elevated";
   const rounded = context?.rounded ?? "lg";
   const accent = accentClasses[color] ?? accentClasses.primary;
-  const isExpanded = context ? context.expandedValues.includes(panelValue) : standaloneExpanded;
+  const isExpanded = value !== null && value !== void 0 ? context?.expandedValues.includes(value) ?? false : false;
   const rootSurface = divider ? "bg-transparent border-0 shadow-none" : itemVariantClasses[variant];
   const shapeClass = divider ? void 0 : roundedClasses[rounded] ?? roundedClasses.lg;
   const densityPadding = densityClasses[density] ?? densityClasses.default;
@@ -149,30 +135,19 @@ var ExpansionPanelItemInner = (props) => {
     }
   );
   const hasContent = Boolean(children ?? text);
-  const contentAnimationClass = isExpanded ? "pb-5 opacity-100" : "pb-0 opacity-0";
   const toggleIconNode = hideToggleIcon ? null : isExpanded && collapseIcon ? collapseIcon : expandIcon ?? defaultToggleIcon;
   const shouldRotateDefaultIcon = !expandIcon && !collapseIcon && !hideToggleIcon;
   const toggleWrapperClass = twMerge(
-    "ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200",
+    "expansion-panel-item__icon ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200",
     shouldRotateDefaultIcon && isExpanded ? "rotate-180" : void 0
   );
-  const handleToggle = () => {
-    if (disabled) {
-      return;
-    }
-    if (context) {
-      context.toggle(panelValue, disabled);
-      return;
-    }
-    setStandaloneExpanded((prev) => !prev);
-  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ...rest,
       ref: forwardedRef,
       className: twMerge(
-        "expansion-panel-item flex flex-col overflow-hidden transition-colors duration-200",
+        "expansion-panel-item group flex flex-col overflow-hidden transition-colors duration-200",
         rootSurface,
         shapeClass,
         className
@@ -180,22 +155,28 @@ var ExpansionPanelItemInner = (props) => {
       "data-state": isExpanded ? "open" : "closed",
       "data-disabled": disabled || void 0,
       children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: inputId,
+            type: "checkbox",
+            className: "expansion-panel-item__toggle",
+            defaultChecked: isExpanded,
+            disabled
+          }
+        ),
         /* @__PURE__ */ jsxs(
-          "button",
+          "label",
           {
-            type: "button",
-            id: headerId,
-            onClick: handleToggle,
-            disabled,
-            "aria-expanded": isExpanded,
-            "aria-controls": hasContent ? contentId : void 0,
+            htmlFor: inputId,
             className: twMerge(
-              "flex w-full items-center gap-4 px-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+              "expansion-panel-item__header flex w-full list-none items-center gap-4 px-4 text-left",
               densityPadding,
               disabledClass,
               isExpanded ? accent.bg : void 0,
               headerClassName
             ),
+            "aria-disabled": disabled || void 0,
             "data-state": isExpanded ? "open" : "closed",
             children: [
               prepend && /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 items-center justify-center text-gray-500", children: prepend }),
@@ -211,22 +192,14 @@ var ExpansionPanelItemInner = (props) => {
         hasContent && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "grid overflow-hidden border-t border-gray-100 transition-all duration-200 ease-in-out",
-            style: { gridTemplateRows: isExpanded ? "1fr" : "0fr" },
-            "aria-hidden": isExpanded ? void 0 : true,
+            className: "expansion-panel-item__content overflow-hidden border-t border-gray-100",
             "data-state": isExpanded ? "open" : "closed",
             children: /* @__PURE__ */ jsx(
               "div",
               {
-                id: contentId,
-                role: "region",
-                "aria-labelledby": headerId,
-                "data-state": isExpanded ? "open" : "closed",
                 className: twMerge(
-                  "min-h-0 px-4 pt-0 text-sm text-gray-600 transition-all duration-200",
+                  "expansion-panel-item__body min-h-0 px-4 pt-0 text-sm text-gray-600",
                   activeBorderClass,
-                  contentAnimationClass,
-                  isExpanded ? "pointer-events-auto" : "pointer-events-none",
                   contentClassName
                 ),
                 children: children ?? text
@@ -244,5 +217,5 @@ markExpansionPanelItem(ExpansionPanelItem);
 var ExpansionPanelItem_default = ExpansionPanelItem;
 
 export { ExpansionPanelItem_default, injectExpansionPanelContext };
-//# sourceMappingURL=chunk-KRYWWWXR.js.map
-//# sourceMappingURL=chunk-KRYWWWXR.js.map
+//# sourceMappingURL=chunk-RG5FCFLX.js.map
+//# sourceMappingURL=chunk-RG5FCFLX.js.map

package/dist/chunk-RG5FCFLX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/ExpansionPanel/context.ts","../src/Containment/ExpansionPanel/ExpansionPanelItem.tsx"],"names":[],"mappings":"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","file":"chunk-RG5FCFLX.js","sourcesContent":["import { cloneElement, isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport type { ExpansionPanelContextValue } from './types.expansion-panel';\n\nexport const EXPANSION_PANEL_CONTEXT_PROP = '__expansionPanelContext' as const;\nconst EXPANSION_PANEL_ITEM_MARKER = '__isExpansionPanelItem';\n\ntype MarkerTarget = Record<string | number | symbol, unknown> & {\n  type?: unknown;\n};\n\ntype ElementProps = Record<string | number | symbol, unknown> & {\n  children?: ReactNode;\n};\n\nconst hasMarker = (type: unknown): boolean => {\n  if (!type || (typeof type !== 'function' && typeof type !== 'object')) {\n    return false;\n  }\n\n  if ((type as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER]) {\n    return true;\n  }\n\n  const innerType = (type as MarkerTarget).type;\n  if (innerType && innerType !== type) {\n    return hasMarker(innerType);\n  }\n\n  return false;\n};\n\nconst traverseNode = (\n  node: ReactNode,\n  value: ExpansionPanelContextValue\n): { node: ReactNode; changed: boolean } => {\n  if (Array.isArray(node)) {\n    let changed = false;\n    const nextArray = node.map(child => {\n      const result = traverseNode(child, value);\n      if (result.changed) {\n        changed = true;\n      }\n      return result.node;\n    });\n    return { node: changed ? nextArray : node, changed };\n  }\n\n  if (\n    node === null ||\n    node === undefined ||\n    typeof node === 'boolean' ||\n    typeof node === 'string' ||\n    typeof node === 'number'\n  ) {\n    return { node, changed: false };\n  }\n\n  if (!isValidElement<ElementProps>(node)) {\n    return { node, changed: false };\n  }\n\n  const element = node as ReactElement<ElementProps>;\n\n  const { node: mappedChildren, changed: childrenChanged } = traverseNode(\n    element.props.children,\n    value\n  );\n  const shouldInject = hasMarker(element.type);\n\n  if (!shouldInject && !childrenChanged) {\n    return { node, changed: false };\n  }\n\n  const injectedProps = shouldInject\n    ? ({ [EXPANSION_PANEL_CONTEXT_PROP]: value } as Partial<ElementProps>)\n    : undefined;\n  const cloned =\n    mappedChildren === undefined\n      ? cloneElement(element, injectedProps)\n      : cloneElement(element, injectedProps, mappedChildren);\n\n  return { node: cloned, changed: true };\n};\n\nexport const injectExpansionPanelContext = (\n  children: ReactNode,\n  value: ExpansionPanelContextValue\n): ReactNode => traverseNode(children, value).node;\n\nexport const markExpansionPanelItem = (component: unknown) => {\n  if (typeof component !== 'function' && (typeof component !== 'object' || component === null)) {\n    return;\n  }\n\n  (component as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER] = true;\n};\n","import { forwardRef } from 'react';\nimport type { Ref } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { markExpansionPanelItem } from './context';\nimport type {\n  ExpansionPanelDensity,\n  ExpansionPanelItemProps,\n  ExpansionPanelContextValue\n} from './types.expansion-panel';\nimport type { Palette } from '@lindle/linoardo/global.types';\n\nconst densityClasses: Record<ExpansionPanelDensity, string> = {\n  comfortable: 'py-5',\n  default: 'py-4',\n  compact: 'py-3'\n};\n\nconst roundedClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl'\n};\n\nconst itemVariantClasses = {\n  elevated: 'bg-white border border-gray-200 shadow-sm shadow-gray-900/5',\n  outlined: 'bg-white border border-gray-200',\n  tonal: 'bg-gray-50 border border-gray-100',\n  plain: 'bg-transparent border border-transparent'\n};\n\nconst accentClasses: Record<Palette, { text: string; bg: string; border: string }> = {\n  primary: { text: 'text-primary', bg: 'bg-primary/5', border: 'border-primary/30' },\n  neutral: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n  info: { text: 'text-sky-600', bg: 'bg-sky-50', border: 'border-sky-200' },\n  success: { text: 'text-emerald-600', bg: 'bg-emerald-50', border: 'border-emerald-200' },\n  warning: { text: 'text-amber-600', bg: 'bg-amber-50', border: 'border-amber-200' },\n  danger: { text: 'text-red-600', bg: 'bg-red-50', border: 'border-red-200' },\n  surface: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n  bw: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' }\n};\n\nlet uniqueIdCounter = 0;\nconst generateId = (prefix: string) => `${prefix}-${++uniqueIdCounter}`;\n\ntype ForwardedRef = Ref<HTMLDivElement>;\n\ninterface ExpansionPanelItemInnerProps extends ExpansionPanelItemProps {\n  forwardedRef?: ForwardedRef;\n}\n\n/**\n * Single expandable section used inside `ExpansionPanel`, rendered with a CSS-only toggle.\n */\nconst ExpansionPanelItemInner = (props: ExpansionPanelItemInnerProps) => {\n  const {\n    value,\n    title,\n    subtitle,\n    text,\n    prepend,\n    append,\n    expandIcon,\n    collapseIcon,\n    hideToggleIcon = false,\n    headerClassName,\n    contentClassName,\n    className,\n    disabled = false,\n    children,\n    color: colorOverride,\n    forwardedRef,\n    __expansionPanelContext,\n    ...rest\n  } = props;\n\n  const context: ExpansionPanelContextValue | null = __expansionPanelContext ?? null;\n  const safeValue =\n    typeof value === 'string' || typeof value === 'number' ? String(value) : null;\n  const idBase = safeValue ?? generateId('expansion-panel');\n  const inputId = `expansion-panel-toggle-${idBase}`;\n  const density = context?.density ?? 'default';\n  const color = colorOverride ?? context?.color ?? 'primary';\n  const divider = context?.divider ?? true;\n  const variant = context?.variant ?? 'elevated';\n  const rounded = context?.rounded ?? 'lg';\n  const accent = accentClasses[color] ?? accentClasses.primary;\n  const isExpanded =\n    value !== null && value !== undefined\n      ? context?.expandedValues.includes(value) ?? false\n      : false;\n\n  const rootSurface = divider ? 'bg-transparent border-0 shadow-none' : itemVariantClasses[variant];\n  const shapeClass = divider ? undefined : roundedClasses[rounded] ?? roundedClasses.lg;\n  const densityPadding = densityClasses[density] ?? densityClasses.default;\n  const disabledClass = disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer';\n  const titleClass = isExpanded ? accent.text : undefined;\n  const activeBorderClass = twMerge(\n    'border-l-2 border-transparent',\n    isExpanded ? accent.border : undefined\n  );\n  const defaultToggleIcon = (\n    <i\n      className='mdi mdi-chevron-down text-lg leading-none transition-transform duration-200'\n      aria-hidden\n    />\n  );\n\n  const hasContent = Boolean(children ?? text);\n  const toggleIconNode = hideToggleIcon\n    ? null\n    : isExpanded && collapseIcon\n    ? collapseIcon\n    : expandIcon ?? defaultToggleIcon;\n\n  const shouldRotateDefaultIcon = !expandIcon && !collapseIcon && !hideToggleIcon;\n  const toggleWrapperClass = twMerge(\n    'expansion-panel-item__icon ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200',\n    shouldRotateDefaultIcon && isExpanded ? 'rotate-180' : undefined\n  );\n\n  return (\n    <div\n      {...rest}\n      ref={forwardedRef}\n      className={twMerge(\n        'expansion-panel-item group flex flex-col overflow-hidden transition-colors duration-200',\n        rootSurface,\n        shapeClass,\n        className\n      )}\n      data-state={isExpanded ? 'open' : 'closed'}\n      data-disabled={disabled || undefined}\n    >\n      <input\n        id={inputId}\n        type='checkbox'\n        className='expansion-panel-item__toggle'\n        defaultChecked={isExpanded}\n        disabled={disabled}\n      />\n      <label\n        htmlFor={inputId}\n        className={twMerge(\n          'expansion-panel-item__header flex w-full list-none items-center gap-4 px-4 text-left',\n          densityPadding,\n          disabledClass,\n          isExpanded ? accent.bg : undefined,\n          headerClassName\n        )}\n        aria-disabled={disabled || undefined}\n        data-state={isExpanded ? 'open' : 'closed'}\n      >\n        {prepend && (\n          <span className='flex h-10 w-10 items-center justify-center text-gray-500'>\n            {prepend}\n          </span>\n        )}\n        <span className='flex min-w-0 flex-1 flex-col gap-0.5 text-left'>\n          {title && (\n            <span className={twMerge('truncate font-medium text-gray-900', titleClass)}>\n              {title}\n            </span>\n          )}\n          {subtitle && <span className='text-sm text-gray-500'>{subtitle}</span>}\n        </span>\n        {append && (\n          <span className='ml-auto flex items-center gap-2 text-sm text-gray-500'>{append}</span>\n        )}\n        {!hideToggleIcon && <span className={toggleWrapperClass}>{toggleIconNode}</span>}\n      </label>\n      {hasContent && (\n        <div\n          className='expansion-panel-item__content overflow-hidden border-t border-gray-100'\n          data-state={isExpanded ? 'open' : 'closed'}\n        >\n          <div\n            className={twMerge(\n              'expansion-panel-item__body min-h-0 px-4 pt-0 text-sm text-gray-600',\n              activeBorderClass,\n              contentClassName\n            )}\n          >\n            {children ?? text}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst ExpansionPanelItem = forwardRef<HTMLDivElement, ExpansionPanelItemProps>((props, ref) => (\n  <ExpansionPanelItemInner {...props} forwardedRef={ref} />\n));\n\nExpansionPanelItem.displayName = 'ExpansionPanelItem';\nmarkExpansionPanelItem(ExpansionPanelItem);\n\nexport default ExpansionPanelItem;\n"]}

package/dist/expansion-panel/item.cjs

@@ -63,31 +63,17 @@ var ExpansionPanelItemInner = (props) => {
     __expansionPanelContext,
     ...rest
   } = props;
-  const [standaloneExpanded, setStandaloneExpanded] = react.useState(false);
-  const generatedValueRef = react.useRef(null);
-  if (generatedValueRef.current === null) {
-    generatedValueRef.current = generateId("expansion-panel-value");
-  }
-  const generatedValue = generatedValueRef.current;
-  const headerIdRef = react.useRef(null);
-  if (!headerIdRef.current) {
-    headerIdRef.current = generateId("expansion-panel-header");
-  }
-  const headerId = headerIdRef.current;
-  const contentIdRef = react.useRef(null);
-  if (!contentIdRef.current) {
-    contentIdRef.current = generateId("expansion-panel-content");
-  }
-  const contentId = contentIdRef.current;
   const context = __expansionPanelContext ?? null;
-  const panelValue = value ?? generatedValue;
+  const safeValue = typeof value === "string" || typeof value === "number" ? String(value) : null;
+  const idBase = safeValue ?? generateId("expansion-panel");
+  const inputId = `expansion-panel-toggle-${idBase}`;
   const density = context?.density ?? "default";
   const color = colorOverride ?? context?.color ?? "primary";
   const divider = context?.divider ?? true;
   const variant = context?.variant ?? "elevated";
   const rounded = context?.rounded ?? "lg";
   const accent = accentClasses[color] ?? accentClasses.primary;
-  const isExpanded = context ? context.expandedValues.includes(panelValue) : standaloneExpanded;
+  const isExpanded = value !== null && value !== void 0 ? context?.expandedValues.includes(value) ?? false : false;
   const rootSurface = divider ? "bg-transparent border-0 shadow-none" : itemVariantClasses[variant];
   const shapeClass = divider ? void 0 : roundedClasses[rounded] ?? roundedClasses.lg;
   const densityPadding = densityClasses[density] ?? densityClasses.default;
@@ -105,30 +91,19 @@ var ExpansionPanelItemInner = (props) => {
     }
   );
   const hasContent = Boolean(children ?? text);
-  const contentAnimationClass = isExpanded ? "pb-5 opacity-100" : "pb-0 opacity-0";
   const toggleIconNode = hideToggleIcon ? null : isExpanded && collapseIcon ? collapseIcon : expandIcon ?? defaultToggleIcon;
   const shouldRotateDefaultIcon = !expandIcon && !collapseIcon && !hideToggleIcon;
   const toggleWrapperClass = tailwindMerge.twMerge(
-    "ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200",
+    "expansion-panel-item__icon ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200",
     shouldRotateDefaultIcon && isExpanded ? "rotate-180" : void 0
   );
-  const handleToggle = () => {
-    if (disabled) {
-      return;
-    }
-    if (context) {
-      context.toggle(panelValue, disabled);
-      return;
-    }
-    setStandaloneExpanded((prev) => !prev);
-  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ...rest,
       ref: forwardedRef,
       className: tailwindMerge.twMerge(
-        "expansion-panel-item flex flex-col overflow-hidden transition-colors duration-200",
+        "expansion-panel-item group flex flex-col overflow-hidden transition-colors duration-200",
         rootSurface,
         shapeClass,
         className
@@ -136,22 +111,28 @@ var ExpansionPanelItemInner = (props) => {
       "data-state": isExpanded ? "open" : "closed",
       "data-disabled": disabled || void 0,
       children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: inputId,
+            type: "checkbox",
+            className: "expansion-panel-item__toggle",
+            defaultChecked: isExpanded,
+            disabled
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
+          "label",
           {
-            type: "button",
-            id: headerId,
-            onClick: handleToggle,
-            disabled,
-            "aria-expanded": isExpanded,
-            "aria-controls": hasContent ? contentId : void 0,
+            htmlFor: inputId,
             className: tailwindMerge.twMerge(
-              "flex w-full items-center gap-4 px-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+              "expansion-panel-item__header flex w-full list-none items-center gap-4 px-4 text-left",
               densityPadding,
               disabledClass,
               isExpanded ? accent.bg : void 0,
               headerClassName
             ),
+            "aria-disabled": disabled || void 0,
             "data-state": isExpanded ? "open" : "closed",
             children: [
               prepend && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center text-gray-500", children: prepend }),
@@ -167,22 +148,14 @@ var ExpansionPanelItemInner = (props) => {
         hasContent && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "grid overflow-hidden border-t border-gray-100 transition-all duration-200 ease-in-out",
-            style: { gridTemplateRows: isExpanded ? "1fr" : "0fr" },
-            "aria-hidden": isExpanded ? void 0 : true,
+            className: "expansion-panel-item__content overflow-hidden border-t border-gray-100",
             "data-state": isExpanded ? "open" : "closed",
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                id: contentId,
-                role: "region",
-                "aria-labelledby": headerId,
-                "data-state": isExpanded ? "open" : "closed",
                 className: tailwindMerge.twMerge(
-                  "min-h-0 px-4 pt-0 text-sm text-gray-600 transition-all duration-200",
+                  "expansion-panel-item__body min-h-0 px-4 pt-0 text-sm text-gray-600",
                   activeBorderClass,
-                  contentAnimationClass,
-                  isExpanded ? "pointer-events-auto" : "pointer-events-none",
                   contentClassName
                 ),
                 children: children ?? text

package/dist/expansion-panel/item.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Containment/ExpansionPanel/context.ts","../../src/Containment/ExpansionPanel/ExpansionPanelItem.tsx"],"names":["useState","useRef","twMerge","jsx","jsxs","forwardRef"],"mappings":"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","file":"item.cjs","sourcesContent":["import { cloneElement, isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport type { ExpansionPanelContextValue } from './types.expansion-panel';\n\nexport const EXPANSION_PANEL_CONTEXT_PROP = '__expansionPanelContext' as const;\nconst EXPANSION_PANEL_ITEM_MARKER = '__isExpansionPanelItem';\n\ntype MarkerTarget = Record<string | number | symbol, unknown> & {\n  type?: unknown;\n};\n\ntype ElementProps = Record<string | number | symbol, unknown> & {\n  children?: ReactNode;\n};\n\nconst hasMarker = (type: unknown): boolean => {\n  if (!type || (typeof type !== 'function' && typeof type !== 'object')) {\n    return false;\n  }\n\n  if ((type as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER]) {\n    return true;\n  }\n\n  const innerType = (type as MarkerTarget).type;\n  if (innerType && innerType !== type) {\n    return hasMarker(innerType);\n  }\n\n  return false;\n};\n\nconst traverseNode = (\n  node: ReactNode,\n  value: ExpansionPanelContextValue\n): { node: ReactNode; changed: boolean } => {\n  if (Array.isArray(node)) {\n    let changed = false;\n    const nextArray = node.map(child => {\n      const result = traverseNode(child, value);\n      if (result.changed) {\n        changed = true;\n      }\n      return result.node;\n    });\n    return { node: changed ? nextArray : node, changed };\n  }\n\n  if (\n    node === null ||\n    node === undefined ||\n    typeof node === 'boolean' ||\n    typeof node === 'string' ||\n    typeof node === 'number'\n  ) {\n    return { node, changed: false };\n  }\n\n  if (!isValidElement<ElementProps>(node)) {\n    return { node, changed: false };\n  }\n\n  const element = node as ReactElement<ElementProps>;\n\n  const { node: mappedChildren, changed: childrenChanged } = traverseNode(\n    element.props.children,\n    value\n  );\n  const shouldInject = hasMarker(element.type);\n\n  if (!shouldInject && !childrenChanged) {\n    return { node, changed: false };\n  }\n\n  const injectedProps = shouldInject\n    ? ({ [EXPANSION_PANEL_CONTEXT_PROP]: value } as Partial<ElementProps>)\n    : undefined;\n  const cloned =\n    mappedChildren === undefined\n      ? cloneElement(element, injectedProps)\n      : cloneElement(element, injectedProps, mappedChildren);\n\n  return { node: cloned, changed: true };\n};\n\nexport const injectExpansionPanelContext = (\n  children: ReactNode,\n  value: ExpansionPanelContextValue\n): ReactNode => traverseNode(children, value).node;\n\nexport const markExpansionPanelItem = (component: unknown) => {\n  if (typeof component !== 'function' && (typeof component !== 'object' || component === null)) {\n    return;\n  }\n\n  (component as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER] = true;\n};\n","import { forwardRef, useRef, useState } from 'react';\nimport type { Ref } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { markExpansionPanelItem } from './context';\nimport type {\n  ExpansionPanelDensity,\n  ExpansionPanelItemProps,\n  ExpansionPanelValue,\n  ExpansionPanelContextValue\n} from './types.expansion-panel';\nimport type { Palette } from '@lindle/linoardo/global.types';\n\nconst densityClasses: Record<ExpansionPanelDensity, string> = {\n  comfortable: 'py-5',\n  default: 'py-4',\n  compact: 'py-3'\n};\n\nconst roundedClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl'\n};\n\nconst itemVariantClasses = {\n  elevated: 'bg-white border border-gray-200 shadow-sm shadow-gray-900/5',\n  outlined: 'bg-white border border-gray-200',\n  tonal: 'bg-gray-50 border border-gray-100',\n  plain: 'bg-transparent border border-transparent'\n};\n\nconst accentClasses: Record<Palette, { text: string; bg: string; border: string }> = {\n  primary: { text: 'text-primary', bg: 'bg-primary/5', border: 'border-primary/30' },\n  neutral: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n  info: { text: 'text-sky-600', bg: 'bg-sky-50', border: 'border-sky-200' },\n  success: { text: 'text-emerald-600', bg: 'bg-emerald-50', border: 'border-emerald-200' },\n  warning: { text: 'text-amber-600', bg: 'bg-amber-50', border: 'border-amber-200' },\n  danger: { text: 'text-red-600', bg: 'bg-red-50', border: 'border-red-200' },\n  surface: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n  bw: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' }\n};\n\nlet uniqueIdCounter = 0;\nconst generateId = (prefix: string) => `${prefix}-${++uniqueIdCounter}`;\n\ntype ForwardedRef = Ref<HTMLDivElement>;\n\ninterface ExpansionPanelItemInnerProps extends ExpansionPanelItemProps {\n  forwardedRef?: ForwardedRef;\n}\n\n/**\n * Single expandable section used inside `ExpansionPanel`, handling its own toggle state when uncontrolled.\n */\nconst ExpansionPanelItemInner = (props: ExpansionPanelItemInnerProps) => {\n  const {\n    value,\n    title,\n    subtitle,\n    text,\n    prepend,\n    append,\n    expandIcon,\n    collapseIcon,\n    hideToggleIcon = false,\n    headerClassName,\n    contentClassName,\n    className,\n    disabled = false,\n    children,\n    color: colorOverride,\n    forwardedRef,\n    __expansionPanelContext,\n    ...rest\n  } = props;\n\n  const [standaloneExpanded, setStandaloneExpanded] = useState(false);\n\n  const generatedValueRef = useRef<ExpansionPanelValue | null>(null);\n  if (generatedValueRef.current === null) {\n    generatedValueRef.current = generateId('expansion-panel-value');\n  }\n  const generatedValue = generatedValueRef.current as ExpansionPanelValue;\n\n  const headerIdRef = useRef<string | null>(null);\n  if (!headerIdRef.current) {\n    headerIdRef.current = generateId('expansion-panel-header');\n  }\n  const headerId = headerIdRef.current as string;\n\n  const contentIdRef = useRef<string | null>(null);\n  if (!contentIdRef.current) {\n    contentIdRef.current = generateId('expansion-panel-content');\n  }\n  const contentId = contentIdRef.current as string;\n\n  const context: ExpansionPanelContextValue | null = __expansionPanelContext ?? null;\n  const panelValue = value ?? generatedValue;\n  const density = context?.density ?? 'default';\n  const color = colorOverride ?? context?.color ?? 'primary';\n  const divider = context?.divider ?? true;\n  const variant = context?.variant ?? 'elevated';\n  const rounded = context?.rounded ?? 'lg';\n  const accent = accentClasses[color] ?? accentClasses.primary;\n  const isExpanded = context ? context.expandedValues.includes(panelValue) : standaloneExpanded;\n\n  const rootSurface = divider ? 'bg-transparent border-0 shadow-none' : itemVariantClasses[variant];\n  const shapeClass = divider ? undefined : roundedClasses[rounded] ?? roundedClasses.lg;\n  const densityPadding = densityClasses[density] ?? densityClasses.default;\n  const disabledClass = disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer';\n  const titleClass = isExpanded ? accent.text : undefined;\n  const activeBorderClass = twMerge(\n    'border-l-2 border-transparent',\n    isExpanded ? accent.border : undefined\n  );\n  const defaultToggleIcon = (\n    <i\n      className='mdi mdi-chevron-down text-lg leading-none transition-transform duration-200'\n      aria-hidden\n    />\n  );\n\n  const hasContent = Boolean(children ?? text);\n  const contentAnimationClass = isExpanded ? 'pb-5 opacity-100' : 'pb-0 opacity-0';\n  const toggleIconNode = hideToggleIcon\n    ? null\n    : isExpanded && collapseIcon\n    ? collapseIcon\n    : expandIcon ?? defaultToggleIcon;\n\n  const shouldRotateDefaultIcon = !expandIcon && !collapseIcon && !hideToggleIcon;\n  const toggleWrapperClass = twMerge(\n    'ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200',\n    shouldRotateDefaultIcon && isExpanded ? 'rotate-180' : undefined\n  );\n\n  const handleToggle = () => {\n    if (disabled) {\n      return;\n    }\n\n    if (context) {\n      context.toggle(panelValue, disabled);\n      return;\n    }\n\n    setStandaloneExpanded(prev => !prev);\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={forwardedRef}\n      className={twMerge(\n        'expansion-panel-item flex flex-col overflow-hidden transition-colors duration-200',\n        rootSurface,\n        shapeClass,\n        className\n      )}\n      data-state={isExpanded ? 'open' : 'closed'}\n      data-disabled={disabled || undefined}\n    >\n      <button\n        type='button'\n        id={headerId}\n        onClick={handleToggle}\n        disabled={disabled}\n        aria-expanded={isExpanded}\n        aria-controls={hasContent ? contentId : undefined}\n        className={twMerge(\n          'flex w-full items-center gap-4 px-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40',\n          densityPadding,\n          disabledClass,\n          isExpanded ? accent.bg : undefined,\n          headerClassName\n        )}\n        data-state={isExpanded ? 'open' : 'closed'}\n      >\n        {prepend && (\n          <span className='flex h-10 w-10 items-center justify-center text-gray-500'>\n            {prepend}\n          </span>\n        )}\n        <span className='flex min-w-0 flex-1 flex-col gap-0.5 text-left'>\n          {title && (\n            <span className={twMerge('truncate font-medium text-gray-900', titleClass)}>\n              {title}\n            </span>\n          )}\n          {subtitle && <span className='text-sm text-gray-500'>{subtitle}</span>}\n        </span>\n        {append && (\n          <span className='ml-auto flex items-center gap-2 text-sm text-gray-500'>{append}</span>\n        )}\n        {!hideToggleIcon && <span className={toggleWrapperClass}>{toggleIconNode}</span>}\n      </button>\n      {hasContent && (\n        <div\n          className='grid overflow-hidden border-t border-gray-100 transition-all duration-200 ease-in-out'\n          style={{ gridTemplateRows: isExpanded ? '1fr' : '0fr' }}\n          aria-hidden={isExpanded ? undefined : true}\n          data-state={isExpanded ? 'open' : 'closed'}\n        >\n          <div\n            id={contentId}\n            role='region'\n            aria-labelledby={headerId}\n            data-state={isExpanded ? 'open' : 'closed'}\n            className={twMerge(\n              'min-h-0 px-4 pt-0 text-sm text-gray-600 transition-all duration-200',\n              activeBorderClass,\n              contentAnimationClass,\n              isExpanded ? 'pointer-events-auto' : 'pointer-events-none',\n              contentClassName\n            )}\n          >\n            {children ?? text}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst ExpansionPanelItem = forwardRef<HTMLDivElement, ExpansionPanelItemProps>((props, ref) => (\n  <ExpansionPanelItemInner {...props} forwardedRef={ref} />\n));\n\nExpansionPanelItem.displayName = 'ExpansionPanelItem';\nmarkExpansionPanelItem(ExpansionPanelItem);\n\nexport default ExpansionPanelItem;\n"]}
+{"version":3,"sources":["../../src/Containment/ExpansionPanel/context.ts","../../src/Containment/ExpansionPanel/ExpansionPanelItem.tsx"],"names":["twMerge","jsx","jsxs","forwardRef"],"mappings":"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","file":"item.cjs","sourcesContent":["import { cloneElement, isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport type { ExpansionPanelContextValue } from './types.expansion-panel';\n\nexport const EXPANSION_PANEL_CONTEXT_PROP = '__expansionPanelContext' as const;\nconst EXPANSION_PANEL_ITEM_MARKER = '__isExpansionPanelItem';\n\ntype MarkerTarget = Record<string | number | symbol, unknown> & {\n  type?: unknown;\n};\n\ntype ElementProps = Record<string | number | symbol, unknown> & {\n  children?: ReactNode;\n};\n\nconst hasMarker = (type: unknown): boolean => {\n  if (!type || (typeof type !== 'function' && typeof type !== 'object')) {\n    return false;\n  }\n\n  if ((type as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER]) {\n    return true;\n  }\n\n  const innerType = (type as MarkerTarget).type;\n  if (innerType && innerType !== type) {\n    return hasMarker(innerType);\n  }\n\n  return false;\n};\n\nconst traverseNode = (\n  node: ReactNode,\n  value: ExpansionPanelContextValue\n): { node: ReactNode; changed: boolean } => {\n  if (Array.isArray(node)) {\n    let changed = false;\n    const nextArray = node.map(child => {\n      const result = traverseNode(child, value);\n      if (result.changed) {\n        changed = true;\n      }\n      return result.node;\n    });\n    return { node: changed ? nextArray : node, changed };\n  }\n\n  if (\n    node === null ||\n    node === undefined ||\n    typeof node === 'boolean' ||\n    typeof node === 'string' ||\n    typeof node === 'number'\n  ) {\n    return { node, changed: false };\n  }\n\n  if (!isValidElement<ElementProps>(node)) {\n    return { node, changed: false };\n  }\n\n  const element = node as ReactElement<ElementProps>;\n\n  const { node: mappedChildren, changed: childrenChanged } = traverseNode(\n    element.props.children,\n    value\n  );\n  const shouldInject = hasMarker(element.type);\n\n  if (!shouldInject && !childrenChanged) {\n    return { node, changed: false };\n  }\n\n  const injectedProps = shouldInject\n    ? ({ [EXPANSION_PANEL_CONTEXT_PROP]: value } as Partial<ElementProps>)\n    : undefined;\n  const cloned =\n    mappedChildren === undefined\n      ? cloneElement(element, injectedProps)\n      : cloneElement(element, injectedProps, mappedChildren);\n\n  return { node: cloned, changed: true };\n};\n\nexport const injectExpansionPanelContext = (\n  children: ReactNode,\n  value: ExpansionPanelContextValue\n): ReactNode => traverseNode(children, value).node;\n\nexport const markExpansionPanelItem = (component: unknown) => {\n  if (typeof component !== 'function' && (typeof component !== 'object' || component === null)) {\n    return;\n  }\n\n  (component as MarkerTarget)[EXPANSION_PANEL_ITEM_MARKER] = true;\n};\n","import { forwardRef } from 'react';\nimport type { Ref } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { markExpansionPanelItem } from './context';\nimport type {\n  ExpansionPanelDensity,\n  ExpansionPanelItemProps,\n  ExpansionPanelContextValue\n} from './types.expansion-panel';\nimport type { Palette } from '@lindle/linoardo/global.types';\n\nconst densityClasses: Record<ExpansionPanelDensity, string> = {\n  comfortable: 'py-5',\n  default: 'py-4',\n  compact: 'py-3'\n};\n\nconst roundedClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl'\n};\n\nconst itemVariantClasses = {\n  elevated: 'bg-white border border-gray-200 shadow-sm shadow-gray-900/5',\n  outlined: 'bg-white border border-gray-200',\n  tonal: 'bg-gray-50 border border-gray-100',\n  plain: 'bg-transparent border border-transparent'\n};\n\nconst accentClasses: Record<Palette, { text: string; bg: string; border: string }> = {\n  primary: { text: 'text-primary', bg: 'bg-primary/5', border: 'border-primary/30' },\n  neutral: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n  info: { text: 'text-sky-600', bg: 'bg-sky-50', border: 'border-sky-200' },\n  success: { text: 'text-emerald-600', bg: 'bg-emerald-50', border: 'border-emerald-200' },\n  warning: { text: 'text-amber-600', bg: 'bg-amber-50', border: 'border-amber-200' },\n  danger: { text: 'text-red-600', bg: 'bg-red-50', border: 'border-red-200' },\n  surface: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' },\n  bw: { text: 'text-gray-900', bg: 'bg-gray-100', border: 'border-gray-200' }\n};\n\nlet uniqueIdCounter = 0;\nconst generateId = (prefix: string) => `${prefix}-${++uniqueIdCounter}`;\n\ntype ForwardedRef = Ref<HTMLDivElement>;\n\ninterface ExpansionPanelItemInnerProps extends ExpansionPanelItemProps {\n  forwardedRef?: ForwardedRef;\n}\n\n/**\n * Single expandable section used inside `ExpansionPanel`, rendered with a CSS-only toggle.\n */\nconst ExpansionPanelItemInner = (props: ExpansionPanelItemInnerProps) => {\n  const {\n    value,\n    title,\n    subtitle,\n    text,\n    prepend,\n    append,\n    expandIcon,\n    collapseIcon,\n    hideToggleIcon = false,\n    headerClassName,\n    contentClassName,\n    className,\n    disabled = false,\n    children,\n    color: colorOverride,\n    forwardedRef,\n    __expansionPanelContext,\n    ...rest\n  } = props;\n\n  const context: ExpansionPanelContextValue | null = __expansionPanelContext ?? null;\n  const safeValue =\n    typeof value === 'string' || typeof value === 'number' ? String(value) : null;\n  const idBase = safeValue ?? generateId('expansion-panel');\n  const inputId = `expansion-panel-toggle-${idBase}`;\n  const density = context?.density ?? 'default';\n  const color = colorOverride ?? context?.color ?? 'primary';\n  const divider = context?.divider ?? true;\n  const variant = context?.variant ?? 'elevated';\n  const rounded = context?.rounded ?? 'lg';\n  const accent = accentClasses[color] ?? accentClasses.primary;\n  const isExpanded =\n    value !== null && value !== undefined\n      ? context?.expandedValues.includes(value) ?? false\n      : false;\n\n  const rootSurface = divider ? 'bg-transparent border-0 shadow-none' : itemVariantClasses[variant];\n  const shapeClass = divider ? undefined : roundedClasses[rounded] ?? roundedClasses.lg;\n  const densityPadding = densityClasses[density] ?? densityClasses.default;\n  const disabledClass = disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer';\n  const titleClass = isExpanded ? accent.text : undefined;\n  const activeBorderClass = twMerge(\n    'border-l-2 border-transparent',\n    isExpanded ? accent.border : undefined\n  );\n  const defaultToggleIcon = (\n    <i\n      className='mdi mdi-chevron-down text-lg leading-none transition-transform duration-200'\n      aria-hidden\n    />\n  );\n\n  const hasContent = Boolean(children ?? text);\n  const toggleIconNode = hideToggleIcon\n    ? null\n    : isExpanded && collapseIcon\n    ? collapseIcon\n    : expandIcon ?? defaultToggleIcon;\n\n  const shouldRotateDefaultIcon = !expandIcon && !collapseIcon && !hideToggleIcon;\n  const toggleWrapperClass = twMerge(\n    'expansion-panel-item__icon ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200',\n    shouldRotateDefaultIcon && isExpanded ? 'rotate-180' : undefined\n  );\n\n  return (\n    <div\n      {...rest}\n      ref={forwardedRef}\n      className={twMerge(\n        'expansion-panel-item group flex flex-col overflow-hidden transition-colors duration-200',\n        rootSurface,\n        shapeClass,\n        className\n      )}\n      data-state={isExpanded ? 'open' : 'closed'}\n      data-disabled={disabled || undefined}\n    >\n      <input\n        id={inputId}\n        type='checkbox'\n        className='expansion-panel-item__toggle'\n        defaultChecked={isExpanded}\n        disabled={disabled}\n      />\n      <label\n        htmlFor={inputId}\n        className={twMerge(\n          'expansion-panel-item__header flex w-full list-none items-center gap-4 px-4 text-left',\n          densityPadding,\n          disabledClass,\n          isExpanded ? accent.bg : undefined,\n          headerClassName\n        )}\n        aria-disabled={disabled || undefined}\n        data-state={isExpanded ? 'open' : 'closed'}\n      >\n        {prepend && (\n          <span className='flex h-10 w-10 items-center justify-center text-gray-500'>\n            {prepend}\n          </span>\n        )}\n        <span className='flex min-w-0 flex-1 flex-col gap-0.5 text-left'>\n          {title && (\n            <span className={twMerge('truncate font-medium text-gray-900', titleClass)}>\n              {title}\n            </span>\n          )}\n          {subtitle && <span className='text-sm text-gray-500'>{subtitle}</span>}\n        </span>\n        {append && (\n          <span className='ml-auto flex items-center gap-2 text-sm text-gray-500'>{append}</span>\n        )}\n        {!hideToggleIcon && <span className={toggleWrapperClass}>{toggleIconNode}</span>}\n      </label>\n      {hasContent && (\n        <div\n          className='expansion-panel-item__content overflow-hidden border-t border-gray-100'\n          data-state={isExpanded ? 'open' : 'closed'}\n        >\n          <div\n            className={twMerge(\n              'expansion-panel-item__body min-h-0 px-4 pt-0 text-sm text-gray-600',\n              activeBorderClass,\n              contentClassName\n            )}\n          >\n            {children ?? text}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst ExpansionPanelItem = forwardRef<HTMLDivElement, ExpansionPanelItemProps>((props, ref) => (\n  <ExpansionPanelItemInner {...props} forwardedRef={ref} />\n));\n\nExpansionPanelItem.displayName = 'ExpansionPanelItem';\nmarkExpansionPanelItem(ExpansionPanelItem);\n\nexport default ExpansionPanelItem;\n"]}

package/dist/expansion-panel/item.d.cts

@@ -1,3 +1,3 @@
 import 'react';
-export { a as default } from '../ExpansionPanelItem-CEhDj2Uw.cjs';
+export { a as default } from '../ExpansionPanelItem-B9srsYMI.cjs';
 import '../global.types-gx9A7mUe.cjs';

package/dist/expansion-panel/item.d.ts

@@ -1,3 +1,3 @@
 import 'react';
-export { a as default } from '../ExpansionPanelItem-C4-2nlhq.js';
+export { a as default } from '../ExpansionPanelItem-DYcbxZnv.js';
 import '../global.types-gx9A7mUe.js';

package/dist/expansion-panel/item.js

@@ -1,3 +1,3 @@
-export { ExpansionPanelItem_default as default } from '../chunk-KRYWWWXR.js';
+export { ExpansionPanelItem_default as default } from '../chunk-RG5FCFLX.js';
 //# sourceMappingURL=item.js.map
 //# sourceMappingURL=item.js.map