@stableflow/pay-ui 0.0.1-beta-82ede460a5-20260923

package/dist/date-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/date-range-picker/DateRangePicker.tsx","../../src/date-range-picker/config.ts","../../src/date-range-picker/utils.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  addMonths,\n  eachDayOfInterval,\n  endOfMonth,\n  endOfWeek,\n  format,\n  isSameDay,\n  isSameMonth,\n  isWithinInterval,\n  startOfMonth,\n  startOfWeek,\n} from \"date-fns\";\nimport { IconArrowDown } from \"../icons/arrow-down\";\nimport { cn } from \"../lib/cn\";\nimport { fontSans } from \"../lib/font\";\nimport { floatingLayerZIndex } from \"../overlay/stack\";\nimport { FLOATING_ALIGN, FLOATING_SIDE, useFloatingPosition } from \"../overlay/use-floating-position\";\nimport { DATE_RANGE_PRESET_OPTIONS, DATE_RANGE_WEEKDAY_LABELS } from \"./config\";\nimport { calendarRangeFromPicks, formatDateRangeLabel, lastNDaysRange, type DateRangeValue } from \"./utils\";\n\nexport type { DateRangeValue } from \"./utils\";\n\nexport function DateRangePicker(props: {\n  value: DateRangeValue;\n  onChange: (range: DateRangeValue) => void;\n  className?: string;\n  triggerClassName?: string;\n}) {\n  const { value, onChange, className, triggerClassName } = props;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const [viewMonth, setViewMonth] = useState(() => startOfMonth(value.to));\n  const [draftStart, setDraftStart] = useState<Date | null>(null);\n  const panelStyle = useFloatingPosition({\n    open,\n    triggerRef,\n    panelRef,\n    side: FLOATING_SIDE.Bottom,\n    align: FLOATING_ALIGN.Start,\n    offset: 6,\n  });\n\n  useEffect(() => {\n    if (open) setViewMonth(startOfMonth(value.to));\n  }, [open, value.to]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n      if (triggerRef.current?.contains(target)) return;\n      if (panelRef.current?.contains(target)) return;\n      setOpen(false);\n      setDraftStart(null);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n        setDraftStart(null);\n      }\n    };\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open]);\n\n  const days = useMemo(() => {\n    const monthStart = startOfMonth(viewMonth);\n    return eachDayOfInterval({\n      start: startOfWeek(monthStart),\n      end: endOfWeek(endOfMonth(monthStart)),\n    });\n  }, [viewMonth]);\n\n  const commit = (range: DateRangeValue) => {\n    onChange(range);\n    setDraftStart(null);\n    setOpen(false);\n  };\n\n  const pickDay = (day: Date) => {\n    if (!draftStart) {\n      setDraftStart(day);\n      return;\n    }\n    commit(calendarRangeFromPicks(draftStart, day));\n  };\n\n  return (\n    <div className={cn(\"relative inline-block min-w-0\", className)}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-label=\"Select time range\"\n        onClick={() => {\n          setOpen((current) => !current);\n          setDraftStart(null);\n        }}\n        className={cn(\n          \"inline-flex cursor-pointer h-9 w-full min-w-0 items-center justify-between gap-2 overflow-hidden rounded-[6px] border border-[#E3E3E3] bg-white px-3 text-sm font-medium text-black outline-none\",\n          fontSans,\n          triggerClassName,\n        )}\n      >\n        <span className=\"min-w-0 shrink truncate text-[#aaa]\">Time</span>\n        <span className=\"flex min-w-0 flex-1 items-center justify-end gap-2 truncate text-right\">\n          {formatDateRangeLabel(value)}\n        </span>\n        <IconArrowDown className={cn(\"h-1.5 w-2.75 shrink-0 text-black transition-transform\", open && \"rotate-180\")} />\n      </button>\n      {open && typeof document !== \"undefined\"\n        ? createPortal(\n            <div\n              ref={panelRef}\n              role=\"dialog\"\n              aria-label=\"Date range\"\n              style={{ ...panelStyle, zIndex: floatingLayerZIndex() }}\n              className={cn(\n                \"w-[min(320px,calc(100vw-32px))] rounded-[16px] border border-black/10 bg-white p-4 shadow-[0_8px_24px_rgba(0,0,0,0.08)]\",\n                fontSans,\n              )}\n            >\n              <div className=\"mb-3 flex items-center justify-between\">\n                <button\n                  type=\"button\"\n                  aria-label=\"Previous month\"\n                  onClick={() => setViewMonth((month) => addMonths(month, -1))}\n                  className=\"inline-flex size-8 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-[#606060] hover:bg-black/5\"\n                >\n                  <IconArrowDown className=\"h-1.5 w-2.75 rotate-90\" />\n                </button>\n                <span className=\"text-sm font-semibold text-black\">{format(viewMonth, \"yyyy MMM\")}</span>\n                <button\n                  type=\"button\"\n                  aria-label=\"Next month\"\n                  onClick={() => setViewMonth((month) => addMonths(month, 1))}\n                  className=\"inline-flex size-8 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-[#606060] hover:bg-black/5\"\n                >\n                  <IconArrowDown className=\"h-1.5 w-2.75 -rotate-90\" />\n                </button>\n              </div>\n              <div className=\"grid grid-cols-7 gap-1\">\n                {DATE_RANGE_WEEKDAY_LABELS.map((label) => (\n                  <div key={label} className=\"text-center text-[11px] font-medium text-[#aaa]\">\n                    {label}\n                  </div>\n                ))}\n              </div>\n              <div className=\"grid grid-cols-7 gap-1\">\n                {days.map((day) => {\n                  const inMonth = isSameMonth(day, viewMonth);\n                  const selected = isSameDay(day, value.from) || isSameDay(day, value.to) || (draftStart ? isSameDay(day, draftStart) : false);\n                  const inRange = !draftStart && isWithinInterval(day, { start: value.from, end: value.to });\n                  return (\n                    <button\n                      key={day.toISOString()}\n                      type=\"button\"\n                      onClick={() => pickDay(day)}\n                      className={cn(\n                        \"h-8 cursor-pointer rounded-[8px] border-0 bg-transparent text-[13px] font-medium text-black hover:bg-black/5\",\n                        !inMonth && \"text-[#ccc]\",\n                        inRange && !selected && \"bg-black/5\",\n                        selected && \"bg-black text-white hover:bg-black\",\n                      )}\n                    >\n                      {format(day, \"d\")}\n                    </button>\n                  );\n                })}\n              </div>\n              <div className=\"mt-3 flex flex-col gap-1 border-t border-black/10 pt-2\">\n                {DATE_RANGE_PRESET_OPTIONS.map((option) => (\n                  <button\n                    key={option.days}\n                    type=\"button\"\n                    onClick={() => commit(lastNDaysRange(option.days))}\n                    className=\"cursor-pointer rounded-[8px] border-0 bg-transparent px-2 py-1.5 text-left text-sm font-medium text-black hover:bg-black/5\"\n                  >\n                    {option.label}\n                  </button>\n                ))}\n              </div>\n            </div>,\n            document.body,\n          )\n        : null}\n    </div>\n  );\n}\n\nexport default DateRangePicker;\n","export const DATE_RANGE_WEEKDAY_LABELS = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"] as const;\n\nexport const DATE_RANGE_PRESET = {\n  Days30: 30,\n  Days7: 7,\n  Days1: 1,\n} as const;\n\nexport const DATE_RANGE_PRESET_OPTIONS = [\n  { days: DATE_RANGE_PRESET.Days30, label: \"Last 30 days\" },\n  { days: DATE_RANGE_PRESET.Days7, label: \"Last 7 days\" },\n  { days: DATE_RANGE_PRESET.Days1, label: \"Last 1 day\" },\n] as const;\n","import {\n  differenceInCalendarDays,\n  endOfDay,\n  format,\n  isSameDay,\n  startOfDay,\n  subDays,\n} from \"date-fns\";\nimport { DATE_RANGE_PRESET_OPTIONS } from \"./config\";\n\nexport type DateRangeValue = {\n  from: Date;\n  to: Date;\n};\n\nexport function calendarRangeFromPicks(start: Date, end: Date): DateRangeValue {\n  if (isSameDay(start, end)) {\n    return { from: startOfDay(end), to: endOfDay(end) };\n  }\n  const from = start.getTime() <= end.getTime() ? start : end;\n  const to = start.getTime() <= end.getTime() ? end : start;\n  return { from: startOfDay(from), to: endOfDay(to) };\n}\n\nexport function lastNDaysRange(days: number, now: Date = new Date()): DateRangeValue {\n  return {\n    from: startOfDay(subDays(now, days - 1)),\n    to: endOfDay(now),\n  };\n}\n\nexport function matchesLastNDays(range: DateRangeValue, days: number, now: Date = new Date()) {\n  const expected = lastNDaysRange(days, now);\n  return isSameDay(range.from, expected.from) && isSameDay(range.to, expected.to);\n}\n\nexport function formatDateRangeLabel(range: DateRangeValue, now: Date = new Date()) {\n  const preset = DATE_RANGE_PRESET_OPTIONS.find((option) =>\n    matchesLastNDays(range, option.days, now),\n  );\n  if (preset) return preset.label;\n  if (isSameDay(range.from, range.to)) return format(range.from, \"MMM d, yyyy\");\n  return `${format(range.from, \"MMM d, yyyy\")} – ${format(range.to, \"MMM d, yyyy\")}`;\n}\n\nexport function isInDateRange(iso: string, range: DateRangeValue) {\n  const time = new Date(iso).getTime();\n  if (Number.isNaN(time)) return true;\n  return time >= range.from.getTime() && time <= range.to.getTime();\n}\n\nexport function rangeToUnixSeconds(range: DateRangeValue) {\n  return {\n    start_time: Math.floor(range.from.getTime() / 1000),\n    end_time: Math.floor(range.to.getTime() / 1000),\n  };\n}\n\nexport function dateRangeDayCount(range: DateRangeValue) {\n  return differenceInCalendarDays(range.to, range.from) + 1;\n}\n"],"mappings":"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","names":["format","isSameDay","format","isSameDay"]}

