@lindle/linoardo 1.0.18 → 1.0.20

package/dist/chunk-HAXGOTZO.js

@@ -0,0 +1,94 @@
+import * as React from 'react';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/Containment/Masonry/index.tsx
+var masonryBaseClass = "masonry-grid w-full";
+var itemBaseClass = "masonry-item block break-inside-avoid";
+var MasonryBase = (props, ref) => {
+  const {
+    items,
+    renderItem,
+    getKey,
+    column = 2,
+    columnWidth,
+    maxColumn,
+    gutter = 16,
+    className,
+    itemClassName,
+    itemStyle,
+    children,
+    style,
+    role = "list",
+    ...rest
+  } = props;
+  const resolvedGutter = toCssLength(gutter);
+  const columnCount = resolveColumnCount(column, maxColumn, Boolean(columnWidth));
+  const layoutStyle = {
+    columnGap: resolvedGutter,
+    columnCount,
+    columnWidth: columnWidth ? toCssLength(columnWidth) : void 0,
+    columnFill: "balance",
+    ...style
+  };
+  const wrapItem = (content, key) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: twMerge(itemBaseClass, itemClassName),
+      style: { breakInside: "avoid", marginBottom: resolvedGutter, width: "100%", ...itemStyle },
+      children: content
+    },
+    key
+  );
+  const renderedItems = items && items.length ? items.map((item, index) => {
+    const content = resolveItemContent(item, index, renderItem);
+    return wrapItem(content, resolveItemKey(item, index, getKey));
+  }) : React.Children.map(children, (child, index) => wrapItem(child, resolveChildKey(child, index))) ?? null;
+  return /* @__PURE__ */ jsx("div", { ...rest, ref, role, className: twMerge(masonryBaseClass, className), style: layoutStyle, children: renderedItems });
+};
+var Masonry = React.forwardRef(MasonryBase);
+Masonry.displayName = "Masonry";
+var Masonry_default = Masonry;
+function toCssLength(value) {
+  if (value === void 0) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+}
+function normalizeColumns(value) {
+  if (value === void 0) return void 0;
+  if (!Number.isFinite(value)) return void 0;
+  return Math.max(1, Math.floor(value));
+}
+function resolveColumnCount(column, maxColumn, hasColumnWidth) {
+  const normalizedMax = normalizeColumns(maxColumn);
+  if (hasColumnWidth) {
+    return normalizedMax;
+  }
+  const normalizedColumn = normalizeColumns(column);
+  if (normalizedColumn && normalizedMax) {
+    return Math.min(normalizedColumn, normalizedMax);
+  }
+  return normalizedColumn ?? normalizedMax;
+}
+function resolveItemKey(item, index, getKey) {
+  if (getKey) return getKey(item, index);
+  if (React.isValidElement(item) && item.key != null) {
+    return item.key;
+  }
+  return index;
+}
+function resolveChildKey(child, index) {
+  if (React.isValidElement(child) && child.key != null) {
+    return child.key;
+  }
+  return index;
+}
+function resolveItemContent(item, index, renderItem) {
+  if (renderItem) {
+    return renderItem(item, index);
+  }
+  return item;
+}
+
+export { Masonry_default };
+//# sourceMappingURL=chunk-HAXGOTZO.js.map
+//# sourceMappingURL=chunk-HAXGOTZO.js.map

