asterui 0.12.1 → 0.12.2

package/dist/index69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index69.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":"index69.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/index70.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=index70.js.map

package/dist/index70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index70.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":"index70.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/index71.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=index71.js.map

package/dist/index71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index71.js","sources":["../src/components/Space.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  children: React.ReactNode\n}\n\nconst gapClasses = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n} as const\n\nconst alignClasses = {\n  start: 'items-start',\n  end: 'items-end',\n  center: 'items-center',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n} as const\n\nconst justifyClasses = {\n  start: 'justify-start',\n  end: 'justify-end',\n  center: 'justify-center',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nexport const Space: React.FC<SpaceProps> = ({\n  direction = 'horizontal',\n  size = 'md',\n  align,\n  justify,\n  wrap = false,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericSize = typeof size === 'number'\n  const gapClass = isNumericSize ? '' : gapClasses[size]\n  const alignClass = align ? alignClasses[align] : ''\n  const justifyClass = justify ? justifyClasses[justify] : ''\n  const wrapClass = wrap ? 'flex-wrap' : ''\n  const directionClass = direction === 'horizontal' ? 'flex-row' : 'flex-col'\n\n  const classes = [\n    'flex',\n    directionClass,\n    gapClass,\n    alignClass,\n    justifyClass,\n    wrapClass,\n    className\n  ].filter(Boolean).join(' ')\n\n  const combinedStyle: React.CSSProperties = {\n    ...style,\n    ...(isNumericSize ? { gap: `${size}px` } : {}),\n  }\n\n  return <div className={classes} style={combinedStyle} {...rest}>{children}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","className","style","children","rest","isNumericSize","gapClass","alignClass","justifyClass","classes","combinedStyle","jsx"],"mappings":";AAWA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAEMC,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAA8B,CAAC;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOR,KAAS,UAChCS,IAAWD,IAAgB,KAAKb,EAAWK,CAAI,GAC/CU,IAAaT,IAAQL,EAAaK,CAAK,IAAI,IAC3CU,IAAeT,IAAUL,EAAeK,CAAO,IAAI,IAInDU,IAAU;AAAA,IACd;AAAA,IAHqBb,MAAc,eAAe,aAAa;AAAA,IAK/DU;AAAA,IACAC;AAAA,IACAC;AAAA,IARgBR,IAAO,cAAc;AAAA,IAUrCC;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBS,IAAqC;AAAA,IACzC,GAAGR;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGR,CAAI,SAAS,CAAA;AAAA,EAAC;AAG9C,SAAO,gBAAAc,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGN,GAAO,UAAAD,GAAS;AAC5E;"}
+{"version":3,"file":"index71.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;"}

package/dist/index72.js

@@ -1,137 +1,71 @@
-import { jsx as f, jsxs as B, Fragment as _ } from "react/jsx-runtime";
-import C, { useRef as E, useCallback as x, useState as ee, useEffect as te } from "react";
-const ne = ({ children: N }) => /* @__PURE__ */ f(_, { children: N }), oe = ({
-  children: N,
-  direction: c = "horizontal",
-  sizes: g,
-  defaultSizes: y,
-  onSizesChange: I,
-  gutterSize: z = 8,
-  minSize: R = 50,
-  className: G = ""
+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 $ = E(null), H = E([]), b = E(null), h = C.Children.toArray(N).filter(
-    (n) => C.isValidElement(n)
-  ), l = h.length, k = x(() => {
-    if (y && y.length === l)
-      return y;
-    const n = 100 / l;
-    return Array(l).fill(n);
-  }, [y, l]), [D, j] = ee(k), p = g || D;
-  te(() => {
-    !g && D.length !== l && j(k());
-  }, [l, g, D.length, k]);
-  const S = x(
-    (n) => {
-      g || j(n), I?.(n);
-    },
-    [g, I]
-  ), V = x(
-    (n, e) => {
-      e.preventDefault();
-      const a = c === "horizontal" ? e.clientX : e.clientY;
-      b.current = {
-        index: n,
-        startPos: a,
-        startSizes: [...p]
-      };
-      const r = (w) => {
-        if (!b.current || !$.current) return;
-        const { index: t, startPos: P, startSizes: s } = b.current, K = $.current.getBoundingClientRect(), O = c === "horizontal" ? K.width : K.height, Q = c === "horizontal" ? w.clientX : w.clientY, T = (l - 1) * z, v = O - T, F = (Q - P) / v * 100, U = h[t]?.props || {}, X = h[t + 1]?.props || {}, W = U.minSize ?? R, Z = X.minSize ?? R, A = W / v * 100, L = Z / v * 100;
-        let i = s[t] + F, u = s[t + 1] - F;
-        i < A && (i = A, u = s[t] + s[t + 1] - A), u < L && (u = L, i = s[t] + s[t + 1] - L);
-        const Y = U.maxSize, q = X.maxSize;
-        if (Y) {
-          const m = Y / v * 100;
-          i > m && (i = m, u = s[t] + s[t + 1] - m);
-        }
-        if (q) {
-          const m = q / v * 100;
-          u > m && (u = m, i = s[t] + s[t + 1] - m);
-        }
-        const M = [...s];
-        M[t] = i, M[t + 1] = u, S(M);
-      }, o = () => {
-        b.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), document.body.style.cursor = "", document.body.style.userSelect = "";
-      };
-      document.addEventListener("mousemove", r), document.addEventListener("mouseup", o), document.body.style.cursor = c === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
-    },
-    [c, p, l, z, h, R, S]
-  ), J = x(
-    (n, e) => {
-      const a = e.shiftKey ? 10 : 1;
-      let r = 0;
-      if (c === "horizontal" ? e.key === "ArrowLeft" ? r = -a : e.key === "ArrowRight" && (r = a) : e.key === "ArrowUp" ? r = -a : e.key === "ArrowDown" && (r = a), r !== 0) {
-        e.preventDefault();
-        const o = [...p], w = 5;
-        let t = o[n] + r, P = o[n + 1] - r;
-        t >= w && P >= w && (o[n] = t, o[n + 1] = P, S(o));
-      }
-    },
-    [c, p, S]
-  ), d = c === "horizontal";
-  return /* @__PURE__ */ f(
-    "div",
+  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
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h(
+    "button",
     {
-      ref: $,
-      className: `flex ${d ? "flex-row" : "flex-col"} h-full w-full ${G}`,
-      children: h.map((n, e) => {
-        const a = n.props, r = e === h.length - 1;
-        return /* @__PURE__ */ B(C.Fragment, { children: [
-          /* @__PURE__ */ f(
-            "div",
-            {
-              ref: (o) => {
-                H.current[e] = o;
-              },
-              className: `overflow-auto ${a.className || ""}`,
-              style: {
-                [d ? "width" : "height"]: `calc(${p[e]}% - ${(l - 1) * z / l}px)`,
-                flexShrink: 0
-              },
-              children: a.children
-            }
-          ),
-          !r && /* @__PURE__ */ f(
-            "div",
-            {
-              role: "separator",
-              "aria-orientation": d ? "vertical" : "horizontal",
-              "aria-valuenow": Math.round(p[e]),
-              tabIndex: 0,
-              className: `
-                  flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50
-                  transition-colors duration-150 relative group
-                  ${d ? "cursor-col-resize" : "cursor-row-resize"}
-                `,
-              style: {
-                [d ? "width" : "height"]: `${z}px`
-              },
-              onMouseDown: (o) => V(e, o),
-              onKeyDown: (o) => J(e, o),
-              children: /* @__PURE__ */ B(
-                "div",
-                {
-                  className: `
-                    absolute inset-0 flex items-center justify-center
-                    ${d ? "flex-col gap-0.5" : "flex-row gap-0.5"}
-                  `,
-                  children: [
-                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
-                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
-                    /* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
-                  ]
-                }
-              )
-            }
-          )
-        ] }, e);
-      })
+      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
+      ]
     }
   );
+}, 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 }) });
 };
-oe.Panel = ne;
+w.Item = k;
 export {
-  oe as Splitter
+  w as Segmented
 };
 //# sourceMappingURL=index72.js.map

package/dist/index72.js.map

@@ -1 +1 @@
-{"version":3,"file":"index72.js","sources":["../src/components/Splitter.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\n\nexport interface SplitterPanelProps {\n  children: React.ReactNode\n  defaultSize?: number\n  size?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsed?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  className?: string\n}\n\nexport interface SplitterProps {\n  children: React.ReactNode\n  direction?: 'horizontal' | 'vertical'\n  sizes?: number[]\n  defaultSizes?: number[]\n  onSizesChange?: (sizes: number[]) => void\n  gutterSize?: number\n  minSize?: number\n  className?: string\n}\n\nconst Panel: React.FC<SplitterPanelProps> = ({ children }) => {\n  return <>{children}</>\n}\n\nexport const Splitter: React.FC<SplitterProps> & { Panel: typeof Panel } = ({\n  children,\n  direction = 'horizontal',\n  sizes,\n  defaultSizes,\n  onSizesChange,\n  gutterSize = 8,\n  minSize = 50,\n  className = '',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const panelsRef = useRef<(HTMLDivElement | null)[]>([])\n  const draggingRef = useRef<{ index: number; startPos: number; startSizes: number[] } | null>(null)\n\n  // Extract panel props from children\n  const panels = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<SplitterPanelProps> =>\n      React.isValidElement(child)\n  )\n\n  const panelCount = panels.length\n\n  // Initialize sizes\n  const getInitialSizes = useCallback(() => {\n    if (defaultSizes && defaultSizes.length === panelCount) {\n      return defaultSizes\n    }\n    // Equal distribution\n    const equalSize = 100 / panelCount\n    return Array(panelCount).fill(equalSize)\n  }, [defaultSizes, panelCount])\n\n  const [internalSizes, setInternalSizes] = useState<number[]>(getInitialSizes)\n  const currentSizes = sizes || internalSizes\n\n  // Update internal sizes when panel count changes\n  useEffect(() => {\n    if (!sizes && internalSizes.length !== panelCount) {\n      setInternalSizes(getInitialSizes())\n    }\n  }, [panelCount, sizes, internalSizes.length, getInitialSizes])\n\n  const updateSizes = useCallback(\n    (newSizes: number[]) => {\n      if (!sizes) {\n        setInternalSizes(newSizes)\n      }\n      onSizesChange?.(newSizes)\n    },\n    [sizes, onSizesChange]\n  )\n\n  const handleMouseDown = useCallback(\n    (index: number, e: React.MouseEvent) => {\n      e.preventDefault()\n      const startPos = direction === 'horizontal' ? e.clientX : e.clientY\n      draggingRef.current = {\n        index,\n        startPos,\n        startSizes: [...currentSizes],\n      }\n\n      const handleMouseMove = (moveEvent: MouseEvent) => {\n        if (!draggingRef.current || !containerRef.current) return\n\n        const { index: dragIndex, startPos: dragStartPos, startSizes } = draggingRef.current\n        const containerRect = containerRef.current.getBoundingClientRect()\n        const containerSize = direction === 'horizontal' ? containerRect.width : containerRect.height\n        const currentPos = direction === 'horizontal' ? moveEvent.clientX : moveEvent.clientY\n\n        // Calculate delta as percentage\n        const gutterCount = panelCount - 1\n        const totalGutterSize = gutterCount * gutterSize\n        const availableSize = containerSize - totalGutterSize\n        const deltaPixels = currentPos - dragStartPos\n        const deltaPercent = (deltaPixels / availableSize) * 100\n\n        // Get min sizes for panels\n        const panel1Props = panels[dragIndex]?.props || {}\n        const panel2Props = panels[dragIndex + 1]?.props || {}\n        const minSize1 = panel1Props.minSize ?? minSize\n        const minSize2 = panel2Props.minSize ?? minSize\n        const minPercent1 = (minSize1 / availableSize) * 100\n        const minPercent2 = (minSize2 / availableSize) * 100\n\n        // Calculate new sizes\n        let newSize1 = startSizes[dragIndex] + deltaPercent\n        let newSize2 = startSizes[dragIndex + 1] - deltaPercent\n\n        // Apply min constraints\n        if (newSize1 < minPercent1) {\n          newSize1 = minPercent1\n          newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent1\n        }\n        if (newSize2 < minPercent2) {\n          newSize2 = minPercent2\n          newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent2\n        }\n\n        // Apply max constraints\n        const maxSize1 = panel1Props.maxSize\n        const maxSize2 = panel2Props.maxSize\n        if (maxSize1) {\n          const maxPercent1 = (maxSize1 / availableSize) * 100\n          if (newSize1 > maxPercent1) {\n            newSize1 = maxPercent1\n            newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent1\n          }\n        }\n        if (maxSize2) {\n          const maxPercent2 = (maxSize2 / availableSize) * 100\n          if (newSize2 > maxPercent2) {\n            newSize2 = maxPercent2\n            newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent2\n          }\n        }\n\n        const newSizes = [...startSizes]\n        newSizes[dragIndex] = newSize1\n        newSizes[dragIndex + 1] = newSize2\n        updateSizes(newSizes)\n      }\n\n      const handleMouseUp = () => {\n        draggingRef.current = null\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n        document.body.style.cursor = ''\n        document.body.style.userSelect = ''\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      document.body.style.cursor = direction === 'horizontal' ? 'col-resize' : 'row-resize'\n      document.body.style.userSelect = 'none'\n    },\n    [direction, currentSizes, panelCount, gutterSize, panels, minSize, updateSizes]\n  )\n\n  const handleKeyDown = useCallback(\n    (index: number, e: React.KeyboardEvent) => {\n      const step = e.shiftKey ? 10 : 1\n      let delta = 0\n\n      if (direction === 'horizontal') {\n        if (e.key === 'ArrowLeft') delta = -step\n        else if (e.key === 'ArrowRight') delta = step\n      } else {\n        if (e.key === 'ArrowUp') delta = -step\n        else if (e.key === 'ArrowDown') delta = step\n      }\n\n      if (delta !== 0) {\n        e.preventDefault()\n        const newSizes = [...currentSizes]\n        const minPercent = 5 // Minimum 5% when using keyboard\n\n        let newSize1 = newSizes[index] + delta\n        let newSize2 = newSizes[index + 1] - delta\n\n        if (newSize1 >= minPercent && newSize2 >= minPercent) {\n          newSizes[index] = newSize1\n          newSizes[index + 1] = newSize2\n          updateSizes(newSizes)\n        }\n      }\n    },\n    [direction, currentSizes, updateSizes]\n  )\n\n  const isHorizontal = direction === 'horizontal'\n\n  return (\n    <div\n      ref={containerRef}\n      className={`flex ${isHorizontal ? 'flex-row' : 'flex-col'} h-full w-full ${className}`}\n    >\n      {panels.map((panel, index) => {\n        const panelProps = panel.props\n        const isLast = index === panels.length - 1\n\n        return (\n          <React.Fragment key={index}>\n            <div\n              ref={(el) => {\n                panelsRef.current[index] = el\n              }}\n              className={`overflow-auto ${panelProps.className || ''}`}\n              style={{\n                [isHorizontal ? 'width' : 'height']: `calc(${currentSizes[index]}% - ${\n                  ((panelCount - 1) * gutterSize) / panelCount\n                }px)`,\n                flexShrink: 0,\n              }}\n            >\n              {panelProps.children}\n            </div>\n            {!isLast && (\n              <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? 'vertical' : 'horizontal'}\n                aria-valuenow={Math.round(currentSizes[index])}\n                tabIndex={0}\n                className={`\n                  flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50\n                  transition-colors duration-150 relative group\n                  ${isHorizontal ? 'cursor-col-resize' : 'cursor-row-resize'}\n                `}\n                style={{\n                  [isHorizontal ? 'width' : 'height']: `${gutterSize}px`,\n                }}\n                onMouseDown={(e) => handleMouseDown(index, e)}\n                onKeyDown={(e) => handleKeyDown(index, e)}\n              >\n                {/* Grip indicator */}\n                <div\n                  className={`\n                    absolute inset-0 flex items-center justify-center\n                    ${isHorizontal ? 'flex-col gap-0.5' : 'flex-row gap-0.5'}\n                  `}\n                >\n                  <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                  <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                  <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n                </div>\n              </div>\n            )}\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nSplitter.Panel = Panel\n"],"names":["Panel","children","Splitter","direction","sizes","defaultSizes","onSizesChange","gutterSize","minSize","className","containerRef","useRef","panelsRef","draggingRef","panels","React","child","panelCount","getInitialSizes","useCallback","equalSize","internalSizes","setInternalSizes","useState","currentSizes","useEffect","updateSizes","newSizes","handleMouseDown","index","startPos","handleMouseMove","moveEvent","dragIndex","dragStartPos","startSizes","containerRect","containerSize","currentPos","totalGutterSize","availableSize","deltaPercent","panel1Props","panel2Props","minSize1","minSize2","minPercent1","minPercent2","newSize1","newSize2","maxSize1","maxSize2","maxPercent1","maxPercent2","handleMouseUp","handleKeyDown","step","delta","minPercent","isHorizontal","jsx","panel","panelProps","isLast","jsxs","el","e"],"mappings":"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"}
+{"version":3,"file":"index72.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;"}