package/dist/dialog/index.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { O as OverlayChromeProps } from '../types-DNElDQZ9.js';
+
+type DialogProps = OverlayChromeProps;
+declare function Dialog(props: DialogProps): react.JSX.Element;
+
+export { Dialog, type DialogProps };

package/dist/dialog/index.js

@@ -0,0 +1,116 @@
+import {
+  DRAWER_SIDE,
+  Drawer
+} from "../chunk-DON56HU7.js";
+import {
+  Overlay,
+  OverlayPanel
+} from "../chunk-AIJAGS5R.js";
+import "../chunk-J5TQGGEN.js";
+import "../chunk-MJ36QLY3.js";
+import {
+  DESKTOP_MEDIA_QUERY,
+  OVERLAY_DIALOG_PANEL_FADE_SECONDS
+} from "../chunk-RUOUGZWI.js";
+import "../chunk-FXENEWNN.js";
+import {
+  cn
+} from "../chunk-TUEV2KLC.js";
+
+// src/dialog/Dialog.tsx
+import { motion } from "motion/react";
+
+// src/hooks/use-media-query.ts
+import { useEffect, useState } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(() => {
+    if (typeof window === "undefined") return true;
+    return window.matchMedia(query).matches;
+  });
+  useEffect(() => {
+    const media = window.matchMedia(query);
+    const onChange = () => setMatches(media.matches);
+    onChange();
+    media.addEventListener("change", onChange);
+    return () => media.removeEventListener("change", onChange);
+  }, [query]);
+  return matches;
+}
+
+// src/dialog/Dialog.tsx
+import { jsx } from "react/jsx-runtime";
+function Dialog(props) {
+  const {
+    open,
+    onClose,
+    title,
+    ariaLabel,
+    children,
+    mask = true,
+    maskClassName,
+    closeOnMaskClick = true,
+    cardClassName,
+    titleClassName,
+    closeClassName,
+    closeIcon,
+    headerAction,
+    contentClassName
+  } = props;
+  const isDesktop = useMediaQuery(DESKTOP_MEDIA_QUERY);
+  if (!isDesktop) {
+    return /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        ...props,
+        side: DRAWER_SIDE.Bottom,
+        cardClassName: cn("w-full rounded-b-none", cardClassName)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Overlay,
+    {
+      open,
+      onClose,
+      mask,
+      maskClassName,
+      closeOnMaskClick,
+      elevated: props.elevated,
+      children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none relative flex size-full items-center justify-center p-4", children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "pointer-events-auto",
+          initial: { opacity: 0 },
+          animate: {
+            opacity: 1,
+            transition: { duration: OVERLAY_DIALOG_PANEL_FADE_SECONDS, delay: 0 }
+          },
+          exit: {
+            opacity: 0,
+            transition: { duration: OVERLAY_DIALOG_PANEL_FADE_SECONDS, delay: 0 }
+          },
+          children: /* @__PURE__ */ jsx(
+            OverlayPanel,
+            {
+              title,
+              ariaLabel,
+              titleClassName,
+              closeClassName,
+              closeIcon,
+              headerAction,
+              contentClassName,
+              onClose,
+              cardClassName: cn("w-full max-h-[90vh] md:w-[500px]", cardClassName),
+              trapFocus: mask,
+              children
+            }
+          )
+        }
+      ) })
+    }
+  );
+}
+export {
+  Dialog
+};
+//# sourceMappingURL=index.js.map

