asterui 0.12.2 → 0.12.3

package/dist/index103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.js","sources":["../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef, useEffect } from 'react'\n\n/**\n * Hook that returns the previous value of a variable.\n * Useful for comparing current and previous values in effects.\n *\n * @param value - Current value\n * @returns Previous value (undefined on first render)\n *\n * @example\n * const [count, setCount] = useState(0)\n * const prevCount = usePrevious(count)\n *\n * // prevCount is the value from previous render\n * console.log(`Changed from ${prevCount} to ${count}`)\n */\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":";AAgBO,SAASA,EAAeC,GAAyB;AACtD,QAAMC,IAAMC,EAAsB,MAAS;AAE3C,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,UAAUD;AAAA,EAChB,GAAG,CAACA,CAAK,CAAC,GAEHC,EAAI;AACb;"}
+{"version":3,"file":"index103.js","sources":["../src/hooks/useHover.ts"],"sourcesContent":["import { useState, useRef, useEffect, type RefObject } from 'react'\n\nexport interface UseHoverReturn<T extends HTMLElement> {\n  ref: RefObject<T | null>\n  isHovered: boolean\n}\n\n/**\n * Hook that tracks hover state of an element.\n *\n * @returns Object with ref and isHovered state\n *\n * @example\n * const { ref, isHovered } = useHover<HTMLDivElement>()\n *\n * <div ref={ref} className={isHovered ? 'bg-blue-500' : 'bg-gray-500'}>\n *   Hover me!\n * </div>\n */\nexport function useHover<T extends HTMLElement = HTMLElement>(): UseHoverReturn<T> {\n  const [isHovered, setIsHovered] = useState(false)\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const node = ref.current\n    if (!node) return\n\n    const handleMouseEnter = () => setIsHovered(true)\n    const handleMouseLeave = () => setIsHovered(false)\n\n    node.addEventListener('mouseenter', handleMouseEnter)\n    node.addEventListener('mouseleave', handleMouseLeave)\n\n    return () => {\n      node.removeEventListener('mouseenter', handleMouseEnter)\n      node.removeEventListener('mouseleave', handleMouseLeave)\n    }\n  }, [])\n\n  return { ref, isHovered }\n}\n"],"names":["useHover","isHovered","setIsHovered","useState","ref","useRef","useEffect","node","handleMouseEnter","handleMouseLeave"],"mappings":";AAmBO,SAASA,IAAmE;AACjF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAOH,EAAI;AACjB,QAAI,CAACG,EAAM;AAEX,UAAMC,IAAmB,MAAMN,EAAa,EAAI,GAC1CO,IAAmB,MAAMP,EAAa,EAAK;AAEjD,WAAAK,EAAK,iBAAiB,cAAcC,CAAgB,GACpDD,EAAK,iBAAiB,cAAcE,CAAgB,GAE7C,MAAM;AACX,MAAAF,EAAK,oBAAoB,cAAcC,CAAgB,GACvDD,EAAK,oBAAoB,cAAcE,CAAgB;AAAA,IACzD;AAAA,EACF,GAAG,CAAA,CAAE,GAEE,EAAE,KAAAL,GAAK,WAAAH,EAAA;AAChB;"}

package/dist/index104.js

