@airlock-hq/design-system 0.1.0 → 0.1.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Airlock
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

@@ -1,50 +1,53 @@
-import { A as t, a as e, b as o, B as r, c as l, C as i, d as n, e as g, f as D, g as T, h as c, D as S, i as p, j as C, k as d, l as u, m as b, n as B, o as A, p as L, q as V, I as m, L as v, S as x, r as F, s as H, t as I, u as P, v as f, w, x as y, y as G, z as O, E as U, F as h, T as j, G as k, H as q, J as z, K as E, M as J, N as K, O as M, P as N, Q, R, U as W } from "./tooltip-D_CcZ2wZ.js";
+import { A as t, a as e, b as o, B as l, c as r, C as i, d as n, e as g, f as c, g as D, h as T, D as S, i as d, j as p, k as C, l as b, m as u, n as B, o as L, p as V, q as A, I as F, L as P, O as m, P as v, R as w, S as x, r as G, s as H, t as I, u as O, v as f, w as y, x as R, y as U, z as h, E as j, F as k, T as q, G as z, H as E, J, K, M, N, Q, U as W, V as X, W as Y, X as Z } from "./tooltip-CZX9jfTP.js";
 export {
   t as Alert,
   e as AlertDescription,
   o as AlertTitle,
-  r as Badge,
-  l as Button,
+  l as Badge,
+  r as Button,
   i as Card,
   n as CardContent,
   g as CardDescription,
-  D as CardFooter,
-  T as CardHeader,
-  c as CardTitle,
+  c as CardFooter,
+  D as CardHeader,
+  T as CardTitle,
   S as Dialog,
-  p as DialogClose,
-  C as DialogContent,
-  d as DialogDescription,
-  u as DialogFooter,
-  b as DialogHeader,
+  d as DialogClose,
+  p as DialogContent,
+  C as DialogDescription,
+  b as DialogFooter,
+  u as DialogHeader,
   B as DialogOverlay,
-  A as DialogPortal,
-  L as DialogTitle,
-  V as DialogTrigger,
-  m as Input,
-  v as Label,
+  L as DialogPortal,
+  V as DialogTitle,
+  A as DialogTrigger,
+  F as Input,
+  P as Label,
+  m as OrbitalLines,
+  v as ParticleField,
+  w as RadialGlow,
   x as Select,
-  F as SelectContent,
+  G as SelectContent,
   H as SelectGroup,
   I as SelectItem,
-  P as SelectLabel,
+  O as SelectLabel,
   f as SelectScrollDownButton,
-  w as SelectScrollUpButton,
-  y as SelectSeparator,
-  G as SelectTrigger,
-  O as SelectValue,
-  U as Separator,
-  h as StatusDot,
-  j as Tabs,
-  k as TabsContent,
-  q as TabsList,
-  z as TabsTrigger,
-  E as Textarea,
-  J as Tooltip,
-  K as TooltipContent,
-  M as TooltipProvider,
-  N as TooltipTrigger,
-  Q as badgeVariants,
-  R as buttonVariants,
-  W as statusDotVariants
+  y as SelectScrollUpButton,
+  R as SelectSeparator,
+  U as SelectTrigger,
+  h as SelectValue,
+  j as Separator,
+  k as StatusDot,
+  q as Tabs,
+  z as TabsContent,
+  E as TabsList,
+  J as TabsTrigger,
+  K as Textarea,
+  M as Tooltip,
+  N as TooltipContent,
+  Q as TooltipProvider,
+  W as TooltipTrigger,
+  X as badgeVariants,
+  Y as buttonVariants,
+  Z as statusDotVariants
 };

package/dist/react/atmosphere.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Pure presentational atmospheric background components.
+ * Used for ambient visual effects (orbital lines, radial glow, particle field).
+ */
+export declare function OrbitalLines(): import("react/jsx-runtime").JSX.Element;
+export declare function RadialGlow(): import("react/jsx-runtime").JSX.Element;
+export declare function ParticleField(): import("react/jsx-runtime").JSX.Element;

package/dist/react/index.d.ts

@@ -1,4 +1,5 @@
 export * from './alert';
+export * from './atmosphere';
 export * from './badge';
 export * from './button';
 export * from './card';

package/dist/react.js

