@aster-ui/prefixed 0.12.50

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2025
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,40 @@
+# @aster-ui/prefixed
+
+React UI component library with DaisyUI - prefixed version.
+
+This package is identical to `asterui` but uses prefixed DaisyUI classes (`d-btn`, `d-card`, etc.) to avoid conflicts with other CSS frameworks or custom styles.
+
+## Installation
+
+```bash
+npm install @aster-ui/prefixed
+# or
+pnpm add @aster-ui/prefixed
+```
+
+## DaisyUI Configuration
+
+When using this package, you must configure DaisyUI to use the `d-` prefix in your CSS:
+
+```css
+@import "tailwindcss";
+@plugin "daisyui" {
+  prefix: "d-";
+}
+```
+
+## Usage
+
+```tsx
+import { Button, Card } from '@aster-ui/prefixed'
+
+function App() {
+  return (
+    <Card>
+      <Button color="primary">Click me</Button>
+    </Card>
+  )
+}
+```
+
+The components will automatically use the prefixed DaisyUI classes internally (e.g., `d-btn`, `d-card`).

package/dist/chart.d.ts

@@ -0,0 +1,2 @@
+export { Chart } from './components/Chart';
+export type { ChartProps } from './components/Chart';

package/dist/chart.js

@@ -0,0 +1,5 @@
+import { Chart as t } from "./components/Chart.js";
+export {
+  t as Chart
+};
+//# sourceMappingURL=chart.js.map

package/dist/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Affix.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Content to make sticky */
+    children: React.ReactNode;
+    /** Offset from top when fixed (pixels) */
+    offsetTop?: number;
+    /** Offset from bottom when fixed (pixels) */
+    offsetBottom?: number;
+    /** Scroll target (default: window) */
+    target?: () => HTMLElement | Window;
+    /** Callback when affix state changes */
+    onChange?: (affixed: boolean) => void;
+}
+export declare const Affix: React.FC<AffixProps>;

package/dist/components/Affix.js

@@ -0,0 +1,57 @@
+import { jsx as u, jsxs as L } from "react/jsx-runtime";
+import { useState as w, useRef as S, useEffect as b } from "react";
+const j = ({
+  children: a,
+  offsetTop: t,
+  offsetBottom: i,
+  target: m,
+  onChange: h,
+  className: x = "",
+  ...v
+}) => {
+  const [r, R] = w(!1), [z, y] = w({}), [A, g] = w({}), l = S(null), d = S(null), o = !!m;
+  return b(() => {
+    if (o)
+      return;
+    const c = window, n = () => {
+      if (!l.current || !d.current) return;
+      const s = l.current.getBoundingClientRect(), p = d.current.getBoundingClientRect();
+      let e = !1, f = {};
+      if (t !== void 0)
+        e = s.top < t, e && (f = {
+          position: "fixed",
+          top: t,
+          width: s.width,
+          zIndex: 100
+        });
+      else if (i !== void 0) {
+        const E = window.innerHeight;
+        e = s.bottom > E - i, e && (f = {
+          position: "fixed",
+          bottom: i,
+          width: s.width,
+          zIndex: 100
+        });
+      }
+      e !== r && (R(e), h?.(e)), e ? (y({
+        width: p.width,
+        height: p.height
+      }), g(f)) : (y({}), g({}));
+    };
+    return c.addEventListener("scroll", n), window.addEventListener("resize", n), n(), () => {
+      c.removeEventListener("scroll", n), window.removeEventListener("resize", n);
+    };
+  }, [o, t, i, r, h]), o ? /* @__PURE__ */ u("div", { className: x, style: {
+    position: "sticky",
+    top: t,
+    bottom: i,
+    zIndex: 100
+  }, ...v, children: a }) : /* @__PURE__ */ L("div", { ref: l, className: x, "data-state": r ? "affixed" : "normal", ...v, children: [
+    r && /* @__PURE__ */ u("div", { style: z }),
+    /* @__PURE__ */ u("div", { ref: d, style: A, children: a })
+  ] });
+};
+export {
+  j as Affix
+};
+//# sourceMappingURL=Affix.js.map