@@ -1,16 +1,34 @@
-import { useState as u, useRef as v, useEffect as a } from "react";
-function f() {
-  const [o, t] = u(!1), n = v(null);
-  return a(() => {
-    const e = n.current;
-    if (!e) return;
-    const r = () => t(!0), s = () => t(!1);
-    return e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
-      e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
+import { useState as v, useCallback as i, useEffect as l } from "react";
+function c(n, f = {}) {
+  const { target: u, event: o = "keydown", preventDefault: r = !1 } = f, [a, d] = v(!1), t = i(
+    (e) => {
+      e.key === n && (r && e.preventDefault(), d(!0));
+    },
+    [n, r]
+  ), s = i(
+    (e) => {
+      e.key === n && d(!1);
+    },
+    [n]
+  );
+  return l(() => {
+    const e = u ?? window;
+    return o === "keydown" ? (e.addEventListener("keydown", t), e.addEventListener("keyup", s)) : e.addEventListener("keyup", t), () => {
+      e.removeEventListener("keydown", t), e.removeEventListener("keyup", s);
     };
-  }, []), { ref: n, isHovered: o };
+  }, [u, o, t, s]), a;
+}
+function y(n, f, u = {}) {
+  const { target: o, event: r = "keydown", preventDefault: a = !1 } = u;
+  l(() => {
+    const d = o ?? window, t = (s) => {
+      s.key === n && (a && s.preventDefault(), f(s));
+    };
+    return d.addEventListener(r, t), () => d.removeEventListener(r, t);
+  }, [o, n, f, r, a]);
 }
 export {
-  f as useHover
+  c as useKeyPress,
+  y as useKeyPressCallback
 };
 //# sourceMappingURL=index104.js.map

package/dist/index104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index104.js","sources":["../src/hooks/useHover.ts"],"sourcesContent":["import { useState, useRef, useEffect, type RefObject } from 'react'\n\nexport interface UseHoverReturn<T extends HTMLElement> {\n  ref: RefObject<T | null>\n  isHovered: boolean\n}\n\n/**\n * Hook that tracks hover state of an element.\n *\n * @returns Object with ref and isHovered state\n *\n * @example\n * const { ref, isHovered } = useHover<HTMLDivElement>()\n *\n * <div ref={ref} className={isHovered ? 'bg-blue-500' : 'bg-gray-500'}>\n *   Hover me!\n * </div>\n */\nexport function useHover<T extends HTMLElement = HTMLElement>(): UseHoverReturn<T> {\n  const [isHovered, setIsHovered] = useState(false)\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const node = ref.current\n    if (!node) return\n\n    const handleMouseEnter = () => setIsHovered(true)\n    const handleMouseLeave = () => setIsHovered(false)\n\n    node.addEventListener('mouseenter', handleMouseEnter)\n    node.addEventListener('mouseleave', handleMouseLeave)\n\n    return () => {\n      node.removeEventListener('mouseenter', handleMouseEnter)\n      node.removeEventListener('mouseleave', handleMouseLeave)\n    }\n  }, [])\n\n  return { ref, isHovered }\n}\n"],"names":["useHover","isHovered","setIsHovered","useState","ref","useRef","useEffect","node","handleMouseEnter","handleMouseLeave"],"mappings":";AAmBO,SAASA,IAAmE;AACjF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAOH,EAAI;AACjB,QAAI,CAACG,EAAM;AAEX,UAAMC,IAAmB,MAAMN,EAAa,EAAI,GAC1CO,IAAmB,MAAMP,EAAa,EAAK;AAEjD,WAAAK,EAAK,iBAAiB,cAAcC,CAAgB,GACpDD,EAAK,iBAAiB,cAAcE,CAAgB,GAE7C,MAAM;AACX,MAAAF,EAAK,oBAAoB,cAAcC,CAAgB,GACvDD,EAAK,oBAAoB,cAAcE,CAAgB;AAAA,IACzD;AAAA,EACF,GAAG,CAAA,CAAE,GAEE,EAAE,KAAAL,GAAK,WAAAH,EAAA;AAChB;"}
+{"version":3,"file":"index104.js","sources":["../src/hooks/useKeyPress.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\n\nexport interface UseKeyPressOptions {\n  /** Target element (default: window) */\n  target?: HTMLElement | Window | null\n  /** Event type: 'keydown' | 'keyup' (default: 'keydown') */\n  event?: 'keydown' | 'keyup'\n  /** Prevent default browser behavior */\n  preventDefault?: boolean\n}\n\n/**\n * Hook that detects when a specific key is pressed.\n *\n * @param targetKey - Key to detect (e.g., 'Enter', 'Escape', 'a')\n * @param options - Configuration options\n * @returns Whether the key is currently pressed\n *\n * @example\n * const enterPressed = useKeyPress('Enter')\n * const escapePressed = useKeyPress('Escape')\n *\n * useEffect(() => {\n *   if (escapePressed) closeModal()\n * }, [escapePressed])\n *\n * @example\n * // With callback for immediate action\n * useKeyPress('Escape', { preventDefault: true })\n */\nexport function useKeyPress(\n  targetKey: string,\n  options: UseKeyPressOptions = {}\n): boolean {\n  const { target, event = 'keydown', preventDefault = false } = options\n  const [keyPressed, setKeyPressed] = useState(false)\n\n  const downHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        setKeyPressed(true)\n      }\n    },\n    [targetKey, preventDefault]\n  )\n\n  const upHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        setKeyPressed(false)\n      }\n    },\n    [targetKey]\n  )\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    if (event === 'keydown') {\n      targetElement.addEventListener('keydown', downHandler as EventListener)\n      targetElement.addEventListener('keyup', upHandler as EventListener)\n    } else {\n      targetElement.addEventListener('keyup', downHandler as EventListener)\n    }\n\n    return () => {\n      targetElement.removeEventListener('keydown', downHandler as EventListener)\n      targetElement.removeEventListener('keyup', upHandler as EventListener)\n    }\n  }, [target, event, downHandler, upHandler])\n\n  return keyPressed\n}\n\n/**\n * Hook that calls a callback when a specific key is pressed.\n *\n * @param targetKey - Key to detect\n * @param callback - Function to call when key is pressed\n * @param options - Configuration options\n *\n * @example\n * useKeyPressCallback('Escape', () => closeModal())\n * useKeyPressCallback('Enter', () => submitForm(), { preventDefault: true })\n */\nexport function useKeyPressCallback(\n  targetKey: string,\n  callback: (event: KeyboardEvent) => void,\n  options: UseKeyPressOptions = {}\n): void {\n  const { target, event = 'keydown', preventDefault = false } = options\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        callback(e)\n      }\n    }\n\n    targetElement.addEventListener(event, handler as EventListener)\n    return () => targetElement.removeEventListener(event, handler as EventListener)\n  }, [target, targetKey, callback, event, preventDefault])\n}\n"],"names":["useKeyPress","targetKey","options","target","event","preventDefault","keyPressed","setKeyPressed","useState","downHandler","useCallback","upHandler","useEffect","targetElement","useKeyPressCallback","callback","handler","e"],"mappings":";AA8BO,SAASA,EACdC,GACAC,IAA8B,IACrB;AACT,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH,GACxD,CAACI,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5CC,IAAcC;AAAA,IAClB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,MACRI,OAAkB,eAAA,GACtBE,EAAc,EAAI;AAAA,IAEtB;AAAA,IACA,CAACN,GAAWI,CAAc;AAAA,EAAA,GAGtBM,IAAYD;AAAA,IAChB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,KACZM,EAAc,EAAK;AAAA,IAEvB;AAAA,IACA,CAACN,CAAS;AAAA,EAAA;AAGZ,SAAAW,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU;AAEhC,WAAIC,MAAU,aACZS,EAAc,iBAAiB,WAAWJ,CAA4B,GACtEI,EAAc,iBAAiB,SAASF,CAA0B,KAElEE,EAAc,iBAAiB,SAASJ,CAA4B,GAG/D,MAAM;AACX,MAAAI,EAAc,oBAAoB,WAAWJ,CAA4B,GACzEI,EAAc,oBAAoB,SAASF,CAA0B;AAAA,IACvE;AAAA,EACF,GAAG,CAACR,GAAQC,GAAOK,GAAaE,CAAS,CAAC,GAEnCL;AACT;AAaO,SAASQ,EACdb,GACAc,GACAb,IAA8B,CAAA,GACxB;AACN,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH;AAE9D,EAAAU,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU,QAE1Ba,IAAU,CAACC,MAAqB;AACpC,MAAIA,EAAE,QAAQhB,MACRI,OAAkB,eAAA,GACtBU,EAASE,CAAC;AAAA,IAEd;AAEA,WAAAJ,EAAc,iBAAiBT,GAAOY,CAAwB,GACvD,MAAMH,EAAc,oBAAoBT,GAAOY,CAAwB;AAAA,EAChF,GAAG,CAACb,GAAQF,GAAWc,GAAUX,GAAOC,CAAc,CAAC;AACzD;"}