@@ -1,50 +1,53 @@
-import { A as t, a as e, b as o, B as r, c as l, C as i, d as n, e as g, f as D, g as T, h as c, D as S, i as p, j as C, k as d, l as u, m as b, n as B, o as A, p as L, q as V, I as m, L as v, S as x, r as F, s as H, t as I, u as P, v as f, w, x as y, y as G, z as O, E as U, F as h, T as j, G as k, H as q, J as z, K as E, M as J, N as K, O as M, P as N, Q, R, U as W } from "./tooltip-D_CcZ2wZ.js";
+import { A as t, a as e, b as o, B as l, c as r, C as i, d as n, e as g, f as c, g as D, h as T, D as S, i as d, j as p, k as C, l as b, m as u, n as B, o as L, p as V, q as A, I as F, L as P, O as m, P as v, R as w, S as x, r as G, s as H, t as I, u as O, v as f, w as y, x as R, y as U, z as h, E as j, F as k, T as q, G as z, H as E, J, K, M, N, Q, U as W, V as X, W as Y, X as Z } from "./tooltip-CZX9jfTP.js";
 export {
   t as Alert,
   e as AlertDescription,
   o as AlertTitle,
-  r as Badge,
-  l as Button,
+  l as Badge,
+  r as Button,
   i as Card,
   n as CardContent,
   g as CardDescription,
-  D as CardFooter,
-  T as CardHeader,
-  c as CardTitle,
+  c as CardFooter,
+  D as CardHeader,
+  T as CardTitle,
   S as Dialog,
-  p as DialogClose,
-  C as DialogContent,
-  d as DialogDescription,
-  u as DialogFooter,
-  b as DialogHeader,
+  d as DialogClose,
+  p as DialogContent,
+  C as DialogDescription,
+  b as DialogFooter,
+  u as DialogHeader,
   B as DialogOverlay,
-  A as DialogPortal,
-  L as DialogTitle,
-  V as DialogTrigger,
-  m as Input,
-  v as Label,
+  L as DialogPortal,
+  V as DialogTitle,
+  A as DialogTrigger,
+  F as Input,
+  P as Label,
+  m as OrbitalLines,
+  v as ParticleField,
+  w as RadialGlow,
   x as Select,
-  F as SelectContent,
+  G as SelectContent,
   H as SelectGroup,
   I as SelectItem,
-  P as SelectLabel,
+  O as SelectLabel,
   f as SelectScrollDownButton,
-  w as SelectScrollUpButton,
-  y as SelectSeparator,
-  G as SelectTrigger,
-  O as SelectValue,
-  U as Separator,
-  h as StatusDot,
-  j as Tabs,
-  k as TabsContent,
-  q as TabsList,
-  z as TabsTrigger,
-  E as Textarea,
-  J as Tooltip,
-  K as TooltipContent,
-  M as TooltipProvider,
-  N as TooltipTrigger,
-  Q as badgeVariants,
-  R as buttonVariants,
-  W as statusDotVariants
+  y as SelectScrollUpButton,
+  R as SelectSeparator,
+  U as SelectTrigger,
+  h as SelectValue,
+  j as Separator,
+  k as StatusDot,
+  q as Tabs,
+  z as TabsContent,
+  E as TabsList,
+  J as TabsTrigger,
+  K as Textarea,
+  M as Tooltip,
+  N as TooltipContent,
+  Q as TooltipProvider,
+  W as TooltipTrigger,
+  X as badgeVariants,
+  Y as buttonVariants,
+  Z as statusDotVariants
 };

package/dist/tokens.css

@@ -61,7 +61,7 @@
 
   /* Atmosphere (landing / decorative layers) */
   --atmosphere-orbit-line: 220 20% 90%;
-  --atmosphere-glow-opacity: 0.08;
+  --atmosphere-glow-opacity: 0.12;
   --atmosphere-particle-opacity: 0.12;
 
   /* Log/terminal */

package/dist/{tooltip-D_CcZ2wZ.js → tooltip-CZX9jfTP.js}

@@ -1,20 +1,20 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as w } from "react/jsx-runtime";
 import * as o from "react";
-import { cva as c } from "class-variance-authority";
-import { Slot as w } from "@radix-ui/react-slot";
+import { cva as f } from "class-variance-authority";
+import { Slot as N } from "@radix-ui/react-slot";
 import * as d from "@radix-ui/react-dialog";