package/dist/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dialog/Dialog.tsx","../../src/hooks/use-media-query.ts"],"sourcesContent":["import { motion } from \"motion/react\";\nimport { cn } from \"../lib/cn\";\nimport { useMediaQuery } from \"../hooks/use-media-query\";\nimport { Overlay } from \"../overlay/Overlay\";\nimport { OverlayPanel } from \"../overlay/OverlayPanel\";\nimport { DESKTOP_MEDIA_QUERY, OVERLAY_DIALOG_PANEL_FADE_SECONDS } from \"../overlay/config\";\nimport type { OverlayChromeProps } from \"../overlay/types\";\nimport { Drawer } from \"../drawer/Drawer\";\nimport { DRAWER_SIDE } from \"../drawer/config\";\n\nexport type DialogProps = OverlayChromeProps;\n\nexport function Dialog(props: DialogProps) {\n  const {\n    open,\n    onClose,\n    title,\n    ariaLabel,\n    children,\n    mask = true,\n    maskClassName,\n    closeOnMaskClick = true,\n    cardClassName,\n    titleClassName,\n    closeClassName,\n    closeIcon,\n    headerAction,\n    contentClassName,\n  } = props;\n  const isDesktop = useMediaQuery(DESKTOP_MEDIA_QUERY);\n\n  if (!isDesktop) {\n    return (\n      <Drawer\n        {...props}\n        side={DRAWER_SIDE.Bottom}\n        cardClassName={cn(\"w-full rounded-b-none\", cardClassName)}\n      />\n    );\n  }\n\n  return (\n    <Overlay\n      open={open}\n      onClose={onClose}\n      mask={mask}\n      maskClassName={maskClassName}\n      closeOnMaskClick={closeOnMaskClick}\n      elevated={props.elevated}\n    >\n      <div className=\"pointer-events-none relative flex size-full items-center justify-center p-4\">\n        <motion.div\n          className=\"pointer-events-auto\"\n          initial={{ opacity: 0 }}\n          animate={{\n            opacity: 1,\n            transition: { duration: OVERLAY_DIALOG_PANEL_FADE_SECONDS, delay: 0 },\n          }}\n          exit={{\n            opacity: 0,\n            transition: { duration: OVERLAY_DIALOG_PANEL_FADE_SECONDS, delay: 0 },\n          }}\n        >\n          <OverlayPanel\n            title={title}\n            ariaLabel={ariaLabel}\n            titleClassName={titleClassName}\n            closeClassName={closeClassName}\n            closeIcon={closeIcon}\n            headerAction={headerAction}\n            contentClassName={contentClassName}\n            onClose={onClose}\n            cardClassName={cn(\"w-full max-h-[90vh] md:w-[500px]\", cardClassName)}\n            trapFocus={mask}\n          >\n            {children}\n          </OverlayPanel>\n        </motion.div>\n      </div>\n    </Overlay>\n  );\n}\n\nexport default Dialog;\n","import { useEffect, useState } from \"react\";\n\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState(() => {\n    if (typeof window === \"undefined\") return true;\n    return window.matchMedia(query).matches;\n  });\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n    const onChange = () => setMatches(media.matches);\n    onChange();\n    media.addEventListener(\"change\", onChange);\n    return () => media.removeEventListener(\"change\", onChange);\n  }, [query]);\n\n  return matches;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,cAAc;;;ACAvB,SAAS,WAAW,gBAAgB;AAE7B,SAAS,cAAc,OAAwB;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM;AAC3C,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,OAAO,WAAW,KAAK,EAAE;AAAA,EAClC,CAAC;AAED,YAAU,MAAM;AACd,UAAM,QAAQ,OAAO,WAAW,KAAK;AACrC,UAAM,WAAW,MAAM,WAAW,MAAM,OAAO;AAC/C,aAAS;AACT,UAAM,iBAAiB,UAAU,QAAQ;AACzC,WAAO,MAAM,MAAM,oBAAoB,UAAU,QAAQ;AAAA,EAC3D,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;;;ADgBM;AArBC,SAAS,OAAO,OAAoB;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,cAAc,mBAAmB;AAEnD,MAAI,CAAC,WAAW;AACd,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAM,YAAY;AAAA,QAClB,eAAe,GAAG,yBAAyB,aAAa;AAAA;AAAA,IAC1D;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,MAAM;AAAA,MAEhB,8BAAC,SAAI,WAAU,+EACb;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,WAAU;AAAA,UACV,SAAS,EAAE,SAAS,EAAE;AAAA,UACtB,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY,EAAE,UAAU,mCAAmC,OAAO,EAAE;AAAA,UACtE;AAAA,UACA,MAAM;AAAA,YACJ,SAAS;AAAA,YACT,YAAY,EAAE,UAAU,mCAAmC,OAAO,EAAE;AAAA,UACtE;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,eAAe,GAAG,oCAAoC,aAAa;AAAA,cACnE,WAAW;AAAA,cAEV;AAAA;AAAA,UACH;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/drawer/index.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { O as OverlayChromeProps } from '../types-DNElDQZ9.js';
+
+declare const DRAWER_SIDE: {
+    readonly Top: "top";
+    readonly Right: "right";
+    readonly Bottom: "bottom";
+    readonly Left: "left";
+};
+type DrawerSide = (typeof DRAWER_SIDE)[keyof typeof DRAWER_SIDE];
+
+type DrawerProps = OverlayChromeProps & {
+    side?: DrawerSide;
+};
+declare function Drawer(props: DrawerProps): react.JSX.Element;
+
+export { DRAWER_SIDE, Drawer, type DrawerProps, type DrawerSide };