package/dist/index105.js

@@ -1,34 +1,21 @@
-import { useState as v, useCallback as i, useEffect as l } from "react";
-function c(n, f = {}) {
-  const { target: u, event: o = "keydown", preventDefault: r = !1 } = f, [a, d] = v(!1), t = i(
-    (e) => {
-      e.key === n && (r && e.preventDefault(), d(!0));
-    },
-    [n, r]
-  ), s = i(
-    (e) => {
-      e.key === n && d(!1);
-    },
-    [n]
-  );
-  return l(() => {
-    const e = u ?? window;
-    return o === "keydown" ? (e.addEventListener("keydown", t), e.addEventListener("keyup", s)) : e.addEventListener("keyup", t), () => {
-      e.removeEventListener("keydown", t), e.removeEventListener("keyup", s);
+import { useState as t, useEffect as d } from "react";
+function r() {
+  const [i, n] = t(() => typeof window > "u" ? { width: 0, height: 0 } : {
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  return d(() => {
+    if (typeof window > "u") return;
+    const e = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
     };
-  }, [u, o, t, s]), a;
-}
-function y(n, f, u = {}) {
-  const { target: o, event: r = "keydown", preventDefault: a = !1 } = u;
-  l(() => {
-    const d = o ?? window, t = (s) => {
-      s.key === n && (a && s.preventDefault(), f(s));
-    };
-    return d.addEventListener(r, t), () => d.removeEventListener(r, t);
-  }, [o, n, f, r, a]);
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []), i;
 }
 export {
-  c as useKeyPress,
-  y as useKeyPressCallback
+  r as useWindowSize
 };
 //# sourceMappingURL=index105.js.map

package/dist/index105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index105.js","sources":["../src/hooks/useKeyPress.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\n\nexport interface UseKeyPressOptions {\n  /** Target element (default: window) */\n  target?: HTMLElement | Window | null\n  /** Event type: 'keydown' | 'keyup' (default: 'keydown') */\n  event?: 'keydown' | 'keyup'\n  /** Prevent default browser behavior */\n  preventDefault?: boolean\n}\n\n/**\n * Hook that detects when a specific key is pressed.\n *\n * @param targetKey - Key to detect (e.g., 'Enter', 'Escape', 'a')\n * @param options - Configuration options\n * @returns Whether the key is currently pressed\n *\n * @example\n * const enterPressed = useKeyPress('Enter')\n * const escapePressed = useKeyPress('Escape')\n *\n * useEffect(() => {\n *   if (escapePressed) closeModal()\n * }, [escapePressed])\n *\n * @example\n * // With callback for immediate action\n * useKeyPress('Escape', { preventDefault: true })\n */\nexport function useKeyPress(\n  targetKey: string,\n  options: UseKeyPressOptions = {}\n): boolean {\n  const { target, event = 'keydown', preventDefault = false } = options\n  const [keyPressed, setKeyPressed] = useState(false)\n\n  const downHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        setKeyPressed(true)\n      }\n    },\n    [targetKey, preventDefault]\n  )\n\n  const upHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        setKeyPressed(false)\n      }\n    },\n    [targetKey]\n  )\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    if (event === 'keydown') {\n      targetElement.addEventListener('keydown', downHandler as EventListener)\n      targetElement.addEventListener('keyup', upHandler as EventListener)\n    } else {\n      targetElement.addEventListener('keyup', downHandler as EventListener)\n    }\n\n    return () => {\n      targetElement.removeEventListener('keydown', downHandler as EventListener)\n      targetElement.removeEventListener('keyup', upHandler as EventListener)\n    }\n  }, [target, event, downHandler, upHandler])\n\n  return keyPressed\n}\n\n/**\n * Hook that calls a callback when a specific key is pressed.\n *\n * @param targetKey - Key to detect\n * @param callback - Function to call when key is pressed\n * @param options - Configuration options\n *\n * @example\n * useKeyPressCallback('Escape', () => closeModal())\n * useKeyPressCallback('Enter', () => submitForm(), { preventDefault: true })\n */\nexport function useKeyPressCallback(\n  targetKey: string,\n  callback: (event: KeyboardEvent) => void,\n  options: UseKeyPressOptions = {}\n): void {\n  const { target, event = 'keydown', preventDefault = false } = options\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        callback(e)\n      }\n    }\n\n    targetElement.addEventListener(event, handler as EventListener)\n    return () => targetElement.removeEventListener(event, handler as EventListener)\n  }, [target, targetKey, callback, event, preventDefault])\n}\n"],"names":["useKeyPress","targetKey","options","target","event","preventDefault","keyPressed","setKeyPressed","useState","downHandler","useCallback","upHandler","useEffect","targetElement","useKeyPressCallback","callback","handler","e"],"mappings":";AA8BO,SAASA,EACdC,GACAC,IAA8B,IACrB;AACT,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH,GACxD,CAACI,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5CC,IAAcC;AAAA,IAClB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,MACRI,OAAkB,eAAA,GACtBE,EAAc,EAAI;AAAA,IAEtB;AAAA,IACA,CAACN,GAAWI,CAAc;AAAA,EAAA,GAGtBM,IAAYD;AAAA,IAChB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,KACZM,EAAc,EAAK;AAAA,IAEvB;AAAA,IACA,CAACN,CAAS;AAAA,EAAA;AAGZ,SAAAW,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU;AAEhC,WAAIC,MAAU,aACZS,EAAc,iBAAiB,WAAWJ,CAA4B,GACtEI,EAAc,iBAAiB,SAASF,CAA0B,KAElEE,EAAc,iBAAiB,SAASJ,CAA4B,GAG/D,MAAM;AACX,MAAAI,EAAc,oBAAoB,WAAWJ,CAA4B,GACzEI,EAAc,oBAAoB,SAASF,CAA0B;AAAA,IACvE;AAAA,EACF,GAAG,CAACR,GAAQC,GAAOK,GAAaE,CAAS,CAAC,GAEnCL;AACT;AAaO,SAASQ,EACdb,GACAc,GACAb,IAA8B,CAAA,GACxB;AACN,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH;AAE9D,EAAAU,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU,QAE1Ba,IAAU,CAACC,MAAqB;AACpC,MAAIA,EAAE,QAAQhB,MACRI,OAAkB,eAAA,GACtBU,EAASE,CAAC;AAAA,IAEd;AAEA,WAAAJ,EAAc,iBAAiBT,GAAOY,CAAwB,GACvD,MAAMH,EAAc,oBAAoBT,GAAOY,CAAwB;AAAA,EAChF,GAAG,CAACb,GAAQF,GAAWc,GAAUX,GAAOC,CAAc,CAAC;AACzD;"}
+{"version":3,"file":"index105.js","sources":["../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport interface WindowSize {\n  width: number\n  height: number\n}\n\n/**\n * Hook that tracks window dimensions.\n * Updates on window resize.\n *\n * @returns Object with current width and height\n *\n * @example\n * const { width, height } = useWindowSize()\n *\n * return (\n *   <div>\n *     Window: {width} x {height}\n *     {width < 768 && <MobileNav />}\n *   </div>\n * )\n */\nexport function useWindowSize(): WindowSize {\n  const [windowSize, setWindowSize] = useState<WindowSize>(() => {\n    if (typeof window === 'undefined') {\n      return { width: 0, height: 0 }\n    }\n    return {\n      width: window.innerWidth,\n      height: window.innerHeight,\n    }\n  })\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      })\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  return windowSize\n}\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","useEffect","handleResize"],"mappings":";AAuBO,SAASA,IAA4B;AAC1C,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAqB,MACnD,OAAO,SAAW,MACb,EAAE,OAAO,GAAG,QAAQ,EAAA,IAEtB;AAAA,IACL,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,EAAA,CAElB;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,OAAO,SAAW,IAAa;AAEnC,UAAMC,IAAe,MAAM;AACzB,MAAAH,EAAc;AAAA,QACZ,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAChB;AAAA,IACH;AAEA,kBAAO,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAA,CAAE,GAEEJ;AACT;"}