package/dist/components/Affix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.js","sources":["../../src/components/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\n\nexport interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Content to make sticky */\n  children: React.ReactNode\n  /** Offset from top when fixed (pixels) */\n  offsetTop?: number\n  /** Offset from bottom when fixed (pixels) */\n  offsetBottom?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Callback when affix state changes */\n  onChange?: (affixed: boolean) => void\n}\n\nexport const Affix: React.FC<AffixProps> = ({\n  children,\n  offsetTop,\n  offsetBottom,\n  target,\n  onChange,\n  className = '',\n  ...rest\n}) => {\n  const [affixed, setAffixed] = useState(false)\n  const [placeholderStyle, setPlaceholderStyle] = useState<React.CSSProperties>({})\n  const [affixStyle, setAffixStyle] = useState<React.CSSProperties>({})\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  // For custom targets, use CSS sticky positioning\n  const hasCustomTarget = !!target\n\n  useEffect(() => {\n    // For custom targets, use CSS sticky - no JS needed for positioning\n    if (hasCustomTarget) {\n      return\n    }\n\n    const scrollTarget = window\n\n    const handleScroll = () => {\n      if (!wrapperRef.current || !contentRef.current) return\n\n      const rect = wrapperRef.current.getBoundingClientRect()\n      const contentRect = contentRef.current.getBoundingClientRect()\n\n      let shouldAffix = false\n      let newAffixStyle: React.CSSProperties = {}\n\n      if (offsetTop !== undefined) {\n        // Affix to top\n        shouldAffix = rect.top < offsetTop\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            top: offsetTop,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      } else if (offsetBottom !== undefined) {\n        // Affix to bottom\n        const viewportHeight = window.innerHeight\n        shouldAffix = rect.bottom > viewportHeight - offsetBottom\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            bottom: offsetBottom,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      }\n\n      if (shouldAffix !== affixed) {\n        setAffixed(shouldAffix)\n        onChange?.(shouldAffix)\n      }\n\n      if (shouldAffix) {\n        setPlaceholderStyle({\n          width: contentRect.width,\n          height: contentRect.height,\n        })\n        setAffixStyle(newAffixStyle)\n      } else {\n        setPlaceholderStyle({})\n        setAffixStyle({})\n      }\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    window.addEventListener('resize', handleScroll)\n    handleScroll()\n\n    return () => {\n      scrollTarget.removeEventListener('scroll', handleScroll)\n      window.removeEventListener('resize', handleScroll)\n    }\n  }, [hasCustomTarget, offsetTop, offsetBottom, affixed, onChange])\n\n  // For custom scroll containers, use CSS sticky\n  if (hasCustomTarget) {\n    const stickyStyle: React.CSSProperties = {\n      position: 'sticky',\n      top: offsetTop,\n      bottom: offsetBottom,\n      zIndex: 100,\n    }\n\n    return (\n      <div className={className} style={stickyStyle} {...rest}>\n        {children}\n      </div>\n    )\n  }\n\n  // For window scrolling, use fixed positioning with JS\n  return (\n    <div ref={wrapperRef} className={className} data-state={affixed ? 'affixed' : 'normal'} {...rest}>\n      {affixed && <div style={placeholderStyle} />}\n      <div ref={contentRef} style={affixStyle}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Affix","children","offsetTop","offsetBottom","target","onChange","className","rest","affixed","setAffixed","useState","placeholderStyle","setPlaceholderStyle","affixStyle","setAffixStyle","wrapperRef","useRef","contentRef","hasCustomTarget","useEffect","scrollTarget","handleScroll","rect","contentRect","shouldAffix","newAffixStyle","viewportHeight","jsxs","jsx"],"mappings":";;AAeO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAkBC,CAAmB,IAAIF,EAA8B,CAAA,CAAE,GAC1E,CAACG,GAAYC,CAAa,IAAIJ,EAA8B,CAAA,CAAE,GAC9DK,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI,GAGxCE,IAAkB,CAAC,CAACd;AAwE1B,SAtEAe,EAAU,MAAM;AAEd,QAAID;AACF;AAGF,UAAME,IAAe,QAEfC,IAAe,MAAM;AACzB,UAAI,CAACN,EAAW,WAAW,CAACE,EAAW,QAAS;AAEhD,YAAMK,IAAOP,EAAW,QAAQ,sBAAA,GAC1BQ,IAAcN,EAAW,QAAQ,sBAAA;AAEvC,UAAIO,IAAc,IACdC,IAAqC,CAAA;AAEzC,UAAIvB,MAAc;AAEhB,QAAAsB,IAAcF,EAAK,MAAMpB,GACrBsB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,KAAKvB;AAAA,UACL,OAAOoB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,eAGHnB,MAAiB,QAAW;AAErC,cAAMuB,IAAiB,OAAO;AAC9B,QAAAF,IAAcF,EAAK,SAASI,IAAiBvB,GACzCqB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,QAAQtB;AAAA,UACR,OAAOmB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,MAGd;AAEA,MAAIE,MAAgBhB,MAClBC,EAAWe,CAAW,GACtBnB,IAAWmB,CAAW,IAGpBA,KACFZ,EAAoB;AAAA,QAClB,OAAOW,EAAY;AAAA,QACnB,QAAQA,EAAY;AAAA,MAAA,CACrB,GACDT,EAAcW,CAAa,MAE3Bb,EAAoB,CAAA,CAAE,GACtBE,EAAc,CAAA,CAAE;AAAA,IAEpB;AAEA,WAAAM,EAAa,iBAAiB,UAAUC,CAAY,GACpD,OAAO,iBAAiB,UAAUA,CAAY,GAC9CA,EAAA,GAEO,MAAM;AACX,MAAAD,EAAa,oBAAoB,UAAUC,CAAY,GACvD,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAACH,GAAiBhB,GAAWC,GAAcK,GAASH,CAAQ,CAAC,GAG5Da,sBASC,OAAA,EAAI,WAAAZ,GAAsB,OARY;AAAA,IACvC,UAAU;AAAA,IACV,KAAKJ;AAAA,IACL,QAAQC;AAAA,IACR,QAAQ;AAAA,EAAA,GAIwC,GAAGI,GAChD,UAAAN,GACH,IAMF,gBAAA0B,EAAC,OAAA,EAAI,KAAKZ,GAAY,WAAAT,GAAsB,cAAYE,IAAU,YAAY,UAAW,GAAGD,GACzF,UAAA;AAAA,IAAAC,KAAW,gBAAAoB,EAAC,OAAA,EAAI,OAAOjB,EAAA,CAAkB;AAAA,sBACzC,OAAA,EAAI,KAAKM,GAAY,OAAOJ,GAC1B,UAAAZ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Alert.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    type?: 'info' | 'success' | 'warning' | 'error';
+    outline?: boolean;
+    dash?: boolean;
+    soft?: boolean;
+    vertical?: boolean;
+}
+export declare const Alert: React.FC<AlertProps>;

