@n3wth/ui 0.7.0 → 0.9.0

package/dist/atoms/HamburgerIcon/HamburgerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HamburgerIcon.js","sources":["../../../src/atoms/HamburgerIcon/HamburgerIcon.tsx"],"sourcesContent":["import { type SVGProps } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface HamburgerIconProps extends SVGProps<SVGSVGElement> {\n  /** Whether the menu is open (shows X) or closed (shows hamburger) */\n  isOpen: boolean\n  /** Size of the icon */\n  size?: number\n}\n\nexport function HamburgerIcon({\n  isOpen,\n  size = 24,\n  className,\n  ...props\n}: HamburgerIconProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn('transition-transform duration-300', className)}\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path\n        d={isOpen ? 'M18 6L6 18' : 'M4 6h16'}\n        className=\"origin-center transition-all duration-300\"\n      />\n      <path\n        d={isOpen ? 'M6 6l12 12' : 'M4 12h16'}\n        className={cn(\n          'origin-center transition-all duration-300',\n          isOpen && 'opacity-0'\n        )}\n      />\n      {!isOpen && <path d=\"M4 18h16\" />}\n    </svg>\n  )\n}\n"],"names":["HamburgerIcon","isOpen","size","className","props","jsxs","cn","jsx"],"mappings":";;AAUO,SAASA,EAAc;AAAA,EAC5B,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAOH;AAAA,MACP,QAAQA;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAWI,EAAG,qCAAqCH,CAAS;AAAA,MAC5D,eAAY;AAAA,MACX,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGN,IAAS,eAAe;AAAA,YAC3B,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGN,IAAS,eAAe;AAAA,YAC3B,WAAWK;AAAA,cACT;AAAA,cACAL,KAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAED,CAACA,KAAU,gBAAAM,EAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrC;"}

package/dist/atoms/Icon/Icon.js