-import { X as N, ChevronDown as m, ChevronUp as R, Check as C } from "lucide-react";
-import * as p from "@radix-ui/react-label";
+import { X as R, ChevronDown as p, ChevronUp as C, Check as T } from "lucide-react";
+import * as m from "@radix-ui/react-label";
 import * as i from "@radix-ui/react-select";
 import * as b from "@radix-ui/react-separator";
-import * as f from "@radix-ui/react-tabs";
-import * as u from "@radix-ui/react-tooltip";
-import { clsx as T } from "clsx";
+import * as u from "@radix-ui/react-tabs";
+import * as g from "@radix-ui/react-tooltip";
+import { clsx as k } from "clsx";
 import { twMerge as D } from "tailwind-merge";
-function s(...e) {
-  return D(T(e));
+function s(...a) {
+  return D(k(a));
 }
-const S = c(
+const S = f(
   "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
   {
     variants: {
@@ -29,17 +29,107 @@ const S = c(
       variant: "default"
     }
   }
-), k = o.forwardRef(({ className: e, variant: a, ...t }, n) => /* @__PURE__ */ r("div", { ref: n, role: "alert", className: s(S({ variant: a }), e), ...t }));
-k.displayName = "Alert";
+), z = o.forwardRef(({ className: a, variant: e, ...t }, n) => /* @__PURE__ */ r("div", { ref: n, role: "alert", className: s(S({ variant: e }), a), ...t }));
+z.displayName = "Alert";
 const V = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r("h5", { ref: t, className: s("mb-1 leading-none font-medium tracking-tight", e), ...a })
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("h5", { ref: t, className: s("mb-1 leading-none font-medium tracking-tight", a), ...e })
 );
 V.displayName = "AlertTitle";
-const z = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("text-sm [&_p]:leading-relaxed", e), ...a })
+const P = o.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("text-sm [&_p]:leading-relaxed", a), ...e })
 );
-z.displayName = "AlertDescription";
-const P = c(
+P.displayName = "AlertDescription";
+function xe() {
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      className: "pointer-events-none absolute inset-0 h-full w-full",
+      xmlns: "http://www.w3.org/2000/svg",
+      preserveAspectRatio: "xMidYMid slice",
+      children: [
+        /* @__PURE__ */ r(
+          "ellipse",
+          {
+            cx: "85%",
+            cy: "15%",
+            rx: "600",
+            ry: "350",
+            fill: "none",
+            stroke: "hsl(var(--atmosphere-orbit-line))",
+            strokeWidth: "1",
+            transform: "rotate(-15, 800, 100)"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "ellipse",
+          {
+            cx: "10%",
+            cy: "50%",
+            rx: "450",
+            ry: "280",
+            fill: "none",
+            stroke: "hsl(var(--atmosphere-orbit-line))",
+            strokeWidth: "0.75",
+            transform: "rotate(25, 100, 400)"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "ellipse",
+          {
+            cx: "90%",
+            cy: "80%",
+            rx: "500",
+            ry: "300",
+            fill: "none",
+            stroke: "hsl(var(--atmosphere-orbit-line))",
+            strokeWidth: "0.75",
+            transform: "rotate(-30, 900, 600)"
+          }
+        )
+      ]
+    }
+  );
+}
+function ve() {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: "pointer-events-none absolute top-1/3 left-1/2 -translate-x-1/2 -translate-y-1/2",
+      style: {
+        width: "calc(70vw)",
+        height: "calc(70vw)",
+        borderRadius: "50%",
+        background: "radial-gradient(circle, hsl(var(--signal-glow) / var(--atmosphere-glow-opacity)) 0%, transparent 70%)"
+      }
+    }
+  );
+}
+function he() {
+  return /* @__PURE__ */ r(w, { children: [
+    { left: "20%", top: "35%", size: 2 },
+    { left: "45%", top: "55%", size: 1.5 },
+    { left: "70%", top: "25%", size: 2 },
+    { left: "30%", top: "65%", size: 1 },
+    { left: "60%", top: "45%", size: 1.5 },
+    { left: "80%", top: "60%", size: 1 },
+    { left: "55%", top: "30%", size: 2 },
+    { left: "75%", top: "70%", size: 1.5 }
+  ].map((e, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      className: "bg-foreground pointer-events-none absolute rounded-full",
+      style: {
+        left: e.left,
+        top: e.top,
+        width: e.size,
+        height: e.size,
+        opacity: "var(--atmosphere-particle-opacity)"
+      }
+    },
+    t
+  )) });
+}
+const j = f(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -59,10 +149,10 @@ const P = c(
     }
   }
 );
