asterui 0.11.0 → 0.12.1

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","sources":["../src/components/Result.tsx"],"sourcesContent":["import React from 'react'\n\nexport type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500'\n\nexport interface ResultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  status?: ResultStatus\n  title?: React.ReactNode\n  subTitle?: React.ReactNode\n  icon?: React.ReactNode\n  extra?: React.ReactNode\n  children?: React.ReactNode\n}\n\nconst defaultIcons: Record<ResultStatus, React.ReactNode> = {\n  success: (\n    <svg\n      className=\"w-16 h-16 text-success\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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  error: (\n    <svg\n      className=\"w-16 h-16 text-error\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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  info: (\n    <svg\n      className=\"w-16 h-16 text-info\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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      />\n    </svg>\n  ),\n  warning: (\n    <svg\n      className=\"w-16 h-16 text-warning\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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  '404': (\n    <div className=\"text-6xl font-bold text-base-content/40\">404</div>\n  ),\n  '403': (\n    <div className=\"text-6xl font-bold text-base-content/40\">403</div>\n  ),\n  '500': (\n    <div className=\"text-6xl font-bold text-base-content/40\">500</div>\n  ),\n}\n\nexport const Result: React.FC<ResultProps> = ({\n  status = 'info',\n  title,\n  subTitle,\n  icon,\n  extra,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const displayIcon = icon !== undefined ? icon : defaultIcons[status]\n\n  return (\n    <div\n      className={`w-full flex flex-col items-center justify-center text-center p-8 ${className}`}\n      data-status={status}\n      {...rest}\n    >\n      {displayIcon && <div className=\"mb-6\">{displayIcon}</div>}\n\n      {title && (\n        <div className=\"text-2xl font-semibold mb-2 text-base-content\">\n          {title}\n        </div>\n      )}\n\n      {subTitle && (\n        <div className=\"text-base text-base-content/70 mb-6 max-w-md\">\n          {subTitle}\n        </div>\n      )}\n\n      {children && <div className=\"mb-6 max-w-2xl\">{children}</div>}\n\n      {extra && <div className=\"flex gap-2\">{extra}</div>}\n    </div>\n  )\n}\n\nResult.displayName = 'Result'\n\nexport default Result\n"],"names":["defaultIcons","jsx","Result","status","title","subTitle","icon","extra","children","className","rest","displayIcon","jsxs"],"mappings":";AAaA,MAAMA,IAAsD;AAAA,EAC1D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,OACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,MACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,SACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,MAAA,CAAG;AAEhE,GAEaC,IAAgC,CAAC;AAAA,EAC5C,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcL,MAAS,SAAYA,IAAON,EAAaG,CAAM;AAEnE,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,oEAAoEH,CAAS;AAAA,MACxF,eAAaN;AAAA,MACZ,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAC,KAAe,gBAAAV,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAU,GAAY;AAAA,QAElDP,KACC,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAG,GACH;AAAA,QAGDC,KACC,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gDACZ,UAAAI,GACH;AAAA,QAGDG,KAAY,gBAAAP,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAO,GAAS;AAAA,QAEtDD,KAAS,gBAAAN,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAM,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD;AAEAL,EAAO,cAAc;"}
+{"version":3,"file":"index64.js","sources":["../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: number\n  size?: string | number\n  thickness?: string | number\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n  showValue?: boolean\n  children?: React.ReactNode\n}\n\nconst colorClasses = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  info: 'text-info',\n  neutral: 'text-neutral',\n} as const\n\nexport const RadialProgress: React.FC<RadialProgressProps> = ({\n  value,\n  size,\n  thickness,\n  color,\n  showValue = true,\n  children,\n  className = '',\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = ['radial-progress']\n\n    if (color) {\n      classes.push(colorClasses[color])\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: Record<string, string | number> = {\n      '--value': value,\n    }\n\n    if (size !== undefined) {\n      style['--size'] = typeof size === 'number' ? `${size}rem` : size\n    }\n\n    if (thickness !== undefined) {\n      style['--thickness'] = typeof thickness === 'number' ? `${thickness}px` : thickness\n    }\n\n    return style as React.CSSProperties\n  }\n\n  return (\n    <div\n      className={getClasses()}\n      style={{ ...getStyle(), ...style }}\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      {...rest}\n    >\n      {children !== undefined ? children : showValue ? `${value}%` : null}\n    </div>\n  )\n}\n"],"names":["colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAWA,MAAMA,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAC,iBAAiB;AAElC,WAAIP,KACFO,EAAQ,KAAKZ,EAAaK,CAAK,CAAC,GAG9BG,KACFI,EAAQ,KAAKJ,CAAS,GAGjBI,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAW,MAA2B;AAC1C,UAAMJ,IAAyC;AAAA,MAC7C,WAAWP;AAAA,IAAA;AAGb,WAAIC,MAAS,WACXM,EAAM,QAAQ,IAAI,OAAON,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAM,aAAa,IAAI,OAAOL,KAAc,WAAW,GAAGA,CAAS,OAAOA,IAGrEK;AAAAA,EACT;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAA;AAAA,MACX,OAAO,EAAE,GAAGE,EAAA,GAAY,GAAGJ,EAAA;AAAA,MAC3B,MAAK;AAAA,MACL,iBAAeP;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACd,GAAGQ;AAAA,MAEH,gBAAa,SAAYH,IAAWD,IAAY,GAAGJ,CAAK,MAAM;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

package/dist/index65.js

@@ -1,44 +1,55 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-const u = d(
-  ({
-    size: e,
-    color: s,
-    ghost: l = !1,
-    bordered: c = !0,
-    className: t = "",
-    children: r,
-    ...o
-  }, a) => {
-    const n = {
-      xs: "select-xs",
-      sm: "select-sm",
-      md: "select-md",
-      lg: "select-lg",
-      xl: "select-xl"
-    }, m = {
-      neutral: "select-neutral",
-      primary: "select-primary",
-      secondary: "select-secondary",
-      accent: "select-accent",
-      info: "select-info",
-      success: "select-success",
-      warning: "select-warning",
-      error: "select-error"
-    }, i = [
-      "select",
-      "w-full",
-      c && "select-bordered",
-      l && "select-ghost",
-      e && n[e],
-      s && m[s],
-      t
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ f("select", { ref: a, className: i, ...o, children: r });
-  }
-);
-u.displayName = "Select";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useState as j } from "react";
+const A = ({
+  value: s,
+  defaultValue: m = 50,
+  onChange: d,
+  min: r = 0,
+  max: c = 100,
+  step: t = 1,
+  size: f = "md",
+  color: l,
+  disabled: u = !1,
+  showValue: x = !1,
+  showSteps: o = !1,
+  className: h = ""
+}) => {
+  const [p, y] = j(m), g = s !== void 0 ? s : p, C = (e) => {
+    const n = parseFloat(e.target.value);
+    s === void 0 && y(n), d?.(n);
+  }, v = {
+    xs: "range-xs",
+    sm: "range-sm",
+    md: "range-md",
+    lg: "range-lg"
+  }, w = {
+    primary: "range-primary",
+    secondary: "range-secondary",
+    accent: "range-accent",
+    success: "range-success",
+    warning: "range-warning",
+    info: "range-info",
+    error: "range-error"
+  }, N = v[f], V = l ? w[l] : "", i = o ? Array.from({ length: Math.floor((c - r) / t) + 1 }, (e, n) => r + n * t) : [];
+  return /* @__PURE__ */ b("div", { className: h, children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "range",
+        min: r,
+        max: c,
+        step: t,
+        value: g,
+        onChange: C,
+        disabled: u,
+        className: `range ${N} ${V}`
+      }
+    ),
+    o && i.length > 0 && /* @__PURE__ */ a("div", { className: "w-full flex justify-between text-xs px-2 mt-2", children: i.map((e) => /* @__PURE__ */ a("span", { className: "text-base-content/60", children: "|" }, e)) }),
+    x && /* @__PURE__ */ a("div", { className: "text-center mt-2 text-sm font-medium text-base-content", children: g })
+  ] });
+};
 export {
-  u as Select
+  A as Range
 };
 //# sourceMappingURL=index65.js.map