@@ -0,0 +1,199 @@
+import { jsx as e } from "react/jsx-runtime";
+import f from "../../node_modules/iconoir-react/dist/esm/regular/ArrowDown.js";
+import p from "../../node_modules/iconoir-react/dist/esm/regular/ArrowLeft.js";
+import n from "../../node_modules/iconoir-react/dist/esm/regular/ArrowRight.js";
+import l from "../../node_modules/iconoir-react/dist/esm/regular/ArrowUpRight.js";
+import $ from "../../node_modules/iconoir-react/dist/esm/regular/ArrowUp.js";
+import c from "../../node_modules/iconoir-react/dist/esm/regular/Bell.js";
+import h from "../../node_modules/iconoir-react/dist/esm/regular/Calendar.js";
+import w from "../../node_modules/iconoir-react/dist/esm/regular/CheckCircle.js";
+import d from "../../node_modules/iconoir-react/dist/esm/regular/Check.js";
+import u from "../../node_modules/iconoir-react/dist/esm/regular/Clock.js";
+import k from "../../node_modules/iconoir-react/dist/esm/regular/Code.js";
+import x from "../../node_modules/iconoir-react/dist/esm/regular/Copy.js";
+import g from "../../node_modules/iconoir-react/dist/esm/regular/Download.js";
+import S from "../../node_modules/iconoir-react/dist/esm/regular/EditPencil.js";
+import C from "../../node_modules/iconoir-react/dist/esm/regular/EyeClosed.js";
+import L from "../../node_modules/iconoir-react/dist/esm/regular/Eye.js";
+import v from "../../node_modules/iconoir-react/dist/esm/regular/Filter.js";
+import A from "../../node_modules/iconoir-react/dist/esm/regular/Folder.js";
+import b from "../../node_modules/iconoir-react/dist/esm/regular/Github.js";
+import y from "../../node_modules/iconoir-react/dist/esm/regular/HalfMoon.js";
+import M from "../../node_modules/iconoir-react/dist/esm/regular/Heart.js";
+import N from "../../node_modules/iconoir-react/dist/esm/regular/Home.js";
+import D from "../../node_modules/iconoir-react/dist/esm/regular/InfoCircle.js";
+import I from "../../node_modules/iconoir-react/dist/esm/regular/Link.js";
+import U from "../../node_modules/iconoir-react/dist/esm/regular/List.js";
+import H from "../../node_modules/iconoir-react/dist/esm/regular/LockSlash.js";
+import P from "../../node_modules/iconoir-react/dist/esm/regular/Lock.js";
+import R from "../../node_modules/iconoir-react/dist/esm/regular/Mail.js";
+import z from "../../node_modules/iconoir-react/dist/esm/regular/Menu.js";
+import E from "../../node_modules/iconoir-react/dist/esm/regular/Minus.js";
+import T from "../../node_modules/iconoir-react/dist/esm/regular/MoreHoriz.js";
+import V from "../../node_modules/iconoir-react/dist/esm/regular/MoreVert.js";
+import W from "../../node_modules/iconoir-react/dist/esm/regular/NavArrowDown.js";
+import j from "../../node_modules/iconoir-react/dist/esm/regular/NavArrowLeft.js";
+import F from "../../node_modules/iconoir-react/dist/esm/regular/NavArrowRight.js";
+import G from "../../node_modules/iconoir-react/dist/esm/regular/NavArrowUp.js";
+import X from "../../node_modules/iconoir-react/dist/esm/regular/OpenInWindow.js";
+import B from "../../node_modules/iconoir-react/dist/esm/regular/Page.js";
+import O from "../../node_modules/iconoir-react/dist/esm/regular/Plus.js";
+import q from "../../node_modules/iconoir-react/dist/esm/regular/RefreshDouble.js";
+import J from "../../node_modules/iconoir-react/dist/esm/regular/Search.js";
+import K from "../../node_modules/iconoir-react/dist/esm/regular/Settings.js";
+import Q from "../../node_modules/iconoir-react/dist/esm/regular/SortDown.js";
+import Y from "../../node_modules/iconoir-react/dist/esm/regular/Sparks.js";
+import Z from "../../node_modules/iconoir-react/dist/esm/regular/Star.js";
+import _ from "../../node_modules/iconoir-react/dist/esm/regular/SunLight.js";
+import rr from "../../node_modules/iconoir-react/dist/esm/regular/Terminal.js";
+import or from "../../node_modules/iconoir-react/dist/esm/regular/Trash.js";
+import mr from "../../node_modules/iconoir-react/dist/esm/regular/Upload.js";
+import ir from "../../node_modules/iconoir-react/dist/esm/regular/User.js";
+import tr from "../../node_modules/iconoir-react/dist/esm/regular/ViewGrid.js";
+import ar from "../../node_modules/iconoir-react/dist/esm/regular/WarningTriangle.js";
+import sr from "../../node_modules/iconoir-react/dist/esm/regular/XmarkCircle.js";
+import er from "../../node_modules/iconoir-react/dist/esm/regular/Xmark.js";
+import { cn as fr } from "../../utils/cn.js";
+const pr = {
+  "arrow-right": n,
+  "arrow-left": p,
+  "arrow-up": $,
+  "arrow-down": f,
+  "chevron-right": F,
+  "chevron-left": j,
+  "chevron-down": W,
+  "chevron-up": G,
+  check: d,
+  x: er,
+  copy: x,
+  search: J,
+  menu: z,
+  sun: _,
+  moon: y,
+  external: l,
+  github: b,
+  terminal: rr,
+  code: k,
+  sparkles: Y,
+  plus: O,
+  minus: E,
+  settings: K,
+  user: ir,
+  heart: M,
+  star: Z,
+  mail: R,
+  calendar: h,
+  clock: u,
+  bell: c,
+  home: N,
+  folder: A,
+  file: B,
+  trash: or,
+  edit: S,
+  eye: L,
+  "eye-off": C,
+  lock: P,
+  unlock: H,
+  link: I,
+  "external-link": X,
+  download: g,
+  upload: mr,
+  refresh: q,
+  filter: v,
+  sort: Q,
+  grid: tr,
+  list: U,
+  "more-horizontal": T,
+  "more-vertical": V,
+  info: D,
+  warning: ar,
+  success: w,
+  error: sr
+}, nr = {
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-8 h-8"
+}, lr = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+};
+function ho({ name: o, size: r = "md", className: a, ...s }) {
+  const m = pr[o];
+  if (!m)
+    return console.warn(`Icon "${o}" not found`), null;
+  const i = typeof r == "number", t = i ? r : lr[r];
+  return /* @__PURE__ */ e(
+    m,
+    {
+      width: t,
+      height: t,
+      strokeWidth: 1.5,
+      className: fr(!i && nr[r], a),
+      "aria-hidden": "true",
+      ...s
+    }
+  );
+}
+export {
+  f as ArrowDown,
+  p as ArrowLeft,
+  n as ArrowRight,
+  $ as ArrowUp,
+  l as ArrowUpRight,
+  c as Bell,
+  h as Calendar,
+  d as Check,
+  w as CheckCircle,
+  u as Clock,
+  k as Code,
+  x as Copy,
+  g as Download,
+  S as EditPencil,
+  L as Eye,
+  C as EyeClosed,
+  v as Filter,
+  A as Folder,
+  b as Github,
+  y as HalfMoon,
+  M as Heart,
+  N as Home,
+  ho as Icon,
+  D as InfoCircle,
+  I as Link,
+  U as List,
+  P as Lock,
+  H as LockSlash,
+  R as Mail,
+  z as Menu,
+  E as Minus,
+  T as MoreHoriz,
+  V as MoreVert,
+  W as NavArrowDown,
+  j as NavArrowLeft,
+  F as NavArrowRight,
+  G as NavArrowUp,
+  X as OpenInWindow,
+  B as Page,
+  O as Plus,
+  q as RefreshDouble,
+  J as Search,
+  K as Settings,
+  Q as SortDown,
+  Y as Sparks,
+  Z as Star,
+  _ as SunLight,
+  rr as Terminal,
+  or as Trash,
+  mr as Upload,
+  ir as User,
+  tr as ViewGrid,
+  ar as WarningTriangle,
+  er as Xmark,
+  sr as XmarkCircle
+};
+//# sourceMappingURL=Icon.js.map