package/dist/drawer/index.js

@@ -0,0 +1,15 @@
+import {
+  DRAWER_SIDE,
+  Drawer
+} from "../chunk-DON56HU7.js";
+import "../chunk-AIJAGS5R.js";
+import "../chunk-J5TQGGEN.js";
+import "../chunk-MJ36QLY3.js";
+import "../chunk-RUOUGZWI.js";
+import "../chunk-FXENEWNN.js";
+import "../chunk-TUEV2KLC.js";
+export {
+  DRAWER_SIDE,
+  Drawer
+};
+//# sourceMappingURL=index.js.map

package/dist/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/dropdown/index.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type DropdownOption = {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+};
+type DropdownProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    options: DropdownOption[];
+    label?: ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    panelClassName?: string;
+    empty?: ReactNode;
+    renderOption?: (option: DropdownOption, selected: boolean) => ReactNode;
+};
+declare function Dropdown(props: DropdownProps): react.JSX.Element;
+
+declare const DROPDOWN_PLACEHOLDER = "Select";
+declare const DROPDOWN_LOADING = "Loading...";
+
+export { DROPDOWN_LOADING, DROPDOWN_PLACEHOLDER, Dropdown, type DropdownOption, type DropdownProps };

package/dist/dropdown/index.js

@@ -0,0 +1,198 @@
+import {
+  IconLoading
+} from "../chunk-SE7Z4ZYP.js";
+import {
+  IconArrowDown
+} from "../chunk-OGSFVQK2.js";
+import {
+  FLOATING_ALIGN,
+  FLOATING_SIDE,
+  useFloatingPosition
+} from "../chunk-VAPGLPZ5.js";
+import {
+  floatingLayerZIndex
+} from "../chunk-RUOUGZWI.js";
+import {
+  fontSans
+} from "../chunk-FXENEWNN.js";
+import {
+  cn
+} from "../chunk-TUEV2KLC.js";
+
+// src/dropdown/Dropdown.tsx
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+
+// src/dropdown/config.ts
+var DROPDOWN_PLACEHOLDER = "Select";
+var DROPDOWN_LOADING = "Loading...";
+
+// src/dropdown/Dropdown.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Dropdown(props) {
+  const {
+    value,
+    defaultValue,
+    onChange,
+    options,
+    label,
+    placeholder = "Select",
+    disabled = false,
+    loading = false,
+    className,
+    triggerClassName,
+    panelClassName,
+    empty = "No options",
+    renderOption
+  } = props;
+  const triggerRef = useRef(null);
+  const panelRef = useRef(null);
+  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+  const [open, setOpen] = useState(false);
+  const [triggerWidth, setTriggerWidth] = useState();
+  const selectedValue = value ?? uncontrolledValue;
+  const panelStyle = useFloatingPosition({
+    open,
+    triggerRef,
+    panelRef,
+    side: FLOATING_SIDE.Bottom,
+    align: FLOATING_ALIGN.Start,
+    offset: 6
+  });
+  const selectedOption = useMemo(
+    () => options.find((option) => option.value === selectedValue),
+    [options, selectedValue]
+  );
+  const close = () => setOpen(false);
+  const selectValue = (nextValue) => {
+    if (value === void 0) setUncontrolledValue(nextValue);
+    onChange?.(nextValue);
+    close();
+  };
+  useLayoutEffect(() => {
+    if (!open) return;
+    const width = triggerRef.current?.getBoundingClientRect().width;
+    if (width) setTriggerWidth(width);
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const onPointerDown = (event) => {
+      const target = event.target;
+      if (!target) return;
+      if (triggerRef.current?.contains(target)) return;
+      if (panelRef.current?.contains(target)) return;
+      close();
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") close();
+    };
+    const onScroll = (event) => {
+      const target = event.target;
+      if (target instanceof Node && panelRef.current?.contains(target)) return;
+      close();
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    window.addEventListener("scroll", onScroll, true);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+      window.removeEventListener("scroll", onScroll, true);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-block min-w-0", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        disabled,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => {
+          if (disabled) return;
+          setOpen((current) => !current);
+        },
+        className: cn(
+          "inline-flex cursor-pointer h-9 w-full min-w-0 items-center justify-between gap-2 overflow-hidden rounded-[6px] border border-[#E3E3E3] bg-white px-3 text-sm font-medium text-black outline-none",
+          fontSans,
+          disabled && "cursor-not-allowed opacity-30",
+          triggerClassName
+        ),
+        children: [
+          label ? /* @__PURE__ */ jsx("span", { className: "min-w-0 shrink truncate text-[#aaa]", children: label }) : null,
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "flex min-w-0 items-center gap-2 truncate",
+                label && "flex-1 justify-end text-right",
+                !selectedOption && "text-[#606060]"
+              ),
+              children: [
+                loading ? /* @__PURE__ */ jsx(IconLoading, { className: "size-3.25 shrink-0 animate-spin text-[#909090]" }) : null,
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: selectedOption?.label ?? placeholder })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(IconArrowDown, { className: cn("h-1.5 w-2.75 shrink-0 text-black transition-transform", open && "rotate-180") })
+        ]
+      }
+    ),
+    open && typeof document !== "undefined" ? createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: panelRef,
+          role: "listbox",
+          style: { ...panelStyle, minWidth: triggerWidth, zIndex: floatingLayerZIndex() },
+          className: cn(
+            "w-max overflow-hidden rounded-[12px] border border-[#E0E0E0] bg-[#FDFDFD] py-1 text-base font-medium leading-normal text-black shadow-[0_0_20px_0_rgba(0,0,0,0.06)]",
+            fontSans,
+            panelClassName
+          ),
+          children: loading ? /* @__PURE__ */ jsxs(
+            "p",
+            {
+              role: "status",
+              className: cn("flex items-center justify-center gap-2 px-3 py-4 text-sm font-medium text-[#aaa]", fontSans),
+              children: [
+                /* @__PURE__ */ jsx(IconLoading, { className: "size-3.25 shrink-0 animate-spin" }),
+                DROPDOWN_LOADING
+              ]
+            }
+          ) : options.length === 0 ? /* @__PURE__ */ jsx("p", { role: "status", className: cn("px-3 py-4 text-center text-sm font-medium text-[#aaa]", fontSans), children: empty }) : options.map((option) => {
+            const selected = option.value === selectedValue;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": selected,
+                disabled: option.disabled,
+                onClick: () => {
+                  if (option.disabled) return;
+                  selectValue(option.value);
+                },
+                className: cn(
+                  "flex cursor-pointer w-full border-0 bg-transparent text-left text-xs font-medium text-black hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-30",
+                  renderOption ? "items-center px-2.5 py-1.5" : "px-3 py-2",
+                  selected && "bg-black/5"
+                ),
+                children: renderOption ? renderOption(option, selected) : option.label
+              },
+              option.value
+            );
+          })
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
+export {
+  DROPDOWN_LOADING,
+  DROPDOWN_PLACEHOLDER,
+  Dropdown
+};
+//# sourceMappingURL=index.js.map

