asterui 0.12.7 → 0.12.8

package/dist/index43.js

@@ -1,24 +1,20 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-function c({ children: l, className: n = "", ...s }) {
-  return /* @__PURE__ */ a("span", { className: `label ${n}`, ...s, children: l });
-}
-function r({ children: l, label: n, size: s, className: e = "", ...t }) {
-  const i = ["floating-label", s && {
-    xs: "input-xs",
-    sm: "input-sm",
-    md: "input-md",
-    lg: "input-lg",
-    xl: "input-xl"
-  }[s], e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("label", { className: i, ...t, children: [
-    l,
-    /* @__PURE__ */ a("span", { children: n })
-  ] });
-}
-const m = Object.assign(c, {
-  Floating: r
-});
+import { jsx as e } from "react/jsx-runtime";
+const k = {
+  xs: "kbd-xs",
+  sm: "kbd-sm",
+  md: "kbd-md",
+  lg: "kbd-lg",
+  xl: "kbd-xl"
+}, t = ({
+  size: s,
+  children: d,
+  className: l = "",
+  ...o
+}) => {
+  const b = ["kbd", s ? k[s] : "", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("kbd", { className: b, ...o, children: d });
+};
 export {
-  m as Label
+  t as Kbd
 };
 //# sourceMappingURL=index43.js.map

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","sources":["../src/components/Label.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n}\n\nexport interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  children: React.ReactNode\n  label: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}\n\nfunction LabelRoot({ children, className = '', ...rest }: LabelProps) {\n  return <span className={`label ${className}`} {...rest}>{children}</span>\n}\n\nfunction FloatingLabel({ children, label, size, className = '', ...rest }: FloatingLabelProps) {\n  const sizeClasses = {\n    xs: 'input-xs',\n    sm: 'input-sm',\n    md: 'input-md',\n    lg: 'input-lg',\n    xl: 'input-xl',\n  }\n\n  const classes = ['floating-label', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  return (\n    <label className={classes} {...rest}>\n      {children}\n      <span>{label}</span>\n    </label>\n  )\n}\n\nexport const Label = Object.assign(LabelRoot, {\n  Floating: FloatingLabel,\n})\n"],"names":["LabelRoot","children","className","rest","jsx","FloatingLabel","label","size","classes","jsxs","Label"],"mappings":";AAYA,SAASA,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAoB;AACpE,SAAO,gBAAAC,EAAC,UAAK,WAAW,SAASF,CAAS,IAAK,GAAGC,GAAO,UAAAF,GAAS;AACpE;AAEA,SAASI,EAAc,EAAE,UAAAJ,GAAU,OAAAK,GAAO,MAAAC,GAAM,WAAAL,IAAY,IAAI,GAAGC,KAA4B;AAS7F,QAAMK,IAAU,CAAC,kBAAkBD,KARf;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGiDA,CAAI,GAAGL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjG,SACE,gBAAAO,EAAC,SAAA,EAAM,WAAWD,GAAU,GAAGL,GAC5B,UAAA;AAAA,IAAAF;AAAA,IACD,gBAAAG,EAAC,UAAM,UAAAE,EAAA,CAAM;AAAA,EAAA,GACf;AAEJ;AAEO,MAAMI,IAAQ,OAAO,OAAOV,GAAW;AAAA,EAC5C,UAAUK;AACZ,CAAC;"}
+{"version":3,"file":"index43.js","sources":["../src/components/Kbd.tsx"],"sourcesContent":["import React from 'react'\n\nexport type KbdSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  /** Size of the kbd */\n  size?: KbdSize\n  /** Key content */\n  children?: React.ReactNode\n}\n\nconst sizeClasses: Record<KbdSize, string> = {\n  xs: 'kbd-xs',\n  sm: 'kbd-sm',\n  md: 'kbd-md',\n  lg: 'kbd-lg',\n  xl: 'kbd-xl',\n}\n\nexport const Kbd: React.FC<KbdProps> = ({\n  size,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const classes = ['kbd', size ? sizeClasses[size] : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <kbd className={classes} {...rest}>\n      {children}\n    </kbd>\n  )\n}\n"],"names":["sizeClasses","Kbd","size","children","className","rest","classes"],"mappings":";AAWA,MAAMA,IAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA0B,CAAC;AAAA,EACtC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,CAAC,OAAOJ,IAAOF,EAAYE,CAAI,IAAI,IAAIE,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;"}

package/dist/index44.js

@@ -1,122 +1,24 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import u, { useContext as k, createContext as S, useState as w, useCallback as g } from "react";
-const p = S(null);
-function F() {
-  return k(p);
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+function c({ children: l, className: n = "", ...s }) {
+  return /* @__PURE__ */ a("span", { className: `label ${n}`, ...s, children: l });
 }
-function m({ children: o, className: n = "", style: s }) {
-  const t = u.Children.toArray(o), l = t.some(
-    (e) => u.isValidElement(e) && e.type.displayName === "LayoutSider"
-  ), f = [
-    "flex",
-    "min-h-0",
-    l ? "flex-row" : "flex-col",
-    n
-  ].filter(Boolean).join(" "), i = l ? t.map((e) => {
-    if (u.isValidElement(e) && (e.type === m || e.type.displayName === "LayoutRoot") && e.type.displayName !== "LayoutSider") {
-      const c = e.props.className || "";
-      if (!c.includes("flex-1"))
-        return u.cloneElement(e, {
-          className: `flex-1 ${c}`.trim()
-        });
-    }
-    return e;
-  }) : o;
-  return /* @__PURE__ */ a("div", { className: f, style: s, children: i });
+function r({ children: l, label: n, size: s, className: e = "", ...t }) {
+  const i = ["floating-label", s && {
+    xs: "input-xs",
+    sm: "input-sm",
+    md: "input-md",
+    lg: "input-lg",
+    xl: "input-xl"
+  }[s], e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("label", { className: i, ...t, children: [
+    l,
+    /* @__PURE__ */ a("span", { children: n })
+  ] });
 }
-m.displayName = "LayoutRoot";
-function B({ children: o, className: n = "", style: s }) {
-  const t = [
-    "flex",
-    "items-center",
-    "px-6",
-    "h-16",
-    "bg-base-300",
-    "flex-shrink-0",
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("header", { className: t, style: s, children: o });
-}
-function E({ children: o, className: n = "", style: s }) {
-  const t = [
-    "px-6",
-    "py-4",
-    "text-center",
-    "bg-base-300",
-    "flex-shrink-0",
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("footer", { className: t, style: s, children: o });
-}
-function R({ children: o, className: n = "", style: s }) {
-  const t = ["flex-1", "min-h-0", "overflow-auto", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("main", { className: t, style: s, children: o });
-}
-function y({
-  children: o,
-  width: n = 200,
-  collapsedWidth: s = 80,
-  collapsed: t,
-  defaultCollapsed: l = !1,
-  collapsible: f = !1,
-  onCollapse: i,
-  trigger: e,
-  className: c = "",
-  style: C
-}) {
-  const [b, N] = w(l), r = t ?? b, h = g(() => {
-    const x = !r;
-    t === void 0 && N(x), i?.(x);
-  }, [r, t, i]), d = r ? s : n, L = [
-    "flex",
-    "flex-col",
-    "bg-base-200",
-    "flex-shrink-0",
-    "transition-all",
-    "duration-200",
-    c
-  ].filter(Boolean).join(" "), j = f && e !== null && /* @__PURE__ */ a(
-    "button",
-    {
-      onClick: h,
-      className: "flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors",
-      "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
-      children: /* @__PURE__ */ a(
-        "svg",
-        {
-          className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ a(p.Provider, { value: { collapsed: r, collapsedWidth: s, width: n }, children: /* @__PURE__ */ v(
-    "aside",
-    {
-      className: L,
-      style: {
-        width: typeof d == "number" ? `${d}px` : d,
-        ...C
-      },
-      children: [
-        /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto", children: o }),
-        e !== null && (e ?? j)
-      ]
-    }
-  ) });
-}
-y.displayName = "LayoutSider";
-const H = Object.assign(m, {
-  Header: B,
-  Footer: E,
-  Content: R,
-  Sider: y
+const m = Object.assign(c, {
+  Floating: r
 });
 export {
-  H as Layout,
-  F as useSiderContext
+  m as Label
 };
 //# sourceMappingURL=index44.js.map

package/dist/index44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index44.js","sources":["../src/components/Layout.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback } from 'react'\n\nexport interface LayoutProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutHeaderProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutFooterProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutContentProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutSiderProps {\n  children: React.ReactNode\n  width?: number | string\n  collapsedWidth?: number | string\n  collapsed?: boolean\n  defaultCollapsed?: boolean\n  collapsible?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  trigger?: React.ReactNode | null\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n  onBreakpoint?: (broken: boolean) => void\n  className?: string\n  style?: React.CSSProperties\n}\n\ninterface SiderContextValue {\n  collapsed: boolean\n  collapsedWidth: number | string\n  width: number | string\n}\n\nconst SiderContext = createContext<SiderContextValue | null>(null)\n\nexport function useSiderContext() {\n  return useContext(SiderContext)\n}\n\nfunction LayoutRoot({ children, className = '', style }: LayoutProps) {\n  // Check if any child is a Sider to determine flex direction\n  const childArray = React.Children.toArray(children)\n  const hasSider = childArray.some(\n    (child) => React.isValidElement(child) && (child.type as any).displayName === 'LayoutSider'\n  )\n\n  const layoutClasses = [\n    'flex',\n    'min-h-0',\n    hasSider ? 'flex-row' : 'flex-col',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If we have a Sider, auto-add flex-1 to non-Sider Layout children\n  const processedChildren = hasSider\n    ? childArray.map((child) => {\n        if (\n          React.isValidElement(child) &&\n          (child.type === LayoutRoot || (child.type as any).displayName === 'LayoutRoot') &&\n          (child.type as any).displayName !== 'LayoutSider'\n        ) {\n          // Clone the Layout child and add flex-1 if not already present\n          const existingClassName = (child.props as any).className || ''\n          if (!existingClassName.includes('flex-1')) {\n            return React.cloneElement(child as React.ReactElement<any>, {\n              className: `flex-1 ${existingClassName}`.trim(),\n            })\n          }\n        }\n        return child\n      })\n    : children\n\n  return (\n    <div className={layoutClasses} style={style}>\n      {processedChildren}\n    </div>\n  )\n}\n\nLayoutRoot.displayName = 'LayoutRoot'\n\nfunction LayoutHeader({ children, className = '', style }: LayoutHeaderProps) {\n  const headerClasses = [\n    'flex',\n    'items-center',\n    'px-6',\n    'h-16',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <header className={headerClasses} style={style}>\n      {children}\n    </header>\n  )\n}\n\nfunction LayoutFooter({ children, className = '', style }: LayoutFooterProps) {\n  const footerClasses = [\n    'px-6',\n    'py-4',\n    'text-center',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <footer className={footerClasses} style={style}>\n      {children}\n    </footer>\n  )\n}\n\nfunction LayoutContent({ children, className = '', style }: LayoutContentProps) {\n  // flex-1 by default so Content fills available space\n  const contentClasses = ['flex-1', 'min-h-0', 'overflow-auto', className].filter(Boolean).join(' ')\n\n  return (\n    <main className={contentClasses} style={style}>\n      {children}\n    </main>\n  )\n}\n\nfunction LayoutSider({\n  children,\n  width = 200,\n  collapsedWidth = 80,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  collapsible = false,\n  onCollapse,\n  trigger,\n  className = '',\n  style,\n}: LayoutSiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed)\n\n  const collapsed = controlledCollapsed ?? internalCollapsed\n\n  const handleCollapse = useCallback(() => {\n    const newCollapsed = !collapsed\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(newCollapsed)\n    }\n    onCollapse?.(newCollapsed)\n  }, [collapsed, controlledCollapsed, onCollapse])\n\n  const currentWidth = collapsed ? collapsedWidth : width\n\n  const siderClasses = [\n    'flex',\n    'flex-col',\n    'bg-base-200',\n    'flex-shrink-0',\n    'transition-all',\n    'duration-200',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultTrigger = collapsible && trigger !== null && (\n    <button\n      onClick={handleCollapse}\n      className=\"flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors\"\n      aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n    >\n      <svg\n        className={`w-4 h-4 transition-transform ${collapsed ? 'rotate-180' : ''}`}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n      </svg>\n    </button>\n  )\n\n  return (\n    <SiderContext.Provider value={{ collapsed, collapsedWidth, width }}>\n      <aside\n        className={siderClasses}\n        style={{\n          width: typeof currentWidth === 'number' ? `${currentWidth}px` : currentWidth,\n          ...style,\n        }}\n      >\n        <div className=\"flex-1 overflow-auto\">{children}</div>\n        {trigger !== null && (trigger ?? defaultTrigger)}\n      </aside>\n    </SiderContext.Provider>\n  )\n}\n\nLayoutSider.displayName = 'LayoutSider'\n\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Footer: LayoutFooter,\n  Content: LayoutContent,\n  Sider: LayoutSider,\n})\n"],"names":["SiderContext","createContext","useSiderContext","useContext","LayoutRoot","children","className","style","childArray","React","hasSider","child","layoutClasses","processedChildren","existingClassName","jsx","LayoutHeader","headerClasses","LayoutFooter","footerClasses","LayoutContent","contentClasses","LayoutSider","width","collapsedWidth","controlledCollapsed","defaultCollapsed","collapsible","onCollapse","trigger","internalCollapsed","setInternalCollapsed","useState","collapsed","handleCollapse","useCallback","newCollapsed","currentWidth","siderClasses","defaultTrigger","jsxs","Layout"],"mappings":"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"}
+{"version":3,"file":"index44.js","sources":["../src/components/Label.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n}\n\nexport interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  children: React.ReactNode\n  label: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}\n\nfunction LabelRoot({ children, className = '', ...rest }: LabelProps) {\n  return <span className={`label ${className}`} {...rest}>{children}</span>\n}\n\nfunction FloatingLabel({ children, label, size, className = '', ...rest }: FloatingLabelProps) {\n  const sizeClasses = {\n    xs: 'input-xs',\n    sm: 'input-sm',\n    md: 'input-md',\n    lg: 'input-lg',\n    xl: 'input-xl',\n  }\n\n  const classes = ['floating-label', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  return (\n    <label className={classes} {...rest}>\n      {children}\n      <span>{label}</span>\n    </label>\n  )\n}\n\nexport const Label = Object.assign(LabelRoot, {\n  Floating: FloatingLabel,\n})\n"],"names":["LabelRoot","children","className","rest","jsx","FloatingLabel","label","size","classes","jsxs","Label"],"mappings":";AAYA,SAASA,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAoB;AACpE,SAAO,gBAAAC,EAAC,UAAK,WAAW,SAASF,CAAS,IAAK,GAAGC,GAAO,UAAAF,GAAS;AACpE;AAEA,SAASI,EAAc,EAAE,UAAAJ,GAAU,OAAAK,GAAO,MAAAC,GAAM,WAAAL,IAAY,IAAI,GAAGC,KAA4B;AAS7F,QAAMK,IAAU,CAAC,kBAAkBD,KARf;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGiDA,CAAI,GAAGL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjG,SACE,gBAAAO,EAAC,SAAA,EAAM,WAAWD,GAAU,GAAGL,GAC5B,UAAA;AAAA,IAAAF;AAAA,IACD,gBAAAG,EAAC,UAAM,UAAAE,EAAA,CAAM;AAAA,EAAA,GACf;AAEJ;AAEO,MAAMI,IAAQ,OAAO,OAAOV,GAAW;AAAA,EAC5C,UAAUK;AACZ,CAAC;"}

package/dist/index45.js

@@ -1,16 +1,122 @@
-import { jsx as n } from "react/jsx-runtime";
-function e({ children: s, className: o = "", ...t }) {
-  const i = ["list", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("ul", { className: i, ...t, children: s });
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import u, { useContext as k, createContext as S, useState as w, useCallback as g } from "react";
+const p = S(null);
+function F() {
+  return k(p);
 }
-function l({ children: s, className: o = "", ...t }) {
-  const i = ["list-row", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("li", { className: i, ...t, children: s });
+function m({ children: o, className: n = "", style: s }) {
+  const t = u.Children.toArray(o), l = t.some(
+    (e) => u.isValidElement(e) && e.type.displayName === "LayoutSider"
+  ), f = [
+    "flex",
+    "min-h-0",
+    l ? "flex-row" : "flex-col",
+    n
+  ].filter(Boolean).join(" "), i = l ? t.map((e) => {
+    if (u.isValidElement(e) && (e.type === m || e.type.displayName === "LayoutRoot") && e.type.displayName !== "LayoutSider") {
+      const c = e.props.className || "";
+      if (!c.includes("flex-1"))
+        return u.cloneElement(e, {
+          className: `flex-1 ${c}`.trim()
+        });
+    }
+    return e;
+  }) : o;
+  return /* @__PURE__ */ a("div", { className: f, style: s, children: i });
 }
-const r = Object.assign(e, {
-  Row: l
+m.displayName = "LayoutRoot";
+function B({ children: o, className: n = "", style: s }) {
+  const t = [
+    "flex",
+    "items-center",
+    "px-6",
+    "h-16",
+    "bg-base-300",
+    "flex-shrink-0",
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("header", { className: t, style: s, children: o });
+}
+function E({ children: o, className: n = "", style: s }) {
+  const t = [
+    "px-6",
+    "py-4",
+    "text-center",
+    "bg-base-300",
+    "flex-shrink-0",
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("footer", { className: t, style: s, children: o });
+}
+function R({ children: o, className: n = "", style: s }) {
+  const t = ["flex-1", "min-h-0", "overflow-auto", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("main", { className: t, style: s, children: o });
+}
+function y({
+  children: o,
+  width: n = 200,
+  collapsedWidth: s = 80,
+  collapsed: t,
+  defaultCollapsed: l = !1,
+  collapsible: f = !1,
+  onCollapse: i,
+  trigger: e,
+  className: c = "",
+  style: C
+}) {
+  const [b, N] = w(l), r = t ?? b, h = g(() => {
+    const x = !r;
+    t === void 0 && N(x), i?.(x);
+  }, [r, t, i]), d = r ? s : n, L = [
+    "flex",
+    "flex-col",
+    "bg-base-200",
+    "flex-shrink-0",
+    "transition-all",
+    "duration-200",
+    c
+  ].filter(Boolean).join(" "), j = f && e !== null && /* @__PURE__ */ a(
+    "button",
+    {
+      onClick: h,
+      className: "flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors",
+      "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
+      children: /* @__PURE__ */ a(
+        "svg",
+        {
+          className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ a(p.Provider, { value: { collapsed: r, collapsedWidth: s, width: n }, children: /* @__PURE__ */ v(
+    "aside",
+    {
+      className: L,
+      style: {
+        width: typeof d == "number" ? `${d}px` : d,
+        ...C
+      },
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto", children: o }),
+        e !== null && (e ?? j)
+      ]
+    }
+  ) });
+}
+y.displayName = "LayoutSider";
+const H = Object.assign(m, {
+  Header: B,
+  Footer: E,
+  Content: R,
+  Sider: y
 });
 export {
-  r as List
+  H as Layout,
+  F as useSiderContext
 };
 //# sourceMappingURL=index45.js.map

package/dist/index45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index45.js","sources":["../src/components/List.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ListProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n}\n\nexport interface ListRowProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nfunction ListRoot({ children, className = '', ...rest }: ListProps) {\n  const classes = ['list', className].filter(Boolean).join(' ')\n  return <ul className={classes} {...rest}>{children}</ul>\n}\n\nfunction ListRow({ children, className = '', ...rest }: ListRowProps) {\n  const classes = ['list-row', className].filter(Boolean).join(' ')\n  return <li className={classes} {...rest}>{children}</li>\n}\n\nexport const List = Object.assign(ListRoot, {\n  Row: ListRow,\n})\n"],"names":["ListRoot","children","className","rest","classes","ListRow","List"],"mappings":";AAUA,SAASA,EAAS,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AAClE,QAAMC,IAAU,CAAC,QAAQF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC5D,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAF,GAAS;AACrD;AAEA,SAASI,EAAQ,EAAE,UAAAJ,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAsB;AACpE,QAAMC,IAAU,CAAC,YAAYF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAChE,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAF,GAAS;AACrD;AAEO,MAAMK,IAAO,OAAO,OAAON,GAAU;AAAA,EAC1C,KAAKK;AACP,CAAC;"}
+{"version":3,"file":"index45.js","sources":["../src/components/Layout.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback } from 'react'\n\nexport interface LayoutProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutHeaderProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutFooterProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutContentProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutSiderProps {\n  children: React.ReactNode\n  width?: number | string\n  collapsedWidth?: number | string\n  collapsed?: boolean\n  defaultCollapsed?: boolean\n  collapsible?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  trigger?: React.ReactNode | null\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n  onBreakpoint?: (broken: boolean) => void\n  className?: string\n  style?: React.CSSProperties\n}\n\ninterface SiderContextValue {\n  collapsed: boolean\n  collapsedWidth: number | string\n  width: number | string\n}\n\nconst SiderContext = createContext<SiderContextValue | null>(null)\n\nexport function useSiderContext() {\n  return useContext(SiderContext)\n}\n\nfunction LayoutRoot({ children, className = '', style }: LayoutProps) {\n  // Check if any child is a Sider to determine flex direction\n  const childArray = React.Children.toArray(children)\n  const hasSider = childArray.some(\n    (child) => React.isValidElement(child) && (child.type as any).displayName === 'LayoutSider'\n  )\n\n  const layoutClasses = [\n    'flex',\n    'min-h-0',\n    hasSider ? 'flex-row' : 'flex-col',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If we have a Sider, auto-add flex-1 to non-Sider Layout children\n  const processedChildren = hasSider\n    ? childArray.map((child) => {\n        if (\n          React.isValidElement(child) &&\n          (child.type === LayoutRoot || (child.type as any).displayName === 'LayoutRoot') &&\n          (child.type as any).displayName !== 'LayoutSider'\n        ) {\n          // Clone the Layout child and add flex-1 if not already present\n          const existingClassName = (child.props as any).className || ''\n          if (!existingClassName.includes('flex-1')) {\n            return React.cloneElement(child as React.ReactElement<any>, {\n              className: `flex-1 ${existingClassName}`.trim(),\n            })\n          }\n        }\n        return child\n      })\n    : children\n\n  return (\n    <div className={layoutClasses} style={style}>\n      {processedChildren}\n    </div>\n  )\n}\n\nLayoutRoot.displayName = 'LayoutRoot'\n\nfunction LayoutHeader({ children, className = '', style }: LayoutHeaderProps) {\n  const headerClasses = [\n    'flex',\n    'items-center',\n    'px-6',\n    'h-16',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <header className={headerClasses} style={style}>\n      {children}\n    </header>\n  )\n}\n\nfunction LayoutFooter({ children, className = '', style }: LayoutFooterProps) {\n  const footerClasses = [\n    'px-6',\n    'py-4',\n    'text-center',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <footer className={footerClasses} style={style}>\n      {children}\n    </footer>\n  )\n}\n\nfunction LayoutContent({ children, className = '', style }: LayoutContentProps) {\n  // flex-1 by default so Content fills available space\n  const contentClasses = ['flex-1', 'min-h-0', 'overflow-auto', className].filter(Boolean).join(' ')\n\n  return (\n    <main className={contentClasses} style={style}>\n      {children}\n    </main>\n  )\n}\n\nfunction LayoutSider({\n  children,\n  width = 200,\n  collapsedWidth = 80,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  collapsible = false,\n  onCollapse,\n  trigger,\n  className = '',\n  style,\n}: LayoutSiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed)\n\n  const collapsed = controlledCollapsed ?? internalCollapsed\n\n  const handleCollapse = useCallback(() => {\n    const newCollapsed = !collapsed\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(newCollapsed)\n    }\n    onCollapse?.(newCollapsed)\n  }, [collapsed, controlledCollapsed, onCollapse])\n\n  const currentWidth = collapsed ? collapsedWidth : width\n\n  const siderClasses = [\n    'flex',\n    'flex-col',\n    'bg-base-200',\n    'flex-shrink-0',\n    'transition-all',\n    'duration-200',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultTrigger = collapsible && trigger !== null && (\n    <button\n      onClick={handleCollapse}\n      className=\"flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors\"\n      aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n    >\n      <svg\n        className={`w-4 h-4 transition-transform ${collapsed ? 'rotate-180' : ''}`}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n      </svg>\n    </button>\n  )\n\n  return (\n    <SiderContext.Provider value={{ collapsed, collapsedWidth, width }}>\n      <aside\n        className={siderClasses}\n        style={{\n          width: typeof currentWidth === 'number' ? `${currentWidth}px` : currentWidth,\n          ...style,\n        }}\n      >\n        <div className=\"flex-1 overflow-auto\">{children}</div>\n        {trigger !== null && (trigger ?? defaultTrigger)}\n      </aside>\n    </SiderContext.Provider>\n  )\n}\n\nLayoutSider.displayName = 'LayoutSider'\n\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Footer: LayoutFooter,\n  Content: LayoutContent,\n  Sider: LayoutSider,\n})\n"],"names":["SiderContext","createContext","useSiderContext","useContext","LayoutRoot","children","className","style","childArray","React","hasSider","child","layoutClasses","processedChildren","existingClassName","jsx","LayoutHeader","headerClasses","LayoutFooter","footerClasses","LayoutContent","contentClasses","LayoutSider","width","collapsedWidth","controlledCollapsed","defaultCollapsed","collapsible","onCollapse","trigger","internalCollapsed","setInternalCollapsed","useState","collapsed","handleCollapse","useCallback","newCollapsed","currentWidth","siderClasses","defaultTrigger","jsxs","Layout"],"mappings":"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"}

package/dist/index46.js

@@ -1,38 +1,16 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-const f = ({
-  size: r = "md",
-  type: t = "spinner",
-  className: d = "",
-  spinning: l = !0,
-  children: n,
-  tip: e,
-  ...i
-}) => {
-  const c = {
-    xs: "loading-xs",
-    sm: "loading-sm",
-    md: "loading-md",
-    lg: "loading-lg"
-  }, o = ["loading", {
-    spinner: "loading-spinner",
-    dots: "loading-dots",
-    ring: "loading-ring",
-    ball: "loading-ball",
-    bars: "loading-bars",
-    infinity: "loading-infinity"
-  }[t], c[r], d].filter(Boolean).join(" ");
-  return n ? /* @__PURE__ */ a("div", { className: "relative", ...i, children: [
-    l && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-base-100/50 backdrop-blur-sm z-10", children: [
-      /* @__PURE__ */ s("span", { className: o }),
-      e && /* @__PURE__ */ s("p", { className: "mt-2 text-sm", children: e })
-    ] }),
-    /* @__PURE__ */ s("div", { className: l ? "pointer-events-none" : "", children: n })
-  ] }) : l ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", ...i, children: [
-    /* @__PURE__ */ s("span", { className: o }),
-    e && /* @__PURE__ */ s("p", { className: "text-sm", children: e })
-  ] }) : null;
-};
+import { jsx as n } from "react/jsx-runtime";
+function e({ children: s, className: o = "", ...t }) {
+  const i = ["list", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("ul", { className: i, ...t, children: s });
+}
+function l({ children: s, className: o = "", ...t }) {
+  const i = ["list-row", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("li", { className: i, ...t, children: s });
+}
+const r = Object.assign(e, {
+  Row: l
+});
 export {
-  f as Loading
+  r as List
 };
 //# sourceMappingURL=index46.js.map

package/dist/index46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index46.js","sources":["../src/components/Loading.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  type?: 'spinner' | 'dots' | 'ring' | 'ball' | 'bars' | 'infinity'\n  spinning?: boolean\n  children?: React.ReactNode\n  tip?: string\n}\n\nexport const Loading: React.FC<LoadingProps> = ({\n  size = 'md',\n  type = 'spinner',\n  className = '',\n  spinning = true,\n  children,\n  tip,\n  ...rest\n}) => {\n  const sizeClasses = {\n    xs: 'loading-xs',\n    sm: 'loading-sm',\n    md: 'loading-md',\n    lg: 'loading-lg',\n  }\n\n  const typeClasses = {\n    spinner: 'loading-spinner',\n    dots: 'loading-dots',\n    ring: 'loading-ring',\n    ball: 'loading-ball',\n    bars: 'loading-bars',\n    infinity: 'loading-infinity',\n  }\n\n  const spinnerClasses = ['loading', typeClasses[type], sizeClasses[size], className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return (\n      <div className=\"relative\" {...rest}>\n        {spinning && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center bg-base-100/50 backdrop-blur-sm z-10\">\n            <span className={spinnerClasses}></span>\n            {tip && <p className=\"mt-2 text-sm\">{tip}</p>}\n          </div>\n        )}\n        <div className={spinning ? 'pointer-events-none' : ''}>{children}</div>\n      </div>\n    )\n  }\n\n  if (!spinning) {\n    return null\n  }\n\n  return (\n    <div className=\"flex flex-col items-center gap-2\" {...rest}>\n      <span className={spinnerClasses}></span>\n      {tip && <p className=\"text-sm\">{tip}</p>}\n    </div>\n  )\n}\n"],"names":["Loading","size","type","className","spinning","children","tip","rest","sizeClasses","spinnerClasses","jsxs","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAYAC,IAAiB,CAAC,WATJ;AAAA,IAClB,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EAAA,EAGmCP,CAAI,GAAGM,EAAYP,CAAI,GAAGE,CAAS,EAC/E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIE,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAU,YAAY,GAAGH,GAC3B,UAAA;AAAA,IAAAH,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,mGACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAgB;AAAA,MAChCH,KAAO,gBAAAK,EAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAL,EAAA,CAAI;AAAA,IAAA,GAC3C;AAAA,sBAED,OAAA,EAAI,WAAWF,IAAW,wBAAwB,IAAK,UAAAC,EAAA,CAAS;AAAA,EAAA,GACnE,IAICD,IAKH,gBAAAM,EAAC,OAAA,EAAI,WAAU,oCAAoC,GAAGH,GACpD,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAgB;AAAA,IAChCH,KAAO,gBAAAK,EAAC,KAAA,EAAE,WAAU,WAAW,UAAAL,EAAA,CAAI;AAAA,EAAA,GACtC,IAPO;AASX;"}
+{"version":3,"file":"index46.js","sources":["../src/components/List.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ListProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n}\n\nexport interface ListRowProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nfunction ListRoot({ children, className = '', ...rest }: ListProps) {\n  const classes = ['list', className].filter(Boolean).join(' ')\n  return <ul className={classes} {...rest}>{children}</ul>\n}\n\nfunction ListRow({ children, className = '', ...rest }: ListRowProps) {\n  const classes = ['list-row', className].filter(Boolean).join(' ')\n  return <li className={classes} {...rest}>{children}</li>\n}\n\nexport const List = Object.assign(ListRoot, {\n  Row: ListRow,\n})\n"],"names":["ListRoot","children","className","rest","classes","ListRow","List"],"mappings":";AAUA,SAASA,EAAS,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AAClE,QAAMC,IAAU,CAAC,QAAQF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC5D,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAF,GAAS;AACrD;AAEA,SAASI,EAAQ,EAAE,UAAAJ,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAsB;AACpE,QAAMC,IAAU,CAAC,YAAYF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAChE,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAF,GAAS;AACrD;AAEO,MAAMK,IAAO,OAAO,OAAON,GAAU;AAAA,EAC1C,KAAKK;AACP,CAAC;"}

package/dist/index47.js

@@ -1,37 +1,38 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-const i = {
-  squircle: "mask-squircle",
-  heart: "mask-heart",
-  hexagon: "mask-hexagon",
-  "hexagon-2": "mask-hexagon-2",
-  decagon: "mask-decagon",
-  pentagon: "mask-pentagon",
-  diamond: "mask-diamond",
-  square: "mask-square",
-  circle: "mask-circle",
-  star: "mask-star",
-  "star-2": "mask-star-2",
-  triangle: "mask-triangle",
-  "triangle-2": "mask-triangle-2",
-  "triangle-3": "mask-triangle-3",
-  "triangle-4": "mask-triangle-4"
-}, k = {
-  "half-1": "mask-half-1",
-  "half-2": "mask-half-2"
-}, g = o(
-  ({ shape: s, half: a, children: e, className: r = "", ...n }, m) => {
-    const t = [
-      "mask",
-      i[s],
-      a ? k[a] : "",
-      r
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l("div", { ref: m, className: t, ...n, children: e });
-  }
-);
-g.displayName = "Mask";
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+const f = ({
+  size: r = "md",
+  type: t = "spinner",
+  className: d = "",
+  spinning: l = !0,
+  children: n,
+  tip: e,
+  ...i
+}) => {
+  const c = {
+    xs: "loading-xs",
+    sm: "loading-sm",
+    md: "loading-md",
+    lg: "loading-lg"
+  }, o = ["loading", {
+    spinner: "loading-spinner",
+    dots: "loading-dots",
+    ring: "loading-ring",
+    ball: "loading-ball",
+    bars: "loading-bars",
+    infinity: "loading-infinity"
+  }[t], c[r], d].filter(Boolean).join(" ");
+  return n ? /* @__PURE__ */ a("div", { className: "relative", ...i, children: [
+    l && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-base-100/50 backdrop-blur-sm z-10", children: [
+      /* @__PURE__ */ s("span", { className: o }),
+      e && /* @__PURE__ */ s("p", { className: "mt-2 text-sm", children: e })
+    ] }),
+    /* @__PURE__ */ s("div", { className: l ? "pointer-events-none" : "", children: n })
+  ] }) : l ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", ...i, children: [
+    /* @__PURE__ */ s("span", { className: o }),
+    e && /* @__PURE__ */ s("p", { className: "text-sm", children: e })
+  ] }) : null;
+};
 export {
-  g as Mask
+  f as Loading
 };
 //# sourceMappingURL=index47.js.map

package/dist/index47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index47.js","sources":["../src/components/Mask.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport type MaskShape =\n  | 'squircle'\n  | 'heart'\n  | 'hexagon'\n  | 'hexagon-2'\n  | 'decagon'\n  | 'pentagon'\n  | 'diamond'\n  | 'square'\n  | 'circle'\n  | 'star'\n  | 'star-2'\n  | 'triangle'\n  | 'triangle-2'\n  | 'triangle-3'\n  | 'triangle-4'\n\nexport type MaskHalf = 'half-1' | 'half-2'\n\nexport interface MaskProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Shape of the mask */\n  shape: MaskShape\n  /** Show only half of the mask */\n  half?: MaskHalf\n  /** Content to mask (typically an image) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst shapeClasses: Record<MaskShape, string> = {\n  squircle: 'mask-squircle',\n  heart: 'mask-heart',\n  hexagon: 'mask-hexagon',\n  'hexagon-2': 'mask-hexagon-2',\n  decagon: 'mask-decagon',\n  pentagon: 'mask-pentagon',\n  diamond: 'mask-diamond',\n  square: 'mask-square',\n  circle: 'mask-circle',\n  star: 'mask-star',\n  'star-2': 'mask-star-2',\n  triangle: 'mask-triangle',\n  'triangle-2': 'mask-triangle-2',\n  'triangle-3': 'mask-triangle-3',\n  'triangle-4': 'mask-triangle-4',\n}\n\nconst halfClasses: Record<MaskHalf, string> = {\n  'half-1': 'mask-half-1',\n  'half-2': 'mask-half-2',\n}\n\nexport const Mask = forwardRef<HTMLDivElement, MaskProps>(\n  ({ shape, half, children, className = '', ...props }, ref) => {\n    const classes = [\n      'mask',\n      shapeClasses[shape],\n      half ? halfClasses[half] : '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div ref={ref} className={classes} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nMask.displayName = 'Mask'\n"],"names":["shapeClasses","halfClasses","Mask","forwardRef","shape","half","children","className","props","ref","classes"],"mappings":";;AAgCA,MAAMA,IAA0C;AAAA,EAC9C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB,GAEMC,IAAwC;AAAA,EAC5C,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAAOC;AAAA,EAClB,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AAC5D,UAAMC,IAAU;AAAA,MACd;AAAA,MACAV,EAAaI,CAAK;AAAA,MAClBC,IAAOJ,EAAYI,CAAI,IAAI;AAAA,MAC3BE;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BACG,OAAA,EAAI,KAAAE,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAJ,EAAK,cAAc;"}
+{"version":3,"file":"index47.js","sources":["../src/components/Loading.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  type?: 'spinner' | 'dots' | 'ring' | 'ball' | 'bars' | 'infinity'\n  spinning?: boolean\n  children?: React.ReactNode\n  tip?: string\n}\n\nexport const Loading: React.FC<LoadingProps> = ({\n  size = 'md',\n  type = 'spinner',\n  className = '',\n  spinning = true,\n  children,\n  tip,\n  ...rest\n}) => {\n  const sizeClasses = {\n    xs: 'loading-xs',\n    sm: 'loading-sm',\n    md: 'loading-md',\n    lg: 'loading-lg',\n  }\n\n  const typeClasses = {\n    spinner: 'loading-spinner',\n    dots: 'loading-dots',\n    ring: 'loading-ring',\n    ball: 'loading-ball',\n    bars: 'loading-bars',\n    infinity: 'loading-infinity',\n  }\n\n  const spinnerClasses = ['loading', typeClasses[type], sizeClasses[size], className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return (\n      <div className=\"relative\" {...rest}>\n        {spinning && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center bg-base-100/50 backdrop-blur-sm z-10\">\n            <span className={spinnerClasses}></span>\n            {tip && <p className=\"mt-2 text-sm\">{tip}</p>}\n          </div>\n        )}\n        <div className={spinning ? 'pointer-events-none' : ''}>{children}</div>\n      </div>\n    )\n  }\n\n  if (!spinning) {\n    return null\n  }\n\n  return (\n    <div className=\"flex flex-col items-center gap-2\" {...rest}>\n      <span className={spinnerClasses}></span>\n      {tip && <p className=\"text-sm\">{tip}</p>}\n    </div>\n  )\n}\n"],"names":["Loading","size","type","className","spinning","children","tip","rest","sizeClasses","spinnerClasses","jsxs","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAYAC,IAAiB,CAAC,WATJ;AAAA,IAClB,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EAAA,EAGmCP,CAAI,GAAGM,EAAYP,CAAI,GAAGE,CAAS,EAC/E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIE,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAU,YAAY,GAAGH,GAC3B,UAAA;AAAA,IAAAH,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,mGACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAgB;AAAA,MAChCH,KAAO,gBAAAK,EAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAL,EAAA,CAAI;AAAA,IAAA,GAC3C;AAAA,sBAED,OAAA,EAAI,WAAWF,IAAW,wBAAwB,IAAK,UAAAC,EAAA,CAAS;AAAA,EAAA,GACnE,IAICD,IAKH,gBAAAM,EAAC,OAAA,EAAI,WAAU,oCAAoC,GAAGH,GACpD,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAgB;AAAA,IAChCH,KAAO,gBAAAK,EAAC,KAAA,EAAE,WAAU,WAAW,UAAAL,EAAA,CAAI;AAAA,EAAA,GACtC,IAPO;AASX;"}