package/dist/chunk-HAXGOTZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/Masonry/index.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,gBAAA,GAAmB,qBAAA;AACzB,IAAM,aAAA,GAAgB,uCAAA;AAEtB,IAAM,WAAA,GAAc,CAAK,KAAA,EAAwB,GAAA,KAA4C;AAC3F,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA,GAAS,CAAA;AAAA,IACT,WAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,EAAA;AAAA,IACT,SAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA,GAAO,MAAA;AAAA,IACP,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM,CAAA;AACzC,EAAA,MAAM,cAAc,kBAAA,CAAmB,MAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,WAAW,CAAC,CAAA;AAE9E,EAAA,MAAM,WAAA,GAAmC;AAAA,IACvC,SAAA,EAAW,cAAA;AAAA,IACX,WAAA;AAAA,IACA,WAAA,EAAa,WAAA,GAAc,WAAA,CAAY,WAAW,CAAA,GAAI,MAAA;AAAA,IACtD,UAAA,EAAY,SAAA;AAAA,IACZ,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,EAA0B,GAAA,qBAC1C,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAW,OAAA,CAAQ,aAAA,EAAe,aAAa,CAAA;AAAA,MAC/C,KAAA,EAAO,EAAE,WAAA,EAAa,OAAA,EAAS,cAAc,cAAA,EAAgB,KAAA,EAAO,MAAA,EAAQ,GAAG,SAAA,EAAU;AAAA,MAExF,QAAA,EAAA;AAAA,KAAA;AAAA,IAJI;AAAA,GAKP;AAGF,EAAA,MAAM,aAAA,GACJ,SAAS,KAAA,CAAM,MAAA,GACX,MAAM,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AACzB,IAAA,MAAM,OAAA,GAAU,kBAAA,CAAmB,IAAA,EAAM,KAAA,EAAO,UAAU,CAAA;AAC1D,IAAA,OAAO,SAAS,OAAA,EAAS,cAAA,CAAe,IAAA,EAAM,KAAA,EAAO,MAAM,CAAC,CAAA;AAAA,EAC9D,CAAC,CAAA,GACK,KAAA,CAAA,QAAA,CAAS,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,KAAA,KAAU,QAAA,CAAS,OAAO,eAAA,CAAgB,KAAA,EAAO,KAAK,CAAC,CAAC,CAAA,IAAK,IAAA;AAExG,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,GAAA,EAAU,IAAA,EAAY,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAAkB,SAAS,CAAA,EAAG,KAAA,EAAO,aAC1F,QAAA,EAAA,aAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAM,OAAA,GAAgB,iBAAW,WAAW,CAAA;AAE5C,OAAA,CAAQ,WAAA,GAAc,SAAA;AAGtB,IAAO,eAAA,GAAQ;AAEf,SAAS,YAAY,KAAA,EAAyB;AAC5C,EAAA,IAAI,KAAA,KAAU,QAAW,OAAO,MAAA;AAChC,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAEA,SAAS,iBAAiB,KAAA,EAAgB;AACxC,EAAA,IAAI,KAAA,KAAU,QAAW,OAAO,MAAA;AAChC,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,KAAK,GAAG,OAAO,MAAA;AACpC,EAAA,OAAO,KAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AACtC;AAEA,SAAS,kBAAA,CAAmB,MAAA,EAAiB,SAAA,EAAoB,cAAA,EAA0B;AACzF,EAAA,MAAM,aAAA,GAAgB,iBAAiB,SAAS,CAAA;AAChD,EAAA,IAAI,cAAA,EAAgB;AAClB,IAAA,OAAO,aAAA;AAAA,EACT;AAEA,EAAA,MAAM,gBAAA,GAAmB,iBAAiB,MAAM,CAAA;AAEhD,EAAA,IAAI,oBAAoB,aAAA,EAAe;AACrC,IAAA,OAAO,IAAA,CAAK,GAAA,CAAI,gBAAA,EAAkB,aAAa,CAAA;AAAA,EACjD;AAEA,EAAA,OAAO,gBAAA,IAAoB,aAAA;AAC7B;AAEA,SAAS,cAAA,CAAkB,IAAA,EAAS,KAAA,EAAe,MAAA,EAAgD;AACjG,EAAA,IAAI,MAAA,EAAQ,OAAO,MAAA,CAAO,IAAA,EAAM,KAAK,CAAA;AACrC,EAAA,IAAU,KAAA,CAAA,cAAA,CAAe,IAAI,CAAA,IAAK,IAAA,CAAK,OAAO,IAAA,EAAM;AAClD,IAAA,OAAO,IAAA,CAAK,GAAA;AAAA,EACd;AACA,EAAA,OAAO,KAAA;AACT;AAEA,SAAS,eAAA,CAAgB,OAAwB,KAAA,EAAe;AAC9D,EAAA,IAAU,KAAA,CAAA,cAAA,CAAe,KAAK,CAAA,IAAK,KAAA,CAAM,OAAO,IAAA,EAAM;AACpD,IAAA,OAAO,KAAA,CAAM,GAAA;AAAA,EACf;AACA,EAAA,OAAO,KAAA;AACT;AAEA,SAAS,kBAAA,CAAsB,IAAA,EAAS,KAAA,EAAe,UAAA,EAAmC;AACxF,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,UAAA,CAAW,MAAM,KAAK,CAAA;AAAA,EAC/B;AACA,EAAA,OAAO,IAAA;AACT","file":"chunk-HAXGOTZO.js","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { MasonryComponent, MasonryProps, MasonryRenderItem } from './types.masonry';\n\nconst masonryBaseClass = 'masonry-grid w-full';\nconst itemBaseClass = 'masonry-item block break-inside-avoid';\n\nconst MasonryBase = <T,>(props: MasonryProps<T>, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const {\n    items,\n    renderItem,\n    getKey,\n    column = 2,\n    columnWidth,\n    maxColumn,\n    gutter = 16,\n    className,\n    itemClassName,\n    itemStyle,\n    children,\n    style,\n    role = 'list',\n    ...rest\n  } = props;\n\n  const resolvedGutter = toCssLength(gutter);\n  const columnCount = resolveColumnCount(column, maxColumn, Boolean(columnWidth));\n\n  const layoutStyle: React.CSSProperties = {\n    columnGap: resolvedGutter,\n    columnCount,\n    columnWidth: columnWidth ? toCssLength(columnWidth) : undefined,\n    columnFill: 'balance',\n    ...style\n  };\n\n  const wrapItem = (content: React.ReactNode, key: React.Key) => (\n    <div\n      key={key}\n      className={twMerge(itemBaseClass, itemClassName)}\n      style={{ breakInside: 'avoid', marginBottom: resolvedGutter, width: '100%', ...itemStyle }}\n    >\n      {content}\n    </div>\n  );\n\n  const renderedItems =\n    items && items.length\n      ? items.map((item, index) => {\n          const content = resolveItemContent(item, index, renderItem);\n          return wrapItem(content, resolveItemKey(item, index, getKey));\n        })\n      : React.Children.map(children, (child, index) => wrapItem(child, resolveChildKey(child, index))) ?? null;\n\n  return (\n    <div {...rest} ref={ref} role={role} className={twMerge(masonryBaseClass, className)} style={layoutStyle}>\n      {renderedItems}\n    </div>\n  );\n};\n\nconst Masonry = React.forwardRef(MasonryBase) as MasonryComponent;\n\nMasonry.displayName = 'Masonry';\n\nexport type { MasonryProps, MasonryRenderItem } from './types.masonry';\nexport default Masonry;\n\nfunction toCssLength(value?: number | string) {\n  if (value === undefined) return undefined;\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nfunction normalizeColumns(value?: number) {\n  if (value === undefined) return undefined;\n  if (!Number.isFinite(value)) return undefined;\n  return Math.max(1, Math.floor(value));\n}\n\nfunction resolveColumnCount(column?: number, maxColumn?: number, hasColumnWidth?: boolean) {\n  const normalizedMax = normalizeColumns(maxColumn);\n  if (hasColumnWidth) {\n    return normalizedMax;\n  }\n\n  const normalizedColumn = normalizeColumns(column);\n\n  if (normalizedColumn && normalizedMax) {\n    return Math.min(normalizedColumn, normalizedMax);\n  }\n\n  return normalizedColumn ?? normalizedMax;\n}\n\nfunction resolveItemKey<T>(item: T, index: number, getKey?: (item: T, index: number) => React.Key) {\n  if (getKey) return getKey(item, index);\n  if (React.isValidElement(item) && item.key != null) {\n    return item.key;\n  }\n  return index;\n}\n\nfunction resolveChildKey(child: React.ReactNode, index: number) {\n  if (React.isValidElement(child) && child.key != null) {\n    return child.key;\n  }\n  return index;\n}\n\nfunction resolveItemContent<T>(item: T, index: number, renderItem?: MasonryRenderItem<T>) {\n  if (renderItem) {\n    return renderItem(item, index);\n  }\n  return item as React.ReactNode;\n}\n"]}

package/dist/chunk-HEXJCQRO.js

@@ -0,0 +1,51 @@
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/Miscellaneous/Icon/index.tsx
+var sizeClasses = {
+  "x-small": "text-xs",
+  small: "text-sm",
+  medium: "text-base",
+  large: "text-lg",
+  "x-large": "text-2xl"
+};
+var colorClasses = {
+  primary: "text-primary",
+  neutral: "text-gray-700",
+  info: "text-sky-600",
+  success: "text-emerald-600",
+  warning: "text-amber-600",
+  danger: "text-red-600",
+  surface: "text-gray-900",
+  bw: "text-black"
+};
+var Icon = ({ className, icon, size, color, ...rest }) => {
+  const normalizeMdiName = (value) => {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return "";
+    }
+    if (trimmed.includes(" ")) {
+      return trimmed;
+    }
+    return trimmed.startsWith("mdi-") ? trimmed : `mdi-${trimmed}`;
+  };
+  let iconValue = "";
+  if (typeof icon === "string") {
+    iconValue = normalizeMdiName(icon);
+  } else if (Array.isArray(icon)) {
+    const [group, name] = icon;
+    if (group === "mdi") {
+      iconValue = normalizeMdiName(name);
+    }
+  }
+  const classBase = "mdi";
+  const sizeClass = size ? sizeClasses[size] ?? sizeClasses.medium : void 0;
+  const colorClass = color ? colorClasses[color] ?? colorClasses.primary : void 0;
+  return /* @__PURE__ */ jsx("i", { ...rest, className: twMerge(classBase, iconValue, sizeClass, colorClass, className) });
+};
+var Icon_default = Icon;
+
+export { Icon_default };
+//# sourceMappingURL=chunk-HEXJCQRO.js.map
+//# sourceMappingURL=chunk-HEXJCQRO.js.map

