asterui 0.12.1 → 0.12.3

package/dist/index50.js

@@ -1,25 +1,150 @@
-import { jsx as t } from "react/jsx-runtime";
-const c = ({
-  children: e,
-  prefix: n = "$",
-  highlight: r = !1,
-  className: o = "",
-  ...a
-}) => /* @__PURE__ */ t(
-  "pre",
-  {
-    "data-prefix": n,
-    className: `${r ? "bg-warning text-warning-content" : ""} ${o}`,
-    ...a,
-    children: /* @__PURE__ */ t("code", { children: e })
-  }
-), i = ({
-  children: e,
-  className: n = "",
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import { useState as M, useCallback as b, createContext as B, useId as O, useContext as g } from "react";
+const v = B(null);
+function w() {
+  const n = g(v);
+  if (!n)
+    throw new Error("Menu components must be used within a Menu");
+  return n;
+}
+function D({
+  children: n,
+  mode: e = "vertical",
+  selectedKeys: t,
+  defaultSelectedKeys: a = [],
+  openKeys: i,
+  defaultOpenKeys: f = [],
+  onSelect: c,
+  onOpenChange: r,
+  className: s = "",
+  ...l
+}) {
+  const [u, d] = M(a), [p, N] = M(f), j = t ?? u, h = i ?? p, I = b(
+    (m) => {
+      t === void 0 && d([m]), c?.(m);
+    },
+    [t, c]
+  ), S = b(
+    (m) => {
+      const x = h.includes(m) ? h.filter((y) => y !== m) : [...h, m];
+      i === void 0 && N(x), r?.(x);
+    },
+    [h, i, r]
+  ), T = ["menu", {
+    vertical: "",
+    horizontal: "menu-horizontal",
+    inline: ""
+  }[e], s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    v.Provider,
+    {
+      value: {
+        mode: e,
+        selectedKeys: j,
+        openKeys: h,
+        onSelect: I,
+        onToggleOpen: S
+      },
+      children: /* @__PURE__ */ o("ul", { className: T, ...l, children: n })
+    }
+  );
+}
+function K({
+  children: n,
+  itemKey: e,
+  icon: t,
+  disabled: a = !1,
+  onClick: i,
+  active: f,
+  className: c = "",
   ...r
-}) => /* @__PURE__ */ t("div", { className: `mockup-code ${n}`, ...r, children: e });
-i.Line = c;
+}) {
+  const s = g(v), l = e && s ? s.selectedKeys.includes(e) : f, u = () => {
+    a || (e && s && s.onSelect(e), i?.());
+  }, d = [
+    l && "active bg-primary text-primary-content",
+    a && "disabled",
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ C(
+    "a",
+    {
+      className: d,
+      onClick: u,
+      "aria-disabled": a,
+      role: "menuitem",
+      "data-state": l ? "active" : "inactive",
+      ...r,
+      children: [
+        t && /* @__PURE__ */ o("span", { className: "menu-icon", children: t }),
+        n
+      ]
+    }
+  ) });
+}
+function k({
+  children: n,
+  itemKey: e,
+  label: t,
+  icon: a,
+  disabled: i = !1,
+  className: f = "",
+  ...c
+}) {
+  const r = w(), s = r.openKeys.includes(e), l = O(), u = () => {
+    i || r.onToggleOpen(e);
+  }, d = [i && "disabled", f].filter(Boolean).join(" ");
+  return r.mode === "inline" ? /* @__PURE__ */ o("li", { className: d, "data-state": s ? "open" : "closed", ...c, children: /* @__PURE__ */ C("details", { open: s, children: [
+    /* @__PURE__ */ C(
+      "summary",
+      {
+        onClick: (p) => {
+          p.preventDefault(), u();
+        },
+        "aria-expanded": s,
+        "aria-controls": l,
+        "aria-disabled": i,
+        children: [
+          a && /* @__PURE__ */ o("span", { className: "menu-icon", children: a }),
+          t
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("ul", { id: l, role: "menu", children: n })
+  ] }) }) : /* @__PURE__ */ o("li", { className: d, "data-state": s ? "open" : "closed", ...c, children: /* @__PURE__ */ C("details", { open: s, children: [
+    /* @__PURE__ */ C(
+      "summary",
+      {
+        onClick: (p) => {
+          p.preventDefault(), u();
+        },
+        "aria-expanded": s,
+        "aria-controls": l,
+        "aria-disabled": i,
+        children: [
+          a && /* @__PURE__ */ o("span", { className: "menu-icon", children: a }),
+          t
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("ul", { id: l, role: "menu", children: n })
+  ] }) });
+}
+function z({ children: n, className: e = "", ...t }) {
+  const a = ["menu-title", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("li", { className: a, ...t, children: n });
+}
+function E({ className: n = "", ...e }) {
+  const t = ["border-t border-base-300 my-1", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("li", { className: t, role: "separator", ...e });
+}
+const A = Object.assign(D, {
+  Item: K,
+  SubMenu: k,
+  Title: z,
+  Divider: E
+});
 export {
-  i as Code
+  A as Menu
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../src/components/Code.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode\n  prefix?: string\n  highlight?: boolean\n}\n\nconst Line: React.FC<CodeLineProps> = ({\n  children,\n  prefix = '$',\n  highlight = false,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <pre\n      data-prefix={prefix}\n      className={`${highlight ? 'bg-warning text-warning-content' : ''} ${className}`}\n      {...rest}\n    >\n      <code>{children}</code>\n    </pre>\n  )\n}\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport const Code: React.FC<CodeProps> & { Line: typeof Line } = ({\n  children,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <div className={`mockup-code ${className}`} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nCode.Line = Line\n"],"names":["Line","children","prefix","highlight","className","rest","jsx","Code"],"mappings":";AAQA,MAAMA,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaJ;AAAA,IACb,WAAW,GAAGC,IAAY,oCAAoC,EAAE,IAAIC,CAAS;AAAA,IAC5E,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GASTM,IAAoD,CAAC;AAAA,EAChE,UAAAN;AAAA,EACA,WAAAG,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,eAAeF,CAAS,IAAK,GAAGC,GAC7C,UAAAJ,GACH;AAIJM,EAAK,OAAOP;"}
+{"version":3,"file":"index50.js","sources":["../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  children: React.ReactNode\n  mode?: MenuMode\n  selectedKeys?: string[]\n  defaultSelectedKeys?: string[]\n  openKeys?: string[]\n  defaultOpenKeys?: string[]\n  onSelect?: (key: string) => void\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  itemKey?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use itemKey and selectedKeys instead */\n  active?: boolean\n}\n\nexport interface MenuSubMenuProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n  itemKey: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\nfunction MenuRoot({\n  children,\n  mode = 'vertical',\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: '',\n    horizontal: 'menu-horizontal',\n    inline: '',\n  }\n\n  const menuClasses = ['menu', modeClasses[mode], className].filter(Boolean).join(' ')\n\n  return (\n    <MenuContext.Provider\n      value={{\n        mode,\n        selectedKeys,\n        openKeys,\n        onSelect: handleSelect,\n        onToggleOpen: handleToggleOpen,\n      }}\n    >\n      <ul className={menuClasses} {...rest}>{children}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  itemKey,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = itemKey && context ? context.selectedKeys.includes(itemKey) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (itemKey && context) {\n      context.onSelect(itemKey)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className=\"menu-icon\">{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  itemKey,\n  label,\n  icon,\n  disabled = false,\n  className = '',\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = context.openKeys.includes(itemKey)\n  const submenuId = useId()\n\n  const handleToggle = () => {\n    if (disabled) return\n    context.onToggleOpen(itemKey)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className=\"menu-icon\">{icon}</span>}\n            {label}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className=\"menu-icon\">{icon}</span>}\n          {label}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = ['menu-title', className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["MenuContext","createContext","useMenuContext","context","useContext","MenuRoot","children","mode","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onSelect","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","selectedKeys","openKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","menuClasses","jsx","MenuItem","itemKey","icon","disabled","onClick","active","isSelected","handleClick","itemClasses","jsxs","MenuSubMenu","label","isOpen","submenuId","useId","handleToggle","submenuClasses","e","MenuTitle","titleClasses","MenuDivider","dividerClasses","Menu"],"mappings":"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"}

package/dist/index51.js

@@ -1,17 +1,15 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-const n = ({
-  children: s,
-  color: e,
-  className: a = "",
-  displayClassName: c = ""
-}) => {
-  const m = e ? { borderColor: e } : {};
-  return /* @__PURE__ */ p("div", { className: `mockup-phone ${a}`, style: m, children: [
-    /* @__PURE__ */ o("div", { className: "mockup-phone-camera" }),
-    /* @__PURE__ */ o("div", { className: `mockup-phone-display ${c}`, children: s })
-  ] });
-};
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+const b = ({
+  children: e,
+  url: s = "https://example.com",
+  className: o = "",
+  contentClassName: a = "",
+  ...c
+}) => /* @__PURE__ */ d("div", { className: `mockup-browser border border-base-300 ${o}`, ...c, children: [
+  /* @__PURE__ */ r("div", { className: "mockup-browser-toolbar", children: /* @__PURE__ */ r("div", { className: "input", children: s }) }),
+  /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${a}`, children: e })
+] });
 export {
-  n as Phone
+  b as Browser
 };
 //# sourceMappingURL=index51.js.map

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.js","sources":["../src/components/Phone.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface PhoneProps {\n  children: React.ReactNode\n  color?: string\n  className?: string\n  displayClassName?: string\n}\n\nexport const Phone: React.FC<PhoneProps> = ({\n  children,\n  color,\n  className = '',\n  displayClassName = '',\n}) => {\n  const style: React.CSSProperties = color ? { borderColor: color } : {}\n\n  return (\n    <div className={`mockup-phone ${className}`} style={style}>\n      <div className=\"mockup-phone-camera\"></div>\n      <div className={`mockup-phone-display ${displayClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Phone","children","color","className","displayClassName","style","jsx"],"mappings":";AASO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAMC,IAA6BH,IAAQ,EAAE,aAAaA,EAAA,IAAU,CAAA;AAEpE,2BACG,OAAA,EAAI,WAAW,gBAAgBC,CAAS,IAAI,OAAAE,GAC3C,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sBAAA,CAAsB;AAAA,sBACpC,OAAA,EAAI,WAAW,wBAAwBF,CAAgB,IACrD,UAAAH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index51.js","sources":["../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  url?: string\n  contentClassName?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n  children,\n  url = 'https://example.com',\n  className = '',\n  contentClassName = '',\n  ...rest\n}) => {\n  return (\n    <div className={`mockup-browser border border-base-300 ${className}`} {...rest}>\n      <div className=\"mockup-browser-toolbar\">\n        <div className=\"input\">{url}</div>\n      </div>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Browser","children","url","className","contentClassName","rest","jsx"],"mappings":";AAQO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,wBAEK,OAAA,EAAI,WAAW,yCAAyCF,CAAS,IAAK,GAAGE,GACxE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAA,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BF,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}

package/dist/index52.js

@@ -1,10 +1,25 @@
-import { jsx as r } from "react/jsx-runtime";
-const a = ({
+import { jsx as t } from "react/jsx-runtime";
+const c = ({
   children: e,
+  prefix: n = "$",
+  highlight: r = !1,
   className: o = "",
-  contentClassName: d = ""
-}) => /* @__PURE__ */ r("div", { className: `mockup-window border border-base-300 ${o}`, children: /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${d}`, children: e }) });
+  ...a
+}) => /* @__PURE__ */ t(
+  "pre",
+  {
+    "data-prefix": n,
+    className: `${r ? "bg-warning text-warning-content" : ""} ${o}`,
+    ...a,
+    children: /* @__PURE__ */ t("code", { children: e })
+  }
+), i = ({
+  children: e,
+  className: n = "",
+  ...r
+}) => /* @__PURE__ */ t("div", { className: `mockup-code ${n}`, ...r, children: e });
+i.Line = c;
 export {
-  a as Window
+  i as Code
 };
 //# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index52.js","sources":["../src/components/Window.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface WindowProps {\n  children: React.ReactNode\n  className?: string\n  contentClassName?: string\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  children,\n  className = '',\n  contentClassName = '',\n}) => {\n  return (\n    <div className={`mockup-window border border-base-300 ${className}`}>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Window","children","className","contentClassName","jsx"],"mappings":";AAQO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAW,wCAAwCF,CAAS,IAC/D,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAW,4BAA4BD,CAAgB,IACzD,UAAAF,GACH,GACF;"}
+{"version":3,"file":"index52.js","sources":["../src/components/Code.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode\n  prefix?: string\n  highlight?: boolean\n}\n\nconst Line: React.FC<CodeLineProps> = ({\n  children,\n  prefix = '$',\n  highlight = false,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <pre\n      data-prefix={prefix}\n      className={`${highlight ? 'bg-warning text-warning-content' : ''} ${className}`}\n      {...rest}\n    >\n      <code>{children}</code>\n    </pre>\n  )\n}\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport const Code: React.FC<CodeProps> & { Line: typeof Line } = ({\n  children,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <div className={`mockup-code ${className}`} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nCode.Line = Line\n"],"names":["Line","children","prefix","highlight","className","rest","jsx","Code"],"mappings":";AAQA,MAAMA,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaJ;AAAA,IACb,WAAW,GAAGC,IAAY,oCAAoC,EAAE,IAAIC,CAAS;AAAA,IAC5E,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GASTM,IAAoD,CAAC;AAAA,EAChE,UAAAN;AAAA,EACA,WAAAG,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,eAAeF,CAAS,IAAK,GAAGC,GAC7C,UAAAJ,GACH;AAIJM,EAAK,OAAOP;"}

package/dist/index53.js

@@ -1,269 +1,17 @@
-import { jsxs as i, jsx as t, Fragment as F } from "react/jsx-runtime";
-import x, { useRef as T, useId as j, useEffect as B } from "react";
-import { createRoot as K } from "react-dom/client";
-function u({
-  children: e,
-  title: r,
-  footer: o,
-  open: a = !1,
-  onOk: l,
-  onCancel: s,
-  okText: v = "OK",
-  cancelText: c = "Cancel",
-  maskClosable: h = !0,
-  closable: m = !0,
-  position: d,
-  align: p,
-  className: f = "",
-  ...b
-}) {
-  const k = T(null), C = T(null), [N, y] = x.useState(!1), L = j(), g = j();
-  B(() => {
-    const n = k.current;
-    n && (a ? n.open || (C.current = document.activeElement, n.showModal()) : n.open && (n.close(), C.current?.focus()));
-  }, [a]), B(() => {
-    const n = k.current;
-    if (!n) return;
-    const M = () => {
-      s?.();
-    };
-    return n.addEventListener("close", M), () => {
-      n.removeEventListener("close", M);
-    };
-  }, [s]);
-  const E = {
-    top: "modal-top",
-    middle: "modal-middle",
-    bottom: "modal-bottom"
-  }, O = {
-    start: "modal-start",
-    end: "modal-end"
-  }, R = [
-    "modal",
-    d && E[d],
-    p && O[p],
-    f
-  ].filter(Boolean).join(" "), $ = async () => {
-    if (l) {
-      y(!0);
-      try {
-        await l(), y(!1);
-      } catch (n) {
-        throw y(!1), n;
-      }
-    }
-  }, z = () => {
-    h && s && s();
-  }, I = !o && (l || s), W = o != null;
-  return /* @__PURE__ */ i(
-    "dialog",
-    {
-      ref: k,
-      className: R,
-      "data-state": a ? "open" : "closed",
-      "aria-labelledby": r ? L : void 0,
-      "aria-describedby": g,
-      ...b,
-      children: [
-        /* @__PURE__ */ i("div", { className: "modal-box", children: [
-          r && /* @__PURE__ */ t("h3", { id: L, className: "text-lg font-bold mb-4", children: r }),
-          /* @__PURE__ */ t("div", { id: g, className: "py-4", children: e }),
-          I && /* @__PURE__ */ i("div", { className: "modal-action", children: [
-            s && /* @__PURE__ */ t("button", { className: "btn", onClick: s, children: c }),
-            l && /* @__PURE__ */ t(
-              "button",
-              {
-                className: `btn btn-primary ${N ? "loading" : ""}`,
-                onClick: $,
-                disabled: N,
-                children: v
-              }
-            )
-          ] }),
-          W && /* @__PURE__ */ t("div", { className: "modal-action", children: o })
-        ] }),
-        m && h && /* @__PURE__ */ t("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ t("button", { onClick: z, children: "close" }) })
-      ]
-    }
-  );
-}
-function w(e) {
-  const r = document.createElement("div");
-  document.body.appendChild(r);
-  const o = K(r), a = () => {
-    o.unmount(), r.parentNode && r.parentNode.removeChild(r);
-  }, l = () => {
-    const [s, v] = x.useState(!0), [c, h] = x.useState(!1), m = () => {
-      v(!1), setTimeout(a, 300);
-    }, d = async () => {
-      if (e.onOk) {
-        h(!0);
-        try {
-          await e.onOk(), m();
-        } catch {
-          h(!1);
-        }
-      } else
-        m();
-    }, p = () => {
-      e.onCancel?.(), m();
-    }, f = () => {
-      switch (e.type) {
-        case "success":
-          return "alert-success";
-        case "warning":
-          return "alert-warning";
-        case "error":
-          return "alert-error";
-        case "info":
-        default:
-          return "alert-info";
-      }
-    }, b = () => {
-      switch (e.type) {
-        case "success":
-          return /* @__PURE__ */ t(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "stroke-current shrink-0 h-6 w-6",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ t(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-                }
-              )
-            }
-          );
-        case "warning":
-          return /* @__PURE__ */ t(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "stroke-current shrink-0 h-6 w-6",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ t(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-                }
-              )
-            }
-          );
-        case "error":
-          return /* @__PURE__ */ t(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "stroke-current shrink-0 h-6 w-6",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ t(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
-                }
-              )
-            }
-          );
-        case "info":
-        default:
-          return /* @__PURE__ */ t(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              className: "stroke-current shrink-0 w-6 h-6",
-              children: /* @__PURE__ */ t(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                }
-              )
-            }
-          );
-      }
-    };
-    return /* @__PURE__ */ i(
-      u,
-      {
-        open: s,
-        onOk: e.showCancel ? void 0 : d,
-        onCancel: p,
-        title: e.type ? /* @__PURE__ */ i("div", { className: `alert ${f()}`, children: [
-          b(),
-          /* @__PURE__ */ t("div", { children: e.title && /* @__PURE__ */ t("h3", { className: "font-bold", children: e.title }) })
-        ] }) : e.title,
-        okText: e.okText,
-        cancelText: e.cancelText,
-        footer: e.showCancel ? /* @__PURE__ */ i(F, { children: [
-          /* @__PURE__ */ t("button", { className: "btn", onClick: p, children: e.cancelText || "Cancel" }),
-          /* @__PURE__ */ t(
-            "button",
-            {
-              className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
-              onClick: d,
-              disabled: c,
-              children: e.okText || "OK"
-            }
-          )
-        ] }) : /* @__PURE__ */ t(
-          "button",
-          {
-            className: `btn ${e.type === "error" ? "btn-error" : "btn-primary"} ${c ? "loading" : ""}`,
-            onClick: d,
-            disabled: c,
-            children: e.okText || "OK"
-          }
-        ),
-        children: [
-          e.type && e.content && /* @__PURE__ */ t("div", { className: "text-sm", children: e.content }),
-          !e.type && e.content
-        ]
-      }
-    );
-  };
-  return o.render(/* @__PURE__ */ t(l, {})), {
-    destroy: a
-  };
-}
-function S(e) {
-  return w({ ...e, showCancel: !0 });
-}
-function A(e) {
-  return w({ ...e, type: "info", showCancel: !1 });
-}
-function D(e) {
-  return w({ ...e, type: "success", showCancel: !1 });
-}
-function q(e) {
-  return w({ ...e, type: "warning", showCancel: !1 });
-}
-function G(e) {
-  return w({ ...e, type: "error", showCancel: !1 });
-}
-u.confirm = S;
-u.info = A;
-u.success = D;
-u.warning = q;
-u.error = G;
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+const n = ({
+  children: s,
+  color: e,
+  className: a = "",
+  displayClassName: c = ""
+}) => {
+  const m = e ? { borderColor: e } : {};
+  return /* @__PURE__ */ p("div", { className: `mockup-phone ${a}`, style: m, children: [
+    /* @__PURE__ */ o("div", { className: "mockup-phone-camera" }),
+    /* @__PURE__ */ o("div", { className: `mockup-phone-display ${c}`, children: s })
+  ] });
+};
 export {
-  u as Modal
+  n as Phone
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId } from 'react'\nimport { createRoot } from 'react-dom/client'\n\nexport interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'title'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  footer?: React.ReactNode\n  open?: boolean\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  maskClosable?: boolean\n  closable?: boolean\n  position?: 'top' | 'middle' | 'bottom'\n  align?: 'start' | 'end'\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode\n  content?: React.ReactNode\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  type?: 'info' | 'success' | 'warning' | 'error'\n}\n\nexport function Modal({\n  children,\n  title,\n  footer,\n  open = false,\n  onOk,\n  onCancel,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  maskClosable = true,\n  closable = true,\n  position,\n  align,\n  className = '',\n  ...rest\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const titleId = useId()\n  const contentId = useId()\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (open) {\n      if (!dialog.open) {\n        // Save currently focused element for restoration\n        previousActiveElement.current = document.activeElement as HTMLElement\n        dialog.showModal()\n      }\n    } else {\n      if (dialog.open) {\n        dialog.close()\n        // Restore focus to previously focused element\n        previousActiveElement.current?.focus()\n      }\n    }\n  }, [open])\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    const handleClose = () => {\n      onCancel?.()\n    }\n\n    dialog.addEventListener('close', handleClose)\n    return () => {\n      dialog.removeEventListener('close', handleClose)\n    }\n  }, [onCancel])\n\n  const positionClasses = {\n    top: 'modal-top',\n    middle: 'modal-middle',\n    bottom: 'modal-bottom',\n  }\n\n  const alignClasses = {\n    start: 'modal-start',\n    end: 'modal-end',\n  }\n\n  const classes = [\n    'modal',\n    position && positionClasses[position],\n    align && alignClasses[align],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleOk = async () => {\n    if (onOk) {\n      setLoading(true)\n      try {\n        await onOk()\n        setLoading(false)\n      } catch (error) {\n        setLoading(false)\n        throw error\n      }\n    }\n  }\n\n  const handleBackdropClick = () => {\n    if (maskClosable && onCancel) {\n      onCancel()\n    }\n  }\n\n  // Render default footer if no custom footer provided and either onOk or onCancel exists\n  const shouldRenderDefaultFooter = !footer && (onOk || onCancel)\n  const shouldRenderCustomFooter = footer !== null && footer !== undefined\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={classes}\n      data-state={open ? 'open' : 'closed'}\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={contentId}\n      {...rest}\n    >\n      <div className=\"modal-box\">\n        {title && (\n          <h3 id={titleId} className=\"text-lg font-bold mb-4\">\n            {title}\n          </h3>\n        )}\n        <div id={contentId} className=\"py-4\">\n          {children}\n        </div>\n        {shouldRenderDefaultFooter && (\n          <div className=\"modal-action\">\n            {onCancel && (\n              <button className=\"btn\" onClick={onCancel}>\n                {cancelText}\n              </button>\n            )}\n            {onOk && (\n              <button\n                className={`btn btn-primary ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {okText}\n              </button>\n            )}\n          </div>\n        )}\n        {shouldRenderCustomFooter && <div className=\"modal-action\">{footer}</div>}\n      </div>\n      {closable && maskClosable && (\n        <form method=\"dialog\" className=\"modal-backdrop\">\n          <button onClick={handleBackdropClick}>close</button>\n        </form>\n      )}\n    </dialog>\n  )\n}\n\nfunction createModal(config: ModalFuncProps & { showCancel?: boolean }) {\n  const div = document.createElement('div')\n  document.body.appendChild(div)\n  const root = createRoot(div)\n\n  const destroy = () => {\n    root.unmount()\n    if (div.parentNode) {\n      div.parentNode.removeChild(div)\n    }\n  }\n\n  const ModalContent = () => {\n    const [open, setOpen] = React.useState(true)\n    const [loading, setLoading] = React.useState(false)\n\n    const handleClose = () => {\n      setOpen(false)\n      setTimeout(destroy, 300) // Wait for animation\n    }\n\n    const handleOk = async () => {\n      if (config.onOk) {\n        setLoading(true)\n        try {\n          await config.onOk()\n          handleClose()\n        } catch (error) {\n          setLoading(false)\n        }\n      } else {\n        handleClose()\n      }\n    }\n\n    const handleCancel = () => {\n      config.onCancel?.()\n      handleClose()\n    }\n\n    const getAlertClass = () => {\n      switch (config.type) {\n        case 'success':\n          return 'alert-success'\n        case 'warning':\n          return 'alert-warning'\n        case 'error':\n          return 'alert-error'\n        case 'info':\n        default:\n          return 'alert-info'\n      }\n    }\n\n    const getIcon = () => {\n      switch (config.type) {\n        case 'success':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'warning':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          )\n        case 'error':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'info':\n        default:\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              className=\"stroke-current shrink-0 w-6 h-6\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              ></path>\n            </svg>\n          )\n      }\n    }\n\n    return (\n      <Modal\n        open={open}\n        onOk={config.showCancel ? undefined : handleOk}\n        onCancel={handleCancel}\n        title={\n          config.type ? (\n            <div className={`alert ${getAlertClass()}`}>\n              {getIcon()}\n              <div>\n                {config.title && <h3 className=\"font-bold\">{config.title}</h3>}\n              </div>\n            </div>\n          ) : (\n            config.title\n          )\n        }\n        okText={config.okText}\n        cancelText={config.cancelText}\n        footer={\n          config.showCancel ? (\n            <>\n              <button className=\"btn\" onClick={handleCancel}>\n                {config.cancelText || 'Cancel'}\n              </button>\n              <button\n                className={`btn ${config.type === 'error' ? 'btn-error' : 'btn-primary'} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {config.okText || 'OK'}\n              </button>\n            </>\n          ) : (\n            <button\n              className={`btn ${config.type === 'error' ? 'btn-error' : 'btn-primary'} ${loading ? 'loading' : ''}`}\n              onClick={handleOk}\n              disabled={loading}\n            >\n              {config.okText || 'OK'}\n            </button>\n          )\n        }\n      >\n        {config.type && config.content && <div className=\"text-sm\">{config.content}</div>}\n        {!config.type && config.content}\n      </Modal>\n    )\n  }\n\n  root.render(<ModalContent />)\n\n  return {\n    destroy,\n  }\n}\n\nfunction confirm(config: ModalFuncProps) {\n  return createModal({ ...config, showCancel: true })\n}\n\nfunction info(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'info', showCancel: false })\n}\n\nfunction success(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'success', showCancel: false })\n}\n\nfunction warning(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'warning', showCancel: false })\n}\n\nfunction error(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'error', showCancel: false })\n}\n\nModal.confirm = confirm\nModal.info = info\nModal.success = success\nModal.warning = warning\nModal.error = error\n"],"names":["Modal","children","title","footer","open","onOk","onCancel","okText","cancelText","maskClosable","closable","position","align","className","rest","dialogRef","useRef","previousActiveElement","loading","setLoading","React","titleId","useId","contentId","useEffect","dialog","handleClose","positionClasses","alignClasses","classes","handleOk","error","handleBackdropClick","shouldRenderDefaultFooter","shouldRenderCustomFooter","jsxs","jsx","createModal","config","div","root","createRoot","destroy","ModalContent","setOpen","handleCancel","getAlertClass","getIcon","Fragment","confirm","info","success","warning"],"mappings":"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"}
+{"version":3,"file":"index53.js","sources":["../src/components/Phone.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface PhoneProps {\n  children: React.ReactNode\n  color?: string\n  className?: string\n  displayClassName?: string\n}\n\nexport const Phone: React.FC<PhoneProps> = ({\n  children,\n  color,\n  className = '',\n  displayClassName = '',\n}) => {\n  const style: React.CSSProperties = color ? { borderColor: color } : {}\n\n  return (\n    <div className={`mockup-phone ${className}`} style={style}>\n      <div className=\"mockup-phone-camera\"></div>\n      <div className={`mockup-phone-display ${displayClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Phone","children","color","className","displayClassName","style","jsx"],"mappings":";AASO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAAM;AACJ,QAAMC,IAA6BH,IAAQ,EAAE,aAAaA,EAAA,IAAU,CAAA;AAEpE,2BACG,OAAA,EAAI,WAAW,gBAAgBC,CAAS,IAAI,OAAAE,GAC3C,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sBAAA,CAAsB;AAAA,sBACpC,OAAA,EAAI,WAAW,wBAAwBF,CAAgB,IACrD,UAAAH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index54.js

@@ -1,20 +1,10 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-const d = ({
-  children: s,
-  start: r,
-  center: e,
-  end: n,
-  className: v = "",
-  ...i
-}) => {
-  const l = ["navbar bg-base-100", v].filter(Boolean).join(" ");
-  return s ? /* @__PURE__ */ a("div", { className: l, ...i, children: s }) : /* @__PURE__ */ c("div", { className: l, ...i, children: [
-    r && /* @__PURE__ */ a("div", { className: "navbar-start", children: r }),
-    e && /* @__PURE__ */ a("div", { className: "navbar-center", children: e }),
-    n && /* @__PURE__ */ a("div", { className: "navbar-end", children: n })
-  ] });
-};
+import { jsx as r } from "react/jsx-runtime";
+const a = ({
+  children: e,
+  className: o = "",
+  contentClassName: d = ""
+}) => /* @__PURE__ */ r("div", { className: `mockup-window border border-base-300 ${o}`, children: /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${d}`, children: e }) });
 export {
-  d as Navbar
+  a as Window
 };
 //# sourceMappingURL=index54.js.map