package/dist/index13.js

@@ -1,38 +1,98 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { WeekCalendar as s, MonthCalendar as i } from "./index107.js";
-import { en as k, fr as u } from "./index107.js";
-/* empty css         */
-const n = o(
-  ({ children: a, className: e = "" }, l) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: l,
-      className: `calendar-daisyui ${e}`,
-      "data-testid": "calendar",
-      children: a
-    }
-  )
-);
-n.displayName = "CalendarWrapper";
-const d = ({
-  className: a = "",
-  ...e
-}) => /* @__PURE__ */ r(n, { className: a, children: /* @__PURE__ */ r(i, { ...e }) });
-d.displayName = "Calendar.Month";
-const t = ({
-  className: a = "",
-  ...e
-}) => /* @__PURE__ */ r(n, { className: a, children: /* @__PURE__ */ r(s, { ...e }) });
-t.displayName = "Calendar.Week";
-const f = {
-  Month: d,
-  Week: t
-};
+import { jsxs as e, jsx as s, Fragment as h } from "react/jsx-runtime";
+function g({ children: r, hoverable: a = !1, className: d = "", style: c, ...o }) {
+  const n = [
+    "p-6 border border-base-content/10",
+    a && "cursor-pointer hover:shadow-md transition-shadow",
+    d
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s("div", { className: n, style: c, ...o, children: r });
+}
+function j({
+  children: r,
+  title: a,
+  cover: d,
+  actions: c,
+  className: o = "",
+  style: n,
+  size: m,
+  bordered: v = !0,
+  side: w = !1,
+  imageFull: x = !1,
+  actionsJustify: t = "end",
+  loading: b = !1,
+  hoverable: k = !1,
+  avatar: l,
+  description: i,
+  ...f
+}) {
+  const N = [
+    "card",
+    "bg-base-100",
+    m && {
+      xs: "card-xs",
+      sm: "card-sm",
+      md: "card-md",
+      lg: "card-lg",
+      xl: "card-xl"
+    }[m],
+    v && "border border-base-content/10 shadow-sm",
+    w && "card-side",
+    x && "image-full",
+    k && "transition-shadow hover:shadow-lg cursor-pointer",
+    o
+  ].filter(Boolean).join(" "), u = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end"
+  };
+  return b ? /* @__PURE__ */ e("div", { className: N, style: n, ...f, children: [
+    d && /* @__PURE__ */ s("figure", { children: /* @__PURE__ */ s("div", { className: "skeleton h-48 w-full rounded-none" }) }),
+    /* @__PURE__ */ e("div", { className: "card-body", children: [
+      (l || a) && /* @__PURE__ */ e("div", { className: "flex gap-4 mb-4", children: [
+        l && /* @__PURE__ */ s("div", { className: "skeleton w-12 h-12 rounded-full flex-shrink-0" }),
+        /* @__PURE__ */ e("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ s("div", { className: "skeleton h-6 w-2/3" }),
+          i && /* @__PURE__ */ s("div", { className: "skeleton h-4 w-full" })
+        ] })
+      ] }),
+      !l && !a && /* @__PURE__ */ e(h, { children: [
+        /* @__PURE__ */ s("div", { className: "skeleton h-6 w-2/3 mb-4" }),
+        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ s("div", { className: "skeleton h-4 w-full" }),
+          /* @__PURE__ */ s("div", { className: "skeleton h-4 w-5/6" }),
+          /* @__PURE__ */ s("div", { className: "skeleton h-4 w-4/6" })
+        ] })
+      ] }),
+      c && /* @__PURE__ */ e("div", { className: `card-actions ${u[t]} mt-4`, children: [
+        /* @__PURE__ */ s("div", { className: "skeleton h-10 w-20" }),
+        /* @__PURE__ */ s("div", { className: "skeleton h-10 w-20" })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ e("div", { className: N, style: n, ...f, children: [
+    d && /* @__PURE__ */ s("figure", { children: d }),
+    /* @__PURE__ */ e("div", { className: "card-body", children: [
+      l || a && i ? /* @__PURE__ */ e(h, { children: [
+        /* @__PURE__ */ e("div", { className: "flex gap-4", children: [
+          l && /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: l }),
+          /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: [
+            a && /* @__PURE__ */ s("h2", { className: "card-title", children: a }),
+            i && /* @__PURE__ */ s("p", { className: "text-sm opacity-70 mt-1", children: i })
+          ] })
+        ] }),
+        r
+      ] }) : /* @__PURE__ */ e(h, { children: [
+        a && /* @__PURE__ */ s("h2", { className: "card-title", children: a }),
+        r
+      ] }),
+      c && /* @__PURE__ */ s("div", { className: `card-actions ${u[t]}`, children: c })
+    ] })
+  ] });
+}
+const B = Object.assign(j, {
+  Grid: g
+});
 export {
-  f as Calendar,
-  f as default,
-  k as en,
-  u as fr
+  B as Card,
+  B as default
 };
 //# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":["../src/components/Calendar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport {\n  MonthCalendar as BaseMonthCalendar,\n  WeekCalendar as BaseWeekCalendar,\n  en,\n  fr,\n} from '@vinctus/calendar'\nimport type {\n  MonthCalendarProps as BaseMonthCalendarProps,\n  WeekCalendarProps as BaseWeekCalendarProps,\n  CalendarEvent,\n  CalendarLocale,\n} from '@vinctus/calendar'\nimport '@vinctus/calendar/dist/index.css'\n\n// Re-export types and locales\nexport type { CalendarEvent, CalendarLocale }\nexport { en, fr }\n\nexport interface MonthCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<BaseMonthCalendarProps<T>, 'theme'> {\n  className?: string\n}\n\nexport interface WeekCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<BaseWeekCalendarProps<T>, 'theme'> {\n  className?: string\n}\n\ninterface CalendarWrapperProps {\n  children: React.ReactNode\n  className?: string\n}\n\nconst CalendarWrapper = forwardRef<HTMLDivElement, CalendarWrapperProps>(\n  ({ children, className = '' }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={`calendar-daisyui ${className}`}\n        data-testid=\"calendar\"\n      >\n        {children}\n      </div>\n    )\n  }\n)\nCalendarWrapper.displayName = 'CalendarWrapper'\n\nconst MonthCalendar = <T extends CalendarEvent = CalendarEvent>({\n  className = '',\n  ...props\n}: MonthCalendarProps<T>) => {\n  return (\n    <CalendarWrapper className={className}>\n      <BaseMonthCalendar {...props} />\n    </CalendarWrapper>\n  )\n}\nMonthCalendar.displayName = 'Calendar.Month'\n\nconst WeekCalendar = <T extends CalendarEvent = CalendarEvent>({\n  className = '',\n  ...props\n}: WeekCalendarProps<T>) => {\n  return (\n    <CalendarWrapper className={className}>\n      <BaseWeekCalendar {...props} />\n    </CalendarWrapper>\n  )\n}\nWeekCalendar.displayName = 'Calendar.Week'\n\ninterface CalendarComponent {\n  Month: typeof MonthCalendar\n  Week: typeof WeekCalendar\n}\n\nexport const Calendar: CalendarComponent = {\n  Month: MonthCalendar,\n  Week: WeekCalendar,\n}\n\nexport default Calendar\n"],"names":["CalendarWrapper","forwardRef","children","className","ref","jsx","MonthCalendar","props","BaseMonthCalendar","WeekCalendar","BaseWeekCalendar","Calendar"],"mappings":";;;;;AAkCA,MAAMA,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAY,GAAA,GAAMC,MAE3B,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAW,oBAAoBD,CAAS;AAAA,MACxC,eAAY;AAAA,MAEX,UAAAD;AAAA,IAAA;AAAA,EAAA;AAIT;AACAF,EAAgB,cAAc;AAE9B,MAAMM,IAAgB,CAA0C;AAAA,EAC9D,WAAAH,IAAY;AAAA,EACZ,GAAGI;AACL,wBAEKP,GAAA,EAAgB,WAAAG,GACf,4BAACK,GAAA,EAAmB,GAAGD,GAAO,GAChC;AAGJD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAA0C;AAAA,EAC7D,WAAAN,IAAY;AAAA,EACZ,GAAGI;AACL,wBAEKP,GAAA,EAAgB,WAAAG,GACf,4BAACO,GAAA,EAAkB,GAAGH,GAAO,GAC/B;AAGJE,EAAa,cAAc;AAOpB,MAAME,IAA8B;AAAA,EACzC,OAAOL;AAAA,EACP,MAAMG;AACR;"}