package/dist/index65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index65.js","sources":["../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      ghost = false,\n      bordered = true,\n      className = '',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'select-xs',\n      sm: 'select-sm',\n      md: 'select-md',\n      lg: 'select-lg',\n      xl: 'select-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'select-neutral',\n      primary: 'select-primary',\n      secondary: 'select-secondary',\n      accent: 'select-accent',\n      info: 'select-info',\n      success: 'select-success',\n      warning: 'select-warning',\n      error: 'select-error',\n    }\n\n    const selectClasses = [\n      'select',\n      'w-full',\n      bordered && 'select-bordered',\n      ghost && 'select-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <select ref={ref} className={selectClasses} {...props}>\n        {children}\n      </select>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["Select","forwardRef","size","color","ghost","bordered","className","children","props","ref","sizeClasses","colorClasses","selectClasses"],"mappings":";;AAWO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,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,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACAP,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQQ,EAAYR,CAAI;AAAA,MACxBC,KAASQ,EAAaR,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BACG,UAAA,EAAO,KAAAG,GAAU,WAAWG,GAAgB,GAAGJ,GAC7C,UAAAD,GACH;AAAA,EAEJ;AACF;AAEAP,EAAO,cAAc;"}
+{"version":3,"file":"index65.js","sources":["../src/components/Range.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport interface RangeProps {\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  min?: number\n  max?: number\n  step?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n  disabled?: boolean\n  showValue?: boolean\n  showSteps?: boolean\n  className?: string\n}\n\nexport const Range: React.FC<RangeProps> = ({\n  value,\n  defaultValue = 50,\n  onChange,\n  min = 0,\n  max = 100,\n  step = 1,\n  size = 'md',\n  color,\n  disabled = false,\n  showValue = false,\n  showSteps = false,\n  className = '',\n}) => {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = parseFloat(e.target.value)\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const sizeClasses = {\n    xs: 'range-xs',\n    sm: 'range-sm',\n    md: 'range-md',\n    lg: 'range-lg',\n  } as const\n\n  const colorClasses = {\n    primary: 'range-primary',\n    secondary: 'range-secondary',\n    accent: 'range-accent',\n    success: 'range-success',\n    warning: 'range-warning',\n    info: 'range-info',\n    error: 'range-error',\n  } as const\n\n  const sizeClass = sizeClasses[size]\n  const colorClass = color ? colorClasses[color] : ''\n\n  // Calculate steps for visual markers\n  const steps = showSteps\n    ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step)\n    : []\n\n  return (\n    <div className={className}>\n      <input\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={currentValue}\n        onChange={handleChange}\n        disabled={disabled}\n        className={`range ${sizeClass} ${colorClass}`}\n      />\n      {showSteps && steps.length > 0 && (\n        <div className=\"w-full flex justify-between text-xs px-2 mt-2\">\n          {steps.map((stepValue) => (\n            <span key={stepValue} className=\"text-base-content/60\">\n              |\n            </span>\n          ))}\n        </div>\n      )}\n      {showValue && (\n        <div className=\"text-center mt-2 text-sm font-medium text-base-content\">\n          {currentValue}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["Range","value","defaultValue","onChange","min","max","step","size","color","disabled","showValue","showSteps","className","internalValue","setInternalValue","useState","currentValue","handleChange","newValue","sizeClasses","colorClasses","sizeClass","colorClass","steps","_","i","jsxs","jsx","stepValue"],"mappings":";;AAiBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASb,CAAY,GACzDc,IAAef,MAAU,SAAYA,IAAQY,GAE7CI,IAAe,CAAC,MAA2C;AAC/D,UAAMC,IAAW,WAAW,EAAE,OAAO,KAAK;AAC1C,IAAIjB,MAAU,UACZa,EAAiBI,CAAQ,GAE3Bf,IAAWe,CAAQ;AAAA,EACrB,GAEMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAYF,EAAYZ,CAAI,GAC5Be,IAAad,IAAQY,EAAaZ,CAAK,IAAI,IAG3Ce,IAAQZ,IACV,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAON,IAAMD,KAAOE,CAAI,IAAI,EAAA,GAAK,CAACkB,GAAGC,MAAMrB,IAAMqB,IAAInB,CAAI,IACnF,CAAA;AAEJ,SACE,gBAAAoB,EAAC,SAAI,WAAAd,GACH,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAvB;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAOU;AAAA,QACP,UAAUC;AAAA,QACV,UAAAR;AAAA,QACA,WAAW,SAASY,CAAS,IAAIC,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5CX,KAAaY,EAAM,SAAS,KAC3B,gBAAAI,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAJ,EAAM,IAAI,CAACK,wBACT,QAAA,EAAqB,WAAU,wBAAuB,UAAA,IAAA,GAA5CA,CAEX,CACD,GACH;AAAA,IAEDlB,KACC,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0DACZ,UAAAX,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index66.js

@@ -1,71 +1,65 @@
-import { jsx as b, jsxs as h } from "react/jsx-runtime";
-import { useState as p, useCallback as S, createContext as j, useContext as v } from "react";
-const C = j(null), I = () => {
-  const e = v(C);
-  if (!e)
-    throw new Error("Segmented.Item must be used within a Segmented component");
-  return e;
-}, V = {
-  xs: "btn-xs",
-  sm: "btn-sm",
-  md: "",
-  lg: "btn-lg"
-}, k = ({
-  value: e,
-  disabled: o = !1,
-  icon: n,
-  children: l,
-  className: a = ""
-}) => {
-  const { value: i, onChange: d, size: r, disabled: c } = I(), s = i === e, t = c || o, m = () => {
-    t || d?.(e);
-  }, u = [
-    "join-item",
-    "btn",
-    V[r],
-    s ? "btn-active" : "",
-    a
+import { jsx as o } from "react/jsx-runtime";
+import { useState as x, useId as R, createContext as k, useContext as b } from "react";
+const f = k(null);
+function p({
+  children: t,
+  value: a,
+  defaultValue: c = 0,
+  onChange: e,
+  size: n,
+  readOnly: s = !1,
+  className: l = "",
+  ...r
+}) {
+  const [g, m] = x(c), u = a !== void 0 ? a : g, i = R(), h = (d) => {
+    s || (a === void 0 && m(d), e?.(d));
+  }, C = ["rating", n && {
+    xs: "rating-xs",
+    sm: "rating-sm",
+    md: "rating-md",
+    lg: "rating-lg",
+    xl: "rating-xl"
+  }[n], l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(f.Provider, { value: { name: i, currentValue: u, onChange: h, size: n, readOnly: s }, children: /* @__PURE__ */ o("div", { className: C, "data-value": u, ...r, children: t }) });
+}
+function I({ value: t, mask: a = "star", color: c = "bg-warning", hidden: e = !1, className: n = "" }) {
+  const s = b(f);
+  if (!s)
+    throw new Error("Rating.Item must be used within Rating");
+  const { name: l, currentValue: r, onChange: g, readOnly: m } = s, i = [
+    "mask",
+    {
+      star: "mask-star",
+      "star-2": "mask-star-2",
+      heart: "mask-heart"
+    }[a],
+    e && "rating-hidden",
+    !e && c,
+    n
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h(
-    "button",
+  return m ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: i,
+      "aria-current": r === t ? "true" : void 0,
+      "aria-label": `Rating ${t}`
+    }
+  ) : /* @__PURE__ */ o(
+    "input",
     {
-      type: "button",
-      className: u,
-      disabled: t,
-      onClick: m,
-      "aria-pressed": s,
-      "data-testid": `segmented-item-${e}`,
-      children: [
-        n && /* @__PURE__ */ b("span", { className: "mr-1", children: n }),
-        l
-      ]
+      type: "radio",
+      name: l,
+      className: i,
+      checked: r === t,
+      onChange: () => g(t),
+      "aria-label": `Rating ${t}`
     }
   );
-}, w = ({
-  value: e,
-  defaultValue: o,
-  onChange: n,
-  size: l = "md",
-  block: a = !1,
-  disabled: i = !1,
-  className: d = "",
-  children: r
-}) => {
-  const [c, s] = p(o), t = e !== void 0, m = t ? e : c, u = S(
-    (g) => {
-      t || s(g), n?.(g);
-    },
-    [t, n]
-  ), f = {
-    value: m,
-    onChange: u,
-    size: l,
-    disabled: i
-  }, x = ["join", a ? "w-full [&>.join-item]:flex-1" : "", d].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(C.Provider, { value: f, children: /* @__PURE__ */ b("div", { className: x, role: "group", "data-testid": "segmented", children: r }) });
-};
-w.Item = k;
+}
+const V = Object.assign(p, {
+  Item: I
+});
 export {
-  w as Segmented
+  V as Rating
 };
 //# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index66.js","sources":["../src/components/Segmented.tsx"],"sourcesContent":["import React, { useState, useCallback, createContext, useContext } from 'react'\n\nexport type SegmentedValue = string | number\n\ninterface SegmentedContextValue {\n  value?: SegmentedValue\n  onChange?: (value: SegmentedValue) => void\n  size: 'xs' | 'sm' | 'md' | 'lg'\n  disabled: boolean\n}\n\nconst SegmentedContext = createContext<SegmentedContextValue | null>(null)\n\nconst useSegmentedContext = () => {\n  const context = useContext(SegmentedContext)\n  if (!context) {\n    throw new Error('Segmented.Item must be used within a Segmented component')\n  }\n  return context\n}\n\nexport interface SegmentedItemProps {\n  /** Option value */\n  value: SegmentedValue\n  /** Disable this option */\n  disabled?: boolean\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Label content */\n  children: React.ReactNode\n  /** Additional CSS class */\n  className?: string\n}\n\nconst sizeClasses = {\n  xs: 'btn-xs',\n  sm: 'btn-sm',\n  md: '',\n  lg: 'btn-lg',\n}\n\nconst SegmentedItem: React.FC<SegmentedItemProps> = ({\n  value,\n  disabled: itemDisabled = false,\n  icon,\n  children,\n  className = '',\n}) => {\n  const { value: selectedValue, onChange, size, disabled: groupDisabled } = useSegmentedContext()\n\n  const isSelected = selectedValue === value\n  const isDisabled = groupDisabled || itemDisabled\n\n  const handleClick = () => {\n    if (!isDisabled) {\n      onChange?.(value)\n    }\n  }\n\n  const buttonClasses = [\n    'join-item',\n    'btn',\n    sizeClasses[size],\n    isSelected ? 'btn-active' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      type=\"button\"\n      className={buttonClasses}\n      disabled={isDisabled}\n      onClick={handleClick}\n      aria-pressed={isSelected}\n      data-testid={`segmented-item-${value}`}\n    >\n      {icon && <span className=\"mr-1\">{icon}</span>}\n      {children}\n    </button>\n  )\n}\n\nexport interface SegmentedProps {\n  /** Currently selected value (controlled) */\n  value?: SegmentedValue\n  /** Default selected value (uncontrolled) */\n  defaultValue?: SegmentedValue\n  /** Callback when selection changes */\n  onChange?: (value: SegmentedValue) => void\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Take full width of container */\n  block?: boolean\n  /** Disable all options */\n  disabled?: boolean\n  /** Additional CSS class */\n  className?: string\n  /** Segmented.Item children */\n  children: React.ReactNode\n}\n\nexport const Segmented: React.FC<SegmentedProps> & { Item: typeof SegmentedItem } = ({\n  value,\n  defaultValue,\n  onChange,\n  size = 'md',\n  block = false,\n  disabled = false,\n  className = '',\n  children,\n}) => {\n  const [internalValue, setInternalValue] = useState<SegmentedValue | undefined>(defaultValue)\n\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n\n  const handleChange = useCallback(\n    (newValue: SegmentedValue) => {\n      if (!isControlled) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [isControlled, onChange]\n  )\n\n  const contextValue: SegmentedContextValue = {\n    value: currentValue,\n    onChange: handleChange,\n    size,\n    disabled,\n  }\n\n  const containerClasses = ['join', block ? 'w-full [&>.join-item]:flex-1' : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <SegmentedContext.Provider value={contextValue}>\n      <div className={containerClasses} role=\"group\" data-testid=\"segmented\">\n        {children}\n      </div>\n    </SegmentedContext.Provider>\n  )\n}\n\nSegmented.Item = SegmentedItem\n"],"names":["SegmentedContext","createContext","useSegmentedContext","context","useContext","sizeClasses","SegmentedItem","value","itemDisabled","icon","children","className","selectedValue","onChange","size","groupDisabled","isSelected","isDisabled","handleClick","buttonClasses","jsxs","jsx","Segmented","defaultValue","block","disabled","internalValue","setInternalValue","useState","isControlled","currentValue","handleChange","useCallback","newValue","contextValue","containerClasses"],"mappings":";;AAWA,MAAMA,IAAmBC,EAA4C,IAAI,GAEnEC,IAAsB,MAAM;AAChC,QAAMC,IAAUC,EAAWJ,CAAgB;AAC3C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,0DAA0D;AAE5E,SAAOA;AACT,GAeME,IAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAUC,IAAe;AAAA,EACzB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAe,UAAAC,GAAU,MAAAC,GAAM,UAAUC,EAAA,IAAkBb,EAAA,GAEpEc,IAAaJ,MAAkBL,GAC/BU,IAAaF,KAAiBP,GAE9BU,IAAc,MAAM;AACxB,IAAKD,KACHJ,IAAWN,CAAK;AAAA,EAEpB,GAEMY,IAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACAd,EAAYS,CAAI;AAAA,IAChBE,IAAa,eAAe;AAAA,IAC5BL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWD;AAAA,MACX,UAAUF;AAAA,MACV,SAASC;AAAA,MACT,gBAAcF;AAAA,MACd,eAAa,kBAAkBT,CAAK;AAAA,MAEnC,UAAA;AAAA,QAAAE,KAAQ,gBAAAY,EAAC,QAAA,EAAK,WAAU,QAAQ,UAAAZ,GAAK;AAAA,QACrCC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,GAqBaY,IAAuE,CAAC;AAAA,EACnF,OAAAf;AAAA,EACA,cAAAgB;AAAA,EACA,UAAAV;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAU,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAd,IAAY;AAAA,EACZ,UAAAD;AACF,MAAM;AACJ,QAAM,CAACgB,GAAeC,CAAgB,IAAIC,EAAqCL,CAAY,GAErFM,IAAetB,MAAU,QACzBuB,IAAeD,IAAetB,IAAQmB,GAEtCK,IAAeC;AAAA,IACnB,CAACC,MAA6B;AAC5B,MAAKJ,KACHF,EAAiBM,CAAQ,GAE3BpB,IAAWoB,CAAQ;AAAA,IACrB;AAAA,IACA,CAACJ,GAAchB,CAAQ;AAAA,EAAA,GAGnBqB,IAAsC;AAAA,IAC1C,OAAOJ;AAAA,IACP,UAAUC;AAAA,IACV,MAAAjB;AAAA,IACA,UAAAW;AAAA,EAAA,GAGIU,IAAmB,CAAC,QAAQX,IAAQ,iCAAiC,IAAIb,CAAS,EACrF,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAU,EAACrB,EAAiB,UAAjB,EAA0B,OAAOkC,GAChC,UAAA,gBAAAb,EAAC,OAAA,EAAI,WAAWc,GAAkB,MAAK,SAAQ,eAAY,aACxD,UAAAzB,GACH,GACF;AAEJ;AAEAY,EAAU,OAAOhB;"}
+{"version":3,"file":"index66.js","sources":["../src/components/Rating.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\n\nexport interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  children: React.ReactNode\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  readOnly?: boolean\n}\n\nexport interface RatingItemProps {\n  value: number\n  mask?: 'star' | 'star-2' | 'heart'\n  color?: string\n  hidden?: boolean\n  className?: string\n}\n\ninterface RatingContextValue {\n  name: string\n  currentValue: number\n  onChange: (value: number) => void\n  size?: string\n  readOnly?: boolean\n}\n\nconst RatingContext = createContext<RatingContextValue | null>(null)\n\nfunction RatingRoot({\n  children,\n  value,\n  defaultValue = 0,\n  onChange,\n  size,\n  readOnly = false,\n  className = '',\n  ...rest\n}: RatingProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n  const name = useId()\n\n  const handleChange = (newValue: number) => {\n    if (readOnly) return\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const sizeClasses = {\n    xs: 'rating-xs',\n    sm: 'rating-sm',\n    md: 'rating-md',\n    lg: 'rating-lg',\n    xl: 'rating-xl',\n  }\n\n  const classes = ['rating', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  return (\n    <RatingContext.Provider value={{ name, currentValue, onChange: handleChange, size, readOnly }}>\n      <div className={classes} data-value={currentValue} {...rest}>{children}</div>\n    </RatingContext.Provider>\n  )\n}\n\nfunction RatingItem({ value, mask = 'star', color = 'bg-warning', hidden = false, className = '' }: RatingItemProps) {\n  const context = useContext(RatingContext)\n  if (!context) {\n    throw new Error('Rating.Item must be used within Rating')\n  }\n\n  const { name, currentValue, onChange, readOnly } = context\n\n  const maskClasses = {\n    star: 'mask-star',\n    'star-2': 'mask-star-2',\n    heart: 'mask-heart',\n  }\n\n  const classes = [\n    'mask',\n    maskClasses[mask],\n    hidden && 'rating-hidden',\n    !hidden && color,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (readOnly) {\n    return (\n      <div\n        className={classes}\n        aria-current={currentValue === value ? 'true' : undefined}\n        aria-label={`Rating ${value}`}\n      />\n    )\n  }\n\n  return (\n    <input\n      type=\"radio\"\n      name={name}\n      className={classes}\n      checked={currentValue === value}\n      onChange={() => onChange(value)}\n      aria-label={`Rating ${value}`}\n    />\n  )\n}\n\nexport const Rating = Object.assign(RatingRoot, {\n  Item: RatingItem,\n})\n"],"names":["RatingContext","createContext","RatingRoot","children","value","defaultValue","onChange","size","readOnly","className","rest","internalValue","setInternalValue","useState","currentValue","name","useId","handleChange","newValue","classes","jsx","RatingItem","mask","color","hidden","context","useContext","Rating"],"mappings":";;AA2BA,MAAMA,IAAgBC,EAAyC,IAAI;AAEnE,SAASC,EAAW;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAgB;AACd,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASR,CAAY,GACzDS,IAAeV,MAAU,SAAYA,IAAQO,GAC7CI,IAAOC,EAAA,GAEPC,IAAe,CAACC,MAAqB;AACzC,IAAIV,MACAJ,MAAU,UACZQ,EAAiBM,CAAQ,GAE3BZ,IAAWY,CAAQ;AAAA,EACrB,GAUMC,IAAU,CAAC,UAAUZ,KARP;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGyCA,CAAI,GAAGE,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEzF,SACE,gBAAAW,EAACpB,EAAc,UAAd,EAAuB,OAAO,EAAE,MAAAe,GAAM,cAAAD,GAAc,UAAUG,GAAc,MAAAV,GAAM,UAAAC,KACjF,UAAA,gBAAAY,EAAC,SAAI,WAAWD,GAAS,cAAYL,GAAe,GAAGJ,GAAO,UAAAP,EAAA,CAAS,EAAA,CACzE;AAEJ;AAEA,SAASkB,EAAW,EAAE,OAAAjB,GAAO,MAAAkB,IAAO,QAAQ,OAAAC,IAAQ,cAAc,QAAAC,IAAS,IAAO,WAAAf,IAAY,GAAA,GAAuB;AACnH,QAAMgB,IAAUC,EAAW1B,CAAa;AACxC,MAAI,CAACyB;AACH,UAAM,IAAI,MAAM,wCAAwC;AAG1D,QAAM,EAAE,MAAAV,GAAM,cAAAD,GAAc,UAAAR,GAAU,UAAAE,MAAaiB,GAQ7CN,IAAU;AAAA,IACd;AAAA,IAPkB;AAAA,MAClB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,EAKKG,CAAI;AAAA,IAChBE,KAAU;AAAA,IACV,CAACA,KAAUD;AAAA,IACXd;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAID,IAEA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,gBAAcL,MAAiBV,IAAQ,SAAS;AAAA,MAChD,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA,IAM/B,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAAL;AAAA,MACA,WAAWI;AAAA,MACX,SAASL,MAAiBV;AAAA,MAC1B,UAAU,MAAME,EAASF,CAAK;AAAA,MAC9B,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEO,MAAMuB,IAAS,OAAO,OAAOzB,GAAY;AAAA,EAC9C,MAAMmB;AACR,CAAC;"}

package/dist/index67.js

@@ -1,24 +1,110 @@
-import { jsx as x } from "react/jsx-runtime";
-const i = ({
-  width: s,
-  height: t,
-  circle: o = !1,
-  variant: l = "default",
-  className: n = "",
-  children: r,
-  style: f,
-  ...u
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+const m = {
+  success: /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "w-16 h-16 text-success",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+        }
+      )
+    }
+  ),
+  error: /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "w-16 h-16 text-error",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "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"
+        }
+      )
+    }
+  ),
+  info: /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "w-16 h-16 text-info",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "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"
+        }
+      )
+    }
+  ),
+  warning: /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "w-16 h-16 text-warning",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ e(
+        "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"
+        }
+      )
+    }
+  ),
+  404: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "404" }),
+  403: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "403" }),
+  500: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "500" })
+}, x = ({
+  status: t = "info",
+  title: n,
+  subTitle: s,
+  icon: o,
+  extra: r,
+  children: l,
+  className: i = "",
+  ...c
 }) => {
-  const p = () => {
-    const e = ["skeleton"];
-    return l === "text" && e.push("skeleton-text"), o && e.push("rounded-full"), n && e.push(n), e.join(" ");
-  }, c = () => {
-    const e = {};
-    return s && (e.width = typeof s == "number" ? `${s}px` : s), t && (e.height = typeof t == "number" ? `${t}px` : t), Object.keys(e).length > 0 ? e : void 0;
-  };
-  return /* @__PURE__ */ x("div", { className: p(), style: { ...c(), ...f }, ...u, children: r });
+  const a = o !== void 0 ? o : m[t];
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `w-full flex flex-col items-center justify-center text-center p-8 ${i}`,
+      "data-status": t,
+      ...c,
+      children: [
+        a && /* @__PURE__ */ e("div", { className: "mb-6", children: a }),
+        n && /* @__PURE__ */ e("div", { className: "text-2xl font-semibold mb-2 text-base-content", children: n }),
+        s && /* @__PURE__ */ e("div", { className: "text-base text-base-content/70 mb-6 max-w-md", children: s }),
+        l && /* @__PURE__ */ e("div", { className: "mb-6 max-w-2xl", children: l }),
+        r && /* @__PURE__ */ e("div", { className: "flex gap-2", children: r })
+      ]
+    }
+  );
 };