-function be({ className: e, variant: a, ...t }) {
-  return /* @__PURE__ */ r("div", { className: s(P({ variant: a }), e), ...t });
+function ye({ className: a, variant: e, ...t }) {
+  return /* @__PURE__ */ r("div", { className: s(j({ variant: e }), a), ...t });
 }
-const j = c(
+const L = f(
   "inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -89,148 +179,148 @@ const j = c(
     }
   }
 ), B = o.forwardRef(
-  ({ className: e, variant: a, size: t, asChild: n = !1, ...l }, y) => /* @__PURE__ */ r(n ? w : "button", { className: s(j({ variant: a, size: t, className: e })), ref: y, ...l })
+  ({ className: a, variant: e, size: t, asChild: n = !1, ...l }, y) => /* @__PURE__ */ r(n ? N : "button", { className: s(L({ variant: e, size: t, className: a })), ref: y, ...l })
 );
 B.displayName = "Button";
-const I = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+const I = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
-    className: s("border-border-subtle bg-surface text-foreground rounded-lg border shadow-xs", e),
-    ...a
+    className: s("border-border-subtle bg-surface text-foreground rounded-lg border shadow-xs", a),
+    ...e
   }
 ));
 I.displayName = "Card";
-const L = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("flex flex-col space-y-1.5 p-6", e), ...a })
-);
-L.displayName = "CardHeader";
 const A = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r("h3", { ref: t, className: s("text-2xl leading-none font-semibold tracking-tight", e), ...a })
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("flex flex-col space-y-1.5 p-6", a), ...e })
 );
-A.displayName = "CardTitle";
+A.displayName = "CardHeader";
 const F = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r("p", { ref: t, className: s("text-foreground-muted text-sm", e), ...a })
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("h3", { ref: t, className: s("text-2xl leading-none font-semibold tracking-tight", a), ...e })
 );
-F.displayName = "CardDescription";
+F.displayName = "CardTitle";
 const H = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("p-6 pt-0", e), ...a })
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("p", { ref: t, className: s("text-foreground-muted text-sm", a), ...e })
+);
+H.displayName = "CardDescription";
+const O = o.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("p-6 pt-0", a), ...e })
 );
-H.displayName = "CardContent";
+O.displayName = "CardContent";
 const U = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("flex items-center p-6 pt-0", e), ...a })
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r("div", { ref: t, className: s("flex items-center p-6 pt-0", a), ...e })
 );
 U.displayName = "CardFooter";
-const xe = d.Root, ve = d.Trigger, O = d.Portal, he = d.Close, x = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+const we = d.Root, Ne = d.Trigger, G = d.Portal, Re = d.Close, x = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   d.Overlay,
   {
     ref: t,
     className: s(
       "bg-foreground/25 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
-      e
+      a
     ),
-    ...a
+    ...e
   }
 ));
 x.displayName = d.Overlay.displayName;