package/dist/chunk-HEXJCQRO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Miscellaneous/Icon/index.tsx"],"names":[],"mappings":";;;;AAaA,IAAM,WAAA,GAA0C;AAAA,EAC9C,SAAA,EAAW,SAAA;AAAA,EACX,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ,WAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,SAAA,EAAW;AACb,CAAA;AAEA,IAAM,YAAA,GAAwC;AAAA,EAC5C,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS,eAAA;AAAA,EACT,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,kBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,MAAA,EAAQ,cAAA;AAAA,EACR,OAAA,EAAS,eAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAKA,IAAM,IAAA,GAA4B,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,EAAO,GAAG,IAAA,EAAK,KAAM;AAC/E,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAkB;AAC1C,IAAA,MAAM,OAAA,GAAU,MAAM,IAAA,EAAK;AAC3B,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,EAAA;AAAA,IACT;AAEA,IAAA,IAAI,OAAA,CAAQ,QAAA,CAAS,GAAG,CAAA,EAAG;AACzB,MAAA,OAAO,OAAA;AAAA,IACT;AAEA,IAAA,OAAO,QAAQ,UAAA,CAAW,MAAM,CAAA,GAAI,OAAA,GAAU,OAAO,OAAO,CAAA,CAAA;AAAA,EAC9D,CAAA;AAEA,EAAA,IAAI,SAAA,GAAoB,EAAA;AACxB,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,SAAA,GAAY,iBAAiB,IAAI,CAAA;AAAA,EACnC,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AAC9B,IAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,IAAA;AACtB,IAAA,IAAI,UAAU,KAAA,EAAO;AACnB,MAAA,SAAA,GAAY,iBAAiB,IAAI,CAAA;AAAA,IACnC;AAAA,EACF;AACA,EAAA,MAAM,SAAA,GAAY,KAAA;AAClB,EAAA,MAAM,YAAY,IAAA,GAAO,WAAA,CAAY,IAAI,CAAA,IAAK,YAAY,MAAA,GAAS,MAAA;AACnE,EAAA,MAAM,aAAa,KAAA,GAAQ,YAAA,CAAa,KAAK,CAAA,IAAK,aAAa,OAAA,GAAU,MAAA;AAEzE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAG,GAAG,IAAA,EAAM,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,UAAA,EAAY,SAAS,CAAA,EAAG,CAAA;AAE7F,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"chunk-HEXJCQRO.js","sourcesContent":["import { GlobalSize, Palette } from '@lindle/linoardo/global.types';\nimport { twMerge } from 'tailwind-merge';\n\ntype IconGroup = 'mdi';\n\ntype IconSet = [IconGroup, string];\n\ntype IconProps = {\n  icon: string | IconSet;\n  size?: GlobalSize;\n  color?: Palette;\n} & React.HTMLAttributes<HTMLElement>;\n\nconst sizeClasses: Record<GlobalSize, string> = {\n  'x-small': 'text-xs',\n  small: 'text-sm',\n  medium: 'text-base',\n  large: 'text-lg',\n  'x-large': 'text-2xl'\n};\n\nconst colorClasses: Record<Palette, string> = {\n  primary: 'text-primary',\n  neutral: 'text-gray-700',\n  info: 'text-sky-600',\n  success: 'text-emerald-600',\n  warning: 'text-amber-600',\n  danger: 'text-red-600',\n  surface: 'text-gray-900',\n  bw: 'text-black'\n};\n\n/**\n * Renders an icon from configured sets (currently MDI) via class-based glyphs.\n */\nconst Icon: React.FC<IconProps> = ({ className, icon, size, color, ...rest }) => {\n  const normalizeMdiName = (value: string) => {\n    const trimmed = value.trim();\n    if (!trimmed) {\n      return '';\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    return trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n  };\n\n  let iconValue: string = '';\n  if (typeof icon === 'string') {\n    iconValue = normalizeMdiName(icon);\n  } else if (Array.isArray(icon)) {\n    const [group, name] = icon;\n    if (group === 'mdi') {\n      iconValue = normalizeMdiName(name);\n    }\n  }\n  const classBase = 'mdi';\n  const sizeClass = size ? sizeClasses[size] ?? sizeClasses.medium : undefined;\n  const colorClass = color ? colorClasses[color] ?? colorClasses.primary : undefined;\n\n  return (\n    <i {...rest} className={twMerge(classBase, iconValue, sizeClass, colorClass, className)}></i>\n  );\n};\n\nexport default Icon;\n"]}

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