+x.displayName = "Result";
 export {
-  i as Skeleton
+  x as Result,
+  x as default
 };
 //# sourceMappingURL=index67.js.map

package/dist/index67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index67.js","sources":["../src/components/Skeleton.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: string | number\n  height?: string | number\n  circle?: boolean\n  variant?: 'default' | 'text'\n  children?: React.ReactNode\n}\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width,\n  height,\n  circle = false,\n  variant = 'default',\n  className = '',\n  children,\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = ['skeleton']\n\n    if (variant === 'text') {\n      classes.push('skeleton-text')\n    }\n\n    if (circle) {\n      classes.push('rounded-full')\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyles = () => {\n    const styles: React.CSSProperties = {}\n\n    if (width) {\n      styles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (height) {\n      styles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    return Object.keys(styles).length > 0 ? styles : undefined\n  }\n\n  return (\n    <div className={getClasses()} style={{ ...getStyles(), ...style }} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Skeleton","width","height","circle","variant","className","children","style","rest","getClasses","classes","getStyles","styles","jsx"],"mappings":";AAUO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAC,UAAU;AAE3B,WAAIN,MAAY,UACdM,EAAQ,KAAK,eAAe,GAG1BP,KACFO,EAAQ,KAAK,cAAc,GAGzBL,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAY,MAAM;AACtB,UAAMC,IAA8B,CAAA;AAEpC,WAAIX,MACFW,EAAO,QAAQ,OAAOX,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAGxDC,MACFU,EAAO,SAAS,OAAOV,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAGxD,OAAO,KAAKU,CAAM,EAAE,SAAS,IAAIA,IAAS;AAAA,EACnD;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAA,GAAc,OAAO,EAAE,GAAGE,EAAA,GAAa,GAAGJ,EAAA,GAAU,GAAGC,GACpE,UAAAF,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"index67.js","sources":["../src/components/Result.tsx"],"sourcesContent":["import React from 'react'\n\nexport type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500'\n\nexport interface ResultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  status?: ResultStatus\n  title?: React.ReactNode\n  subTitle?: React.ReactNode\n  icon?: React.ReactNode\n  extra?: React.ReactNode\n  children?: React.ReactNode\n}\n\nconst defaultIcons: Record<ResultStatus, React.ReactNode> = {\n  success: (\n    <svg\n      className=\"w-16 h-16 text-success\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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  error: (\n    <svg\n      className=\"w-16 h-16 text-error\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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  info: (\n    <svg\n      className=\"w-16 h-16 text-info\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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      />\n    </svg>\n  ),\n  warning: (\n    <svg\n      className=\"w-16 h-16 text-warning\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\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  '404': (\n    <div className=\"text-6xl font-bold text-base-content/40\">404</div>\n  ),\n  '403': (\n    <div className=\"text-6xl font-bold text-base-content/40\">403</div>\n  ),\n  '500': (\n    <div className=\"text-6xl font-bold text-base-content/40\">500</div>\n  ),\n}\n\nexport const Result: React.FC<ResultProps> = ({\n  status = 'info',\n  title,\n  subTitle,\n  icon,\n  extra,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const displayIcon = icon !== undefined ? icon : defaultIcons[status]\n\n  return (\n    <div\n      className={`w-full flex flex-col items-center justify-center text-center p-8 ${className}`}\n      data-status={status}\n      {...rest}\n    >\n      {displayIcon && <div className=\"mb-6\">{displayIcon}</div>}\n\n      {title && (\n        <div className=\"text-2xl font-semibold mb-2 text-base-content\">\n          {title}\n        </div>\n      )}\n\n      {subTitle && (\n        <div className=\"text-base text-base-content/70 mb-6 max-w-md\">\n          {subTitle}\n        </div>\n      )}\n\n      {children && <div className=\"mb-6 max-w-2xl\">{children}</div>}\n\n      {extra && <div className=\"flex gap-2\">{extra}</div>}\n    </div>\n  )\n}\n\nResult.displayName = 'Result'\n\nexport default Result\n"],"names":["defaultIcons","jsx","Result","status","title","subTitle","icon","extra","children","className","rest","displayIcon","jsxs"],"mappings":";AAaA,MAAMA,IAAsD;AAAA,EAC1D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,OACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,MACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,SACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,MAAA,CAAG;AAEhE,GAEaC,IAAgC,CAAC;AAAA,EAC5C,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcL,MAAS,SAAYA,IAAON,EAAaG,CAAM;AAEnE,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,oEAAoEH,CAAS;AAAA,MACxF,eAAaN;AAAA,MACZ,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAC,KAAe,gBAAAV,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAU,GAAY;AAAA,QAElDP,KACC,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAG,GACH;AAAA,QAGDC,KACC,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gDACZ,UAAAI,GACH;AAAA,QAGDG,KAAY,gBAAAP,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAO,GAAS;AAAA,QAEtDD,KAAS,gBAAAN,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAM,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD;AAEAL,EAAO,cAAc;"}

package/dist/index68.js

@@ -1,49 +1,44 @@
-import { jsx as y } from "react/jsx-runtime";
-const g = {
-  xs: "gap-1",
-  sm: "gap-2",
-  md: "gap-4",
-  lg: "gap-6",
-  xl: "gap-8"
-}, C = {
-  start: "items-start",
-  end: "items-end",
-  center: "items-center",
-  baseline: "items-baseline",
-  stretch: "items-stretch"
-}, j = {
-  start: "justify-start",
-  end: "justify-end",
-  center: "justify-center",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly"
-}, h = ({
-  direction: n = "horizontal",
-  size: s = "md",
-  align: e,
-  justify: t,
-  wrap: l = !1,
-  className: o = "",
-  style: r,
-  children: i,
-  ...c
-}) => {
-  const a = typeof s == "number", p = a ? "" : g[s], f = e ? C[e] : "", m = t ? j[t] : "", d = [
-    "flex",
-    n === "horizontal" ? "flex-row" : "flex-col",
-    p,
-    f,
-    m,
-    l ? "flex-wrap" : "",
-    o
-  ].filter(Boolean).join(" "), u = {
-    ...r,
-    ...a ? { gap: `${s}px` } : {}
-  };
-  return /* @__PURE__ */ y("div", { className: d, style: u, ...c, children: i });
-};
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+const u = d(
+  ({
+    size: e,
+    color: s,
+    ghost: l = !1,
+    bordered: c = !0,
+    className: t = "",
+    children: r,
+    ...o
+  }, a) => {
+    const n = {
+      xs: "select-xs",
+      sm: "select-sm",
+      md: "select-md",
+      lg: "select-lg",
+      xl: "select-xl"
+    }, m = {
+      neutral: "select-neutral",
+      primary: "select-primary",
+      secondary: "select-secondary",
+      accent: "select-accent",
+      info: "select-info",
+      success: "select-success",
+      warning: "select-warning",
+      error: "select-error"
+    }, i = [
+      "select",
+      "w-full",
+      c && "select-bordered",
+      l && "select-ghost",
+      e && n[e],
+      s && m[s],
+      t
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ f("select", { ref: a, className: i, ...o, children: r });
+  }
+);
+u.displayName = "Select";
 export {
-  h as Space
+  u as Select
 };
 //# sourceMappingURL=index68.js.map