@lindle/linoardo 1.0.43 → 1.0.44

package/dist/index.d.cts

@@ -25,7 +25,7 @@ import { NotificationArgs } from './notification.cjs';
 export { default as Notification, NotificationPlacement, NotificationProps, NotificationType, NotificationVariant } from './notification.cjs';
 export { default as Progress, ProgressProps, ProgressStatus, ProgressType } from './progress.cjs';
 export { default as TimeLine, TimeLineAlign, TimeLineAxis, TimeLineDensity, TimeLineDotSize, TimeLineDotVariant, TimeLineItem, TimeLineItemProps, TimeLineProps, TimeLineSide } from './timeline.cjs';
-export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-CEhDj2Uw.cjs';
+export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-B9srsYMI.cjs';
 export { L as ListDensity, a as ListItem, b as ListItemProps, c as ListLines, d as ListRounded, e as ListVariant } from './index-BDrBOeFI.cjs';
 import './types-CJ0zqPXF.cjs';
 

package/dist/index.d.ts

@@ -25,7 +25,7 @@ import { NotificationArgs } from './notification.js';
 export { default as Notification, NotificationPlacement, NotificationProps, NotificationType, NotificationVariant } from './notification.js';
 export { default as Progress, ProgressProps, ProgressStatus, ProgressType } from './progress.js';
 export { default as TimeLine, TimeLineAlign, TimeLineAxis, TimeLineDensity, TimeLineDotSize, TimeLineDotVariant, TimeLineItem, TimeLineItemProps, TimeLineProps, TimeLineSide } from './timeline.js';
-export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-C4-2nlhq.js';
+export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, c as ExpansionPanelProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-DYcbxZnv.js';
 export { L as ListDensity, a as ListItem, b as ListItemProps, c as ListLines, d as ListRounded, e as ListVariant } from './index-CNwl6vmH.js';
 import './types-DaTHYIPO.js';
 

package/dist/index.js

@@ -10,8 +10,8 @@ import './chunk-6SKW43XI.js';
 export { Icon_default as Icon } from './chunk-HEXJCQRO.js';
 export { Hero_default as Hero } from './chunk-VPF7M2PB.js';
 export { ProfileCard_default as ProfileCard } from './chunk-5MVIF5GP.js';
-export { ExpansionPanel_default as ExpansionPanel } from './chunk-HBF4S2KY.js';
-export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-KRYWWWXR.js';
+export { ExpansionPanel_default as ExpansionPanel } from './chunk-FJNKMRYQ.js';
+export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-RG5FCFLX.js';
 export { Dialog_default as Dialog } from './chunk-NJU7XT54.js';
 export { ToolTip_default as ToolTip } from './chunk-U2AL7XFY.js';
 export { Card_default as Card } from './chunk-U4P2VJCV.js';

package/dist/styles.css

@@ -113,7 +113,6 @@
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-sm: 8px;
     --blur-md: 12px;
@@ -1869,15 +1868,9 @@
   .pr-12 {
     padding-right: calc(var(--spacing) * 12);
   }
-  .pb-0 {
-    padding-bottom: calc(var(--spacing) * 0);
-  }
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
-  .pb-5 {
-    padding-bottom: calc(var(--spacing) * 5);
-  }
   .pl-0 {
     padding-left: calc(var(--spacing) * 0);
   }