@@ -36,13 +36,17 @@ var traverseNode = (node, value) => {
   if (!isValidElement(node)) {
     return { node, changed: false };
   }
-  const { node: mappedChildren, changed: childrenChanged } = traverseNode(node.props.children, value);
-  const shouldInject = hasMarker(node.type);
+  const element = node;
+  const { node: mappedChildren, changed: childrenChanged } = traverseNode(
+    element.props.children,
+    value
+  );
+  const shouldInject = hasMarker(element.type);
   if (!shouldInject && !childrenChanged) {
     return { node, changed: false };
   }
   const injectedProps = shouldInject ? { [EXPANSION_PANEL_CONTEXT_PROP]: value } : void 0;
-  const cloned = mappedChildren === void 0 ? cloneElement(node, injectedProps) : cloneElement(node, injectedProps, mappedChildren);
+  const cloned = mappedChildren === void 0 ? cloneElement(element, injectedProps) : cloneElement(element, injectedProps, mappedChildren);
   return { node: cloned, changed: true };
 };
 var injectExpansionPanelContext = (children, value) => traverseNode(children, value).node;
@@ -133,8 +137,17 @@ var ExpansionPanelItemInner = (props) => {
   const densityPadding = densityClasses[density] ?? densityClasses.default;
   const disabledClass = disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer";
   const titleClass = isExpanded ? accent.text : void 0;
-  const activeBorderClass = twMerge("border-l-2 border-transparent", isExpanded ? accent.border : void 0);
-  const defaultToggleIcon = /* @__PURE__ */ jsx("i", { className: "mdi mdi-chevron-down text-lg leading-none transition-transform duration-200", "aria-hidden": true });
+  const activeBorderClass = twMerge(
+    "border-l-2 border-transparent",
+    isExpanded ? accent.border : void 0
+  );
+  const defaultToggleIcon = /* @__PURE__ */ jsx(
+    "i",
+    {
+      className: "mdi mdi-chevron-down text-lg leading-none transition-transform duration-200",
+      "aria-hidden": true
+    }
+  );
   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;
@@ -231,5 +244,5 @@ markExpansionPanelItem(ExpansionPanelItem);
 var ExpansionPanelItem_default = ExpansionPanelItem;
 
 export { ExpansionPanelItem_default, injectExpansionPanelContext };
-//# sourceMappingURL=chunk-GA6HSRN6.js.map
-//# sourceMappingURL=chunk-GA6HSRN6.js.map
+//# sourceMappingURL=chunk-KRYWWWXR.js.map
+//# sourceMappingURL=chunk-KRYWWWXR.js.map

package/dist/chunk-KRYWWWXR.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-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"]}

package/dist/{chunk-U6NAIIDI.js → chunk-LIEBZOLG.js}

@@ -71,29 +71,51 @@ var Dialog = React.forwardRef((props, forwardedRef) => {
   ) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     activator ? /* @__PURE__ */ jsx("div", { className: "inline-flex", children: activator }) : null,
-    shouldRenderDialog ? /* @__PURE__ */ jsxs("div", { className: twMerge(containerBaseClasses, containerClassName), "data-state": state, "aria-hidden": !open, children: [
-      overlayNode,
-      /* @__PURE__ */ jsx("div", { className: twMerge(panelWrapperClasses, fullscreen ? "h-full items-stretch" : "mx-auto"), "data-state": state, children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ...rest,
-          ref: forwardedRef,
-          id,
-          role: roleProp,
-          tabIndex,
-          "aria-modal": ariaModal,
-          className: twMerge(panelBaseClasses, fullscreen ? "h-full w-full max-w-none rounded-none" : void 0, className),
-          style: resolvedStyle,
-          "data-state": state,
-          children
-        }
-      ) })
-    ] }) : null
+    shouldRenderDialog ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: twMerge(containerBaseClasses, containerClassName),
+        "data-state": state,
+        "aria-hidden": !open,
+        children: [
+          overlayNode,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: twMerge(
+                panelWrapperClasses,
+                fullscreen ? "h-full items-stretch" : "mx-auto"
+              ),
+              "data-state": state,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...rest,
+                  ref: forwardedRef,
+                  id,
+                  role: roleProp,
+                  tabIndex,
+                  "aria-modal": ariaModal,
+                  className: twMerge(
+                    panelBaseClasses,
+                    fullscreen ? "h-full w-full max-w-none rounded-none" : void 0,
+                    className
+                  ),
+                  style: resolvedStyle,
+                  "data-state": state,
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) : null
   ] });
 });
 Dialog.displayName = "Dialog";
 var Dialog_default = Dialog;
 
 export { Dialog_default };