package/dist/atoms/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/atoms/Icon/Icon.tsx"],"sourcesContent":["import { type ComponentType, type SVGProps } from 'react'\nimport {\n  ArrowRight,\n  ArrowLeft,\n  ArrowUp,\n  ArrowDown,\n  NavArrowRight,\n  NavArrowLeft,\n  NavArrowDown,\n  NavArrowUp,\n  Check,\n  Xmark,\n  Copy,\n  Search,\n  Menu,\n  SunLight,\n  HalfMoon,\n  ArrowUpRight,\n  Github,\n  Terminal,\n  Code,\n  Sparks,\n  Plus,\n  Minus,\n  Settings,\n  User,\n  Heart,\n  Star,\n  Mail,\n  Calendar,\n  Clock,\n  Bell,\n  Home,\n  Folder,\n  Page,\n  Trash,\n  EditPencil,\n  Eye,\n  EyeClosed,\n  Lock,\n  LockSlash,\n  Link,\n  OpenInWindow,\n  Download,\n  Upload,\n  RefreshDouble,\n  Filter,\n  SortDown,\n  ViewGrid,\n  List,\n  MoreHoriz,\n  MoreVert,\n  InfoCircle,\n  WarningTriangle,\n  CheckCircle,\n  XmarkCircle,\n} from 'iconoir-react'\nimport { cn } from '../../utils/cn'\n\n// Map of icon names to Iconoir components\nconst iconComponents = {\n  'arrow-right': ArrowRight,\n  'arrow-left': ArrowLeft,\n  'arrow-up': ArrowUp,\n  'arrow-down': ArrowDown,\n  'chevron-right': NavArrowRight,\n  'chevron-left': NavArrowLeft,\n  'chevron-down': NavArrowDown,\n  'chevron-up': NavArrowUp,\n  check: Check,\n  x: Xmark,\n  copy: Copy,\n  search: Search,\n  menu: Menu,\n  sun: SunLight,\n  moon: HalfMoon,\n  external: ArrowUpRight,\n  github: Github,\n  terminal: Terminal,\n  code: Code,\n  sparkles: Sparks,\n  plus: Plus,\n  minus: Minus,\n  settings: Settings,\n  user: User,\n  heart: Heart,\n  star: Star,\n  mail: Mail,\n  calendar: Calendar,\n  clock: Clock,\n  bell: Bell,\n  home: Home,\n  folder: Folder,\n  file: Page,\n  trash: Trash,\n  edit: EditPencil,\n  eye: Eye,\n  'eye-off': EyeClosed,\n  lock: Lock,\n  unlock: LockSlash,\n  link: Link,\n  'external-link': OpenInWindow,\n  download: Download,\n  upload: Upload,\n  refresh: RefreshDouble,\n  filter: Filter,\n  sort: SortDown,\n  grid: ViewGrid,\n  list: List,\n  'more-horizontal': MoreHoriz,\n  'more-vertical': MoreVert,\n  info: InfoCircle,\n  warning: WarningTriangle,\n  success: CheckCircle,\n  error: XmarkCircle,\n} as const\n\nexport type IconName = keyof typeof iconComponents\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {\n  name: IconName\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n}\n\nconst sizeClasses = {\n  xs: 'w-3 h-3',\n  sm: 'w-4 h-4',\n  md: 'w-5 h-5',\n  lg: 'w-6 h-6',\n  xl: 'w-8 h-8',\n}\n\nconst sizePixels = {\n  xs: 12,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n}\n\nexport function Icon({ name, size = 'md', className, ...props }: IconProps) {\n  const IconComponent = iconComponents[name] as ComponentType<SVGProps<SVGSVGElement>>\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`)\n    return null\n  }\n\n  const isNumericSize = typeof size === 'number'\n  const pixelSize = isNumericSize ? size : sizePixels[size]\n\n  return (\n    <IconComponent\n      width={pixelSize}\n      height={pixelSize}\n      strokeWidth={1.5}\n      className={cn(!isNumericSize && sizeClasses[size], className)}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  )\n}\n\n// Re-export all iconoir icons for direct use\nexport * from 'iconoir-react'\n"],"names":["iconComponents","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","NavArrowRight","NavArrowLeft","NavArrowDown","NavArrowUp","Check","Xmark","Copy","Search","Menu","SunLight","HalfMoon","ArrowUpRight","Github","Terminal","Code","Sparks","Plus","Minus","Settings","User","Heart","Star","Mail","Calendar","Clock","Bell","Home","Folder","Page","Trash","EditPencil","Eye","EyeClosed","Lock","LockSlash","Link","OpenInWindow","Download","Upload","RefreshDouble","Filter","SortDown","ViewGrid","List","MoreHoriz","MoreVert","InfoCircle","WarningTriangle","CheckCircle","XmarkCircle","sizeClasses","sizePixels","Icon","name","size","className","props","IconComponent","isNumericSize","pixelSize","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,MAAMA,KAAiB;AAAA,EACrB,eAAeC;AAAAA,EACf,cAAcC;AAAAA,EACd,YAAYC;AAAAA,EACZ,cAAcC;AAAAA,EACd,iBAAiBC;AAAAA,EACjB,gBAAgBC;AAAAA,EAChB,gBAAgBC;AAAAA,EAChB,cAAcC;AAAAA,EACd,OAAOC;AAAAA,EACP,GAAGC;AAAAA,EACH,MAAMC;AAAAA,EACN,QAAQC;AAAAA,EACR,MAAMC;AAAAA,EACN,KAAKC;AAAAA,EACL,MAAMC;AAAAA,EACN,UAAUC;AAAAA,EACV,QAAQC;AAAAA,EACR,UAAUC;AAAAA,EACV,MAAMC;AAAAA,EACN,UAAUC;AAAAA,EACV,MAAMC;AAAAA,EACN,OAAOC;AAAAA,EACP,UAAUC;AAAAA,EACV,MAAMC;AAAAA,EACN,OAAOC;AAAAA,EACP,MAAMC;AAAAA,EACN,MAAMC;AAAAA,EACN,UAAUC;AAAAA,EACV,OAAOC;AAAAA,EACP,MAAMC;AAAAA,EACN,MAAMC;AAAAA,EACN,QAAQC;AAAAA,EACR,MAAMC;AAAAA,EACN,OAAOC;AAAAA,EACP,MAAMC;AAAAA,EACN,KAAKC;AAAAA,EACL,WAAWC;AAAAA,EACX,MAAMC;AAAAA,EACN,QAAQC;AAAAA,EACR,MAAMC;AAAAA,EACN,iBAAiBC;AAAAA,EACjB,UAAUC;AAAAA,EACV,QAAQC;AAAAA,EACR,SAASC;AAAAA,EACT,QAAQC;AAAAA,EACR,MAAMC;AAAAA,EACN,MAAMC;AAAAA,EACN,MAAMC;AAAAA,EACN,mBAAmBC;AAAAA,EACnB,iBAAiBC;AAAAA,EACjB,MAAMC;AAAAA,EACN,SAASC;AAAAA,EACT,SAASC;AAAAA,EACT,OAAOC;AACT,GASMC,KAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,KAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAASC,GAAK,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,WAAAC,GAAW,GAAGC,KAAoB;AAC1E,QAAMC,IAAgB9D,GAAe0D,CAAI;AAEzC,MAAI,CAACI;AACH,mBAAQ,KAAK,SAASJ,CAAI,aAAa,GAChC;AAGT,QAAMK,IAAgB,OAAOJ,KAAS,UAChCK,IAAYD,IAAgBJ,IAAOH,GAAWG,CAAI;AAExD,SACE,gBAAAM;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,OAAOE;AAAA,MACP,QAAQA;AAAA,MACR,aAAa;AAAA,MACb,WAAWE,GAAG,CAACH,KAAiBR,GAAYI,CAAI,GAAGC,CAAS;AAAA,MAC5D,eAAY;AAAA,MACX,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/atoms/Input/Input.js

