@aster-ui/prefixed 0.12.50

package/dist/components/WeekCalendar.js

@@ -0,0 +1,204 @@
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { forwardRef as L, useRef as M, useEffect as R, useMemo as C } from "react";
+const F = {
+  locale: "en",
+  daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  monthsLong: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  moreText: "more",
+  formatTime: (s) => {
+    const t = s.getHours();
+    return `${t === 0 ? 12 : t > 12 ? t - 12 : t}:00 ${t < 12 ? "AM" : "PM"}`.replace(" ", "").toLowerCase().replace(":00", "");
+  }
+}, $ = (s) => _(s, /* @__PURE__ */ new Date()), _ = (s, t) => {
+  const n = new Date(s), c = new Date(t);
+  return n.setHours(0, 0, 0, 0), c.setHours(0, 0, 0, 0), c.getTime() === n.getTime();
+}, k = (s) => {
+  const t = /* @__PURE__ */ new Date(), n = new Date(s);
+  return t.setHours(0, 0, 0, 0), n.setHours(0, 0, 0, 0), n < t;
+}, J = (s) => {
+  const t = new Date(s), n = t.getDay(), c = t.getDate() - n;
+  return new Date(t.setDate(c));
+}, O = (s, t) => {
+  const n = new Date(s);
+  return n.setDate(n.getDate() + t), n;
+}, u = (s, t) => {
+  const n = s.getDate(), c = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][s.getDay()];
+  return t === "YYYY-MM-DD" ? s.toISOString().split("T")[0] : t === "ddd" ? c : t === "D" ? n.toString() : s.toISOString();
+}, P = L(
+  ({
+    date: s = /* @__PURE__ */ new Date(),
+    events: t = [],
+    locale: n = F,
+    onEventClick: c,
+    onDayClick: N,
+    onSelectSlot: x,
+    allowPastInteraction: m = !1,
+    fitContainer: f = !1,
+    startHour: y = 9,
+    endHour: Y = 17,
+    className: T = "",
+    ...S
+  }, E) => {
+    const g = M(null), D = M(null);
+    R(() => {
+      const e = () => {
+        if (g.current && D.current) {
+          const r = g.current, o = D.current, l = r.offsetWidth - r.clientWidth;
+          o.style.paddingRight = `${l}px`;
+        }
+      };
+      return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+    }, []);
+    const H = J(s), w = Array.from({ length: 7 }, (e, r) => O(H, r)), W = C(() => {
+      const e = {};
+      return t.forEach((r) => {
+        const o = u(r.date, "YYYY-MM-DD");
+        e[o] || (e[o] = []), e[o].push(r);
+      }), e;
+    }, [t]), v = Array.from({ length: Y - y + 1 }, (e, r) => r + y), A = (e) => n.formatTime ? n.formatTime(new Date(2e3, 0, 1, e, 0)) : `${e === 0 ? 12 : e > 12 ? e - 12 : e}:00 ${e < 12 ? "AM" : "PM"}`, j = (e, r) => (W[e] || []).filter((l) => l.date.getHours() === r);
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: E,
+        className: `flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${T}`,
+        ...S,
+        children: [
+          /* @__PURE__ */ d(
+            "div",
+            {
+              ref: D,
+              className: "grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 bg-base-100",
+              children: [
+                /* @__PURE__ */ i("div", { className: "week-calendar-time-column" }),
+                w.map((e) => {
+                  const r = k(e), o = $(e);
+                  return /* @__PURE__ */ d(
+                    "div",
+                    {
+                      className: `
+                  cursor-pointer px-2 py-0.5 text-center transition-colors hover:bg-primary/5
+                  ${r && !m ? "cursor-not-allowed" : ""}
+                `,
+                      onClick: () => {
+                        r && !m || N?.(e);
+                      },
+                      children: [
+                        /* @__PURE__ */ i(
+                          "div",
+                          {
+                            className: `
+                    text-xs font-medium uppercase
+                    ${r ? "text-base-content/40" : "text-base-content/60"}
+                  `,
+                            children: u(e, "ddd")
+                          }
+                        ),
+                        /* @__PURE__ */ i(
+                          "div",
+                          {
+                            className: `
+                    mx-auto flex items-center justify-center text-xs font-medium transition-all
+                    ${o ? "font-bold text-primary" : ""}
+                    ${r && !o ? "text-base-content/40" : "text-base-content"}
+                  `,
+                            children: u(e, "D")
+                          }
+                        )
+                      ]
+                    },
+                    u(e, "YYYY-MM-DD")
+                  );
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              ref: g,
+              className: f ? "grid flex-1" : "flex-1 overflow-y-auto",
+              style: f ? { gridTemplateRows: `repeat(${v.length}, 1fr)` } : void 0,
+              children: v.map((e) => /* @__PURE__ */ d(
+                "div",
+                {
+                  className: `grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${f ? "min-h-10" : "h-20"}`,
+                  children: [
+                    /* @__PURE__ */ i("div", { className: "flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50", children: A(e) }),
+                    w.map((r) => {
+                      const o = u(r, "YYYY-MM-DD"), l = j(o, e), h = k(r) && !$(r);
+                      return /* @__PURE__ */ i(
+                        "div",
+                        {
+                          className: `
+                      relative flex cursor-pointer flex-col justify-start overflow-y-auto border-r border-base-200 p-1 last:border-r-0
+                      hover:bg-primary/5
+                      ${f ? "" : "h-20"}
+                      ${h && !m ? "cursor-not-allowed hover:cursor-not-allowed" : ""}
+                    `,
+                          onClick: (a) => {
+                            if (!(h && !m) && x && (a.target === a.currentTarget || a.target.classList.contains("week-calendar-time-cell"))) {
+                              const b = new Date(r);
+                              b.setHours(e, 0, 0, 0);
+                              const p = new Date(r);
+                              p.setHours(e + 1, 0, 0, 0), x({ start: b, end: p });
+                            }
+                          },
+                          children: l.map((a, b) => /* @__PURE__ */ d(
+                            "div",
+                            {
+                              className: `
+                          mb-px flex shrink-0 cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none
+                          text-base-content transition-colors hover:bg-base-content/5 last:mb-0
+                          ${a.strikethrough ? "line-through" : ""}
+                        `,
+                              style: a.style,
+                              title: a.title,
+                              onClick: (p) => {
+                                p.stopPropagation(), c?.(a);
+                              },
+                              children: [
+                                /* @__PURE__ */ i(
+                                  "div",
+                                  {
+                                    className: "mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full",
+                                    style: { backgroundColor: a.color || "#bfbfbf" }
+                                  }
+                                ),
+                                /* @__PURE__ */ i("div", { className: "min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: a.title })
+                              ]
+                            },
+                            b
+                          ))
+                        },
+                        `${o}-${e}`
+                      );
+                    })
+                  ]
+                },
+                e
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+P.displayName = "WeekCalendar";
+export {
+  P as WeekCalendar
+};
+//# sourceMappingURL=WeekCalendar.js.map

package/dist/components/WeekCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekCalendar.js","sources":["../../src/components/WeekCalendar.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types (shared with MonthCalendar)\nexport type CalendarEvent = {\n  date: Date\n  title: string\n  color: string\n  strikethrough?: boolean\n  style?: React.CSSProperties\n}\n\nexport type CalendarLocale = {\n  locale: string\n  daysShort: string[]\n  monthsLong: string[]\n  moreText: string\n  formatTime?: (date: Date) => string\n}\n\n// Default English locale\nconst defaultLocale: CalendarLocale = {\n  locale: 'en',\n  daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  monthsLong: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  moreText: 'more',\n  formatTime: (date: Date): string => {\n    const hour = date.getHours()\n    const formatted = `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    return formatted.replace(' ', '').toLowerCase().replace(':00', '')\n  },\n}\n\n// Utility functions\nconst isToday = (date: Date) => isEqual(date, new Date())\n\nconst isEqual = (a: Date, b: Date) => {\n  const acopy = new Date(a)\n  const bcopy = new Date(b)\n  acopy.setHours(0, 0, 0, 0)\n  bcopy.setHours(0, 0, 0, 0)\n  return bcopy.getTime() === acopy.getTime()\n}\n\nconst isPastDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate < today\n}\n\nconst getWeekStart = (date: Date): Date => {\n  const d = new Date(date)\n  const day = d.getDay()\n  const diff = d.getDate() - day\n  return new Date(d.setDate(diff))\n}\n\nconst addDays = (date: Date, days: number): Date => {\n  const result = new Date(date)\n  result.setDate(result.getDate() + days)\n  return result\n}\n\nconst formatDate = (date: Date, format: string): string => {\n  const day = date.getDate()\n  const dayName = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][date.getDay()]\n\n  if (format === 'YYYY-MM-DD') {\n    return date.toISOString().split('T')[0]\n  }\n  if (format === 'ddd') {\n    return dayName\n  }\n  if (format === 'D') {\n    return day.toString()\n  }\n  return date.toISOString()\n}\n\nexport interface WeekCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  date?: Date\n  events?: T[]\n  onEventClick?: (event: T) => void\n  onDayClick?: (date: Date) => void\n  onSelectSlot?: (slotInfo: { start: Date; end: Date }) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  fitContainer?: boolean\n  /** Start hour for the time grid (0-23) */\n  startHour?: number\n  /** End hour for the time grid (0-23) */\n  endHour?: number\n}\n\nexport const WeekCalendar = forwardRef<HTMLDivElement, WeekCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      locale = defaultLocale,\n      onEventClick,\n      onDayClick,\n      onSelectSlot,\n      allowPastInteraction = false,\n      fitContainer = false,\n      startHour = 9,\n      endHour = 17,\n      className = '',\n      ...rest\n    }: WeekCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const bodyRef = useRef<HTMLDivElement>(null)\n    const headerRef = useRef<HTMLDivElement>(null)\n\n    // Adjust header padding to account for scrollbar\n    useEffect(() => {\n      const adjustScrollbar = () => {\n        if (bodyRef.current && headerRef.current) {\n          const bodyElement = bodyRef.current\n          const headerElement = headerRef.current\n          const scrollbarWidth = bodyElement.offsetWidth - bodyElement.clientWidth\n          headerElement.style.paddingRight = `${scrollbarWidth}px`\n        }\n      }\n\n      adjustScrollbar()\n      window.addEventListener('resize', adjustScrollbar)\n      return () => window.removeEventListener('resize', adjustScrollbar)\n    }, [])\n\n\n    const weekStart = getWeekStart(date)\n    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i))\n\n    // Group events by day\n    const eventsByDay = useMemo(() => {\n      const grouped: Record<string, T[]> = {}\n      events.forEach((event) => {\n        const eventDate = formatDate(event.date, 'YYYY-MM-DD')\n        if (!grouped[eventDate]) {\n          grouped[eventDate] = []\n        }\n        grouped[eventDate].push(event as T)\n      })\n      return grouped\n    }, [events])\n\n    // Time slots from startHour to endHour\n    const timeSlots = Array.from({ length: endHour - startHour + 1 }, (_, i) => i + startHour)\n\n    const formatHour = (hour: number) => {\n      if (locale.formatTime) {\n        return locale.formatTime(new Date(2000, 0, 1, hour, 0))\n      }\n      return `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    }\n\n    const getEventsForDayAndHour = (dayStr: string, hour: number) => {\n      const dayEvents = eventsByDay[dayStr] || []\n      return dayEvents.filter((event) => {\n        const eventHour = event.date.getHours()\n        return eventHour === hour\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${className}`}\n        {...rest}\n      >\n        {/* Header with days */}\n        <div\n          ref={headerRef}\n          className=\"grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 bg-base-100\"\n        >\n          <div className=\"week-calendar-time-column\" />\n          {weekDays.map((day) => {\n            const isPast = isPastDate(day)\n            const isTodayDate = isToday(day)\n\n            return (\n              <div\n                key={formatDate(day, 'YYYY-MM-DD')}\n                className={`\n                  cursor-pointer px-2 py-0.5 text-center transition-colors hover:bg-primary/5\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                `}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n                  onDayClick?.(day)\n                }}\n              >\n                <div\n                  className={`\n                    text-xs font-medium uppercase\n                    ${isPast ? 'text-base-content/40' : 'text-base-content/60'}\n                  `}\n                >\n                  {formatDate(day, 'ddd')}\n                </div>\n                <div\n                  className={`\n                    mx-auto flex items-center justify-center text-xs font-medium transition-all\n                    ${isTodayDate ? 'font-bold text-primary' : ''}\n                    ${isPast && !isTodayDate ? 'text-base-content/40' : 'text-base-content'}\n                  `}\n                >\n                  {formatDate(day, 'D')}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n\n        {/* Time grid */}\n        <div\n          ref={bodyRef}\n          className={fitContainer ? 'grid flex-1' : 'flex-1 overflow-y-auto'}\n          style={fitContainer ? { gridTemplateRows: `repeat(${timeSlots.length}, 1fr)` } : undefined}\n        >\n          {timeSlots.map((hour) => (\n            <div\n              key={hour}\n              className={`grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${fitContainer ? 'min-h-10' : 'h-20'}`}\n            >\n              {/* Time label */}\n              <div className=\"flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50\">\n                {formatHour(hour)}\n              </div>\n\n              {/* Day cells */}\n              {weekDays.map((day) => {\n                const dayStr = formatDate(day, 'YYYY-MM-DD')\n                const hourEvents = getEventsForDayAndHour(dayStr, hour)\n                const isPast = isPastDate(day) && !isToday(day)\n\n                return (\n                  <div\n                    key={`${dayStr}-${hour}`}\n                    className={`\n                      relative flex cursor-pointer flex-col justify-start overflow-y-auto border-r border-base-200 p-1 last:border-r-0\n                      hover:bg-primary/5\n                      ${fitContainer ? '' : 'h-20'}\n                      ${isPast && !allowPastInteraction ? 'cursor-not-allowed hover:cursor-not-allowed' : ''}\n                    `}\n                    onClick={(e) => {\n                      if (isPast && !allowPastInteraction) {\n                        return\n                      }\n\n                      if (\n                        onSelectSlot &&\n                        (e.target === e.currentTarget ||\n                          (e.target as HTMLElement).classList.contains('week-calendar-time-cell'))\n                      ) {\n                        const start = new Date(day)\n                        start.setHours(hour, 0, 0, 0)\n\n                        const end = new Date(day)\n                        end.setHours(hour + 1, 0, 0, 0)\n\n                        onSelectSlot({ start, end })\n                      }\n                    }}\n                  >\n                    {hourEvents.map((event, idx) => (\n                      <div\n                        key={idx}\n                        className={`\n                          mb-px flex shrink-0 cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          text-base-content transition-colors hover:bg-base-content/5 last:mb-0\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        title={event.title}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onEventClick?.(event)\n                        }}\n                      >\n                        <div\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color || '#bfbfbf' }}\n                        />\n                        <div className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                          {event.title}\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: WeekCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(WeekCalendar as React.FC).displayName = 'WeekCalendar'\n"],"names":["defaultLocale","date","hour","isToday","isEqual","a","b","acopy","bcopy","isPastDate","today","checkDate","getWeekStart","d","day","diff","addDays","days","result","formatDate","format","dayName","WeekCalendar","forwardRef","events","locale","onEventClick","onDayClick","onSelectSlot","allowPastInteraction","fitContainer","startHour","endHour","className","rest","ref","bodyRef","useRef","headerRef","useEffect","adjustScrollbar","bodyElement","headerElement","scrollbarWidth","weekStart","weekDays","_","i","eventsByDay","useMemo","grouped","event","eventDate","timeSlots","formatHour","getEventsForDayAndHour","dayStr","jsxs","jsx","isPast","isTodayDate","hourEvents","e","start","end","idx"],"mappings":"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"}

package/dist/components/Window.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface WindowProps {
+    children: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+}
+export declare const Window: React.FC<WindowProps>;

package/dist/components/Window.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+const s = "d-mockup-window", i = ({
+  children: r,
+  className: d = "",
+  contentClassName: e = ""
+}) => /* @__PURE__ */ o("div", { className: `${s} border border-base-300 ${d}`, children: /* @__PURE__ */ o("div", { className: `border-t border-base-300 ${e}`, children: r }) });
+export {
+  i as Window
+};
+//# sourceMappingURL=Window.js.map

package/dist/components/Window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Window.js","sources":["../../src/components/Window.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupWindow = 'd-mockup-window'\n\nexport interface WindowProps {\n  children: React.ReactNode\n  className?: string\n  contentClassName?: string\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  children,\n  className = '',\n  contentClassName = '',\n}) => {\n  return (\n    <div className={`${dMockupWindow} border border-base-300 ${className}`}>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupWindow","Window","children","className","contentClassName","jsx"],"mappings":";AAGA,MAAMA,IAAgB,mBAQTC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAW,GAAGL,CAAa,2BAA2BG,CAAS,IAClE,UAAA,gBAAAE,EAAC,SAAI,WAAW,4BAA4BD,CAAgB,IACzD,UAAAF,GACH,GACF;"}

package/dist/contexts/IconSizeContext.d.ts

@@ -0,0 +1,2 @@
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const IconSizeContext: import('react').Context<IconSize | undefined>;

package/dist/contexts/IconSizeContext.js

@@ -0,0 +1,6 @@
+import { createContext as o } from "react";
+const e = o(void 0);
+export {
+  e as IconSizeContext
+};
+//# sourceMappingURL=IconSizeContext.js.map

package/dist/contexts/IconSizeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSizeContext.js","sources":["../../src/contexts/IconSizeContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport const IconSizeContext = createContext<IconSize | undefined>(undefined)\n"],"names":["IconSizeContext","createContext"],"mappings":";AAIO,MAAMA,IAAkBC,EAAoC,MAAS;"}

package/dist/editor.d.ts

@@ -0,0 +1 @@
+export { RichTextEditor, type RichTextEditorProps, type ToolbarItem } from './components/RichTextEditor';

package/dist/editor.js

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

package/dist/editor.js.map

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

package/dist/hooks/useBreakpoint.d.ts

@@ -0,0 +1,10 @@
+export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface UseBreakpointReturn {
+    breakpoint: Breakpoint;
+    width: number;
+    isAbove: (bp: Breakpoint) => boolean;
+    isBelow: (bp: Breakpoint) => boolean;
+    isAt: (bp: Breakpoint) => boolean;
+    isBetween: (min: Breakpoint, max: Breakpoint) => boolean;
+}
+export declare function useBreakpoint(): UseBreakpointReturn;

package/dist/hooks/useBreakpoint.js

@@ -0,0 +1,36 @@
+import { useState as u, useEffect as f } from "react";
+const t = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, s = ["xs", "sm", "md", "lg", "xl", "2xl"];
+function l(e) {
+  return e >= t["2xl"] ? "2xl" : e >= t.xl ? "xl" : e >= t.lg ? "lg" : e >= t.md ? "md" : e >= t.sm ? "sm" : "xs";
+}
+function i(e, o) {
+  return s.indexOf(e) - s.indexOf(o);
+}
+function m() {
+  const [e, o] = u(
+    () => typeof window < "u" ? window.innerWidth : 1024
+  );
+  f(() => {
+    const n = () => o(window.innerWidth);
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []);
+  const r = l(e);
+  return {
+    breakpoint: r,
+    width: e,
+    isAbove: (n) => i(r, n) >= 0,
+    isBelow: (n) => i(r, n) < 0,
+    isAt: (n) => r === n,
+    isBetween: (n, d) => i(r, n) >= 0 && i(r, d) <= 0
+  };
+}
+export {
+  m as useBreakpoint
+};
+//# sourceMappingURL=useBreakpoint.js.map

package/dist/hooks/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 0,\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n}\n\nconst breakpointOrder: Breakpoint[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction getBreakpoint(width: number): Breakpoint {\n  if (width >= breakpoints['2xl']) return '2xl'\n  if (width >= breakpoints.xl) return 'xl'\n  if (width >= breakpoints.lg) return 'lg'\n  if (width >= breakpoints.md) return 'md'\n  if (width >= breakpoints.sm) return 'sm'\n  return 'xs'\n}\n\nfunction compareBreakpoints(a: Breakpoint, b: Breakpoint): number {\n  return breakpointOrder.indexOf(a) - breakpointOrder.indexOf(b)\n}\n\nexport interface UseBreakpointReturn {\n  breakpoint: Breakpoint\n  width: number\n  isAbove: (bp: Breakpoint) => boolean\n  isBelow: (bp: Breakpoint) => boolean\n  isAt: (bp: Breakpoint) => boolean\n  isBetween: (min: Breakpoint, max: Breakpoint) => boolean\n}\n\nexport function useBreakpoint(): UseBreakpointReturn {\n  const [width, setWidth] = useState(() =>\n    typeof window !== 'undefined' ? window.innerWidth : 1024\n  )\n\n  useEffect(() => {\n    const handleResize = () => setWidth(window.innerWidth)\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  const breakpoint = getBreakpoint(width)\n\n  return {\n    breakpoint,\n    width,\n    isAbove: (bp: Breakpoint) => compareBreakpoints(breakpoint, bp) >= 0,\n    isBelow: (bp: Breakpoint) => compareBreakpoints(breakpoint, bp) < 0,\n    isAt: (bp: Breakpoint) => breakpoint === bp,\n    isBetween: (min: Breakpoint, max: Breakpoint) =>\n      compareBreakpoints(breakpoint, min) >= 0 && compareBreakpoints(breakpoint, max) <= 0,\n  }\n}\n"],"names":["breakpoints","breakpointOrder","getBreakpoint","width","compareBreakpoints","a","b","useBreakpoint","setWidth","useState","useEffect","handleResize","breakpoint","bp","min","max"],"mappings":";AAIA,MAAMA,IAA0C;AAAA,EAE9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEMC,IAAgC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAE1E,SAASC,EAAcC,GAA2B;AAChD,SAAIA,KAASH,EAAY,KAAK,IAAU,QACpCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAC7B;AACT;AAEA,SAASI,EAAmBC,GAAeC,GAAuB;AAChE,SAAOL,EAAgB,QAAQI,CAAC,IAAIJ,EAAgB,QAAQK,CAAC;AAC/D;AAWO,SAASC,IAAqC;AACnD,QAAM,CAACJ,GAAOK,CAAQ,IAAIC;AAAA,IAAS,MACjC,OAAO,SAAW,MAAc,OAAO,aAAa;AAAA,EAAA;AAGtD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAe,MAAMH,EAAS,OAAO,UAAU;AAErD,kBAAO,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAA,CAAE;AAEL,QAAMC,IAAaV,EAAcC,CAAK;AAEtC,SAAO;AAAA,IACL,YAAAS;AAAA,IACA,OAAAT;AAAA,IACA,SAAS,CAACU,MAAmBT,EAAmBQ,GAAYC,CAAE,KAAK;AAAA,IACnE,SAAS,CAACA,MAAmBT,EAAmBQ,GAAYC,CAAE,IAAI;AAAA,IAClE,MAAM,CAACA,MAAmBD,MAAeC;AAAA,IACzC,WAAW,CAACC,GAAiBC,MAC3BX,EAAmBQ,GAAYE,CAAG,KAAK,KAAKV,EAAmBQ,GAAYG,CAAG,KAAK;AAAA,EAAA;AAEzF;"}

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+/**
+ * Hook that detects clicks outside of a referenced element.
+ * Useful for closing dropdowns, modals, or menus.
+ *
+ * @param handler - Callback when click outside is detected
+ * @param enabled - Whether the listener is active (default: true)
+ * @returns Ref to attach to the element
+ *
+ * @example
+ * const ref = useClickOutside(() => setIsOpen(false))
+ *
+ * <div ref={ref}>
+ *   <Dropdown>...</Dropdown>
+ * </div>
+ */
+export declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean): RefObject<T | null>;

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,18 @@
+import { useRef as s, useEffect as c } from "react";
+function m(t, n = !0) {
+  const r = s(null);
+  return c(() => {
+    if (!n) return;
+    const e = (o) => {
+      const u = r.current;
+      !u || u.contains(o.target) || t(o);
+    };
+    return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+    };
+  }, [t, n]), r;
+}
+export {
+  m as useClickOutside
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from 'react'\n\n/**\n * Hook that detects clicks outside of a referenced element.\n * Useful for closing dropdowns, modals, or menus.\n *\n * @param handler - Callback when click outside is detected\n * @param enabled - Whether the listener is active (default: true)\n * @returns Ref to attach to the element\n *\n * @example\n * const ref = useClickOutside(() => setIsOpen(false))\n *\n * <div ref={ref}>\n *   <Dropdown>...</Dropdown>\n * </div>\n */\nexport function useClickOutside<T extends HTMLElement = HTMLElement>(\n  handler: (event: MouseEvent | TouchEvent) => void,\n  enabled = true\n): RefObject<T | null> {\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const el = ref.current\n      if (!el || el.contains(event.target as Node)) {\n        return\n      }\n      handler(event)\n    }\n\n    document.addEventListener('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [handler, enabled])\n\n  return ref\n}\n"],"names":["useClickOutside","handler","enabled","ref","useRef","useEffect","listener","event","el"],"mappings":";AAiBO,SAASA,EACdC,GACAC,IAAU,IACW;AACrB,QAAMC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,QAAI,CAACH,EAAS;AAEd,UAAMI,IAAW,CAACC,MAAmC;AACnD,YAAMC,IAAKL,EAAI;AACf,MAAI,CAACK,KAAMA,EAAG,SAASD,EAAM,MAAc,KAG3CN,EAAQM,CAAK;AAAA,IACf;AAEA,oBAAS,iBAAiB,aAAaD,CAAQ,GAC/C,SAAS,iBAAiB,cAAcA,CAAQ,GAEzC,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAQ,GAClD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAACL,GAASC,CAAO,CAAC,GAEdC;AACT;"}

package/dist/hooks/useClipboard.d.ts

@@ -0,0 +1,20 @@
+export interface UseClipboardReturn {
+    copy: (text: string) => Promise<boolean>;
+    copied: boolean;
+    error: Error | null;
+    reset: () => void;
+}
+/**
+ * Hook for copying text to clipboard with success/error state.
+ *
+ * @param timeout - Duration in ms to show copied state (default: 2000)
+ * @returns Object with copy function and state
+ *
+ * @example
+ * const { copy, copied } = useClipboard()
+ *
+ * <Button onClick={() => copy('Hello!')}>
+ *   {copied ? 'Copied!' : 'Copy'}
+ * </Button>
+ */
+export declare function useClipboard(timeout?: number): UseClipboardReturn;

package/dist/hooks/useClipboard.js

@@ -0,0 +1,17 @@
+import { useState as a, useCallback as s } from "react";
+function p(t = 2e3) {
+  const [n, r] = a(!1), [l, e] = a(null), c = s(async (i) => {
+    try {
+      return await navigator.clipboard.writeText(i), r(!0), e(null), setTimeout(() => r(!1), t), !0;
+    } catch (o) {
+      return e(o instanceof Error ? o : new Error("Failed to copy")), r(!1), !1;
+    }
+  }, [t]), u = s(() => {
+    r(!1), e(null);
+  }, []);
+  return { copy: c, copied: n, error: l, reset: u };
+}
+export {
+  p as useClipboard
+};
+//# sourceMappingURL=useClipboard.js.map

package/dist/hooks/useClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboard.js","sources":["../../src/hooks/useClipboard.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport interface UseClipboardReturn {\n  copy: (text: string) => Promise<boolean>\n  copied: boolean\n  error: Error | null\n  reset: () => void\n}\n\n/**\n * Hook for copying text to clipboard with success/error state.\n *\n * @param timeout - Duration in ms to show copied state (default: 2000)\n * @returns Object with copy function and state\n *\n * @example\n * const { copy, copied } = useClipboard()\n *\n * <Button onClick={() => copy('Hello!')}>\n *   {copied ? 'Copied!' : 'Copy'}\n * </Button>\n */\nexport function useClipboard(timeout = 2000): UseClipboardReturn {\n  const [copied, setCopied] = useState(false)\n  const [error, setError] = useState<Error | null>(null)\n\n  const copy = useCallback(async (text: string): Promise<boolean> => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setError(null)\n\n      setTimeout(() => setCopied(false), timeout)\n      return true\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to copy'))\n      setCopied(false)\n      return false\n    }\n  }, [timeout])\n\n  const reset = useCallback(() => {\n    setCopied(false)\n    setError(null)\n  }, [])\n\n  return { copy, copied, error, reset }\n}\n"],"names":["useClipboard","timeout","copied","setCopied","useState","error","setError","copy","useCallback","text","err","reset"],"mappings":";AAsBO,SAASA,EAAaC,IAAU,KAA0B;AAC/D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAOC,CAAQ,IAAIF,EAAuB,IAAI,GAE/CG,IAAOC,EAAY,OAAOC,MAAmC;AACjE,QAAI;AACF,mBAAM,UAAU,UAAU,UAAUA,CAAI,GACxCN,EAAU,EAAI,GACdG,EAAS,IAAI,GAEb,WAAW,MAAMH,EAAU,EAAK,GAAGF,CAAO,GACnC;AAAA,IACT,SAASS,GAAK;AACZ,aAAAJ,EAASI,aAAe,QAAQA,IAAM,IAAI,MAAM,gBAAgB,CAAC,GACjEP,EAAU,EAAK,GACR;AAAA,IACT;AAAA,EACF,GAAG,CAACF,CAAO,CAAC,GAENU,IAAQH,EAAY,MAAM;AAC9B,IAAAL,EAAU,EAAK,GACfG,EAAS,IAAI;AAAA,EACf,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,MAAAC,GAAM,QAAAL,GAAQ,OAAAG,GAAO,OAAAM,EAAA;AAChC;"}

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Hook that delays updating a value until after a specified delay.
+ * Useful for search inputs to avoid excessive API calls.
+ *
+ * @param value - Value to debounce
+ * @param delay - Delay in milliseconds (default: 300)
+ * @returns Debounced value
+ *
+ * @example
+ * const [search, setSearch] = useState('')
+ * const debouncedSearch = useDebounce(search, 500)
+ *
+ * useEffect(() => {
+ *   // This runs 500ms after user stops typing
+ *   fetchResults(debouncedSearch)
+ * }, [debouncedSearch])
+ */
+export declare function useDebounce<T>(value: T, delay?: number): T;

package/dist/hooks/useDebounce.js

@@ -0,0 +1,16 @@
+import { useState as r, useEffect as c } from "react";
+function i(e, t = 300) {
+  const [o, u] = r(e);
+  return c(() => {
+    const n = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, t]), o;
+}
+export {
+  i as useDebounce
+};
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\n/**\n * Hook that delays updating a value until after a specified delay.\n * Useful for search inputs to avoid excessive API calls.\n *\n * @param value - Value to debounce\n * @param delay - Delay in milliseconds (default: 300)\n * @returns Debounced value\n *\n * @example\n * const [search, setSearch] = useState('')\n * const debouncedSearch = useDebounce(search, 500)\n *\n * useEffect(() => {\n *   // This runs 500ms after user stops typing\n *   fetchResults(debouncedSearch)\n * }, [debouncedSearch])\n */\nexport function useDebounce<T>(value: T, delay = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value)\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAmBO,SAASA,EAAeC,GAAUC,IAAQ,KAAQ;AACvD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAYJ,CAAK;AAE7D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAM;AAC7B,MAAAH,EAAkBH,CAAK;AAAA,IACzB,GAAGC,CAAK;AAER,WAAO,MAAM;AACX,mBAAaK,CAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}

package/dist/hooks/useDisclosure.d.ts

@@ -0,0 +1,20 @@
+export interface UseDisclosureReturn {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+    setIsOpen: (value: boolean) => void;
+}
+/**
+ * Hook for managing open/close state of modals, drawers, dropdowns, etc.
+ *
+ * @param defaultIsOpen - Initial open state (default: false)
+ * @returns Object with isOpen state and control functions
+ *
+ * @example
+ * const { isOpen, onOpen, onClose } = useDisclosure()
+ *
+ * <Button onClick={onOpen}>Open Modal</Button>
+ * <Modal open={isOpen} onClose={onClose}>Content</Modal>
+ */
+export declare function useDisclosure(defaultIsOpen?: boolean): UseDisclosureReturn;

package/dist/hooks/useDisclosure.js

@@ -0,0 +1,9 @@
+import { useState as u, useCallback as s } from "react";
+function p(o = !1) {
+  const [n, e] = u(o), t = s(() => e(!0), []), c = s(() => e(!1), []), l = s(() => e((r) => !r), []);
+  return { isOpen: n, onOpen: t, onClose: c, onToggle: l, setIsOpen: e };
+}
+export {
+  p as useDisclosure
+};
+//# sourceMappingURL=useDisclosure.js.map

package/dist/hooks/useDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.js","sources":["../../src/hooks/useDisclosure.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport interface UseDisclosureReturn {\n  isOpen: boolean\n  onOpen: () => void\n  onClose: () => void\n  onToggle: () => void\n  setIsOpen: (value: boolean) => void\n}\n\n/**\n * Hook for managing open/close state of modals, drawers, dropdowns, etc.\n *\n * @param defaultIsOpen - Initial open state (default: false)\n * @returns Object with isOpen state and control functions\n *\n * @example\n * const { isOpen, onOpen, onClose } = useDisclosure()\n *\n * <Button onClick={onOpen}>Open Modal</Button>\n * <Modal open={isOpen} onClose={onClose}>Content</Modal>\n */\nexport function useDisclosure(defaultIsOpen = false): UseDisclosureReturn {\n  const [isOpen, setIsOpen] = useState(defaultIsOpen)\n\n  const onOpen = useCallback(() => setIsOpen(true), [])\n  const onClose = useCallback(() => setIsOpen(false), [])\n  const onToggle = useCallback(() => setIsOpen(prev => !prev), [])\n\n  return { isOpen, onOpen, onClose, onToggle, setIsOpen }\n}\n"],"names":["useDisclosure","defaultIsOpen","isOpen","setIsOpen","useState","onOpen","useCallback","onClose","onToggle","prev"],"mappings":";AAsBO,SAASA,EAAcC,IAAgB,IAA4B;AACxE,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASH,CAAa,GAE5CI,IAASC,EAAY,MAAMH,EAAU,EAAI,GAAG,CAAA,CAAE,GAC9CI,IAAUD,EAAY,MAAMH,EAAU,EAAK,GAAG,CAAA,CAAE,GAChDK,IAAWF,EAAY,MAAMH,EAAU,OAAQ,CAACM,CAAI,GAAG,EAAE;AAE/D,SAAO,EAAE,QAAAP,GAAQ,QAAAG,GAAQ,SAAAE,GAAS,UAAAC,GAAU,WAAAL,EAAA;AAC9C;"}

package/dist/hooks/useHover.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+export interface UseHoverReturn<T extends HTMLElement> {
+    ref: RefObject<T | null>;
+    isHovered: boolean;
+}
+/**
+ * Hook that tracks hover state of an element.
+ *
+ * @returns Object with ref and isHovered state
+ *
+ * @example
+ * const { ref, isHovered } = useHover<HTMLDivElement>()
+ *
+ * <div ref={ref} className={isHovered ? 'bg-blue-500' : 'bg-gray-500'}>
+ *   Hover me!
+ * </div>
+ */
+export declare function useHover<T extends HTMLElement = HTMLElement>(): UseHoverReturn<T>;

package/dist/hooks/useHover.js

@@ -0,0 +1,16 @@
+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);
+    };
+  }, []), { ref: n, isHovered: o };
+}
+export {
+  f as useHover
+};
+//# sourceMappingURL=useHover.js.map

package/dist/hooks/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.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/hooks/useKeyPress.d.ts

@@ -0,0 +1,40 @@
+export interface UseKeyPressOptions {
+    /** Target element (default: window) */
+    target?: HTMLElement | Window | null;
+    /** Event type: 'keydown' | 'keyup' (default: 'keydown') */
+    event?: 'keydown' | 'keyup';
+    /** Prevent default browser behavior */
+    preventDefault?: boolean;
+}
+/**
+ * Hook that detects when a specific key is pressed.
+ *
+ * @param targetKey - Key to detect (e.g., 'Enter', 'Escape', 'a')
+ * @param options - Configuration options
+ * @returns Whether the key is currently pressed
+ *
+ * @example
+ * const enterPressed = useKeyPress('Enter')
+ * const escapePressed = useKeyPress('Escape')
+ *
+ * useEffect(() => {
+ *   if (escapePressed) closeModal()
+ * }, [escapePressed])
+ *
+ * @example
+ * // With callback for immediate action
+ * useKeyPress('Escape', { preventDefault: true })
+ */
+export declare function useKeyPress(targetKey: string, options?: UseKeyPressOptions): boolean;
+/**
+ * Hook that calls a callback when a specific key is pressed.
+ *
+ * @param targetKey - Key to detect
+ * @param callback - Function to call when key is pressed
+ * @param options - Configuration options
+ *
+ * @example
+ * useKeyPressCallback('Escape', () => closeModal())
+ * useKeyPressCallback('Enter', () => submitForm(), { preventDefault: true })
+ */
+export declare function useKeyPressCallback(targetKey: string, callback: (event: KeyboardEvent) => void, options?: UseKeyPressOptions): void;