+{"version":3,"file":"index13.js","sources":["../src/components/Card.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  cover?: React.ReactNode\n  actions?: React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  bordered?: boolean\n  side?: boolean\n  imageFull?: boolean\n  actionsJustify?: 'start' | 'center' | 'end'\n  loading?: boolean\n  hoverable?: boolean\n  // Meta props for avatar + description layout\n  avatar?: React.ReactNode\n  description?: React.ReactNode\n}\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  hoverable?: boolean\n}\n\nfunction CardGrid({ children, hoverable = false, className = '', style, ...rest }: CardGridProps) {\n  const classes = [\n    'p-6 border border-base-content/10',\n    hoverable && 'cursor-pointer hover:shadow-md transition-shadow',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} style={style} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nfunction CardRoot({\n  children,\n  title,\n  cover,\n  actions,\n  className = '',\n  style,\n  size,\n  bordered = true,\n  side = false,\n  imageFull = false,\n  actionsJustify = 'end',\n  loading = false,\n  hoverable = false,\n  avatar,\n  description,\n  ...rest\n}: CardProps) {\n  const sizeClasses: Record<string, string> = {\n    xs: 'card-xs',\n    sm: 'card-sm',\n    md: 'card-md',\n    lg: 'card-lg',\n    xl: 'card-xl',\n  }\n\n  const classes = [\n    'card',\n    'bg-base-100',\n    size && sizeClasses[size],\n    bordered && 'border border-base-content/10 shadow-sm',\n    side && 'card-side',\n    imageFull && 'image-full',\n    hoverable && 'transition-shadow hover:shadow-lg cursor-pointer',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const justifyClasses: Record<string, string> = {\n    start: 'justify-start',\n    center: 'justify-center',\n    end: 'justify-end',\n  }\n\n  if (loading) {\n    return (\n      <div className={classes} style={style} {...rest}>\n        {cover && (\n          <figure>\n            <div className=\"skeleton h-48 w-full rounded-none\" />\n          </figure>\n        )}\n        <div className=\"card-body\">\n          {(avatar || title) && (\n            <div className=\"flex gap-4 mb-4\">\n              {avatar && <div className=\"skeleton w-12 h-12 rounded-full flex-shrink-0\" />}\n              <div className=\"flex-1 space-y-2\">\n                <div className=\"skeleton h-6 w-2/3\" />\n                {description && <div className=\"skeleton h-4 w-full\" />}\n              </div>\n            </div>\n          )}\n          {!avatar && !title && (\n            <>\n              <div className=\"skeleton h-6 w-2/3 mb-4\" />\n              <div className=\"space-y-2\">\n                <div className=\"skeleton h-4 w-full\" />\n                <div className=\"skeleton h-4 w-5/6\" />\n                <div className=\"skeleton h-4 w-4/6\" />\n              </div>\n            </>\n          )}\n          {actions && (\n            <div className={`card-actions ${justifyClasses[actionsJustify]} mt-4`}>\n              <div className=\"skeleton h-10 w-20\" />\n              <div className=\"skeleton h-10 w-20\" />\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // Render with avatar + title + description layout (meta style)\n  const hasMetaLayout = avatar || (title && description)\n\n  return (\n    <div className={classes} style={style} {...rest}>\n      {cover && <figure>{cover}</figure>}\n      <div className=\"card-body\">\n        {hasMetaLayout ? (\n          <>\n            <div className=\"flex gap-4\">\n              {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n              <div className=\"flex-1 min-w-0\">\n                {title && <h2 className=\"card-title\">{title}</h2>}\n                {description && <p className=\"text-sm opacity-70 mt-1\">{description}</p>}\n              </div>\n            </div>\n            {children}\n          </>\n        ) : (\n          <>\n            {title && <h2 className=\"card-title\">{title}</h2>}\n            {children}\n          </>\n        )}\n        {actions && <div className={`card-actions ${justifyClasses[actionsJustify]}`}>{actions}</div>}\n      </div>\n    </div>\n  )\n}\n\nexport const Card = Object.assign(CardRoot, {\n  Grid: CardGrid,\n})\n\nexport default Card\n"],"names":["CardGrid","children","hoverable","className","style","rest","classes","CardRoot","title","cover","actions","size","bordered","side","imageFull","actionsJustify","loading","avatar","description","justifyClasses","jsx","jsxs","Fragment","Card"],"mappings":"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"}