@@ -0,0 +1,80 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { cn as g } from "../../utils/cn.js";
+const N = y(
+  ({
+    variant: b = "default",
+    inputSize: r = "md",
+    leftIcon: o,
+    rightIcon: a,
+    error: l = !1,
+    labelId: p,
+    className: h,
+    id: s,
+    ...v
+  }, f) => {
+    const t = !!l, n = typeof l == "string" ? l : void 0, i = n && s ? `${s}-error` : void 0, m = [
+      "relative inline-flex items-center w-full",
+      "border rounded-xl",
+      "transition-[border-color,background-color,box-shadow] duration-200",
+      "focus-within:border-[var(--color-white)]",
+      "focus-glow"
+    ], x = {
+      default: [
+        "bg-transparent",
+        t ? "border-[var(--color-coral)]" : "border-[var(--glass-border)]",
+        "hover:border-[var(--glass-highlight)]"
+      ],
+      glass: [
+        "bg-[var(--glass-bg)]",
+        "backdrop-blur-lg",
+        t ? "border-[var(--color-coral)]" : "border-[var(--glass-border)]",
+        "hover:bg-[rgba(255,255,255,0.08)]"
+      ]
+    }, u = {
+      sm: "h-8",
+      md: "h-10",
+      lg: "h-12"
+    }, w = {
+      sm: "text-xs px-3",
+      md: "text-sm px-4",
+      lg: "text-base px-5"
+    }, d = {
+      sm: { left: "pl-8", right: "pr-8" },
+      md: { left: "pl-10", right: "pr-10" },
+      lg: { left: "pl-12", right: "pr-12" }
+    };
+    return /* @__PURE__ */ c("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ c("div", { className: g(m, x[b], u[r], h), children: [
+        o && /* @__PURE__ */ e("span", { className: "absolute left-3 text-[var(--color-grey-400)] pointer-events-none", "aria-hidden": "true", children: o }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: f,
+            id: s,
+            className: g(
+              "w-full h-full bg-transparent",
+              "text-[var(--color-white)]",
+              "placeholder:text-[var(--color-grey-600)]",
+              "focus:outline-none focus-visible:outline-none",
+              w[r],
+              o && d[r].left,
+              a && d[r].right
+            ),
+            "aria-invalid": t || void 0,
+            "aria-describedby": i,
+            "aria-labelledby": p,
+            ...v
+          }
+        ),
+        a && /* @__PURE__ */ e("span", { className: "absolute right-3 text-[var(--color-grey-400)]", "aria-hidden": "true", children: a })
+      ] }),
+      n && /* @__PURE__ */ e("span", { id: i, className: "text-xs text-[var(--color-coral)]", role: "alert", children: n })
+    ] });
+  }
+);
+N.displayName = "Input";
+export {
+  N as Input
+};
+//# sourceMappingURL=Input.js.map

