asterui 0.10.3 → 0.12.0

package/dist/index84.js

@@ -1,181 +1,38 @@
-import { jsx as e, jsxs as u, Fragment as C } from "react/jsx-runtime";
-import { useState as g } from "react";
-function f({ text: a }) {
-  const [t, r] = g(!1);
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      onClick: async () => {
-        try {
-          await navigator.clipboard.writeText(a), r(!0), setTimeout(() => r(!1), 2e3);
-        } catch (s) {
-          console.error("Failed to copy:", s);
-        }
-      },
-      className: "btn btn-ghost btn-xs ml-2 opacity-0 group-hover:opacity-100 transition-opacity",
-      title: "Copy to clipboard",
-      children: t ? /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
-          clipRule: "evenodd"
-        }
-      ) }) : /* @__PURE__ */ u("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: [
-        /* @__PURE__ */ e("path", { d: "M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z" }),
-        /* @__PURE__ */ e("path", { d: "M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z" })
-      ] })
-    }
-  );
-}
-function v({ children: a, size: t = "base", className: r = "", ...l }) {
-  const m = [
-    // Prose classes (only apply if @tailwindcss/typography is installed)
-    "prose dark:prose-invert max-w-none",
-    // Fallback styles (always apply)
-    "text-base-content leading-relaxed",
-    {
-      sm: "prose-sm text-sm",
-      base: "prose-base text-base",
-      lg: "prose-lg text-lg",
-      xl: "prose-xl text-xl",
-      "2xl": "prose-2xl text-2xl"
-    }[t],
-    r
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: m, ...l, children: a });
-}
-function N({ level: a = 1, children: t, copyable: r, ellipsis: l, className: s = "", id: m, ...c }) {
-  const o = typeof t == "string" ? t : "", i = m || (o ? o.toLowerCase().replace(/\s+/g, "-") : void 0), h = {
-    1: "text-4xl font-bold mb-4",
-    2: "text-3xl font-bold mb-3",
-    3: "text-2xl font-semibold mb-3",
-    4: "text-xl font-semibold mb-2",
-    5: "text-lg font-semibold mb-2"
-  }, p = l ? "truncate" : "", x = `group ${h[a]} ${p} ${s}`.trim(), d = /* @__PURE__ */ u(C, { children: [
-    t,
-    r && /* @__PURE__ */ e(f, { text: o })
-  ] });
-  switch (a) {
-    case 1:
-      return /* @__PURE__ */ e("h1", { id: i, className: x, ...c, children: d });
-    case 2:
-      return /* @__PURE__ */ e("h2", { id: i, className: x, ...c, children: d });
-    case 3:
-      return /* @__PURE__ */ e("h3", { id: i, className: x, ...c, children: d });
-    case 4:
-      return /* @__PURE__ */ e("h4", { id: i, className: x, ...c, children: d });
-    case 5:
-      return /* @__PURE__ */ e("h5", { id: i, className: x, ...c, children: d });
-    default:
-      return /* @__PURE__ */ e("h1", { id: i, className: x, ...c, children: d });
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const m = i(
+  ({
+    size: e,
+    color: g,
+    className: t = "",
+    ...o
+  }, l) => {
+    const s = {
+      xs: "toggle-xs",
+      sm: "toggle-sm",
+      md: "toggle-md",
+      lg: "toggle-lg",
+      xl: "toggle-xl"
+    }, a = {
+      primary: "toggle-primary",
+      secondary: "toggle-secondary",
+      accent: "toggle-accent",
+      neutral: "toggle-neutral",
+      success: "toggle-success",
+      warning: "toggle-warning",
+      info: "toggle-info",
+      error: "toggle-error"
+    }, r = [
+      "toggle",
+      e && s[e],
+      g && a[g],
+      t
+    ].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
+    return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
   }
-}
-const w = {
-  1: "line-clamp-1",
-  2: "line-clamp-2",
-  3: "line-clamp-3",
-  4: "line-clamp-4",
-  5: "line-clamp-5",
-  6: "line-clamp-6"
-};
-function k({ children: a, ellipsis: t, copyable: r, size: l, align: s, className: m = "", ...c }) {
-  const [o, i] = g(!1), h = typeof a == "string" ? a : "", p = typeof t == "object", x = p && t.rows || 3, d = p ? t.expandable : !1, n = Math.min(Math.max(x, 1), 6), y = [
-    "group",
-    "mb-4",
-    t && !o ? w[n] : "",
-    l === "sm" && "text-sm",
-    l === "base" && "text-base",
-    l === "lg" && "text-lg",
-    l === "xl" && "text-xl",
-    l === "2xl" && "text-2xl",
-    s === "left" && "text-left",
-    s === "center" && "text-center",
-    s === "right" && "text-right",
-    m
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u("div", { ...c, children: [
-    /* @__PURE__ */ u("p", { className: y, children: [
-      a,
-      r && /* @__PURE__ */ e(f, { text: h })
-    ] }),
-    d && t && /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => {
-          i(!o), p && t.onExpand && t.onExpand();
-        },
-        className: "text-primary text-sm hover:underline",
-        children: o ? "Show less" : "Show more"
-      }
-    )
-  ] });
-}
-function j({
-  children: a,
-  code: t,
-  mark: r,
-  strong: l,
-  italic: s,
-  underline: m,
-  delete: c,
-  type: o = "default",
-  copyable: i,
-  className: h = "",
-  ...p
-}) {
-  const x = typeof a == "string" ? a : "", d = {
-    default: "",
-    secondary: "text-base-content/70",
-    success: "text-success",
-    warning: "text-warning",
-    error: "text-error"
-  };
-  let n = a;
-  t && (n = /* @__PURE__ */ e("code", { className: "px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono", children: n })), r && (n = /* @__PURE__ */ e("mark", { className: "bg-warning/30 px-1", children: n })), l && (n = /* @__PURE__ */ e("strong", { className: "font-bold", children: n })), s && (n = /* @__PURE__ */ e("em", { className: "italic", children: n })), m && (n = /* @__PURE__ */ e("u", { className: "underline", children: n })), c && (n = /* @__PURE__ */ e("del", { className: "line-through opacity-70", children: n }));
-  const b = `group inline ${d[o]} ${h}`.trim();
-  return /* @__PURE__ */ u("span", { className: b, ...p, children: [
-    n,
-    i && /* @__PURE__ */ e(f, { text: x })
-  ] });
-}
-function B({ href: a = "#", children: t, target: r, external: l, size: s, className: m = "", ...c }) {
-  const o = l || a && a.startsWith("http"), i = r || (o ? "_blank" : void 0), h = o ? "noopener noreferrer" : void 0, p = [
-    "link",
-    "link-primary",
-    s === "sm" && "text-sm",
-    s === "base" && "text-base",
-    s === "lg" && "text-lg",
-    s === "xl" && "text-xl",
-    s === "2xl" && "text-2xl",
-    m
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(
-    "a",
-    {
-      href: a,
-      target: i,
-      rel: h,
-      className: p,
-      ...c,
-      children: [
-        t,
-        o && /* @__PURE__ */ u("svg", { className: "w-3 h-3 inline-block ml-1", fill: "currentColor", viewBox: "0 0 20 20", children: [
-          /* @__PURE__ */ e("path", { d: "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" }),
-          /* @__PURE__ */ e("path", { d: "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" })
-        ] })
-      ]
-    }
-  );
-}
-const E = Object.assign(v, {
-  Title: N,
-  Paragraph: k,
-  Text: j,
-  Link: B
-});
+);
+m.displayName = "Toggle";
 export {
-  E as Typography,
-  E as default
+  m as Toggle
 };
 //# sourceMappingURL=index84.js.map

package/dist/index84.js.map

@@ -1 +1 @@
-{"version":3,"file":"index84.js","sources":["../src/components/Typography.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport type TypographySize = 'sm' | 'base' | 'lg' | 'xl' | '2xl'\nexport type TitleLevel = 1 | 2 | 3 | 4 | 5\n\nexport interface TypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  size?: TypographySize\n}\n\nexport interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'title'> {\n  level?: TitleLevel\n  children: React.ReactNode\n  copyable?: boolean\n  ellipsis?: boolean\n}\n\nexport interface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  ellipsis?: boolean | { rows?: number; expandable?: boolean; onExpand?: () => void }\n  copyable?: boolean\n  size?: TypographySize\n  align?: 'left' | 'center' | 'right'\n}\n\nexport interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n  code?: boolean\n  mark?: boolean\n  strong?: boolean\n  italic?: boolean\n  underline?: boolean\n  delete?: boolean\n  type?: 'default' | 'secondary' | 'success' | 'warning' | 'error'\n  copyable?: boolean\n}\n\nexport interface TypographyLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string\n  children: React.ReactNode\n  external?: boolean\n  size?: TypographySize\n}\n\nfunction CopyButton({ text }: { text: string }) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error('Failed to copy:', err)\n    }\n  }\n\n  return (\n    <button\n      onClick={handleCopy}\n      className=\"btn btn-ghost btn-xs ml-2 opacity-0 group-hover:opacity-100 transition-opacity\"\n      title=\"Copy to clipboard\"\n    >\n      {copied ? (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path\n            fillRule=\"evenodd\"\n            d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      ) : (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z\" />\n          <path d=\"M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z\" />\n        </svg>\n      )}\n    </button>\n  )\n}\n\nfunction TypographyRoot({ children, size = 'base', className = '', ...rest }: TypographyProps) {\n  const sizeClasses = {\n    sm: 'prose-sm text-sm',\n    base: 'prose-base text-base',\n    lg: 'prose-lg text-lg',\n    xl: 'prose-xl text-xl',\n    '2xl': 'prose-2xl text-2xl',\n  }\n\n  const classes = [\n    // Prose classes (only apply if @tailwindcss/typography is installed)\n    'prose dark:prose-invert max-w-none',\n    // Fallback styles (always apply)\n    'text-base-content leading-relaxed',\n    sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n\nfunction Title({ level = 1, children, copyable, ellipsis, className = '', id, ...rest }: TitleProps) {\n  const textContent = typeof children === 'string' ? children : ''\n  const generatedId = id || (textContent ? textContent.toLowerCase().replace(/\\s+/g, '-') : undefined)\n\n  const levelClasses = {\n    1: 'text-4xl font-bold mb-4',\n    2: 'text-3xl font-bold mb-3',\n    3: 'text-2xl font-semibold mb-3',\n    4: 'text-xl font-semibold mb-2',\n    5: 'text-lg font-semibold mb-2',\n  }\n\n  const ellipsisClass = ellipsis ? 'truncate' : ''\n  const classes = `group ${levelClasses[level]} ${ellipsisClass} ${className}`.trim()\n\n  const content = (\n    <>\n      {children}\n      {copyable && <CopyButton text={textContent} />}\n    </>\n  )\n\n  switch (level) {\n    case 1:\n      return <h1 id={generatedId} className={classes} {...rest}>{content}</h1>\n    case 2:\n      return <h2 id={generatedId} className={classes} {...rest}>{content}</h2>\n    case 3:\n      return <h3 id={generatedId} className={classes} {...rest}>{content}</h3>\n    case 4:\n      return <h4 id={generatedId} className={classes} {...rest}>{content}</h4>\n    case 5:\n      return <h5 id={generatedId} className={classes} {...rest}>{content}</h5>\n    default:\n      return <h1 id={generatedId} className={classes} {...rest}>{content}</h1>\n  }\n}\n\nconst lineClampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const\n\nfunction Paragraph({ children, ellipsis, copyable, size, align, className = '', ...rest }: ParagraphProps) {\n  const [expanded, setExpanded] = useState(false)\n  const textContent = typeof children === 'string' ? children : ''\n\n  const isEllipsisObject = typeof ellipsis === 'object'\n  const rows = isEllipsisObject ? ellipsis.rows || 3 : 3\n  const expandable = isEllipsisObject ? ellipsis.expandable : false\n\n  const clampedRows = Math.min(Math.max(rows, 1), 6) as 1 | 2 | 3 | 4 | 5 | 6\n  const ellipsisClass =\n    ellipsis && !expanded ? lineClampClasses[clampedRows] : ''\n\n  const classes = [\n    'group',\n    'mb-4',\n    ellipsisClass,\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    align === 'left' && 'text-left',\n    align === 'center' && 'text-center',\n    align === 'right' && 'text-right',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div {...rest}>\n      <p className={classes}>\n        {children}\n        {copyable && <CopyButton text={textContent} />}\n      </p>\n      {expandable && ellipsis && (\n        <button\n          onClick={() => {\n            setExpanded(!expanded)\n            if (isEllipsisObject && ellipsis.onExpand) {\n              ellipsis.onExpand()\n            }\n          }}\n          className=\"text-primary text-sm hover:underline\"\n        >\n          {expanded ? 'Show less' : 'Show more'}\n        </button>\n      )}\n    </div>\n  )\n}\n\nfunction Text({\n  children,\n  code,\n  mark,\n  strong,\n  italic,\n  underline,\n  delete: del,\n  type = 'default',\n  copyable,\n  className = '',\n  ...rest\n}: TextProps) {\n  const textContent = typeof children === 'string' ? children : ''\n\n  const typeClasses = {\n    default: '',\n    secondary: 'text-base-content/70',\n    success: 'text-success',\n    warning: 'text-warning',\n    error: 'text-error',\n  }\n\n  let content = children\n\n  if (code) {\n    content = (\n      <code className=\"px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono\">{content}</code>\n    )\n  }\n\n  if (mark) {\n    content = <mark className=\"bg-warning/30 px-1\">{content}</mark>\n  }\n\n  if (strong) {\n    content = <strong className=\"font-bold\">{content}</strong>\n  }\n\n  if (italic) {\n    content = <em className=\"italic\">{content}</em>\n  }\n\n  if (underline) {\n    content = <u className=\"underline\">{content}</u>\n  }\n\n  if (del) {\n    content = <del className=\"line-through opacity-70\">{content}</del>\n  }\n\n  const classes = `group inline ${typeClasses[type]} ${className}`.trim()\n\n  return (\n    <span className={classes} {...rest}>\n      {content}\n      {copyable && <CopyButton text={textContent} />}\n    </span>\n  )\n}\n\nfunction Link({ href = '#', children, target, external, size, className = '', ...rest }: TypographyLinkProps) {\n  const isExternal = external || (href && href.startsWith('http'))\n  const linkTarget = target || (isExternal ? '_blank' : undefined)\n  const rel = isExternal ? 'noopener noreferrer' : undefined\n\n  const classes = [\n    'link',\n    'link-primary',\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <a\n      href={href}\n      target={linkTarget}\n      rel={rel}\n      className={classes}\n      {...rest}\n    >\n      {children}\n      {isExternal && (\n        <svg className=\"w-3 h-3 inline-block ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z\" />\n          <path d=\"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z\" />\n        </svg>\n      )}\n    </a>\n  )\n}\n\nexport const Typography = Object.assign(TypographyRoot, {\n  Title,\n  Paragraph,\n  Text,\n  Link,\n})\n\nexport default Typography\n"],"names":["CopyButton","text","copied","setCopied","useState","jsx","err","jsxs","TypographyRoot","children","size","className","rest","classes","Title","level","copyable","ellipsis","id","textContent","generatedId","levelClasses","ellipsisClass","content","Fragment","lineClampClasses","Paragraph","align","expanded","setExpanded","isEllipsisObject","rows","expandable","clampedRows","Text","code","mark","strong","italic","underline","del","type","typeClasses","Link","href","target","external","isExternal","linkTarget","rel","Typography"],"mappings":"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"}
+{"version":3,"file":"index84.js","sources":["../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  className?: string\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      size,\n      color,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'toggle-xs',\n      sm: 'toggle-sm',\n      md: 'toggle-md',\n      lg: 'toggle-lg',\n      xl: 'toggle-xl',\n    }\n\n    const colorClasses = {\n      primary: 'toggle-primary',\n      secondary: 'toggle-secondary',\n      accent: 'toggle-accent',\n      neutral: 'toggle-neutral',\n      success: 'toggle-success',\n      warning: 'toggle-warning',\n      info: 'toggle-info',\n      error: 'toggle-error',\n    }\n\n    const toggleClasses = [\n      'toggle',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const dataState = props.checked ? 'checked' : 'unchecked'\n    return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} />\n  }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["Toggle","forwardRef","size","color","className","props","ref","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;AAQO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACAP,KAAQK,EAAYL,CAAI;AAAA,MACxBC,KAASK,EAAaL,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAYL,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAM,EAAC,SAAA,EAAM,KAAAL,GAAU,MAAK,YAAW,WAAWG,GAAe,cAAYC,GAAY,GAAGL,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}