@lindle/linoardo 1.0.43 → 1.0.45

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-SCJMH5VE.js → chunk-67TAA2MA.js}

@@ -124,6 +124,7 @@ var TextArea = ({
   const editor = useEditor({
     extensions: [StarterKit],
     content: renderMarkdown(contentValue),
+    immediatelyRender: false,
     editable: editorEditable,
     editorProps: {
       attributes: {
@@ -465,5 +466,5 @@ var TextArea = ({
 var TextArea_default = TextArea;
 
 export { TextArea_default };
-//# sourceMappingURL=chunk-SCJMH5VE.js.map
-//# sourceMappingURL=chunk-SCJMH5VE.js.map
+//# sourceMappingURL=chunk-67TAA2MA.js.map
+//# sourceMappingURL=chunk-67TAA2MA.js.map

package/dist/chunk-67TAA2MA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/TextArea/index.tsx"],"names":[],"mappings":"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","file":"chunk-67TAA2MA.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { marked } from 'marked';\nimport TurndownService from 'turndown';\nimport { twMerge } from 'tailwind-merge';\nimport { generateString } from '../../utils/helpers/randomStr';\nimport type { TextAreaMode, TextAreaProps, TextAreaVariant, TextAreaView } from './types.textarea';\n\nconst baseClass =\n  'textarea-base px-3 py-2 focus-visible:outline-none transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400';\n\nconst variantClasses: Record<TextAreaVariant, string> = {\n  outlined:\n    'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-slate-900 dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n  filled:\n    'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n  standard:\n    'rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 dark:border-b-gray-700 dark:focus-visible:border-primary/70'\n};\n\nconst labelBackground: Record<TextAreaVariant, string> = {\n  outlined: 'bg-white/90 dark:bg-slate-900',\n  filled: 'bg-gray-100 dark:bg-slate-800',\n  standard: 'bg-transparent'\n};\n\nconst advancedContainerVariant: Record<TextAreaVariant, string> = {\n  outlined: 'rounded border-2 border-black bg-white dark:border-black dark:bg-slate-900',\n  filled: 'rounded border border-gray-200 bg-gray-100 dark:border-gray-700 dark:bg-slate-800',\n  standard: 'border-b border-gray-300 bg-transparent dark:border-gray-700'\n};\n\nconst renderMarkdown = (value: string) => marked.parse(value || '', { async: false }) as string;\n\nconst dispatchInputEvent = (element: HTMLTextAreaElement) => {\n  const event = new Event('input', { bubbles: true });\n  element.dispatchEvent(event);\n};\n\nconst toolbarButtonBase =\n  'px-3 py-1 text-gray-700 transition-colors hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-50';\nconst toolbarButtonActive = 'bg-white text-gray-900 dark:bg-slate-900 dark:text-gray-100';\n\nconst handleModeToggle = (\n  wrapperId: string,\n  mode: TextAreaMode,\n  textareaName: string,\n  simpleId: string,\n  advancedInputId: string\n) => {\n  if (typeof document === 'undefined') return;\n  const wrapper = document.getElementById(wrapperId);\n  const simple = document.getElementById(simpleId) as HTMLTextAreaElement | null;\n  const advancedInput = document.getElementById(advancedInputId) as HTMLTextAreaElement | null;\n\n  if (wrapper) {\n    wrapper.dataset.mode = mode;\n  }\n\n  if (simple) {\n    simple.classList.toggle('hidden', mode !== 'simple');\n    simple.name = mode === 'simple' ? textareaName : '';\n  }\n\n  if (advancedInput) {\n    advancedInput.classList.toggle('hidden', mode !== 'advanced');\n    advancedInput.name = mode === 'advanced' ? textareaName : '';\n  }\n};\n\nconst TextArea: React.FC<TextAreaProps> = ({\n  variant = 'outlined',\n  label,\n  className,\n  wrapperClassName,\n  id,\n  name,\n  placeholder,\n  rows = 4,\n  allowModeSwitch = true,\n  mode,\n  view = 'editor',\n  value,\n  defaultValue,\n  disabled,\n  readOnly,\n  onChange,\n  onInput,\n  ...props\n}) => {\n  const textareaId = id || name || generateString();\n  const textareaName = name || textareaId;\n  const wrapperId = `${textareaId}-wrapper`;\n  const simpleTextareaId = `${textareaId}-simple`;\n  const advancedInputId = `${textareaId}-advanced-input`;\n  const advancedEditorId = `${textareaId}-advanced-editor`;\n  const advancedLabelId = `${textareaId}-advanced-label`;\n  const previewId = `${textareaId}-preview`;\n  const variantClass = variantClasses[variant] ?? variantClasses.outlined;\n  const labelPadding = label ? 'pt-6' : undefined;\n  const placeholderValue = placeholder ?? (label ? ' ' : undefined);\n  const placeholderClass = label ? 'placeholder-transparent' : undefined;\n  const labelBg = labelBackground[variant] ?? labelBackground.outlined;\n  const focusLabelBg =\n    variant === 'filled'\n      ? 'peer-focus:bg-gray-100 dark:peer-focus:bg-slate-800'\n      : variant === 'standard'\n      ? 'peer-focus:bg-transparent'\n      : 'peer-focus:bg-white/90 dark:peer-focus:bg-slate-900';\n\n  const resolvedMode: TextAreaMode = allowModeSwitch ? mode ?? 'simple' : 'simple';\n  const resolvedView: TextAreaView = view ?? 'editor';\n  const showEditor = resolvedView === 'editor';\n  const showPreview = resolvedView === 'view';\n  const contentValue =\n    typeof value === 'string' ? value : typeof defaultValue === 'string' ? defaultValue : '';\n  const isControlled = typeof value === 'string';\n  const editorEditable = !(disabled || readOnly);\n  const modeToggleName = `${textareaId}-mode-toggle`;\n  const simpleToggleId = `${modeToggleName}-simple`;\n  const advancedToggleId = `${modeToggleName}-advanced`;\n\n  const turndownService = React.useMemo(() => {\n    const service = new TurndownService({\n      codeBlockStyle: 'fenced',\n      emDelimiter: '*',\n      strongDelimiter: '**',\n      bulletListMarker: '-'\n    });\n    service.addRule('strikethrough', {\n      filter: node => ['DEL', 'S', 'STRIKE'].includes(node.nodeName),\n      replacement: content => `~~${content}~~`\n    });\n    return service;\n  }, []);\n\n  const hiddenTextareaRef = React.useRef<HTMLTextAreaElement | null>(null);\n  const lastMarkdownRef = React.useRef<string>(contentValue);\n  const editorContentClass = twMerge(\n    baseClass,\n    'min-h-45 rounded border-0 bg-transparent outline-none whitespace-pre-wrap wrap-break-words',\n    '[&_p]:m-0 [&_p]:leading-6',\n    '[&_ul]:my-0 [&_ul]:list-disc [&_ul]:pl-5',\n    '[&_ol]:my-0 [&_ol]:list-decimal [&_ol]:pl-5',\n    '[&_li]:my-0',\n    '[&_blockquote]:border-l-2 [&_blockquote]:border-gray-300 [&_blockquote]:pl-3 [&_blockquote]:text-gray-600',\n    'dark:[&_blockquote]:border-gray-600 dark:[&_blockquote]:text-gray-300',\n    '[&_pre]:bg-gray-100 [&_pre]:rounded [&_pre]:p-3 [&_pre]:text-sm [&_pre]:overflow-x-auto',\n    'dark:[&_pre]:bg-slate-800',\n    '[&_code]:font-mono',\n    className,\n    !editorEditable ? 'cursor-not-allowed opacity-50' : undefined\n  );\n\n  const editor = useEditor({\n    extensions: [StarterKit],\n    content: renderMarkdown(contentValue),\n    immediatelyRender: false,\n    editable: editorEditable,\n    editorProps: {\n      attributes: {\n        class: editorContentClass,\n        role: 'textbox',\n        'aria-multiline': 'true',\n        ...(label ? { 'aria-labelledby': advancedLabelId } : {})\n      }\n    },\n    onUpdate: ({ editor: currentEditor }) => {\n      const markdown = turndownService.turndown(currentEditor.getHTML());\n      if (markdown === lastMarkdownRef.current) return;\n      lastMarkdownRef.current = markdown;\n      if (!hiddenTextareaRef.current) return;\n      hiddenTextareaRef.current.value = markdown;\n      dispatchInputEvent(hiddenTextareaRef.current);\n    }\n  });\n\n  React.useEffect(() => {\n    if (!editor) return;\n    editor.setEditable(editorEditable);\n  }, [editor, editorEditable]);\n\n  React.useEffect(() => {\n    if (!editor) return;\n    editor.setOptions({\n      editorProps: {\n        ...editor.options.editorProps,\n        attributes: {\n          ...editor.options.editorProps?.attributes,\n          class: editorContentClass,\n          role: 'textbox',\n          'aria-multiline': 'true',\n          ...(label ? { 'aria-labelledby': advancedLabelId } : {})\n        }\n      }\n    });\n  }, [editor, editorContentClass, label, advancedLabelId]);\n\n  React.useEffect(() => {\n    if (!editor || typeof value !== 'string') return;\n    if (value === lastMarkdownRef.current) return;\n    editor.commands.setContent(renderMarkdown(value), { emitUpdate: false });\n    lastMarkdownRef.current = value;\n    if (hiddenTextareaRef.current) {\n      hiddenTextareaRef.current.value = value;\n    }\n  }, [editor, value]);\n\n  React.useEffect(() => {\n    if (!hiddenTextareaRef.current) return;\n    if (hiddenTextareaRef.current.value === contentValue) return;\n    hiddenTextareaRef.current.value = contentValue;\n  }, [contentValue]);\n\n  const textareaProps = {\n    ...props,\n    onChange,\n    onInput,\n    disabled,\n    readOnly\n  };\n\n  const minHeightStyle = rows ? { minHeight: `${rows * 20}px` } : undefined;\n\n  return (\n    <div\n      id={wrapperId}\n      data-mode={resolvedMode}\n      className={twMerge('flex flex-col gap-1', wrapperClassName)}\n    >\n      {allowModeSwitch && (\n        <>\n          <input\n            type='radio'\n            name={modeToggleName}\n            id={simpleToggleId}\n            value='simple'\n            defaultChecked={resolvedMode === 'simple'}\n            className='peer/simple sr-only'\n            onChange={() =>\n              handleModeToggle(wrapperId, 'simple', textareaName, simpleTextareaId, advancedInputId)\n            }\n          />\n          <input\n            type='radio'\n            name={modeToggleName}\n            id={advancedToggleId}\n            value='advanced'\n            defaultChecked={resolvedMode === 'advanced'}\n            className='peer/advanced sr-only'\n            onChange={() =>\n              handleModeToggle(\n                wrapperId,\n                'advanced',\n                textareaName,\n                simpleTextareaId,\n                advancedInputId\n              )\n            }\n          />\n          <div className='flex justify-end'>\n            <div className='inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800'>\n              <label\n                htmlFor={simpleToggleId}\n                className={twMerge(\n                  'cursor-pointer px-3 py-1 transition-colors',\n                  'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700',\n                  'peer-checked/simple:bg-white peer-checked/simple:text-gray-900 peer-checked/simple:dark:bg-slate-900 peer-checked/simple:dark:text-gray-100'\n                )}\n              >\n                Jednoduchý\n              </label>\n              <label\n                htmlFor={advancedToggleId}\n                className={twMerge(\n                  'cursor-pointer px-3 py-1 transition-colors',\n                  'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700',\n                  'peer-checked/advanced:bg-white peer-checked/advanced:text-gray-900 peer-checked/advanced:dark:bg-slate-900 peer-checked/advanced:dark:text-gray-100'\n                )}\n              >\n                Pokročilý\n              </label>\n            </div>\n          </div>\n        </>\n      )}\n\n      {(resolvedMode === 'simple' || allowModeSwitch) && (\n        <div\n          className={twMerge(\n            'relative flex items-start',\n            allowModeSwitch\n              ? 'hidden peer-checked/simple:flex peer-checked/advanced:hidden'\n              : undefined\n          )}\n        >\n          <textarea\n            {...textareaProps}\n            id={simpleTextareaId}\n            name={!allowModeSwitch || resolvedMode === 'simple' ? textareaName : ''}\n            rows={rows}\n            placeholder={placeholderValue}\n            value={value}\n            defaultValue={defaultValue}\n            className={twMerge(\n              'peer',\n              baseClass,\n              variantClass,\n              labelPadding,\n              placeholderClass,\n              className\n            )}\n          />\n\n          {label && (\n            <label\n              htmlFor={simpleTextareaId}\n              className={twMerge(\n                'absolute transition-all duration-150 pointer-events-none left-3 text-gray-700 dark:text-gray-200',\n                'top-0 -translate-y-2/3 text-xs px-1',\n                labelBg,\n                focusLabelBg,\n                'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:text-gray-600 dark:peer-focus:text-gray-300',\n                'peer-placeholder-shown:top-3 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n              )}\n            >\n              {label}\n            </label>\n          )}\n        </div>\n      )}\n\n      {(resolvedMode === 'advanced' || allowModeSwitch) && (\n        <div\n          className={twMerge(\n            'flex flex-col gap-2',\n            allowModeSwitch\n              ? 'hidden peer-checked/advanced:flex peer-checked/simple:hidden'\n              : undefined\n          )}\n        >\n          {label && (\n            <label\n              id={advancedLabelId}\n              className='text-sm font-medium text-gray-700 dark:text-gray-200'\n            >\n              {label}\n            </label>\n          )}\n\n          {showEditor && (\n            <div className='flex flex-wrap items-center justify-between gap-2'>\n              <div className='inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800'>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('bold') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleBold().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  B\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('italic') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleItalic().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  I\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('strike') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleStrike().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  S\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('bulletList') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleBulletList().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  • List\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('orderedList') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  1. List\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('blockquote') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleBlockquote().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  Quote\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('code') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleCode().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  Code\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('codeBlock') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleCodeBlock().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  Code block\n                </button>\n              </div>\n            </div>\n          )}\n\n          <div className={twMerge('overflow-hidden', advancedContainerVariant[variant])}>\n            <div className='px-3 py-3 space-y-3'>\n              {showEditor && (\n                <EditorContent\n                  editor={editor}\n                  id={advancedEditorId}\n                  className='w-full'\n                  style={minHeightStyle}\n                />\n              )}\n\n              <textarea\n                {...textareaProps}\n                ref={hiddenTextareaRef}\n                id={advancedInputId}\n                name={!allowModeSwitch || resolvedMode === 'advanced' ? textareaName : ''}\n                rows={rows}\n                placeholder={placeholderValue}\n                className='sr-only'\n                {...(isControlled ? { value } : { defaultValue: contentValue })}\n              />\n\n              {showPreview && (\n                <div\n                  id={previewId}\n                  className={twMerge(\n                    baseClass,\n                    'min-h-45 rounded border-0 px-0 focus:outline-none whitespace-pre-wrap wrap-break-words',\n                    className\n                  )}\n                  style={minHeightStyle}\n                  dangerouslySetInnerHTML={{\n                    __html: renderMarkdown(contentValue)\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default TextArea;\n"]}

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":";;;;;;;AAMA,IAAM,2BAAA,GAA8B,wBAAA;AAqF7B,IAAM,sBAAA,GAAyB,CAAC,SAAA,KAAuB;AAC5D,EAAA,IAAI,OAAO,SAAA,KAAc,UAAA,KAAe,OAAO,SAAA,KAAc,QAAA,IAAY,cAAc,IAAA,CAAA,EAAO;AAC5F,IAAA;AAAA,EACF;AAEA,EAAC,SAAA,CAA2B,2BAA2B,CAAA,GAAI,IAAA;AAC7D,CAAA;ACrFA,IAAM,cAAA,GAAwD;AAAA,EAC5D,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,cAAA,GAAiB;AAAA,EACrB,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,kBAAA,GAAqB;AAAA,EACzB,QAAA,EAAU,6DAAA;AAAA,EACV,QAAA,EAAU,iCAAA;AAAA,EACV,KAAA,EAAO,mCAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,aAAA,GAA+E;AAAA,EACnF,SAAS,EAAE,IAAA,EAAM,gBAAgB,EAAA,EAAI,cAAA,EAAgB,QAAQ,mBAAA,EAAoB;AAAA,EACjF,SAAS,EAAE,IAAA,EAAM,iBAAiB,EAAA,EAAI,aAAA,EAAe,QAAQ,iBAAA,EAAkB;AAAA,EAC/E,MAAM,EAAE,IAAA,EAAM,gBAAgB,EAAA,EAAI,WAAA,EAAa,QAAQ,gBAAA,EAAiB;AAAA,EACxE,SAAS,EAAE,IAAA,EAAM,oBAAoB,EAAA,EAAI,eAAA,EAAiB,QAAQ,oBAAA,EAAqB;AAAA,EACvF,SAAS,EAAE,IAAA,EAAM,kBAAkB,EAAA,EAAI,aAAA,EAAe,QAAQ,kBAAA,EAAmB;AAAA,EACjF,QAAQ,EAAE,IAAA,EAAM,gBAAgB,EAAA,EAAI,WAAA,EAAa,QAAQ,gBAAA,EAAiB;AAAA,EAC1E,SAAS,EAAE,IAAA,EAAM,iBAAiB,EAAA,EAAI,aAAA,EAAe,QAAQ,iBAAA,EAAkB;AAAA,EAC/E,IAAI,EAAE,IAAA,EAAM,iBAAiB,EAAA,EAAI,aAAA,EAAe,QAAQ,iBAAA;AAC1D,CAAA;AAEA,IAAI,eAAA,GAAkB,CAAA;AACtB,IAAM,aAAa,CAAC,MAAA,KAAmB,GAAG,MAAM,CAAA,CAAA,EAAI,EAAE,eAAe,CAAA,CAAA;AAWrE,IAAM,uBAAA,GAA0B,CAAC,KAAA,KAAwC;AACvE,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,QAAA;AAAA,IACA,KAAA,EAAO,aAAA;AAAA,IACP,YAAA;AAAA,IACA,uBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAElE,EAAA,MAAM,iBAAA,GAAoBC,aAAmC,IAAI,CAAA;AACjE,EAAA,IAAI,iBAAA,CAAkB,YAAY,IAAA,EAAM;AACtC,IAAA,iBAAA,CAAkB,OAAA,GAAU,WAAW,uBAAuB,CAAA;AAAA,EAChE;AACA,EAAA,MAAM,iBAAiB,iBAAA,CAAkB,OAAA;AAEzC,EAAA,MAAM,WAAA,GAAcA,aAAsB,IAAI,CAAA;AAC9C,EAAA,IAAI,CAAC,YAAY,OAAA,EAAS;AACxB,IAAA,WAAA,CAAY,OAAA,GAAU,WAAW,wBAAwB,CAAA;AAAA,EAC3D;AACA,EAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAE7B,EAAA,MAAM,YAAA,GAAeA,aAAsB,IAAI,CAAA;AAC/C,EAAA,IAAI,CAAC,aAAa,OAAA,EAAS;AACzB,IAAA,YAAA,CAAa,OAAA,GAAU,WAAW,yBAAyB,CAAA;AAAA,EAC7D;AACA,EAAA,MAAM,YAAY,YAAA,CAAa,OAAA;AAE/B,EAAA,MAAM,UAA6C,uBAAA,IAA2B,IAAA;AAC9E,EAAA,MAAM,aAAa,KAAA,IAAS,cAAA;AAC5B,EAAA,MAAM,OAAA,GAAU,SAAS,OAAA,IAAW,SAAA;AACpC,EAAA,MAAM,KAAA,GAAQ,aAAA,IAAiB,OAAA,EAAS,KAAA,IAAS,SAAA;AACjD,EAAA,MAAM,OAAA,GAAU,SAAS,OAAA,IAAW,IAAA;AACpC,EAAA,MAAM,OAAA,GAAU,SAAS,OAAA,IAAW,UAAA;AACpC,EAAA,MAAM,OAAA,GAAU,SAAS,OAAA,IAAW,IAAA;AACpC,EAAA,MAAM,MAAA,GAAS,aAAA,CAAc,KAAK,CAAA,IAAK,aAAA,CAAc,OAAA;AACrD,EAAA,MAAM,aAAa,OAAA,GAAU,OAAA,CAAQ,cAAA,CAAe,QAAA,CAAS,UAAU,CAAA,GAAI,kBAAA;AAE3E,EAAA,MAAM,WAAA,GAAc,OAAA,GAAU,qCAAA,GAAwC,kBAAA,CAAmB,OAAO,CAAA;AAChG,EAAA,MAAM,aAAa,OAAA,GAAU,MAAA,GAAY,cAAA,CAAe,OAAO,KAAK,cAAA,CAAe,EAAA;AACnF,EAAA,MAAM,cAAA,GAAiB,cAAA,CAAe,OAAO,CAAA,IAAK,cAAA,CAAe,OAAA;AACjE,EAAA,MAAM,aAAA,GAAgB,WAAW,+BAAA,GAAkC,gBAAA;AACnE,EAAA,MAAM,UAAA,GAAa,UAAA,GAAa,MAAA,CAAO,IAAA,GAAO,MAAA;AAC9C,EAAA,MAAM,iBAAA,GAAoBC,qBAAA;AAAA,IACxB,+BAAA;AAAA,IACA,UAAA,GAAa,OAAO,MAAA,GAAS;AAAA,GAC/B;AACA,EAAA,MAAM,iBAAA,mBACJC,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,6EAAA;AAAA,MACV,aAAA,EAAW;AAAA;AAAA,GACb;AAGF,EAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,QAAA,IAAY,IAAI,CAAA;AAC3C,EAAA,MAAM,qBAAA,GAAwB,aAAa,kBAAA,GAAqB,gBAAA;AAChE,EAAA,MAAM,iBAAiB,cAAA,GACnB,IAAA,GACA,UAAA,IAAc,YAAA,GACd,eACA,UAAA,IAAc,iBAAA;AAElB,EAAA,MAAM,uBAAA,GAA0B,CAAC,UAAA,IAAc,CAAC,gBAAgB,CAAC,cAAA;AACjE,EAAA,MAAM,kBAAA,GAAqBD,qBAAA;AAAA,IACzB,+FAAA;AAAA,IACA,uBAAA,IAA2B,aAAa,YAAA,GAAe;AAAA,GACzD;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,MAAA,CAAO,YAAY,QAAQ,CAAA;AACnC,MAAA;AAAA,IACF;AAEA,IAAA,qBAAA,CAAsB,CAAA,IAAA,KAAQ,CAAC,IAAI,CAAA;AAAA,EACrC,CAAA;AAEA,EAAA,uBACEE,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA,EAAK,YAAA;AAAA,MACL,SAAA,EAAWF,qBAAA;AAAA,QACT,mFAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,YAAA,EAAY,aAAa,MAAA,GAAS,QAAA;AAAA,MAClC,iBAAe,QAAA,IAAY,MAAA;AAAA,MAE3B,QAAA,EAAA;AAAA,wBAAAE,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,EAAA,EAAI,QAAA;AAAA,YACJ,OAAA,EAAS,YAAA;AAAA,YACT,QAAA;AAAA,YACA,eAAA,EAAe,UAAA;AAAA,YACf,eAAA,EAAe,aAAa,SAAA,GAAY,MAAA;AAAA,YACxC,SAAA,EAAWF,qBAAA;AAAA,cACT,6HAAA;AAAA,cACA,cAAA;AAAA,cACA,aAAA;AAAA,cACA,UAAA,GAAa,OAAO,EAAA,GAAK,MAAA;AAAA,cACzB;AAAA,aACF;AAAA,YACA,YAAA,EAAY,aAAa,MAAA,GAAS,QAAA;AAAA,YAEjC,QAAA,EAAA;AAAA,cAAA,OAAA,oBACCC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0DAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,8BAEFC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gDAAA,EACb,QAAA,EAAA;AAAA,gBAAA,KAAA,mCACE,MAAA,EAAA,EAAK,SAAA,EAAWF,sBAAQ,oCAAA,EAAsC,UAAU,GACtE,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,gBAED,QAAA,oBAAYC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAyB,QAAA,EAAA,QAAA,EAAS;AAAA,eAAA,EACjE,CAAA;AAAA,cACC,MAAA,oBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAyD,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,cAEjF,CAAC,cAAA,oBAAkBA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,oBAAqB,QAAA,EAAA,cAAA,EAAe;AAAA;AAAA;AAAA,SAC3E;AAAA,QACC,UAAA,oBACCA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,uFAAA;AAAA,YACV,KAAA,EAAO,EAAE,gBAAA,EAAkB,UAAA,GAAa,QAAQ,KAAA,EAAM;AAAA,YACtD,aAAA,EAAa,aAAa,MAAA,GAAY,IAAA;AAAA,YACtC,YAAA,EAAY,aAAa,MAAA,GAAS,QAAA;AAAA,YAElC,QAAA,kBAAAA,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,SAAA;AAAA,gBACJ,IAAA,EAAK,QAAA;AAAA,gBACL,iBAAA,EAAiB,QAAA;AAAA,gBACjB,YAAA,EAAY,aAAa,MAAA,GAAS,QAAA;AAAA,gBAClC,SAAA,EAAWD,qBAAA;AAAA,kBACT,qEAAA;AAAA,kBACA,iBAAA;AAAA,kBACA,qBAAA;AAAA,kBACA,aAAa,qBAAA,GAAwB,qBAAA;AAAA,kBACrC;AAAA,iBACF;AAAA,gBAEC,QAAA,EAAA,QAAA,IAAY;AAAA;AAAA;AACf;AAAA;AACF;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAM,kBAAA,GAAqBG,gBAAA,CAAoD,CAAC,KAAA,EAAO,GAAA,qBACrFF,cAAA,CAAC,uBAAA,EAAA,EAAyB,GAAG,KAAA,EAAO,YAAA,EAAc,GAAA,EAAK,CACxD,CAAA;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AACjC,sBAAA,CAAuB,kBAAkB,CAAA;AAEzC,IAAO,0BAAA,GAAQ","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';