-//# sourceMappingURL=chunk-U6NAIIDI.js.map
-//# sourceMappingURL=chunk-U6NAIIDI.js.map
+//# sourceMappingURL=chunk-LIEBZOLG.js.map
+//# sourceMappingURL=chunk-LIEBZOLG.js.map

package/dist/chunk-LIEBZOLG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/Dialog/index.tsx"],"names":[],"mappings":"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","file":"chunk-LIEBZOLG.js","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst containerBaseClasses =\n  'fixed inset-0 z-[70] flex items-center justify-center p-4 sm:p-8 data-[state=closed]:pointer-events-none';\nconst overlayBaseClasses =\n  'absolute inset-0 bg-gray-900/55 backdrop-blur-[2px] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100';\nconst panelWrapperClasses =\n  'relative z-10 flex w-full max-h-[95vh] justify-center transition-transform transition-opacity duration-200 data-[state=closed]:translate-y-4 data-[state=closed]:opacity-0 data-[state=open]:translate-y-0 data-[state=open]:opacity-100';\nconst panelBaseClasses =\n  'pointer-events-auto w-full max-h-[90vh] overflow-auto rounded-2xl bg-white p-6 text-gray-900 shadow-2xl shadow-black/20 ring-1 ring-black/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40';\n\nconst resolveSizeValue = (value?: string | number) => {\n  if (value === undefined) {\n    return undefined;\n  }\n  return typeof value === 'number' ? `${value}px` : value;\n};\n\nexport interface DialogProps extends React.HTMLAttributes<HTMLDivElement> {\n  activator?: React.ReactNode;\n  open?: boolean;\n  keepMounted?: boolean;\n  scrim?: boolean;\n  fullscreen?: boolean;\n  maxWidth?: string | number;\n  width?: string | number;\n  containerClassName?: string;\n  overlayClassName?: string;\n  overlayProps?: React.HTMLAttributes<HTMLDivElement>;\n}\n\n/**\n * Layered dialog container supporting scrim, fullscreen mode and controlled open state.\n */\nconst Dialog = React.forwardRef<HTMLDivElement, DialogProps>((props, forwardedRef) => {\n  const {\n    activator,\n    children,\n    open = false,\n    keepMounted = false,\n    scrim = true,\n    fullscreen = false,\n    maxWidth = '32rem',\n    width,\n    containerClassName,\n    overlayClassName,\n    overlayProps,\n    className,\n    style,\n    role: roleProp = 'dialog',\n    tabIndex = -1,\n    id,\n    ['aria-modal']: ariaModalProp,\n    ...rest\n  } = props;\n\n  const state = open ? 'open' : 'closed';\n  const shouldRenderDialog = keepMounted || open;\n\n  const resolvedStyle: React.CSSProperties = { ...style };\n  if (fullscreen) {\n    if (resolvedStyle.maxWidth === undefined) {\n      resolvedStyle.maxWidth = 'none';\n    }\n    if (resolvedStyle.width === undefined) {\n      resolvedStyle.width = '100%';\n    }\n    if (resolvedStyle.height === undefined) {\n      resolvedStyle.height = '100%';\n    }\n    if (resolvedStyle.maxHeight === undefined) {\n      resolvedStyle.maxHeight = '100%';\n    }\n  } else {\n    if (resolvedStyle.maxWidth === undefined) {\n      resolvedStyle.maxWidth = resolveSizeValue(maxWidth);\n    }\n    if (width !== undefined && resolvedStyle.width === undefined) {\n      resolvedStyle.width = resolveSizeValue(width);\n    }\n  }\n\n  const ariaModal =\n    ariaModalProp ?? (roleProp === 'dialog' || roleProp === 'alertdialog' ? true : undefined);\n\n  const { className: overlayExtraClassName, ...restOverlayProps } = overlayProps ?? {};\n\n  const overlayNode =\n    shouldRenderDialog && scrim ? (\n      <div\n        {...restOverlayProps}\n        className={twMerge(overlayBaseClasses, overlayClassName, overlayExtraClassName)}\n        data-state={state}\n        aria-hidden\n      />\n    ) : null;\n\n  return (\n    <>\n      {activator ? <div className='inline-flex'>{activator}</div> : null}\n      {shouldRenderDialog ? (\n        <div\n          className={twMerge(containerBaseClasses, containerClassName)}\n          data-state={state}\n          aria-hidden={!open}\n        >\n          {overlayNode}\n          <div\n            className={twMerge(\n              panelWrapperClasses,\n              fullscreen ? 'h-full items-stretch' : 'mx-auto'\n            )}\n            data-state={state}\n          >\n            <div\n              {...rest}\n              ref={forwardedRef}\n              id={id}\n              role={roleProp}\n              tabIndex={tabIndex}\n              aria-modal={ariaModal}\n              className={twMerge(\n                panelBaseClasses,\n                fullscreen ? 'h-full w-full max-w-none rounded-none' : undefined,\n                className\n              )}\n              style={resolvedStyle}\n              data-state={state}\n            >\n              {children}\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </>\n  );\n});\n\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n"]}

package/dist/{chunk-E32P5AHO.js → chunk-LYP7V32H.js}

@@ -1,4 +1,4 @@
-import { injectExpansionPanelContext } from './chunk-GA6HSRN6.js';
+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';
@@ -111,7 +111,13 @@ var ExpansionPanelInner = (props, forwardedRef) => {
     {
       ...rest,
       ref: forwardedRef,
-      className: twMerge("expansion-panel flex w-full flex-col text-gray-900", variantClass, shapeClass, layoutClass, className),
+      className: twMerge(
+        "expansion-panel flex w-full flex-col text-gray-900",
+        variantClass,
+        shapeClass,
+        layoutClass,
+        className
+      ),
       children: enhancedChildren
     }
   );
@@ -121,5 +127,5 @@ ExpansionPanel.displayName = "ExpansionPanel";
 var ExpansionPanel_default = ExpansionPanel;
 
 export { ExpansionPanel_default };
-//# sourceMappingURL=chunk-E32P5AHO.js.map
-//# sourceMappingURL=chunk-E32P5AHO.js.map
+//# sourceMappingURL=chunk-LYP7V32H.js.map
+//# sourceMappingURL=chunk-LYP7V32H.js.map

package/dist/chunk-LYP7V32H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/ExpansionPanel/index.tsx"],"names":["expandedValues"],"mappings":"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","file":"chunk-LYP7V32H.js","sourcesContent":["import { 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-MFLH36XK.js

@@ -0,0 +1,168 @@
+import { iconBaseClasses } from './chunk-IEILIKS2.js';
+import React from 'react';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/Form/Input/states.input.ts
+var resolveIconClassName = (icon) => {
+  if (!icon) {
+    return void 0;
+  }
+  if (typeof icon === "string") {
+    const trimmed = icon.trim();
+    if (!trimmed) {
+      return void 0;
+    }
+    if (trimmed.includes(" ")) {
+      return trimmed;
+    }
+    const normalizedName2 = trimmed.startsWith("mdi-") ? trimmed : `mdi-${trimmed}`;
+    return ["mdi", normalizedName2].join(" ");
+  }
+  const [library, iconNameRaw] = icon;
+  const baseClasses = iconBaseClasses[library] ?? [library];
+  const iconName = iconNameRaw.trim();
+  if (!iconName) {
+    return baseClasses.join(" ");
+  }
+  const normalizedName = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
+  const classes = [...baseClasses, normalizedName];
+  return Array.from(new Set(classes)).join(" ");
+};
+var Input = ({
+  variant = "outline",
+  size = "medium",
+  success,
+  error,
+  warn,
+  icon,
+  className,
+  wrapperClassName,
+  label,
+  ...props
+}) => {
+  const { placeholder, onFocus, onBlur, ...inputProps } = props;
+  const reactId = React.useId();
+  const hasLabel = Boolean(label);
+  const hasProvidedPlaceholder = typeof placeholder === "string" && placeholder.trim().length > 0;
+  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;
+  const [isFocused, setIsFocused] = React.useState(false);
+  const classBase = "input-base focus-visible:outline-none focus-visible:ring-primary 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";
+  const variantClasses = {
+    solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+    sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+    outline: "rounded border border-gray-300 bg-transparent focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-transparent dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+    text: "rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
+    ghost: "rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25",
+    filled: "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",
+    underlined: "rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
+    rounded: "rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20"
+  };
+  const sizeClasses = {
+    "x-small": { paddingNoIcon: "px-2 py-2", paddingWithIcon: "pl-8 pr-2 py-2", text: "text-xs" },
+    small: {
+      paddingNoIcon: "px-2.5 py-2.5",
+      paddingWithIcon: "pl-9 pr-2.5 py-2.5",
+      text: "text-sm"
+    },
+    medium: { paddingNoIcon: "px-3 py-3", paddingWithIcon: "pl-10 pr-3 py-3", text: "text-base" },
+    large: {
+      paddingNoIcon: "px-3.5 py-3.5",
+      paddingWithIcon: "pl-11 pr-3.5 py-3.5",
+      text: "text-lg"
+    },
+    "x-large": { paddingNoIcon: "px-4 py-4", paddingWithIcon: "pl-12 pr-4 py-4", text: "text-xl" }
+  };
+  const status = error ? { tone: "error", message: error } : warn ? { tone: "warn", message: warn } : success ? { tone: "success", message: success } : void 0;
+  const statusClasses = {
+    error: "border-red-500 focus:border-red-500 focus:ring-red-400",
+    warn: "border-amber-500 focus:border-amber-500 focus:ring-amber-400",
+    success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400"
+  };
+  const statusMessageClasses = {
+    error: "text-red-600 dark:text-red-300",
+    warn: "text-amber-600 dark:text-amber-300",
+    success: "text-emerald-600 dark:text-emerald-300"
+  };
+  const variantClass = variantClasses[variant] ?? variantClasses.outline;
+  const toneClass = status ? statusClasses[status.tone] : void 0;
+  let prependIconClass = resolveIconClassName(icon);
+  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;
+  const sizeClass = [
+    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,
+    sizeConfig.text
+  ].join(" ");
+  const inputName = inputProps.name || reactId;
+  const basePlaceholder = placeholder ?? (hasLabel ? " " : void 0);
+  const placeholderValue = hidePlaceholderUntilFocus ? isFocused ? placeholder : " " : basePlaceholder;
+  const placeholderClass = hidePlaceholderUntilFocus ? "placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400" : void 0;
+  const labelLeftClass = prependIconClass ? "left-10" : "left-3";
+  const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90 dark:bg-slate-900";
+  const handleFocus = (event) => {
+    if (hidePlaceholderUntilFocus) setIsFocused(true);
+    onFocus?.(event);
+  };
+  const handleBlur = (event) => {
+    if (hidePlaceholderUntilFocus) setIsFocused(false);
+    onBlur?.(event);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("flex flex-col gap-1", wrapperClassName), children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+      prependIconClass && /* @__PURE__ */ jsx(
+        "i",
+        {
+          className: twMerge(
+            "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400",
+            status?.tone && statusMessageClasses[status?.tone] || "",
+            prependIconClass
+          ),
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...inputProps,
+          id: inputName,
+          name: inputName,
+          placeholder: placeholderValue,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          className: twMerge(
+            "peer",
+            classBase,
+            variantClass,
+            toneClass,
+            sizeClass,
+            placeholderClass,
+            className
+          )
+        }
+      ),
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: inputName,
+          className: twMerge(
+            "absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200",
+            labelLeftClass,
+            // Floated state: center label's vertical middle on the top border line
+            "top-0 -translate-y-2/3 text-xs px-1",
+            labelBgDefault,
+            // focus state mirrors floated state (keeps center on border)
+            "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white/90 peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300",
+            // when input is empty (placeholder shown) -> center label inside input
+            "peer-placeholder-shown:top-1/2 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"
+          ),
+          children: label
+        }
+      )
+    ] }),
+    status?.message && /* @__PURE__ */ jsx("span", { className: twMerge("text-sm", statusMessageClasses[status.tone]), children: status.message })
+  ] });
+};
+var Input_default = Input;
+
+export { Input_default };
+//# sourceMappingURL=chunk-MFLH36XK.js.map
+//# sourceMappingURL=chunk-MFLH36XK.js.map