package/dist/atoms/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/atoms/Input/Input.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  variant?: 'default' | 'glass'\n  inputSize?: 'sm' | 'md' | 'lg'\n  leftIcon?: ReactNode\n  rightIcon?: ReactNode\n  /** Error state - boolean for styling only, or string to display error message */\n  error?: boolean | string\n  /** Associated label id for accessibility */\n  labelId?: string\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'default',\n      inputSize = 'md',\n      leftIcon,\n      rightIcon,\n      error = false,\n      labelId,\n      className,\n      id,\n      ...props\n    },\n    ref\n  ) => {\n    const hasError = Boolean(error)\n    const errorMessage = typeof error === 'string' ? error : undefined\n    const errorId = errorMessage && id ? `${id}-error` : undefined\n    const wrapperStyles = [\n      'relative inline-flex items-center w-full',\n      'border rounded-xl',\n      'transition-[border-color,background-color,box-shadow] duration-200',\n      'focus-within:border-[var(--color-white)]',\n      'focus-glow',\n    ]\n\n    const variants = {\n      default: [\n        'bg-transparent',\n        hasError ? 'border-[var(--color-coral)]' : 'border-[var(--glass-border)]',\n        'hover:border-[var(--glass-highlight)]',\n      ],\n      glass: [\n        'bg-[var(--glass-bg)]',\n        'backdrop-blur-lg',\n        hasError ? 'border-[var(--color-coral)]' : 'border-[var(--glass-border)]',\n        'hover:bg-[rgba(255,255,255,0.08)]',\n      ],\n    }\n\n    const sizes = {\n      sm: 'h-8',\n      md: 'h-10',\n      lg: 'h-12',\n    }\n\n    const inputSizes = {\n      sm: 'text-xs px-3',\n      md: 'text-sm px-4',\n      lg: 'text-base px-5',\n    }\n\n    const iconPadding = {\n      sm: { left: 'pl-8', right: 'pr-8' },\n      md: { left: 'pl-10', right: 'pr-10' },\n      lg: { left: 'pl-12', right: 'pr-12' },\n    }\n\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        <div className={cn(wrapperStyles, variants[variant], sizes[inputSize], className)}>\n          {leftIcon && (\n            <span className=\"absolute left-3 text-[var(--color-grey-400)] pointer-events-none\" aria-hidden=\"true\">\n              {leftIcon}\n            </span>\n          )}\n          <input\n            ref={ref}\n            id={id}\n            className={cn(\n              'w-full h-full bg-transparent',\n              'text-[var(--color-white)]',\n              'placeholder:text-[var(--color-grey-600)]',\n              'focus:outline-none focus-visible:outline-none',\n              inputSizes[inputSize],\n              leftIcon && iconPadding[inputSize].left,\n              rightIcon && iconPadding[inputSize].right\n            )}\n            aria-invalid={hasError || undefined}\n            aria-describedby={errorId}\n            aria-labelledby={labelId}\n            {...props}\n          />\n          {rightIcon && (\n            <span className=\"absolute right-3 text-[var(--color-grey-400)]\" aria-hidden=\"true\">{rightIcon}</span>\n          )}\n        </div>\n        {errorMessage && (\n          <span id={errorId} className=\"text-xs text-[var(--color-coral)]\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["Input","forwardRef","variant","inputSize","leftIcon","rightIcon","error","labelId","className","id","props","ref","hasError","errorMessage","errorId","wrapperStyles","variants","sizes","inputSizes","iconPadding","jsxs","cn","jsx"],"mappings":";;;AAcO,MAAMA,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAW,EAAQN,GACnBO,IAAe,OAAOP,KAAU,WAAWA,IAAQ,QACnDQ,IAAUD,KAAgBJ,IAAK,GAAGA,CAAE,WAAW,QAC/CM,IAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGIC,IAAW;AAAA,MACf,SAAS;AAAA,QACP;AAAA,QACAJ,IAAW,gCAAgC;AAAA,QAC3C;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACAA,IAAW,gCAAgC;AAAA,QAC3C;AAAA,MAAA;AAAA,IACF,GAGIK,IAAQ;AAAA,MACZ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAa;AAAA,MACjB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAc;AAAA,MAClB,IAAI,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC3B,IAAI,EAAE,MAAM,SAAS,OAAO,QAAA;AAAA,MAC5B,IAAI,EAAE,MAAM,SAAS,OAAO,QAAA;AAAA,IAAQ;AAGtC,WACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAWC,EAAGN,GAAeC,EAASd,CAAO,GAAGe,EAAMd,CAAS,GAAGK,CAAS,GAC7E,UAAA;AAAA,QAAAJ,uBACE,QAAA,EAAK,WAAU,oEAAmE,eAAY,QAC5F,UAAAA,GACH;AAAA,QAEF,gBAAAkB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAAX;AAAA,YACA,IAAAF;AAAA,YACA,WAAWY;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAH,EAAWf,CAAS;AAAA,cACpBC,KAAYe,EAAYhB,CAAS,EAAE;AAAA,cACnCE,KAAac,EAAYhB,CAAS,EAAE;AAAA,YAAA;AAAA,YAEtC,gBAAcS,KAAY;AAAA,YAC1B,oBAAkBE;AAAA,YAClB,mBAAiBP;AAAA,YAChB,GAAGG;AAAA,UAAA;AAAA,QAAA;AAAA,QAELL,KACC,gBAAAiB,EAAC,QAAA,EAAK,WAAU,iDAAgD,eAAY,QAAQ,UAAAjB,EAAA,CAAU;AAAA,MAAA,GAElG;AAAA,MACCQ,uBACE,QAAA,EAAK,IAAIC,GAAS,WAAU,qCAAoC,MAAK,SACnE,UAAAD,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAb,EAAM,cAAc;"}

package/dist/atoms/Label/Label.js

@@ -0,0 +1,32 @@
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { cn as i } from "../../utils/cn.js";
+const n = c(
+  ({
+    required: r = !1,
+    disabled: e = !1,
+    children: a,
+    className: o,
+    ...l
+  }, t) => /* @__PURE__ */ s(
+    "label",
+    {
+      ref: t,
+      className: i(
+        "text-sm font-medium text-[var(--color-white)]",
+        e && "opacity-50 cursor-not-allowed",
+        o
+      ),
+      ...l,
+      children: [
+        a,
+        r && /* @__PURE__ */ m("span", { className: "text-[var(--color-coral)] ml-0.5", "aria-hidden": "true", children: "*" })
+      ]
+    }
+  )
+);
+n.displayName = "Label";
+export {
+  n as Label
+};
+//# sourceMappingURL=Label.js.map

package/dist/atoms/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/atoms/Label/Label.tsx"],"sourcesContent":["import { forwardRef, type LabelHTMLAttributes, type ReactNode } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean\n  disabled?: boolean\n  children: ReactNode\n}\n\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(\n  (\n    {\n      required = false,\n      disabled = false,\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <label\n        ref={ref}\n        className={cn(\n          'text-sm font-medium text-[var(--color-white)]',\n          disabled && 'opacity-50 cursor-not-allowed',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {required && (\n          <span className=\"text-[var(--color-coral)] ml-0.5\" aria-hidden=\"true\">\n            *\n          </span>\n        )}\n      </label>\n    )\n  }\n)\n\nLabel.displayName = 'Label'\n"],"names":["Label","forwardRef","required","disabled","children","className","props","ref","jsxs","cn","jsx"],"mappings":";;;AASO,MAAMA,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAN,KAAY;AAAA,QACZE;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAF;AAAA,QACAF,KACC,gBAAAQ,EAAC,QAAA,EAAK,WAAU,oCAAmC,eAAY,QAAO,UAAA,IAAA,CAEtE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;AAEAV,EAAM,cAAc;"}

package/dist/atoms/NoiseOverlay/NoiseOverlay.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn.js";
+const a = `url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")`;
+function u({
+  opacity: e = 0.03,
+  fixed: t = !0,
+  className: i,
+  style: r,
+  ...s
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: o(
+        "inset-0 pointer-events-none z-50",
+        t ? "fixed" : "absolute",
+        i
+      ),
+      style: {
+        backgroundImage: a,
+        opacity: e,
+        ...r
+      },
+      "aria-hidden": "true",
+      ...s
+    }
+  );
+}
+export {
+  u as NoiseOverlay
+};
+//# sourceMappingURL=NoiseOverlay.js.map

package/dist/atoms/NoiseOverlay/NoiseOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoiseOverlay.js","sources":["../../../src/atoms/NoiseOverlay/NoiseOverlay.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface NoiseOverlayProps extends HTMLAttributes<HTMLDivElement> {\n  /** Opacity of the noise texture (0-1) */\n  opacity?: number\n  /** Whether to use a fixed position overlay */\n  fixed?: boolean\n}\n\nconst noiseSvg = `url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\")`\n\nexport function NoiseOverlay({\n  opacity = 0.03,\n  fixed = true,\n  className,\n  style,\n  ...props\n}: NoiseOverlayProps) {\n  return (\n    <div\n      className={cn(\n        'inset-0 pointer-events-none z-50',\n        fixed ? 'fixed' : 'absolute',\n        className\n      )}\n      style={{\n        backgroundImage: noiseSvg,\n        opacity,\n        ...style,\n      }}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  )\n}\n"],"names":["noiseSvg","NoiseOverlay","opacity","fixed","className","style","props","jsx","cn"],"mappings":";;AAUA,MAAMA,IAAW;AAEV,SAASC,EAAa;AAAA,EAC3B,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL,IAAQ,UAAU;AAAA,QAClBC;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,iBAAiBJ;AAAA,QACjB,SAAAE;AAAA,QACA,GAAGG;AAAA,MAAA;AAAA,MAEL,eAAY;AAAA,MACX,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/atoms/Progress/Progress.js

@@ -0,0 +1,63 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { cn as r } from "../../utils/cn.js";
+const v = h(
+  ({
+    value: a,
+    max: e = 100,
+    size: t = "md",
+    variant: i = "default",
+    label: d,
+    showValue: n = !1,
+    className: c,
+    ...g
+  }, m) => {
+    const l = Math.min(Math.max(a / e * 100, 0), 100), u = {
+      sm: "h-1.5",
+      md: "h-2",
+      lg: "h-3"
+    }, f = {
+      default: "bg-[var(--color-white)]",
+      success: "bg-[var(--color-sage)]",
+      warning: "bg-[var(--color-gold)]",
+      error: "bg-[var(--color-coral)]"
+    };
+    return /* @__PURE__ */ o("div", { ref: m, className: r("flex flex-col gap-1", c), ...g, children: [
+      n && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--color-grey-400)] tabular-nums", children: [
+        Math.round(l),
+        "%"
+      ] }),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          role: "progressbar",
+          "aria-valuenow": a,
+          "aria-valuemin": 0,
+          "aria-valuemax": e,
+          "aria-label": d,
+          className: r(
+            "w-full overflow-hidden rounded-full",
+            "bg-[var(--glass-bg)] border border-[var(--glass-border)]",
+            u[t]
+          ),
+          children: /* @__PURE__ */ s(
+            "div",
+            {
+              className: r(
+                "h-full rounded-full",
+                "transition-[width] duration-300 ease-out",
+                f[i]
+              ),
+              style: { width: `${l}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+v.displayName = "Progress";
+export {
+  v as Progress
+};
+//# sourceMappingURL=Progress.js.map

package/dist/atoms/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../../src/atoms/Progress/Progress.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface ProgressProps extends HTMLAttributes<HTMLDivElement> {\n  value: number\n  max?: number\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'default' | 'success' | 'warning' | 'error'\n  label?: string\n  showValue?: boolean\n  className?: string\n}\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value,\n      max = 100,\n      size = 'md',\n      variant = 'default',\n      label,\n      showValue = false,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const percentage = Math.min(Math.max((value / max) * 100, 0), 100)\n\n    const sizes = {\n      sm: 'h-1.5',\n      md: 'h-2',\n      lg: 'h-3',\n    }\n\n    const fillVariants = {\n      default: 'bg-[var(--color-white)]',\n      success: 'bg-[var(--color-sage)]',\n      warning: 'bg-[var(--color-gold)]',\n      error: 'bg-[var(--color-coral)]',\n    }\n\n    return (\n      <div ref={ref} className={cn('flex flex-col gap-1', className)} {...props}>\n        {showValue && (\n          <span className=\"text-xs text-[var(--color-grey-400)] tabular-nums\">\n            {Math.round(percentage)}%\n          </span>\n        )}\n        <div\n          role=\"progressbar\"\n          aria-valuenow={value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-label={label}\n          className={cn(\n            'w-full overflow-hidden rounded-full',\n            'bg-[var(--glass-bg)] border border-[var(--glass-border)]',\n            sizes[size]\n          )}\n        >\n          <div\n            className={cn(\n              'h-full rounded-full',\n              'transition-[width] duration-300 ease-out',\n              fillVariants[variant]\n            )}\n            style={{ width: `${percentage}%` }}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nProgress.displayName = 'Progress'\n"],"names":["Progress","forwardRef","value","max","size","variant","label","showValue","className","props","ref","percentage","sizes","fillVariants","jsxs","cn","jsx"],"mappings":";;;AAaO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAa,KAAK,IAAI,KAAK,IAAKT,IAAQC,IAAO,KAAK,CAAC,GAAG,GAAG,GAE3DS,IAAQ;AAAA,MACZ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAGT,WACE,gBAAAC,EAAC,SAAI,KAAAJ,GAAU,WAAWK,EAAG,uBAAuBP,CAAS,GAAI,GAAGC,GACjE,UAAA;AAAA,MAAAF,KACC,gBAAAO,EAAC,QAAA,EAAK,WAAU,qDACb,UAAA;AAAA,QAAA,KAAK,MAAMH,CAAU;AAAA,QAAE;AAAA,MAAA,GAC1B;AAAA,MAEF,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,iBAAed;AAAA,UACf,iBAAe;AAAA,UACf,iBAAeC;AAAA,UACf,cAAYG;AAAA,UACZ,WAAWS;AAAA,YACT;AAAA,YACA;AAAA,YACAH,EAAMR,CAAI;AAAA,UAAA;AAAA,UAGZ,UAAA,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA;AAAA,gBACAF,EAAaR,CAAO;AAAA,cAAA;AAAA,cAEtB,OAAO,EAAE,OAAO,GAAGM,CAAU,IAAA;AAAA,YAAI;AAAA,UAAA;AAAA,QACnC;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEAX,EAAS,cAAc;"}

package/dist/atoms/ScrollIndicator/ScrollIndicator.js

@@ -0,0 +1,51 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn.js";
+const a = {
+  sm: { icon: 12, text: "text-[10px]" },
+  md: { icon: 16, text: "text-xs" },
+  lg: { icon: 20, text: "text-sm" }
+}, x = {
+  "bottom-left": "bottom-8 left-6 md:left-12",
+  "bottom-center": "bottom-8 left-1/2 -translate-x-1/2",
+  "bottom-right": "bottom-8 right-6 md:right-12"
+};
+function f({
+  label: o = "Scroll",
+  size: r = "md",
+  position: i = "bottom-left",
+  className: c,
+  ...s
+}) {
+  const { icon: e, text: m } = a[r];
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: n(
+        "absolute flex items-center gap-3 text-current opacity-60",
+        x[i],
+        c
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ t(
+          "svg",
+          {
+            width: e,
+            height: e * 1.5,
+            viewBox: "0 0 16 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            className: "animate-bounce",
+            children: /* @__PURE__ */ t("path", { d: "M8 4v16M4 16l4 4 4-4" })
+          }
+        ),
+        o && /* @__PURE__ */ t("span", { className: n("font-mono uppercase tracking-wider", m), children: o })
+      ]
+    }
+  );
+}
+export {
+  f as ScrollIndicator
+};
+//# sourceMappingURL=ScrollIndicator.js.map

package/dist/atoms/ScrollIndicator/ScrollIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollIndicator.js","sources":["../../../src/atoms/ScrollIndicator/ScrollIndicator.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface ScrollIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n  /** Label text next to the indicator */\n  label?: string\n  /** Size of the icon */\n  size?: 'sm' | 'md' | 'lg'\n  /** Position of the indicator */\n  position?: 'bottom-left' | 'bottom-center' | 'bottom-right'\n}\n\nconst sizeMap = {\n  sm: { icon: 12, text: 'text-[10px]' },\n  md: { icon: 16, text: 'text-xs' },\n  lg: { icon: 20, text: 'text-sm' },\n}\n\nconst positionMap = {\n  'bottom-left': 'bottom-8 left-6 md:left-12',\n  'bottom-center': 'bottom-8 left-1/2 -translate-x-1/2',\n  'bottom-right': 'bottom-8 right-6 md:right-12',\n}\n\nexport function ScrollIndicator({\n  label = 'Scroll',\n  size = 'md',\n  position = 'bottom-left',\n  className,\n  ...props\n}: ScrollIndicatorProps) {\n  const { icon, text } = sizeMap[size]\n\n  return (\n    <div\n      className={cn(\n        'absolute flex items-center gap-3 text-current opacity-60',\n        positionMap[position],\n        className\n      )}\n      {...props}\n    >\n      <svg\n        width={icon}\n        height={icon * 1.5}\n        viewBox=\"0 0 16 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        className=\"animate-bounce\"\n      >\n        <path d=\"M8 4v16M4 16l4 4 4-4\" />\n      </svg>\n      {label && (\n        <span className={cn('font-mono uppercase tracking-wider', text)}>\n          {label}\n        </span>\n      )}\n    </div>\n  )\n}\n"],"names":["sizeMap","positionMap","ScrollIndicator","label","size","position","className","props","icon","text","jsxs","cn","jsx"],"mappings":";;AAYA,MAAMA,IAAU;AAAA,EACd,IAAI,EAAE,MAAM,IAAI,MAAM,cAAA;AAAA,EACtB,IAAI,EAAE,MAAM,IAAI,MAAM,UAAA;AAAA,EACtB,IAAI,EAAE,MAAM,IAAI,MAAM,UAAA;AACxB,GAEMC,IAAc;AAAA,EAClB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAClB;AAEO,SAASC,EAAgB;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyB;AACvB,QAAM,EAAE,MAAAC,GAAM,MAAAC,MAAST,EAAQI,CAAI;AAEnC,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAV,EAAYI,CAAQ;AAAA,QACpBC;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAOJ;AAAA,YACP,QAAQA,IAAO;AAAA,YACf,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,WAAU;AAAA,YAEV,UAAA,gBAAAI,EAAC,QAAA,EAAK,GAAE,uBAAA,CAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhCT,uBACE,QAAA,EAAK,WAAWQ,EAAG,sCAAsCF,CAAI,GAC3D,UAAAN,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/atoms/Separator/Separator.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as p } from "../../utils/cn.js";
+const i = l(
+  ({
+    orientation: r = "horizontal",
+    className: o,
+    ...a
+  }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      role: "separator",
+      "aria-orientation": r,
+      className: p(
+        "bg-[var(--glass-border)]",
+        r === "horizontal" ? "h-px w-full" : "w-px h-full",
+        o
+      ),
+      ...a
+    }
+  )
+);
+i.displayName = "Separator";
+export {
+  i as Separator
+};
+//# sourceMappingURL=Separator.js.map

package/dist/atoms/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sources":["../../../src/atoms/Separator/Separator.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical'\n  className?: string\n}\n\nexport const Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  (\n    {\n      orientation = 'horizontal',\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={orientation}\n        className={cn(\n          'bg-[var(--glass-border)]',\n          orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nSeparator.displayName = 'Separator'\n"],"names":["Separator","forwardRef","orientation","className","props","ref","jsx","cn"],"mappings":";;;AAQO,MAAMA,IAAYC;AAAA,EACvB,CACE;AAAA,IACE,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAK;AAAA,MACL,oBAAkBH;AAAA,MAClB,WAAWK;AAAA,QACT;AAAA,QACAL,MAAgB,eAAe,gBAAgB;AAAA,QAC/CC;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAJ,EAAU,cAAc;"}