package/dist/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dropdown/Dropdown.tsx","../../src/dropdown/config.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { IconArrowDown } from \"../icons/arrow-down\";\nimport { IconLoading } from \"../icons/loading\";\nimport { cn } from \"../lib/cn\";\nimport { fontSans } from \"../lib/font\";\nimport { floatingLayerZIndex } from \"../overlay/stack\";\nimport { FLOATING_ALIGN, FLOATING_SIDE, useFloatingPosition } from \"../overlay/use-floating-position\";\nimport { DROPDOWN_LOADING } from \"./config\";\n\nexport type DropdownOption = {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n};\n\nexport type DropdownProps = {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  options: DropdownOption[];\n  label?: ReactNode;\n  placeholder?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  className?: string;\n  triggerClassName?: string;\n  panelClassName?: string;\n  empty?: ReactNode;\n  renderOption?: (option: DropdownOption, selected: boolean) => ReactNode;\n};\n\nexport function Dropdown(props: DropdownProps) {\n  const {\n    value,\n    defaultValue,\n    onChange,\n    options,\n    label,\n    placeholder = \"Select\",\n    disabled = false,\n    loading = false,\n    className,\n    triggerClassName,\n    panelClassName,\n    empty = \"No options\",\n    renderOption,\n  } = props;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const [open, setOpen] = useState(false);\n  const [triggerWidth, setTriggerWidth] = useState<number>();\n  const selectedValue = value ?? uncontrolledValue;\n  const panelStyle = useFloatingPosition({\n    open,\n    triggerRef,\n    panelRef,\n    side: FLOATING_SIDE.Bottom,\n    align: FLOATING_ALIGN.Start,\n    offset: 6,\n  });\n\n  const selectedOption = useMemo(\n    () => options.find((option) => option.value === selectedValue),\n    [options, selectedValue],\n  );\n\n  const close = () => setOpen(false);\n\n  const selectValue = (nextValue: string) => {\n    if (value === undefined) setUncontrolledValue(nextValue);\n    onChange?.(nextValue);\n    close();\n  };\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    const width = triggerRef.current?.getBoundingClientRect().width;\n    if (width) setTriggerWidth(width);\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n      if (triggerRef.current?.contains(target)) return;\n      if (panelRef.current?.contains(target)) return;\n      close();\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") close();\n    };\n    const onScroll = (event: Event) => {\n      const target = event.target;\n      if (target instanceof Node && panelRef.current?.contains(target)) return;\n      close();\n    };\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    window.addEventListener(\"scroll\", onScroll, true);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n      window.removeEventListener(\"scroll\", onScroll, true);\n    };\n  }, [open]);\n\n  return (\n    <div className={cn(\"relative inline-block min-w-0\", className)}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        disabled={disabled}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        onClick={() => {\n          if (disabled) return;\n          setOpen((current) => !current);\n        }}\n        className={cn(\n          \"inline-flex cursor-pointer h-9 w-full min-w-0 items-center justify-between gap-2 overflow-hidden rounded-[6px] border border-[#E3E3E3] bg-white px-3 text-sm font-medium text-black outline-none\",\n          fontSans,\n          disabled && \"cursor-not-allowed opacity-30\",\n          triggerClassName,\n        )}\n      >\n        {label ? <span className=\"min-w-0 shrink truncate text-[#aaa]\">{label}</span> : null}\n        <span\n          className={cn(\n            \"flex min-w-0 items-center gap-2 truncate\",\n            label && \"flex-1 justify-end text-right\",\n            !selectedOption && \"text-[#606060]\",\n          )}\n        >\n          {loading ? <IconLoading className=\"size-3.25 shrink-0 animate-spin text-[#909090]\" /> : null}\n          <span className=\"min-w-0 truncate\">{selectedOption?.label ?? placeholder}</span>\n        </span>\n        <IconArrowDown className={cn(\"h-1.5 w-2.75 shrink-0 text-black transition-transform\", open && \"rotate-180\")} />\n      </button>\n      {open && typeof document !== \"undefined\"\n        ? createPortal(\n            <div\n              ref={panelRef}\n              role=\"listbox\"\n              style={{ ...panelStyle, minWidth: triggerWidth, zIndex: floatingLayerZIndex() }}\n              className={cn(\n                \"w-max overflow-hidden rounded-[12px] border border-[#E0E0E0] bg-[#FDFDFD] py-1 text-base font-medium leading-normal text-black shadow-[0_0_20px_0_rgba(0,0,0,0.06)]\",\n                fontSans,\n                panelClassName,\n              )}\n            >\n              {loading ? (\n                <p\n                  role=\"status\"\n                  className={cn(\"flex items-center justify-center gap-2 px-3 py-4 text-sm font-medium text-[#aaa]\", fontSans)}\n                >\n                  <IconLoading className=\"size-3.25 shrink-0 animate-spin\" />\n                  {DROPDOWN_LOADING}\n                </p>\n              ) : options.length === 0 ? (\n                <p role=\"status\" className={cn(\"px-3 py-4 text-center text-sm font-medium text-[#aaa]\", fontSans)}>\n                  {empty}\n                </p>\n              ) : (\n                options.map((option) => {\n                  const selected = option.value === selectedValue;\n                  return (\n                    <button\n                      key={option.value}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={selected}\n                      disabled={option.disabled}\n                      onClick={() => {\n                        if (option.disabled) return;\n                        selectValue(option.value);\n                      }}\n                      className={cn(\n                        \"flex cursor-pointer w-full border-0 bg-transparent text-left text-xs font-medium text-black hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-30\",\n                        renderOption ? \"items-center px-2.5 py-1.5\" : \"px-3 py-2\",\n                        selected && \"bg-black/5\",\n                      )}\n                    >\n                      {renderOption ? renderOption(option, selected) : option.label}\n                    </button>\n                  );\n                })\n              )}\n            </div>,\n            document.body,\n          )\n        : null}\n    </div>\n  );\n}\n\nexport default Dropdown;\n","export const DROPDOWN_PLACEHOLDER = \"Select\";\nexport const DROPDOWN_LOADING = \"Loading...\";\n"],"mappings":"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","names":[]}