@@ -2593,10 +2586,6 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
-  .ease-in-out {
-    --tw-ease: var(--ease-in-out);
-    transition-timing-function: var(--ease-in-out);
-  }
   .ease-out {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
@@ -27134,6 +27123,37 @@
   }
 }
 @layer components {
+  .expansion-panel-item__toggle {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+  }
+  .expansion-panel-item__toggle:focus-visible + .expansion-panel-item__header {
+    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.4);
+    outline: none;
+  }
+  .expansion-panel-item__toggle:checked + .expansion-panel-item__header .expansion-panel-item__icon {
+    transform: rotate(180deg);
+  }
+  .expansion-panel-item__content {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 220ms ease;
+  }
+  .expansion-panel-item__toggle:checked ~ .expansion-panel-item__content {
+    max-height: 999px;
+  }
+  .expansion-panel-item__body {
+    opacity: 0;
+    padding-bottom: 0;
+    pointer-events: none;
+    transition: opacity 200ms ease, padding-bottom 200ms ease;
+  }
+  .expansion-panel-item__toggle:checked ~ .expansion-panel-item__content .expansion-panel-item__body {
+    opacity: 1;
+    padding-bottom: 1.25rem;
+    pointer-events: auto;
+  }
   .slider-control {
     width: 100%;
     appearance: none;

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@lindle/linoardo",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "description": "",
   "keywords": [],
   "author": "",
   "license": "ISC",
   "type": "module",
   "dependencies": {
+    "@floating-ui/dom": "^1.6.13",
     "@mdi/font": "^7.4.47",
     "@storybook/addon-docs": "^10.0.2",
     "@storybook/addon-links": "^10.0.2",
@@ -14,10 +15,10 @@
     "@storybook/react-vite": "^10.0.2",
     "@storybook/testing-library": "^0.2.2",
     "@tailwindcss/postcss": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.18",
     "@tiptap/extension-underline": "^3.13.0",
     "@tiptap/react": "^3.13.0",
     "@tiptap/starter-kit": "^3.13.0",
-    "@floating-ui/dom": "^1.6.13",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",

package/dist/chunk-HBF4S2KY.js

@@ -1,131 +0,0 @@
-import { injectExpansionPanelContext } from './chunk-KRYWWWXR.js';
-import { forwardRef, useState, useRef, useEffect, useCallback, useMemo } 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 clampValues = (values, allowMultiple) => allowMultiple ? uniqueValues(values) : values.length ? [values[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 isControlled = value !== void 0;
-  const [internalValues, setInternalValues] = useState(
-    () => normalizeValues(defaultValue, allowMultiple)
-  );
-  const prevAllowMultipleRef = useRef(allowMultiple);
-  const prevIsControlledRef = useRef(isControlled);
-  useEffect(() => {
-    const prevAllowMultiple = prevAllowMultipleRef.current;
-    const wasControlled = prevIsControlledRef.current;
-    if (!isControlled && (allowMultiple !== prevAllowMultiple || wasControlled !== isControlled)) {
-      setInternalValues((prev) => clampValues(prev, allowMultiple));
-    }
-    prevAllowMultipleRef.current = allowMultiple;
-    prevIsControlledRef.current = isControlled;
-  }, [allowMultiple, isControlled]);
-  const handleValueChange = useCallback(
-    (next) => {
-      if (!isControlled) {
-        setInternalValues(next);
-      }
-      if (onChange) {
-        if (allowMultiple) {
-          onChange(next);
-        } else {
-          onChange(next[0] ?? null);
-        }
-      }
-    },
-    [allowMultiple, isControlled, onChange]
-  );
-  const handleToggle = useCallback(
-    (panelValue, disabled) => {
-      if (disabled) {
-        return;
-      }
-      const expandedValues2 = isControlled ? normalizeValues(value, allowMultiple) : internalValues;
-      const isActive = expandedValues2.includes(panelValue);
-      const next = allowMultiple ? isActive ? expandedValues2.filter((v) => v !== panelValue) : [...expandedValues2, panelValue] : isActive ? [] : [panelValue];
-      handleValueChange(next);
-    },
-    [allowMultiple, handleValueChange, internalValues, isControlled, value]
-  );
-  const expandedValues = useMemo(
-    () => isControlled ? normalizeValues(value, allowMultiple) : internalValues,
-    [allowMultiple, internalValues, isControlled, value]
-  );
-  const providerValue = useMemo(
-    () => ({
-      expandedValues,
-      toggle: handleToggle,
-      density,
-      color,
-      divider,
-      rounded,
-      variant
-    }),
-    [color, density, divider, expandedValues, handleToggle, 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 ExpansionPanel = forwardRef(ExpansionPanelInner);
-ExpansionPanel.displayName = "ExpansionPanel";
-var ExpansionPanel_default = ExpansionPanel;
-
-export { ExpansionPanel_default };
-//# sourceMappingURL=chunk-HBF4S2KY.js.map
-//# sourceMappingURL=chunk-HBF4S2KY.js.map

package/dist/chunk-HBF4S2KY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Containment/ExpansionPanel/index.tsx"],"names":["expandedValues"],"mappings":"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","file":"chunk-HBF4S2KY.js","sourcesContent":["'use client';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } 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  ExpansionPanelMultipleProps,\n  ExpansionPanelSingleProps\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\nconst clampValues = (values: ExpansionPanelValue[], allowMultiple: boolean) =>\n  allowMultiple ? uniqueValues(values) : values.length ? [values[0]] : [];\n\n/**\n * Accordion-style container that manages single or multiple expanded items with contextual styling.\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 isControlled = value !== undefined;\n\n  const [internalValues, setInternalValues] = useState<ExpansionPanelValue[]>(() =>\n    normalizeValues(defaultValue, allowMultiple)\n  );\n\n  const prevAllowMultipleRef = useRef(allowMultiple);\n  const prevIsControlledRef = useRef(isControlled);\n\n  useEffect(() => {\n    const prevAllowMultiple = prevAllowMultipleRef.current;\n    const wasControlled = prevIsControlledRef.current;\n\n    if (!isControlled && (allowMultiple !== prevAllowMultiple || wasControlled !== isControlled)) {\n      setInternalValues(prev => clampValues(prev, allowMultiple));\n    }\n\n    prevAllowMultipleRef.current = allowMultiple;\n    prevIsControlledRef.current = isControlled;\n  }, [allowMultiple, isControlled]);\n\n  const handleValueChange = useCallback(\n    (next: ExpansionPanelValue[]) => {\n      if (!isControlled) {\n        setInternalValues(next);\n      }\n\n      if (onChange) {\n        if (allowMultiple) {\n          (onChange as NonNullable<ExpansionPanelMultipleProps['onChange']>)(next);\n        } else {\n          (onChange as NonNullable<ExpansionPanelSingleProps['onChange']>)(next[0] ?? null);\n        }\n      }\n    },\n    [allowMultiple, isControlled, onChange]\n  );\n\n  const handleToggle = useCallback(\n    (panelValue: ExpansionPanelValue, disabled?: boolean) => {\n      if (disabled) {\n        return;\n      }\n\n      const expandedValues = isControlled ? normalizeValues(value, allowMultiple) : internalValues;\n      const isActive = expandedValues.includes(panelValue);\n      const next = allowMultiple\n        ? isActive\n          ? expandedValues.filter(v => v !== panelValue)\n          : [...expandedValues, panelValue]\n        : isActive\n        ? []\n        : [panelValue];\n\n      handleValueChange(next);\n    },\n    [allowMultiple, handleValueChange, internalValues, isControlled, value]\n  );\n\n  const expandedValues = useMemo(\n    () => (isControlled ? normalizeValues(value, allowMultiple) : internalValues),\n    [allowMultiple, internalValues, isControlled, value]\n  );\n\n  const providerValue = useMemo(\n    () => ({\n      expandedValues,\n      toggle: handleToggle,\n      density,\n      color,\n      divider,\n      rounded,\n      variant\n    }),\n    [color, density, divider, expandedValues, handleToggle, rounded, 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\nconst ExpansionPanel = forwardRef<HTMLDivElement, ExpansionPanelProps>(ExpansionPanelInner);\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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Containment/ExpansionPanel/context.ts","../src/Containment/ExpansionPanel/ExpansionPanelItem.tsx"],"names":[],"mappings":"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","file":"chunk-KRYWWWXR.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, 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"]}