-const _ = o.forwardRef(({ className: e, children: a, ...t }, n) => /* @__PURE__ */ g(O, { children: [
+const M = o.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ c(G, { children: [
   /* @__PURE__ */ r(x, {}),
-  /* @__PURE__ */ g(
+  /* @__PURE__ */ c(
     d.Content,
     {
       ref: n,
       className: s(
         "border-border-subtle bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200",
-        e
+        a
       ),
       ...t,
       children: [
-        a,
-        /* @__PURE__ */ g(d.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-surface-elevated data-[state=open]:text-foreground-muted absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-          /* @__PURE__ */ r(N, { className: "h-4 w-4" }),
+        e,
+        /* @__PURE__ */ c(d.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-surface-elevated data-[state=open]:text-foreground-muted absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          /* @__PURE__ */ r(R, { className: "h-4 w-4" }),
           /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-_.displayName = d.Content.displayName;
-const G = ({ className: e, ...a }) => /* @__PURE__ */ r("div", { className: s("flex flex-col space-y-1.5 text-center sm:text-left", e), ...a });
-G.displayName = "DialogHeader";
-const M = ({ className: e, ...a }) => /* @__PURE__ */ r("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...a });
-M.displayName = "DialogFooter";
-const q = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+M.displayName = d.Content.displayName;
+const W = ({ className: a, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col space-y-1.5 text-center sm:text-left", a), ...e });
+W.displayName = "DialogHeader";
+const _ = ({ className: a, ...e }) => /* @__PURE__ */ r("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", a), ...e });
+_.displayName = "DialogFooter";
+const X = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   d.Title,
   {
     ref: t,
-    className: s("text-lg leading-none font-semibold tracking-tight", e),
-    ...a
+    className: s("text-lg leading-none font-semibold tracking-tight", a),
+    ...e
   }
 ));
-q.displayName = d.Title.displayName;
-const E = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(d.Description, { ref: t, className: s("text-foreground-muted text-sm", e), ...a }));
-E.displayName = d.Description.displayName;
-const J = o.forwardRef(
-  ({ className: e, type: a, ...t }, n) => /* @__PURE__ */ r(
+X.displayName = d.Title.displayName;
+const q = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(d.Description, { ref: t, className: s("text-foreground-muted text-sm", a), ...e }));
+q.displayName = d.Description.displayName;
+const E = o.forwardRef(
+  ({ className: a, type: e, ...t }, n) => /* @__PURE__ */ r(
     "input",
     {
-      type: a,
+      type: e,
       className: s(
         "border-border-subtle bg-background file:text-foreground placeholder:text-foreground-muted focus-visible:ring-ring flex h-9 w-full rounded-md border px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        e
+        a
       ),
       ref: n,
       ...t
     }
   )
 );
-J.displayName = "Input";
-const K = c("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Q = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(p.Root, { ref: t, className: s(K(), e), ...a }));
-Q.displayName = p.Root.displayName;
-const ye = i.Root, we = i.Group, Ne = i.Value, X = o.forwardRef(({ className: e, children: a, ...t }, n) => /* @__PURE__ */ g(
+E.displayName = "Input";
+const J = f("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), K = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(m.Root, { ref: t, className: s(J(), a), ...e }));
+K.displayName = m.Root.displayName;
+const Ce = i.Root, Te = i.Group, ke = i.Value, Q = o.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ c(
   i.Trigger,
   {
     ref: n,
     className: s(
       "border-border-subtle bg-background ring-offset-background focus:ring-ring data-[placeholder]:text-foreground-muted flex h-9 w-full items-center justify-between rounded-md border px-3 py-2 text-sm whitespace-nowrap shadow-xs focus:ring-1 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      e
+      a
     ),
     ...t,
     children: [
-      a,
-      /* @__PURE__ */ r(i.Icon, { asChild: !0, children: /* @__PURE__ */ r(m, { className: "h-4 w-4 opacity-50" }) })
+      e,
+      /* @__PURE__ */ r(i.Icon, { asChild: !0, children: /* @__PURE__ */ r(p, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-X.displayName = i.Trigger.displayName;
-const v = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+Q.displayName = i.Trigger.displayName;
+const v = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   i.ScrollUpButton,
   {
     ref: t,
-    className: s("flex cursor-default items-center justify-center py-1", e),
-    ...a,
-    children: /* @__PURE__ */ r(R, { className: "h-4 w-4" })
+    className: s("flex cursor-default items-center justify-center py-1", a),
+    ...e,
+    children: /* @__PURE__ */ r(C, { className: "h-4 w-4" })
   }
 ));
 v.displayName = i.ScrollUpButton.displayName;
-const h = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+const h = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   i.ScrollDownButton,
   {
     ref: t,
-    className: s("flex cursor-default items-center justify-center py-1", e),
-    ...a,
-    children: /* @__PURE__ */ r(m, { className: "h-4 w-4" })
+    className: s("flex cursor-default items-center justify-center py-1", a),
+    ...e,
+    children: /* @__PURE__ */ r(p, { className: "h-4 w-4" })
   }
 ));
 h.displayName = i.ScrollDownButton.displayName;
-const W = o.forwardRef(({ className: e, children: a, position: t = "popper", ...n }, l) => /* @__PURE__ */ r(i.Portal, { children: /* @__PURE__ */ g(
+const Y = o.forwardRef(({ className: a, children: e, position: t = "popper", ...n }, l) => /* @__PURE__ */ r(i.Portal, { children: /* @__PURE__ */ c(
   i.Content,
   {
     ref: l,
     className: s(
       "border-border-subtle bg-surface-elevated text-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
       t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      e
+      a
     ),
     position: t,
     ...n,
@@ -243,46 +333,46 @@ const W = o.forwardRef(({ className: e, children: a, position: t = "popper", ...
             "p-1",
             t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
-          children: a
+          children: e
         }
       ),
       /* @__PURE__ */ r(h, {})
     ]
   }
 ) }));
-W.displayName = i.Content.displayName;
-const Y = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(i.Label, { ref: t, className: s("px-2 py-1.5 text-sm font-semibold", e), ...a }));
-Y.displayName = i.Label.displayName;
-const Z = o.forwardRef(({ className: e, children: a, ...t }, n) => /* @__PURE__ */ g(
+Y.displayName = i.Content.displayName;
+const Z = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(i.Label, { ref: t, className: s("px-2 py-1.5 text-sm font-semibold", a), ...e }));
+Z.displayName = i.Label.displayName;
+const $ = o.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ c(
   i.Item,
   {
     ref: n,
     className: s(
       "focus:bg-surface focus:text-foreground relative flex w-full cursor-default items-center rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      e
+      a
     ),
     ...t,
     children: [
-      /* @__PURE__ */ r("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(i.ItemIndicator, { children: /* @__PURE__ */ r(C, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ r(i.ItemText, { children: a })
+      /* @__PURE__ */ r("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(i.ItemIndicator, { children: /* @__PURE__ */ r(T, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ r(i.ItemText, { children: e })
     ]
   }
 ));
-Z.displayName = i.Item.displayName;
-const $ = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(i.Separator, { ref: t, className: s("bg-border-subtle -mx-1 my-1 h-px", e), ...a }));
-$.displayName = i.Separator.displayName;
-const ee = o.forwardRef(({ className: e, orientation: a = "horizontal", decorative: t = !0, ...n }, l) => /* @__PURE__ */ r(
+$.displayName = i.Item.displayName;
+const ee = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(i.Separator, { ref: t, className: s("bg-border-subtle -mx-1 my-1 h-px", a), ...e }));
+ee.displayName = i.Separator.displayName;
+const ae = o.forwardRef(({ className: a, orientation: e = "horizontal", decorative: t = !0, ...n }, l) => /* @__PURE__ */ r(
   b.Root,
   {
     ref: l,
     decorative: t,
-    orientation: a,
-    className: s("bg-border shrink-0", a === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", e),
+    orientation: e,
+    className: s("bg-border shrink-0", e === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", a),
     ...n
   }
 ));
-ee.displayName = b.Root.displayName;
-const ae = c("shrink-0 rounded-full", {
+ae.displayName = b.Root.displayName;
+const te = f("shrink-0 rounded-full", {
   variants: {
     variant: {
       success: "bg-success",
@@ -306,10 +396,10 @@ const ae = c("shrink-0 rounded-full", {
     pulse: !1
   }
 });
-function Re({ className: e, variant: a, size: t, pulse: n, ...l }) {
-  return /* @__PURE__ */ r("div", { className: s(ae({ variant: a, size: t, pulse: n }), e), ...l });
+function De({ className: a, variant: e, size: t, pulse: n, ...l }) {
+  return /* @__PURE__ */ r("div", { className: s(te({ variant: e, size: t, pulse: n }), a), ...l });
 }
-const Ce = f.Root, te = c("inline-flex items-center justify-center", {
+const Se = u.Root, re = f("inline-flex items-center justify-center", {
   variants: {
     variant: {
       default: "h-9 rounded-lg bg-surface p-1 text-foreground-muted",
@@ -319,9 +409,9 @@ const Ce = f.Root, te = c("inline-flex items-center justify-center", {
   defaultVariants: {
     variant: "default"
   }
-}), re = o.forwardRef(({ className: e, variant: a, ...t }, n) => /* @__PURE__ */ r(f.List, { ref: n, className: s(te({ variant: a }), e), ...t }));
-re.displayName = f.List.displayName;
-const se = c(
+}), se = o.forwardRef(({ className: a, variant: e, ...t }, n) => /* @__PURE__ */ r(u.List, { ref: n, className: s(re({ variant: e }), a), ...t }));
+se.displayName = u.List.displayName;
+const oe = f(
   "inline-flex cursor-pointer items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -334,93 +424,96 @@ const se = c(
       variant: "default"
     }
   }
-), oe = o.forwardRef(({ className: e, variant: a, ...t }, n) => /* @__PURE__ */ r(f.Trigger, { ref: n, className: s(se({ variant: a }), e), ...t }));
-oe.displayName = f.Trigger.displayName;
-const ne = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
-  f.Content,
+), ne = o.forwardRef(({ className: a, variant: e, ...t }, n) => /* @__PURE__ */ r(u.Trigger, { ref: n, className: s(oe({ variant: e }), a), ...t }));
+ne.displayName = u.Trigger.displayName;
+const ie = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  u.Content,
   {
     ref: t,
     className: s(
       "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
-      e
+      a
     ),
-    ...a
+    ...e
   }
 ));
-ne.displayName = f.Content.displayName;
-const ie = o.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ r(
+ie.displayName = u.Content.displayName;
+const de = o.forwardRef(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "textarea",
     {
       className: s(
         "border-border-subtle bg-background placeholder:text-foreground-muted focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border px-3 py-2 text-base shadow-xs focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        e
+        a
       ),
       ref: t,
-      ...a
+      ...e
     }
   )
 );
-ie.displayName = "Textarea";
-const Te = u.Provider, De = u.Root, Se = u.Trigger, de = o.forwardRef(({ className: e, sideOffset: a = 4, ...t }, n) => /* @__PURE__ */ r(u.Portal, { children: /* @__PURE__ */ r(
-  u.Content,
+de.displayName = "Textarea";
+const ze = g.Provider, Ve = g.Root, Pe = g.Trigger, le = o.forwardRef(({ className: a, sideOffset: e = 4, ...t }, n) => /* @__PURE__ */ r(g.Portal, { children: /* @__PURE__ */ r(
+  g.Content,
   {
     ref: n,
-    sideOffset: a,
+    sideOffset: e,
     className: s(
       "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-md px-3 py-1.5 text-xs",
-      e
+      a
     ),
     ...t
   }
 ) }));
-de.displayName = u.Content.displayName;
+le.displayName = g.Content.displayName;
 export {
-  k as A,
-  be as B,
+  z as A,
+  ye as B,
   I as C,
-  xe as D,
-  ee as E,
-  Re as F,
-  ne as G,
-  re as H,
-  J as I,
-  oe as J,
-  ie as K,
-  Q as L,
-  De as M,
-  de as N,
-  Te as O,
-  Se as P,
-  P as Q,
-  j as R,
-  ye as S,
-  Ce as T,
-  ae as U,
-  z as a,
+  we as D,
+  ae as E,
+  De as F,
+  ie as G,
+  se as H,
+  E as I,
+  ne as J,
+  de as K,
+  K as L,
+  Ve as M,
+  le as N,
+  xe as O,
+  he as P,
+  ze as Q,
+  ve as R,
+  Ce as S,
+  Se as T,
+  Pe as U,
+  j as V,
+  L as W,
+  te as X,
+  P as a,
   V as b,
   B as c,
-  H as d,
-  F as e,
+  O as d,
+  H as e,
   U as f,
-  L as g,
-  A as h,
-  he as i,
-  _ as j,
-  E as k,
-  M as l,
-  G as m,
+  A as g,
+  F as h,
+  Re as i,
+  M as j,
+  q as k,
+  _ as l,
+  W as m,
   x as n,
-  O as o,
-  q as p,
-  ve as q,
-  W as r,
-  we as s,
-  Z as t,
-  Y as u,
+  G as o,
+  X as p,
+  Ne as q,
+  Y as r,
+  Te as s,
+  $ as t,
+  Z as u,
   h as v,
   v as w,
-  $ as x,
-  X as y,
-  Ne as z
+  ee as x,
+  Q as y,
+  ke as z
 };

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "@airlock-hq/design-system",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "type": "module",
+  "packageManager": "npm",
+  "engines": {
+    "node": ">=24",
+    "npm": ">=11"
+  },
+  "license": "MIT",
   "files": [
-    "dist"
+    "dist",
+    "LICENSE"
   ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",