package/dist/icons/alert.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IconProps } from './types.js';
+
+declare const IconAlert: (props: IconProps) => react.JSX.Element;
+
+export { IconAlert, IconAlert as default };

package/dist/icons/alert.js

@@ -0,0 +1,9 @@
+import {
+  IconAlert,
+  alert_default
+} from "../chunk-NZGSPYWG.js";
+export {
+  IconAlert,
+  alert_default as default
+};
+//# sourceMappingURL=alert.js.map

package/dist/icons/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/icons/all-networks.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IconProps } from './types.js';
+
+declare const IconAllNetworks: (props: IconProps) => react.JSX.Element;
+
+export { IconAllNetworks, IconAllNetworks as default };

package/dist/icons/all-networks.js

@@ -0,0 +1,30 @@
+// src/icons/all-networks.tsx
+import { jsx } from "react/jsx-runtime";
+var IconAllNetworks = (props) => {
+  const { className, style } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "22",
+      height: "22",
+      viewBox: "0 0 22 22",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      style,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8.25 0C8.52085 -3.70305e-09 8.78905 0.053348 9.03928 0.156998C9.28952 0.260649 9.51689 0.412571 9.70841 0.604092C9.89993 0.795613 10.0519 1.02298 10.1555 1.27322C10.2592 1.52345 10.3125 1.79165 10.3125 2.0625V10.3125H2.0625C1.79165 10.3125 1.52345 10.2592 1.27322 10.1555C1.02298 10.0519 0.795613 9.89993 0.604092 9.70841C0.412571 9.51689 0.260649 9.28952 0.156998 9.03928C0.053348 8.78905 -3.70305e-09 8.52085 0 8.25V2.0625C0 1.51549 0.217298 0.990886 0.604092 0.604092C0.990886 0.217298 1.51549 0 2.0625 0H8.25ZM8.25 2.0625H2.0625V8.25H8.25V2.0625ZM10.3125 11.6875V19.9375C10.3125 20.2084 10.2592 20.4766 10.1555 20.7268C10.0519 20.977 9.89993 21.2044 9.70841 21.3959C9.51689 21.5874 9.28952 21.7394 9.03928 21.843C8.78905 21.9467 8.52085 22 8.25 22H2.0625C1.51549 22 0.990886 21.7827 0.604092 21.3959C0.217298 21.0091 0 20.4845 0 19.9375V13.75C-3.70305e-09 13.4791 0.053348 13.211 0.156998 12.9607C0.260649 12.7105 0.412571 12.4831 0.604092 12.2916C0.795613 12.1001 1.02298 11.9481 1.27322 11.8445C1.52345 11.7408 1.79165 11.6875 2.0625 11.6875H10.3125ZM2.0625 13.75V19.9375H8.25V13.75H2.0625ZM16.8438 0C18.2113 0 19.5228 0.543246 20.4898 1.51023C21.4568 2.47722 22 3.78873 22 5.15625C22 6.52377 21.4568 7.83529 20.4898 8.80227C19.5228 9.76925 18.2113 10.3125 16.8438 10.3125C15.4762 10.3125 14.1647 9.76925 13.1977 8.80227C12.2307 7.83529 11.6875 6.52377 11.6875 5.15625C11.6875 3.78873 12.2307 2.47722 13.1977 1.51023C14.1647 0.543246 15.4762 0 16.8438 0ZM16.8438 2.0625C16.4374 2.06246 16.0351 2.14246 15.6597 2.29791C15.2843 2.45337 14.9433 2.68125 14.6559 2.96853C14.3686 3.25582 14.1407 3.59689 13.9852 3.97226C13.8297 4.34763 13.7497 4.74995 13.7497 5.15625C13.7497 5.56255 13.8297 5.96488 13.9852 6.34025C14.1407 6.71562 14.3686 7.05668 14.6559 7.34397C14.9433 7.63125 15.2843 7.85913 15.6597 8.01459C16.0351 8.17005 16.4374 8.25004 16.8438 8.25C17.6642 8.24992 18.451 7.92394 19.0312 7.34376C19.6113 6.76358 19.9372 5.97671 19.9372 5.15625C19.9372 4.33579 19.6113 3.54893 19.0312 2.96874C18.451 2.38856 17.6642 2.06258 16.8438 2.0625ZM19.9375 11.6875C20.2084 11.6875 20.4766 11.7408 20.7268 11.8445C20.977 11.9481 21.2044 12.1001 21.3959 12.2916C21.5874 12.4831 21.7394 12.7105 21.843 12.9607C21.9467 13.211 22 13.4791 22 13.75V19.9375C22 20.2084 21.9467 20.4766 21.843 20.7268C21.7394 20.977 21.5874 21.2044 21.3959 21.3959C21.2044 21.5874 20.977 21.7394 20.7268 21.843C20.4766 21.9467 20.2084 22 19.9375 22H13.75C13.4791 22 13.211 21.9467 12.9607 21.843C12.7105 21.7394 12.4831 21.5874 12.2916 21.3959C12.1001 21.2044 11.9481 20.977 11.8445 20.7268C11.7408 20.4766 11.6875 20.2084 11.6875 19.9375V11.6875H19.9375ZM13.75 19.9375H19.9375V13.75H13.75V19.9375Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+var all_networks_default = IconAllNetworks;
+export {
+  IconAllNetworks,
+  all_networks_default as default
+};
+//# sourceMappingURL=all-networks.js.map

package/dist/icons/all-networks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/all-networks.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconAllNetworks = (props: IconProps) => {\n  const { className, style } = props;\n\n  return (\n    <svg\n      width=\"22\"\n      height=\"22\"\n      viewBox=\"0 0 22 22\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      style={style}\n    >\n      <path\n        d=\"M8.25 0C8.52085 -3.70305e-09 8.78905 0.053348 9.03928 0.156998C9.28952 0.260649 9.51689 0.412571 9.70841 0.604092C9.89993 0.795613 10.0519 1.02298 10.1555 1.27322C10.2592 1.52345 10.3125 1.79165 10.3125 2.0625V10.3125H2.0625C1.79165 10.3125 1.52345 10.2592 1.27322 10.1555C1.02298 10.0519 0.795613 9.89993 0.604092 9.70841C0.412571 9.51689 0.260649 9.28952 0.156998 9.03928C0.053348 8.78905 -3.70305e-09 8.52085 0 8.25V2.0625C0 1.51549 0.217298 0.990886 0.604092 0.604092C0.990886 0.217298 1.51549 0 2.0625 0H8.25ZM8.25 2.0625H2.0625V8.25H8.25V2.0625ZM10.3125 11.6875V19.9375C10.3125 20.2084 10.2592 20.4766 10.1555 20.7268C10.0519 20.977 9.89993 21.2044 9.70841 21.3959C9.51689 21.5874 9.28952 21.7394 9.03928 21.843C8.78905 21.9467 8.52085 22 8.25 22H2.0625C1.51549 22 0.990886 21.7827 0.604092 21.3959C0.217298 21.0091 0 20.4845 0 19.9375V13.75C-3.70305e-09 13.4791 0.053348 13.211 0.156998 12.9607C0.260649 12.7105 0.412571 12.4831 0.604092 12.2916C0.795613 12.1001 1.02298 11.9481 1.27322 11.8445C1.52345 11.7408 1.79165 11.6875 2.0625 11.6875H10.3125ZM2.0625 13.75V19.9375H8.25V13.75H2.0625ZM16.8438 0C18.2113 0 19.5228 0.543246 20.4898 1.51023C21.4568 2.47722 22 3.78873 22 5.15625C22 6.52377 21.4568 7.83529 20.4898 8.80227C19.5228 9.76925 18.2113 10.3125 16.8438 10.3125C15.4762 10.3125 14.1647 9.76925 13.1977 8.80227C12.2307 7.83529 11.6875 6.52377 11.6875 5.15625C11.6875 3.78873 12.2307 2.47722 13.1977 1.51023C14.1647 0.543246 15.4762 0 16.8438 0ZM16.8438 2.0625C16.4374 2.06246 16.0351 2.14246 15.6597 2.29791C15.2843 2.45337 14.9433 2.68125 14.6559 2.96853C14.3686 3.25582 14.1407 3.59689 13.9852 3.97226C13.8297 4.34763 13.7497 4.74995 13.7497 5.15625C13.7497 5.56255 13.8297 5.96488 13.9852 6.34025C14.1407 6.71562 14.3686 7.05668 14.6559 7.34397C14.9433 7.63125 15.2843 7.85913 15.6597 8.01459C16.0351 8.17005 16.4374 8.25004 16.8438 8.25C17.6642 8.24992 18.451 7.92394 19.0312 7.34376C19.6113 6.76358 19.9372 5.97671 19.9372 5.15625C19.9372 4.33579 19.6113 3.54893 19.0312 2.96874C18.451 2.38856 17.6642 2.06258 16.8438 2.0625ZM19.9375 11.6875C20.2084 11.6875 20.4766 11.7408 20.7268 11.8445C20.977 11.9481 21.2044 12.1001 21.3959 12.2916C21.5874 12.4831 21.7394 12.7105 21.843 12.9607C21.9467 13.211 22 13.4791 22 13.75V19.9375C22 20.2084 21.9467 20.4766 21.843 20.7268C21.7394 20.977 21.5874 21.2044 21.3959 21.3959C21.2044 21.5874 20.977 21.7394 20.7268 21.843C20.4766 21.9467 20.2084 22 19.9375 22H13.75C13.4791 22 13.211 21.9467 12.9607 21.843C12.7105 21.7394 12.4831 21.5874 12.2916 21.3959C12.1001 21.2044 11.9481 20.977 11.8445 20.7268C11.7408 20.4766 11.6875 20.2084 11.6875 19.9375V11.6875H19.9375ZM13.75 19.9375H19.9375V13.75H13.75V19.9375Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconAllNetworks;\n"],"mappings":";AAeM;AAbC,IAAM,kBAAkB,CAAC,UAAqB;AACnD,QAAM,EAAE,WAAW,MAAM,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/icons/arrow-down.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IconProps } from './types.js';
+
+declare const IconArrowDown: (props: IconProps) => react.JSX.Element;
+
+export { IconArrowDown, IconArrowDown as default };

package/dist/icons/arrow-down.js

@@ -0,0 +1,9 @@
+import {
+  IconArrowDown,
+  arrow_down_default
+} from "../chunk-OGSFVQK2.js";
+export {
+  IconArrowDown,
+  arrow_down_default as default
+};
+//# sourceMappingURL=arrow-down.js.map

package/dist/icons/arrow-down.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/icons/back.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IconProps } from './types.js';
+
+declare const IconBack: (props: IconProps) => react.JSX.Element;
+
+export { IconBack, IconBack as default };

package/dist/icons/back.js

@@ -0,0 +1,47 @@
+// src/icons/back.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var IconBack = (props) => {
+  const { className, style } = props;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M16 9L12 14.1724L16 19",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            opacity: "0.1",
+            x: "0.5",
+            y: "0.5",
+            width: "27",
+            height: "27",
+            rx: "13.5",
+            stroke: "black"
+          }
+        )
+      ]
+    }
+  );
+};
+var back_default = IconBack;
+export {
+  IconBack,
+  back_default as default
+};
+//# sourceMappingURL=back.js.map

package/dist/icons/back.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/back.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconBack = (props: IconProps) => {\n  const { className, style } = props;\n\n  return (\n    <svg\n      width=\"28\"\n      height=\"28\"\n      viewBox=\"0 0 28 28\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M16 9L12 14.1724L16 19\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <rect\n        opacity=\"0.1\"\n        x=\"0.5\"\n        y=\"0.5\"\n        width=\"27\"\n        height=\"27\"\n        rx=\"13.5\"\n        stroke=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default IconBack;\n"],"mappings":";AAMI,SASE,KATF;AAJG,IAAM,WAAW,CAAC,UAAqB;AAC5C,QAAM,EAAE,WAAW,MAAM,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAG;AAAA,YACH,QAAO;AAAA;AAAA,QACT;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/icons/bonus.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IconProps } from './types.js';
+
+declare const IconBonus: (props: IconProps) => react.JSX.Element;
+
+export { IconBonus, IconBonus as default };