package/dist/index14.js

@@ -1,98 +1,161 @@
-import { jsxs as e, jsx as s, Fragment as h } from "react/jsx-runtime";
-function g({ children: r, hoverable: a = !1, className: d = "", style: c, ...o }) {
-  const n = [
-    "p-6 border border-base-content/10",
-    a && "cursor-pointer hover:shadow-md transition-shadow",
-    d
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("div", { className: n, style: c, ...o, children: r });
-}
-function j({
-  children: r,
-  title: a,
-  cover: d,
-  actions: c,
-  className: o = "",
-  style: n,
-  size: m,
-  bordered: v = !0,
-  side: w = !1,
-  imageFull: x = !1,
-  actionsJustify: t = "end",
-  loading: b = !1,
-  hoverable: k = !1,
-  avatar: l,
-  description: i,
-  ...f
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as g, useRef as I, useId as j, useEffect as $, useCallback as E } from "react";
+function T({
+  options: c,
+  value: b,
+  onChange: k,
+  placeholder: M = "Please select",
+  disabled: i = !1,
+  allowClear: S = !0,
+  expandTrigger: D = "click",
+  displayRender: w,
+  size: C = "md",
+  className: B = "",
+  ...H
 }) {
-  const N = [
-    "card",
-    "bg-base-100",
-    m && {
-      xs: "card-xs",
-      sm: "card-sm",
-      md: "card-md",
-      lg: "card-lg",
-      xl: "card-xl"
-    }[m],
-    v && "border border-base-content/10 shadow-sm",
-    w && "card-side",
-    x && "image-full",
-    k && "transition-shadow hover:shadow-lg cursor-pointer",
-    o
-  ].filter(Boolean).join(" "), u = {
-    start: "justify-start",
-    center: "justify-center",
-    end: "justify-end"
+  const [r, d] = g(!1), [o, p] = g(b || []), [y, u] = g([]), x = I(null), W = j(), N = j();
+  $(() => {
+    b !== void 0 && p(b);
+  }, [b]), $(() => {
+    const e = (s) => {
+      x.current && !x.current.contains(s.target) && (d(!1), u([]));
+    };
+    if (r)
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [r]);
+  const z = E((e, s) => {
+    if (e === 0) return c;
+    let t = c;
+    for (let l = 0; l < e; l++) {
+      const a = t.find((f) => f.value === s[l]);
+      if (!a?.children) return [];
+      t = a.children;
+    }
+    return t;
+  }, [c]), O = E((e) => {
+    const s = [];
+    let t = c;
+    for (const l of e) {
+      const a = t.find((f) => f.value === l);
+      if (!a) break;
+      s.push(a), t = a.children || [];
+    }
+    return s;
+  }, [c]), h = r && y.length > 0 ? y : o, v = [];
+  v.push(c);
+  for (let e = 0; e < h.length; e++) {
+    const s = z(e + 1, h);
+    s.length > 0 && v.push(s);
+  }
+  const K = (e, s) => {
+    if (e.disabled) return;
+    const t = [...h.slice(0, s), e.value];
+    e.children && e.children.length > 0 ? u(t) : (p(t), d(!1), u([]), k?.(t, O(t)));
+  }, A = (e, s) => {
+    if (D !== "hover" || e.disabled) return;
+    const t = [...h.slice(0, s), e.value];
+    u(t);
+  }, R = (e) => {
+    e.stopPropagation(), p([]), k?.([], []);
+  }, V = (e) => {
+    if (!i)
+      switch (e.key) {
+        case "Enter":
+        case " ":
+          e.preventDefault(), d(!r);
+          break;
+        case "Escape":
+          e.preventDefault(), d(!1), u([]);
+          break;
+      }
+  }, L = O(o), P = L.map((e) => e.label), q = w ? w(P, L) : P.join(" / "), F = {
+    xs: "input-xs text-xs",
+    sm: "input-sm text-sm",
+    md: "input-md",
+    lg: "input-lg text-lg"
+  }, G = {
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg"
   };
-  return b ? /* @__PURE__ */ e("div", { className: N, style: n, ...f, children: [
-    d && /* @__PURE__ */ s("figure", { children: /* @__PURE__ */ s("div", { className: "skeleton h-48 w-full rounded-none" }) }),
-    /* @__PURE__ */ e("div", { className: "card-body", children: [
-      (l || a) && /* @__PURE__ */ e("div", { className: "flex gap-4 mb-4", children: [
-        l && /* @__PURE__ */ s("div", { className: "skeleton w-12 h-12 rounded-full flex-shrink-0" }),
-        /* @__PURE__ */ e("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ s("div", { className: "skeleton h-6 w-2/3" }),
-          i && /* @__PURE__ */ s("div", { className: "skeleton h-4 w-full" })
-        ] })
-      ] }),
-      !l && !a && /* @__PURE__ */ e(h, { children: [
-        /* @__PURE__ */ s("div", { className: "skeleton h-6 w-2/3 mb-4" }),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ s("div", { className: "skeleton h-4 w-full" }),
-          /* @__PURE__ */ s("div", { className: "skeleton h-4 w-5/6" }),
-          /* @__PURE__ */ s("div", { className: "skeleton h-4 w-4/6" })
-        ] })
-      ] }),
-      c && /* @__PURE__ */ e("div", { className: `card-actions ${u[t]} mt-4`, children: [
-        /* @__PURE__ */ s("div", { className: "skeleton h-10 w-20" }),
-        /* @__PURE__ */ s("div", { className: "skeleton h-10 w-20" })
-      ] })
-    ] })
-  ] }) : /* @__PURE__ */ e("div", { className: N, style: n, ...f, children: [
-    d && /* @__PURE__ */ s("figure", { children: d }),
-    /* @__PURE__ */ e("div", { className: "card-body", children: [
-      l || a && i ? /* @__PURE__ */ e(h, { children: [
-        /* @__PURE__ */ e("div", { className: "flex gap-4", children: [
-          l && /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: l }),
-          /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: [
-            a && /* @__PURE__ */ s("h2", { className: "card-title", children: a }),
-            i && /* @__PURE__ */ s("p", { className: "text-sm opacity-70 mt-1", children: i })
+  return /* @__PURE__ */ m("div", { ref: x, className: `relative inline-block w-full ${B}`, "data-state": r ? "open" : "closed", ...H, children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        id: W,
+        role: "combobox",
+        "aria-expanded": r,
+        "aria-haspopup": "listbox",
+        "aria-controls": N,
+        tabIndex: i ? -1 : 0,
+        className: `input input-bordered w-full flex items-center justify-between cursor-pointer ${F[C]} ${i ? "input-disabled cursor-not-allowed" : ""} ${r ? "border-primary" : ""}`,
+        onClick: () => !i && d(!r),
+        onKeyDown: V,
+        children: [
+          /* @__PURE__ */ n("span", { className: o.length === 0 ? "text-base-content/50" : "", children: o.length > 0 ? q : M }),
+          /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
+            S && o.length > 0 && !i && /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "btn btn-ghost btn-xs btn-circle",
+                onClick: R,
+                "aria-label": "Clear selection",
+                children: /* @__PURE__ */ n("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+              }
+            ),
+            /* @__PURE__ */ n(
+              "svg",
+              {
+                className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              }
+            )
           ] })
-        ] }),
-        r
-      ] }) : /* @__PURE__ */ e(h, { children: [
-        a && /* @__PURE__ */ s("h2", { className: "card-title", children: a }),
-        r
-      ] }),
-      c && /* @__PURE__ */ s("div", { className: `card-actions ${u[t]}`, children: c })
-    ] })
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ n(
+      "div",
+      {
+        id: N,
+        className: `absolute z-50 mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg flex ${G[C]}`,
+        children: v.map((e, s) => /* @__PURE__ */ n(
+          "ul",
+          {
+            role: "listbox",
+            className: `min-w-[120px] max-h-[200px] overflow-y-auto py-1 ${s > 0 ? "border-l border-base-300" : ""}`,
+            children: e.map((t) => {
+              const l = o[s] === t.value, a = h[s] === t.value, f = t.children && t.children.length > 0;
+              return /* @__PURE__ */ m(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": l,
+                  "aria-disabled": t.disabled,
+                  className: `px-3 py-2 cursor-pointer flex items-center justify-between gap-2 ${t.disabled ? "text-base-content/30 cursor-not-allowed" : l ? "bg-primary text-primary-content" : a ? "bg-base-200" : "hover:bg-base-200"}`,
+                  onClick: () => K(t, s),
+                  onMouseEnter: () => A(t, s),
+                  children: [
+                    /* @__PURE__ */ n("span", { children: t.label }),
+                    f && /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+                  ]
+                },
+                t.value
+              );
+            })
+          },
+          s
+        ))
+      }
+    )
   ] });
 }
-const B = Object.assign(j, {
-  Grid: g
-});
 export {
-  B as Card,
-  B as default
+  T as Cascader
 };
 //# sourceMappingURL=index14.js.map