package/dist/chunk-MFLH36XK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName"],"mappings":"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","file":"chunk-MFLH36XK.js","sourcesContent":["import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input: React.FC<InputProp> = ({\n  variant = 'outline',\n  size = 'medium',\n  success,\n  error,\n  warn,\n  icon,\n  className,\n  wrapperClassName,\n  label,\n  ...props\n}) => {\n  const { placeholder, onFocus, onBlur, ...inputProps } = props;\n  const reactId = React.useId();\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n  const [isFocused, setIsFocused] = React.useState(false);\n  const classBase =\n    'input-base focus-visible:outline-none focus-visible:ring-primary 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  const variantClasses = {\n    solid:\n      'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    sharp:\n      'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    outline:\n      'rounded border border-gray-300 bg-transparent focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-transparent dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    text: 'rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    ghost:\n      'rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\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    underlined:\n      'rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    rounded:\n      'rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n  } satisfies Record<InputVariant, string>;\n  const sizeClasses = {\n    'x-small': { paddingNoIcon: 'px-2 py-2', paddingWithIcon: 'pl-8 pr-2 py-2', text: 'text-xs' },\n    small: {\n      paddingNoIcon: 'px-2.5 py-2.5',\n      paddingWithIcon: 'pl-9 pr-2.5 py-2.5',\n      text: 'text-sm'\n    },\n    medium: { paddingNoIcon: 'px-3 py-3', paddingWithIcon: 'pl-10 pr-3 py-3', text: 'text-base' },\n    large: {\n      paddingNoIcon: 'px-3.5 py-3.5',\n      paddingWithIcon: 'pl-11 pr-3.5 py-3.5',\n      text: 'text-lg'\n    },\n    'x-large': { paddingNoIcon: 'px-4 py-4', paddingWithIcon: 'pl-12 pr-4 py-4', text: 'text-xl' }\n  } satisfies Record<InputSize, { paddingNoIcon: string; paddingWithIcon: string; text: string }>;\n\n  const status = error\n    ? { tone: 'error' as const, message: error }\n    : warn\n    ? { tone: 'warn' as const, message: warn }\n    : success\n    ? { tone: 'success' as const, message: success }\n    : undefined;\n\n  const statusClasses = {\n    error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n    warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n    success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n  } as const;\n\n  const statusMessageClasses = {\n    error: 'text-red-600 dark:text-red-300',\n    warn: 'text-amber-600 dark:text-amber-300',\n    success: 'text-emerald-600 dark:text-emerald-300'\n  } as const;\n\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const toneClass = status ? statusClasses[status.tone] : undefined;\n  let prependIconClass = resolveIconClassName(icon);\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = [\n    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,\n    sizeConfig.text\n  ].join(' ');\n\n  // useId keeps SSR/CSR ids consistent while still providing a fallback name\n  const inputName = inputProps.name || reactId;\n\n  // Ensure placeholder is present when label exists so :placeholder-shown works.\n  // Label stays primary; placeholder only appears on focus when the field is empty.\n  const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n  const placeholderValue = hidePlaceholderUntilFocus\n    ? isFocused\n      ? placeholder\n      : ' '\n    : basePlaceholder;\n  const placeholderClass = hidePlaceholderUntilFocus\n    ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n    : undefined;\n\n  // Label left offset depends on icon presence\n  const labelLeftClass = prependIconClass ? 'left-10' : 'left-3';\n\n  // Background for floated label — keep transparent for outline/text/underlined variants\n  const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant)\n    ? 'bg-transparent'\n    : 'bg-white/90 dark:bg-slate-900';\n\n  const handleFocus: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        {prependIconClass && (\n          <i\n            className={twMerge(\n              'pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400',\n              (status?.tone && statusMessageClasses[status?.tone]) || '',\n              prependIconClass\n            )}\n            aria-hidden\n          />\n        )}\n\n        {/* input is peer so label can react with peer-* utilities */}\n        <input\n          {...inputProps}\n          id={inputName}\n          name={inputName}\n          placeholder={placeholderValue}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className={twMerge(\n            'peer',\n            classBase,\n            variantClass,\n            toneClass,\n            sizeClass,\n            placeholderClass,\n            className\n          )}\n        />\n\n        {label && (\n          <label\n            htmlFor={inputName}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200',\n              labelLeftClass,\n              // Floated state: center label's vertical middle on the top border line\n              'top-0 -translate-y-2/3 text-xs px-1',\n              labelBgDefault,\n              // focus state mirrors floated state (keeps center on border)\n              'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white/90 peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n              // when input is empty (placeholder shown) -> center label inside input\n              'peer-placeholder-shown:top-1/2 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\n        {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n      </div>\n      {status?.message && (\n        <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n          {status.message}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Input;\n"]}

package/dist/{chunk-QGQ66FJD.js → chunk-T37VPLS4.js}

@@ -151,5 +151,5 @@ Menu.displayName = "Menu";
 var Menu_default = Menu;
 
 export { Menu_default };
-//# sourceMappingURL=chunk-QGQ66FJD.js.map
-//# sourceMappingURL=chunk-QGQ66FJD.js.map
+//# sourceMappingURL=chunk-T37VPLS4.js.map
+//# sourceMappingURL=chunk-T37VPLS4.js.map