package/dist/components/Alert.js

@@ -0,0 +1,31 @@
+import { jsx as d } from "react/jsx-runtime";
+const i = "d-alert", f = "d-alert-info", A = "d-alert-success", u = "d-alert-warning", g = "d-alert-error", m = "d-alert-outline", p = "d-alert-dash", h = "d-alert-soft", j = "d-alert-vertical", x = ({
+  children: t,
+  className: r = "",
+  type: e,
+  outline: s = !1,
+  dash: l = !1,
+  soft: o = !1,
+  vertical: a = !1,
+  ...n
+}) => {
+  const c = [
+    i,
+    e && {
+      info: f,
+      success: A,
+      warning: u,
+      error: g
+    }[e],
+    s && m,
+    l && p,
+    o && h,
+    a && j,
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("div", { role: "alert", className: c, ...n, children: t });
+};
+export {
+  x as Alert
+};
+//# sourceMappingURL=Alert.js.map

package/dist/components/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAlert = 'd-alert'\nconst dAlertInfo = 'd-alert-info'\nconst dAlertSuccess = 'd-alert-success'\nconst dAlertWarning = 'd-alert-warning'\nconst dAlertError = 'd-alert-error'\nconst dAlertOutline = 'd-alert-outline'\nconst dAlertDash = 'd-alert-dash'\nconst dAlertSoft = 'd-alert-soft'\nconst dAlertVertical = 'd-alert-vertical'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  type?: 'info' | 'success' | 'warning' | 'error'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  vertical?: boolean\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  className = '',\n  type,\n  outline = false,\n  dash = false,\n  soft = false,\n  vertical = false,\n  ...rest\n}) => {\n  const typeClasses = {\n    info: dAlertInfo,\n    success: dAlertSuccess,\n    warning: dAlertWarning,\n    error: dAlertError,\n  }\n\n  const classes = [\n    dAlert,\n    type && typeClasses[type],\n    outline && dAlertOutline,\n    dash && dAlertDash,\n    soft && dAlertSoft,\n    vertical && dAlertVertical,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div role=\"alert\" className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dAlert","dAlertInfo","dAlertSuccess","dAlertWarning","dAlertError","dAlertOutline","dAlertDash","dAlertSoft","dAlertVertical","Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAGA,MAAMA,IAAS,WACTC,IAAa,gBACbC,IAAgB,mBAChBC,IAAgB,mBAChBC,IAAc,iBACdC,IAAgB,mBAChBC,IAAa,gBACbC,IAAa,gBACbC,IAAiB,oBAWVC,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACdlB;AAAA,IACAY,KATkB;AAAA,MAClB,MAAMX;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,EAKaQ,CAAI;AAAA,IACxBC,KAAWR;AAAA,IACXS,KAAQR;AAAA,IACRS,KAAQR;AAAA,IACRS,KAAYR;AAAA,IACZG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}

package/dist/components/Anchor.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+export interface AnchorLinkItem {
+    /** Target element id (without #) */
+    href: string;
+    /** Link title */
+    title: React.ReactNode;
+    /** Nested links */
+    children?: AnchorLinkItem[];
+}
+export interface AnchorProps {
+    /** Anchor links (alternative to Anchor.Link children) */
+    items?: AnchorLinkItem[];
+    /** Layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Offset from top when calculating scroll position */
+    offsetTop?: number;
+    /** Bounding distance of anchor area */
+    bounds?: number;
+    /** Target scroll container (default: window) */
+    getContainer?: () => HTMLElement | Window;
+    /** Customize the anchor highlight */
+    getCurrentAnchor?: (activeLink: string) => string;
+    /** Callback when active link changes */
+    onChange?: (activeLink: string) => void;
+    /** Callback when link is clicked */
+    onClick?: (e: React.MouseEvent, link: {
+        href: string;
+        title: React.ReactNode;
+    }) => void;
+    /** Currently active link (controlled) */
+    activeLink?: string;
+    /** Whether to fix the anchor when scrolling */
+    affix?: boolean;
+    /** Pixels to offset from top when affix is true */
+    affixOffsetTop?: number;
+    /** Replace history instead of push */
+    replace?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Anchor.Link children */
+    children?: React.ReactNode;
+}
+export interface AnchorLinkProps {
+    /** Target element id (without #) */
+    href: string;
+    /** Link title */
+    title: React.ReactNode;
+    /** Nested links */
+    children?: React.ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+export declare const Anchor: React.FC<AnchorProps> & {
+    Link: React.FC<AnchorLinkProps>;
+};

package/dist/components/Anchor.js

@@ -0,0 +1,116 @@
+import { jsx as a, jsxs as W } from "react/jsx-runtime";
+import { useState as C, useRef as V, useCallback as $, useEffect as E, createContext as X, useContext as Z } from "react";
+const _ = "d-text-primary", O = "d-border-primary", tt = "d-text-base-content", et = "d-hover:text-base-content", nt = "d-hover:border-base-content", ot = "d-bg-base-100", R = X(null), rt = () => {
+  const o = Z(R);
+  if (!o)
+    throw new Error("Anchor.Link must be used within an Anchor");
+  return o;
+}, Y = ({
+  href: o,
+  title: h,
+  children: r,
+  className: x = ""
+}) => {
+  const { activeLink: c, direction: f, registerLink: l, unregisterLink: w, handleClick: k } = rt();
+  E(() => (l(o), () => w(o)), [o, l, w]);
+  const v = c === o, d = f === "vertical";
+  return /* @__PURE__ */ W("div", { className: d ? "" : "inline-block", children: [
+    /* @__PURE__ */ a(
+      "a",
+      {
+        href: `#${o}`,
+        onClick: (b) => k(b, o, h),
+        className: `
+          block text-sm transition-colors
+          ${d ? "py-1 pl-3 border-l-2" : "px-3 py-1 border-b-2"}
+          ${v ? `${_} ${O} font-medium` : `${tt}/70 border-transparent ${et} ${nt}/30`}
+          ${x}
+        `.trim(),
+        children: h
+      }
+    ),
+    r && /* @__PURE__ */ a("div", { className: d ? "pl-3" : "inline-flex", children: r })
+  ] });
+}, ct = ({
+  items: o,
+  direction: h = "vertical",
+  offsetTop: r = 0,
+  bounds: x = 5,
+  getContainer: c,
+  getCurrentAnchor: f,
+  onChange: l,
+  onClick: w,
+  activeLink: k,
+  affix: v = !1,
+  affixOffsetTop: d = 0,
+  replace: b = !1,
+  className: D = "",
+  children: q
+}) => {
+  const [F, T] = C(""), [i, H] = C([]), [m, G] = C(!1), p = V(null), A = V(null), g = k !== void 0, B = g ? k : F, J = f ? f(B) : B, K = $((e) => {
+    H((t) => t.includes(e) ? t : [...t, e]);
+  }, []), M = $((e) => {
+    H((t) => t.filter((n) => n !== e));
+  }, []), N = $((e) => {
+    const t = document.getElementById(e);
+    if (t) {
+      const n = c?.() ?? window, s = t.getBoundingClientRect().top, u = n === window ? 0 : n.getBoundingClientRect().top, y = n === window ? window.scrollY : n.scrollTop, L = s - u + y - r;
+      n === window ? window.scrollTo({ top: L, behavior: "smooth" }) : n.scrollTo({ top: L, behavior: "smooth" }), b ? window.history.replaceState(null, "", `#${e}`) : window.history.pushState(null, "", `#${e}`);
+    }
+  }, [c, r, b]), Q = $((e, t, n) => {
+    e.preventDefault(), w?.(e, { href: t, title: n }), N(t), g || T(t), l?.(t);
+  }, [w, N, g, l]);
+  E(() => {
+    if (!v || !p.current) return;
+    const e = c?.() ?? window, t = () => {
+      if (!p.current || !A.current) return;
+      const n = A.current.getBoundingClientRect(), s = e === window ? 0 : e.getBoundingClientRect().top, u = n.top - s <= d;
+      u !== m && G(u);
+    };
+    return e.addEventListener("scroll", t, { passive: !0 }), t(), () => e.removeEventListener("scroll", t);
+  }, [v, d, c, m]), E(() => {
+    if (i.length === 0) return;
+    const e = c?.() ?? window, t = () => {
+      let n = "";
+      const s = e === window ? document.documentElement : e, u = e === window ? 0 : s.getBoundingClientRect().top, y = e === window ? window.scrollY : s.scrollTop, L = s.scrollHeight, U = e === window ? window.innerHeight : s.clientHeight;
+      if (y + U >= L - 10 && i.length > 0)
+        n = i[i.length - 1];
+      else {
+        for (const j of i) {
+          const z = document.getElementById(j);
+          z && z.getBoundingClientRect().top - u - r <= x && (n = j);
+        }
+        !n && i.length > 0 && (n = i[0]);
+      }
+      n && n !== B && (g || T(n), l?.(n));
+    };
+    return e.addEventListener("scroll", t, { passive: !0 }), t(), () => e.removeEventListener("scroll", t);
+  }, [i, c, r, x, B, g, l]);
+  const I = {
+    activeLink: J,
+    direction: h,
+    offsetTop: r,
+    registerLink: K,
+    unregisterLink: M,
+    handleClick: Q
+  }, S = (e) => e.map((t) => /* @__PURE__ */ a(Y, { href: t.href, title: t.title, children: t.children && S(t.children) }, t.href)), P = /* @__PURE__ */ a(
+    "nav",
+    {
+      ref: p,
+      className: `
+        ${h === "horizontal" ? "flex items-center" : "flex flex-col"}
+        ${m ? `fixed ${ot} shadow-sm z-10` : ""}
+        ${D}
+      `.trim(),
+      style: m ? { top: d } : void 0,
+      children: o ? S(o) : q
+    }
+  );
+  return v ? /* @__PURE__ */ a(R.Provider, { value: I, children: /* @__PURE__ */ a("div", { ref: A, style: m && p.current ? { height: p.current.offsetHeight } : void 0, children: P }) }) : /* @__PURE__ */ a(R.Provider, { value: I, children: P });
+}, ut = Object.assign(ct, {
+  Link: Y
+});
+export {
+  ut as Anchor
+};
+//# sourceMappingURL=Anchor.js.map

package/dist/components/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sources":["../../src/components/Anchor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, createContext, useContext, useRef } from 'react'\n\n// DaisyUI classes\nconst dTextPrimary = 'd-text-primary'\nconst dBorderPrimary = 'd-border-primary'\nconst dTextBaseContent = 'd-text-base-content'\nconst dHoverTextBaseContent = 'd-hover:text-base-content'\nconst dHoverBorderBaseContent = 'd-hover:border-base-content'\nconst dBgBase100 = 'd-bg-base-100'\n\nexport interface AnchorLinkItem {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: AnchorLinkItem[]\n}\n\nexport interface AnchorProps {\n  /** Anchor links (alternative to Anchor.Link children) */\n  items?: AnchorLinkItem[]\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical'\n  /** Offset from top when calculating scroll position */\n  offsetTop?: number\n  /** Bounding distance of anchor area */\n  bounds?: number\n  /** Target scroll container (default: window) */\n  getContainer?: () => HTMLElement | Window\n  /** Customize the anchor highlight */\n  getCurrentAnchor?: (activeLink: string) => string\n  /** Callback when active link changes */\n  onChange?: (activeLink: string) => void\n  /** Callback when link is clicked */\n  onClick?: (e: React.MouseEvent, link: { href: string; title: React.ReactNode }) => void\n  /** Currently active link (controlled) */\n  activeLink?: string\n  /** Whether to fix the anchor when scrolling */\n  affix?: boolean\n  /** Pixels to offset from top when affix is true */\n  affixOffsetTop?: number\n  /** Replace history instead of push */\n  replace?: boolean\n  /** Custom class name */\n  className?: string\n  /** Anchor.Link children */\n  children?: React.ReactNode\n}\n\nexport interface AnchorLinkProps {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: React.ReactNode\n  /** Custom class name */\n  className?: string\n}\n\ninterface AnchorContextValue {\n  activeLink: string\n  direction: 'horizontal' | 'vertical'\n  offsetTop: number\n  registerLink: (href: string) => void\n  unregisterLink: (href: string) => void\n  handleClick: (e: React.MouseEvent, href: string, title: React.ReactNode) => void\n}\n\nconst AnchorContext = createContext<AnchorContextValue | null>(null)\n\nconst useAnchorContext = () => {\n  const context = useContext(AnchorContext)\n  if (!context) {\n    throw new Error('Anchor.Link must be used within an Anchor')\n  }\n  return context\n}\n\nconst AnchorLink: React.FC<AnchorLinkProps> = ({\n  href,\n  title,\n  children,\n  className = '',\n}) => {\n  const { activeLink, direction, registerLink, unregisterLink, handleClick } = useAnchorContext()\n\n  useEffect(() => {\n    registerLink(href)\n    return () => unregisterLink(href)\n  }, [href, registerLink, unregisterLink])\n\n  const isActive = activeLink === href\n  const isVertical = direction === 'vertical'\n\n  return (\n    <div className={isVertical ? '' : 'inline-block'}>\n      <a\n        href={`#${href}`}\n        onClick={(e) => handleClick(e, href, title)}\n        className={`\n          block text-sm transition-colors\n          ${isVertical ? 'py-1 pl-3 border-l-2' : 'px-3 py-1 border-b-2'}\n          ${isActive\n            ? `${dTextPrimary} ${dBorderPrimary} font-medium`\n            : `${dTextBaseContent}/70 border-transparent ${dHoverTextBaseContent} ${dHoverBorderBaseContent}/30`\n          }\n          ${className}\n        `.trim()}\n      >\n        {title}\n      </a>\n      {children && (\n        <div className={isVertical ? 'pl-3' : 'inline-flex'}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst AnchorComponent: React.FC<AnchorProps> = ({\n  items,\n  direction = 'vertical',\n  offsetTop = 0,\n  bounds = 5,\n  getContainer,\n  getCurrentAnchor,\n  onChange,\n  onClick,\n  activeLink: controlledActiveLink,\n  affix = false,\n  affixOffsetTop = 0,\n  replace = false,\n  className = '',\n  children,\n}) => {\n  const [internalActiveLink, setInternalActiveLink] = useState('')\n  const [links, setLinks] = useState<string[]>([])\n  const [isAffixed, setIsAffixed] = useState(false)\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const placeholderRef = useRef<HTMLDivElement>(null)\n\n  const isControlled = controlledActiveLink !== undefined\n  const rawActiveLink = isControlled ? controlledActiveLink : internalActiveLink\n  const activeLink = getCurrentAnchor ? getCurrentAnchor(rawActiveLink) : rawActiveLink\n\n  const registerLink = useCallback((href: string) => {\n    setLinks((prev) => (prev.includes(href) ? prev : [...prev, href]))\n  }, [])\n\n  const unregisterLink = useCallback((href: string) => {\n    setLinks((prev) => prev.filter((link) => link !== href))\n  }, [])\n\n  const scrollToTarget = useCallback((href: string) => {\n    const target = document.getElementById(href)\n    if (target) {\n      const container = getContainer?.() ?? window\n      const targetTop = target.getBoundingClientRect().top\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n      const scrollTop = container === window\n        ? window.scrollY\n        : (container as HTMLElement).scrollTop\n\n      const top = targetTop - containerTop + scrollTop - offsetTop\n\n      if (container === window) {\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else {\n        (container as HTMLElement).scrollTo({ top, behavior: 'smooth' })\n      }\n\n      // Update URL hash\n      if (replace) {\n        window.history.replaceState(null, '', `#${href}`)\n      } else {\n        window.history.pushState(null, '', `#${href}`)\n      }\n    }\n  }, [getContainer, offsetTop, replace])\n\n  const handleClick = useCallback((\n    e: React.MouseEvent,\n    href: string,\n    title: React.ReactNode\n  ) => {\n    e.preventDefault()\n    onClick?.(e, { href, title })\n    scrollToTarget(href)\n\n    if (!isControlled) {\n      setInternalActiveLink(href)\n    }\n    onChange?.(href)\n  }, [onClick, scrollToTarget, isControlled, onChange])\n\n  // Affix logic\n  useEffect(() => {\n    if (!affix || !anchorRef.current) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      if (!anchorRef.current || !placeholderRef.current) return\n\n      const placeholderRect = placeholderRef.current.getBoundingClientRect()\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n\n      const shouldAffix = placeholderRect.top - containerTop <= affixOffsetTop\n\n      if (shouldAffix !== isAffixed) {\n        setIsAffixed(shouldAffix)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll()\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [affix, affixOffsetTop, getContainer, isAffixed])\n\n  // Scroll spy\n  useEffect(() => {\n    if (links.length === 0) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      let currentActive = ''\n      const containerEl = container === window ? document.documentElement : container as HTMLElement\n      const containerTop = container === window\n        ? 0\n        : containerEl.getBoundingClientRect().top\n\n      // Check if scrolled to near the bottom\n      const scrollTop = container === window ? window.scrollY : containerEl.scrollTop\n      const scrollHeight = containerEl.scrollHeight\n      const clientHeight = container === window ? window.innerHeight : containerEl.clientHeight\n      const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10\n\n      // If near bottom, use the last link\n      if (isNearBottom && links.length > 0) {\n        currentActive = links[links.length - 1]\n      } else {\n        // Find the last element that has scrolled past the top (standard scroll spy behavior)\n        for (const href of links) {\n          const element = document.getElementById(href)\n          if (element) {\n            const rect = element.getBoundingClientRect()\n            const distance = rect.top - containerTop - offsetTop\n\n            // If element's top is within bounds of the threshold, it's the current section\n            if (distance <= bounds) {\n              currentActive = href\n            }\n          }\n        }\n\n        // If nothing matched, use the first link\n        if (!currentActive && links.length > 0) {\n          currentActive = links[0]\n        }\n      }\n\n      if (currentActive && currentActive !== rawActiveLink) {\n        if (!isControlled) {\n          setInternalActiveLink(currentActive)\n        }\n        onChange?.(currentActive)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll() // Initial check\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [links, getContainer, offsetTop, bounds, rawActiveLink, isControlled, onChange])\n\n  const contextValue: AnchorContextValue = {\n    activeLink,\n    direction,\n    offsetTop,\n    registerLink,\n    unregisterLink,\n    handleClick,\n  }\n\n  const renderItems = (linkItems: AnchorLinkItem[]): React.ReactNode => {\n    return linkItems.map((item) => (\n      <AnchorLink key={item.href} href={item.href} title={item.title}>\n        {item.children && renderItems(item.children)}\n      </AnchorLink>\n    ))\n  }\n\n  const anchorContent = (\n    <nav\n      ref={anchorRef}\n      className={`\n        ${direction === 'horizontal' ? 'flex items-center' : 'flex flex-col'}\n        ${isAffixed ? `fixed ${dBgBase100} shadow-sm z-10` : ''}\n        ${className}\n      `.trim()}\n      style={isAffixed ? { top: affixOffsetTop } : undefined}\n    >\n      {items ? renderItems(items) : children}\n    </nav>\n  )\n\n  if (affix) {\n    return (\n      <AnchorContext.Provider value={contextValue}>\n        <div ref={placeholderRef} style={isAffixed && anchorRef.current ? { height: anchorRef.current.offsetHeight } : undefined}>\n          {anchorContent}\n        </div>\n      </AnchorContext.Provider>\n    )\n  }\n\n  return (\n    <AnchorContext.Provider value={contextValue}>\n      {anchorContent}\n    </AnchorContext.Provider>\n  )\n}\n\nexport const Anchor = Object.assign(AnchorComponent, {\n  Link: AnchorLink,\n})\n"],"names":["dTextPrimary","dBorderPrimary","dTextBaseContent","dHoverTextBaseContent","dHoverBorderBaseContent","dBgBase100","AnchorContext","createContext","useAnchorContext","context","useContext","AnchorLink","href","title","children","className","activeLink","direction","registerLink","unregisterLink","handleClick","useEffect","isActive","isVertical","jsxs","jsx","e","AnchorComponent","items","offsetTop","bounds","getContainer","getCurrentAnchor","onChange","onClick","controlledActiveLink","affix","affixOffsetTop","replace","internalActiveLink","setInternalActiveLink","useState","links","setLinks","isAffixed","setIsAffixed","anchorRef","useRef","placeholderRef","isControlled","rawActiveLink","useCallback","prev","link","scrollToTarget","target","container","targetTop","containerTop","scrollTop","top","handleScroll","placeholderRect","shouldAffix","currentActive","containerEl","scrollHeight","clientHeight","element","contextValue","renderItems","linkItems","item","anchorContent","Anchor"],"mappings":"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"}

package/dist/components/Autocomplete.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface AutocompleteOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSelect?: (value: string, option: AutocompleteOption) => void;
+    onSearch?: (value: string) => void;
+    options: AutocompleteOption[] | string[];
+    placeholder?: string;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    /** Validation status */
+    status?: 'error' | 'warning';
+    allowCustomValue?: boolean;
+    filterOption?: (option: AutocompleteOption, inputValue: string) => boolean;
+    notFoundContent?: React.ReactNode;
+    /** Show clear button when input has value */
+    allowClear?: boolean | {
+        clearIcon?: React.ReactNode;
+    };
+    /** Callback when clear button is clicked */
+    onClear?: () => void;
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Activate first option by default */
+    defaultActiveFirstOption?: boolean;
+}
+export declare const Autocomplete: React.FC<AutocompleteProps>;

package/dist/components/Autocomplete.js

@@ -0,0 +1,186 @@
+import { jsxs as M, jsx as o } from "react/jsx-runtime";
+import { useId as ie, useState as k, useRef as O, useEffect as z } from "react";
+import { useConfig as ue } from "./ConfigProvider.js";
+const pe = "d-dropdown", fe = "d-dropdown-bottom", he = "d-dropdown-open", be = "d-dropdown-content", me = "d-menu", Ie = "d-input", ge = "d-input-xs", we = "d-input-sm", xe = "d-input-md", ye = "d-input-lg", ve = "d-input-xl", Ce = "d-input-neutral", ke = "d-input-primary", De = "d-input-secondary", Ne = "d-input-accent", $e = "d-input-info", je = "d-input-success", A = "d-input-warning", R = "d-input-error", Ee = ({ onClick: l, className: I }) => /* @__PURE__ */ o(
+  "button",
+  {
+    type: "button",
+    onClick: l,
+    className: `flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${I || ""}`,
+    "aria-label": "Clear input",
+    tabIndex: -1,
+    children: /* @__PURE__ */ o("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+  }
+), ze = ({
+  value: l,
+  defaultValue: I = "",
+  onChange: g,
+  onSelect: T,
+  onSearch: V,
+  options: K,
+  placeholder: P = "Type to search...",
+  disabled: p = !1,
+  size: U,
+  color: D,
+  status: w,
+  className: W = "",
+  allowCustomValue: N = !0,
+  filterOption: $,
+  notFoundContent: X = "No results found",
+  allowClear: f,
+  onClear: F,
+  open: j,
+  defaultOpen: H = !1,
+  onOpenChange: q,
+  defaultActiveFirstOption: x = !0,
+  ...G
+}) => {
+  const { componentSize: J } = ue(), Q = U ?? J ?? "md", y = ie(), Y = `${y}-input`, E = `${y}-listbox`, v = K.map(
+    (e) => typeof e == "string" ? { value: e, label: e } : e
+  ), [h, b] = k(I), [Z, _] = k(H), [t, r] = k(-1), m = O(null), d = O(null), S = j !== void 0, i = S ? j : Z, c = (e) => {
+    S || _(e), q?.(e);
+  };
+  z(() => {
+    if (l !== void 0) {
+      const e = v.find((n) => n.value === l);
+      b(e?.label || l);
+    }
+  }, [l, v]);
+  const ee = (e, n) => e.label.toLowerCase().includes(n.toLowerCase()), a = v.filter(
+    (e) => $ ? $(e, h) : ee(e, h)
+  ), u = a.filter((e) => !e.disabled), ne = (e) => {
+    const n = e.target.value;
+    b(n), c(!0), x && u.length > 0 ? r(0) : r(-1), V?.(n), N && g?.(n);
+  }, C = (e) => {
+    e.disabled || (b(e.label), c(!1), r(-1), g?.(e.value), T?.(e.value, e), m.current?.focus());
+  }, te = (e) => {
+    if (!i && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+      c(!0), x && u.length > 0 && r(0);
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), r((n) => {
+          for (let s = n + 1; s < a.length; s++)
+            if (!a[s].disabled) return s;
+          return n;
+        });
+        break;
+      case "ArrowUp":
+        e.preventDefault(), r((n) => {
+          for (let s = n - 1; s >= 0; s--)
+            if (!a[s].disabled) return s;
+          return n;
+        });
+        break;
+      case "Enter":
+        e.preventDefault(), t >= 0 && a[t] && !a[t].disabled ? C(a[t]) : !N && u.length > 0 && C(u[0]);
+        break;
+      case "Escape":
+        c(!1), r(-1), m.current?.blur();
+        break;
+    }
+  }, se = () => {
+    c(!0), x && u.length > 0 && r(0);
+  }, oe = (e) => {
+    d.current && d.current.contains(e.relatedTarget) || setTimeout(() => c(!1), 200);
+  }, re = (e) => {
+    e.stopPropagation(), b(""), g?.(""), F?.(), m.current?.focus();
+  }, ae = {
+    xs: ge,
+    sm: we,
+    md: xe,
+    lg: ye,
+    xl: ve
+  }, le = w ? {
+    error: R,
+    warning: A
+  }[w] : D ? {
+    neutral: Ce,
+    primary: ke,
+    secondary: De,
+    accent: Ne,
+    info: $e,
+    success: je,
+    warning: A,
+    error: R
+  }[D] : "";
+  z(() => {
+    t >= 0 && d.current && d.current.children[t]?.scrollIntoView({ block: "nearest" });
+  }, [t]);
+  const B = f && h && !p, ce = typeof f == "object" && f.clearIcon ? f.clearIcon : null, L = (e) => `${y}-option-${e}`, de = [
+    `${Ie} w-full`,
+    ae[Q],
+    le,
+    B && "pr-10"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      className: `${pe} ${fe} w-full ${i && !p ? he : ""} ${W}`,
+      "data-state": i ? "open" : "closed",
+      ...G,
+      children: [
+        /* @__PURE__ */ M("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: m,
+              id: Y,
+              type: "text",
+              role: "combobox",
+              "aria-expanded": i,
+              "aria-haspopup": "listbox",
+              "aria-controls": E,
+              "aria-autocomplete": "list",
+              "aria-activedescendant": t >= 0 ? L(t) : void 0,
+              "aria-invalid": w === "error" ? !0 : void 0,
+              value: h,
+              onChange: ne,
+              onKeyDown: te,
+              onFocus: se,
+              onBlur: oe,
+              placeholder: P,
+              disabled: p,
+              className: de
+            }
+          ),
+          B && /* @__PURE__ */ o("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 z-10", children: ce || /* @__PURE__ */ o(Ee, { onClick: re }) })
+        ] }),
+        i && !p && /* @__PURE__ */ o(
+          "ul",
+          {
+            ref: d,
+            id: E,
+            role: "listbox",
+            "aria-label": "Suggestions",
+            tabIndex: -1,
+            className: `${be} ${me} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`,
+            children: a.length > 0 ? a.map((e, n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+              "a",
+              {
+                id: L(n),
+                role: "option",
+                "aria-selected": t === n,
+                "aria-disabled": e.disabled,
+                onMouseDown: (s) => {
+                  s.preventDefault(), C(e);
+                },
+                onMouseEnter: () => !e.disabled && r(n),
+                className: [
+                  n === t && !e.disabled && "active",
+                  e.disabled && "disabled text-base-content/40 cursor-not-allowed"
+                ].filter(Boolean).join(" "),
+                children: e.label
+              }
+            ) }, e.value)) : /* @__PURE__ */ o("li", { className: "disabled", children: /* @__PURE__ */ o("span", { className: "text-base-content/60 text-center cursor-default", children: X }) })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ze as Autocomplete
+};
+//# sourceMappingURL=Autocomplete.js.map