@devalok/shilp-sutra 0.1.0

package/dist/ui/input.d.ts

@@ -0,0 +1,44 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+export type InputState = 'default' | 'error' | 'warning' | 'success';
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for Input — a single-line text field with size variants, validation state coloring,
+ * and icon adornments (start/end slots).
+ *
+ * **Sizes:** `sm` (32px) | `md` (40px, default) | `lg` (48px) — note: uses `size` prop not `inputSize`.
+ * HTML's native `size` attribute is excluded — use CSS width instead.
+ *
+ * **Validation states:** `state="error"` colors the border red and sets `aria-invalid`.
+ * Use with `<FormField>` to show helper text below the input.
+ *
+ * **Icon adornments:** `startIcon` and `endIcon` accept any React node (prefer SVG icons at 16px).
+ * The icon is pointer-events-none (decorative); for a clickable end icon use `endIcon` + a sibling button.
+ *
+ * @example
+ * // Basic email field with placeholder:
+ * <Input type="email" placeholder="you@example.com" />
+ *
+ * @example
+ * // Search input with a leading icon:
+ * <Input size="md" startIcon={<IconSearch />} placeholder="Search projects..." />
+ *
+ * @example
+ * // Validated error state (pair with FormField for label + helper text):
+ * <Input state="error" value={email} onChange={handleChange} />
+ *
+ * @example
+ * // Read-only field (shows a muted background, non-editable):
+ * <Input readOnly value="https://devalok.com/api/key/abc123" endIcon={<IconCopy />} />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+    state?: InputState;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, inputVariants };
+//# sourceMappingURL=input.d.ts.map

package/dist/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpE,QAAA,MAAM,aAAa;;8EAsBlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,qFAsCV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/input.js

@@ -0,0 +1,58 @@
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import * as u from "react";
+import { cva as f } from "class-variance-authority";
+import { cn as m } from "./lib/utils.js";
+const b = f(
+  [
+    "flex w-full font-sans",
+    "bg-field text-text-primary",
+    "border border-border rounded-ds-md",
+    "placeholder:text-text-placeholder",
+    "hover:bg-field-hover",
+    "transition-colors duration-fast-01",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:border-border-interactive",
+    "disabled:cursor-not-allowed disabled:opacity-[0.38]",
+    "read-only:bg-layer-02 read-only:cursor-default"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-ds-sm text-ds-sm px-ds-03",
+        md: "h-ds-md text-ds-base px-ds-04",
+        lg: "h-ds-lg text-ds-lg px-ds-05"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), p = u.forwardRef(
+  ({ className: t, type: d, state: e, size: l, startIcon: r, endIcon: s, ...n }, a) => {
+    const o = /* @__PURE__ */ i(
+      "input",
+      {
+        type: d,
+        className: m(
+          b({ size: l }),
+          r && "pl-ds-08",
+          s && "pr-ds-08",
+          e === "error" && "border-border-error focus-visible:ring-error",
+          e === "warning" && "border-border-warning focus-visible:ring-warning",
+          e === "success" && "border-border-success focus-visible:ring-success",
+          t
+        ),
+        "aria-invalid": e === "error" || void 0,
+        ref: a,
+        ...n
+      }
+    );
+    return !r && !s ? o : /* @__PURE__ */ c("div", { className: "relative flex items-center w-full", children: [
+      r && /* @__PURE__ */ i("span", { className: "absolute left-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: r }),
+      o,
+      s && /* @__PURE__ */ i("span", { className: "absolute right-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: s })
+    ] });
+  }
+);
+p.displayName = "Input";
+export {
+  p as Input,
+  b as inputVariants
+};

package/dist/ui/label.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@primitives/react-label';
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    required?: boolean;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAA;AAIzD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,qFAiBT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/ui/label.js

@@ -0,0 +1,23 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import * as d from "react";
+import { Root as e } from "../primitives/react-label.js";
+import { cn as n } from "./lib/utils.js";
+const p = d.forwardRef(({ className: t, required: r, children: a, ...o }, m) => /* @__PURE__ */ s(
+  e,
+  {
+    ref: m,
+    className: n(
+      "font-sans text-ds-md font-medium text-text-primary leading-none peer-disabled:opacity-[0.38]",
+      t
+    ),
+    ...o,
+    children: [
+      a,
+      r && /* @__PURE__ */ i("span", { className: "text-text-error ml-ds-01", "aria-hidden": "true", children: "*" })
+    ]
+  }
+));
+p.displayName = e.displayName;
+export {
+  p as Label
+};

package/dist/ui/lib/motion.d.ts

@@ -0,0 +1,10 @@
+export type MotionMode = 'productive' | 'expressive';
+export type MotionCategory = 'standard' | 'entrance' | 'exit';
+export type DurationToken = 'instant' | 'fast-01' | 'fast-02' | 'moderate-01' | 'moderate-02' | 'slow-01' | 'slow-02';
+export declare const easings: Record<MotionMode, Record<MotionCategory, string>>;
+export declare const durations: Record<DurationToken, string>;
+/** Returns the CSS cubic-bezier string for a motion category and mode. */
+export declare function motion(category: MotionCategory, mode: MotionMode): string;
+/** Returns the CSS duration string for a duration token. */
+export declare function duration(token: DurationToken): string;
+//# sourceMappingURL=motion.d.ts.map

package/dist/ui/lib/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/motion.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,YAAY,CAAA;AACpD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;AAC7D,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,aAAa,GACb,SAAS,GACT,SAAS,CAAA;AAEb,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAWtE,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAQnD,CAAA;AAED,0EAA0E;AAC1E,wBAAgB,MAAM,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAEzE;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAErD"}

package/dist/ui/lib/motion.js

@@ -0,0 +1,32 @@
+const t = {
+  productive: {
+    standard: "cubic-bezier(0.2, 0, 0.38, 0.9)",
+    entrance: "cubic-bezier(0, 0, 0.38, 0.9)",
+    exit: "cubic-bezier(0.2, 0, 1, 0.9)"
+  },
+  expressive: {
+    standard: "cubic-bezier(0.4, 0.14, 0.3, 1)",
+    entrance: "cubic-bezier(0, 0, 0.3, 1)",
+    exit: "cubic-bezier(0.4, 0.14, 1, 1)"
+  }
+}, r = {
+  instant: "0ms",
+  "fast-01": "70ms",
+  "fast-02": "110ms",
+  "moderate-01": "150ms",
+  "moderate-02": "240ms",
+  "slow-01": "400ms",
+  "slow-02": "700ms"
+};
+function s(e, i) {
+  return t[i][e];
+}
+function n(e) {
+  return r[e];
+}
+export {
+  n as duration,
+  r as durations,
+  t as easings,
+  s as motion
+};

package/dist/ui/lib/slot.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Re-export of Slot from vendored primitives.
+ * This provides a public API for the asChild pattern
+ * without requiring consumers to reach into primitives/_internal.
+ */
+export { Slot, Slottable } from '../../primitives/react-slot';
+export type { SlotProps } from '../../primitives/react-slot';
+//# sourceMappingURL=slot.d.ts.map

package/dist/ui/lib/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/slot.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACxD,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/ui/lib/use-reduced-motion.d.ts

@@ -0,0 +1,3 @@
+/** Hook to detect prefers-reduced-motion. SSR/test-safe. */
+export declare function useReducedMotion(): boolean;
+//# sourceMappingURL=use-reduced-motion.d.ts.map

package/dist/ui/lib/use-reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduced-motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/use-reduced-motion.ts"],"names":[],"mappings":"AAEA,4DAA4D;AAC5D,wBAAgB,gBAAgB,IAAI,OAAO,CAa1C"}

package/dist/ui/lib/use-reduced-motion.js

@@ -0,0 +1,14 @@
+import { useState as r, useEffect as c } from "react";
+function u() {
+  const [d, t] = r(!1);
+  return c(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
+    const e = window.matchMedia("(prefers-reduced-motion: reduce)");
+    t(e.matches);
+    const n = (o) => t(o.matches);
+    return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+  }, []), d;
+}
+export {
+  u as useReducedMotion
+};

package/dist/ui/lib/use-ripple.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+interface Ripple {
+    id: number;
+    x: number;
+    y: number;
+    size: number;
+}
+export declare function useRipple(duration?: number): {
+    ripples: Ripple[];
+    createRipple: (e: MouseEvent<HTMLElement>) => void;
+};
+export {};
+//# sourceMappingURL=use-ripple.d.ts.map

package/dist/ui/lib/use-ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ripple.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/use-ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,OAAO,CAAA;AAE9D,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,QAAQ,SAAM;;sBAGD,UAAU,CAAC,WAAW,CAAC;EAc7D"}

package/dist/ui/lib/use-ripple.js

@@ -0,0 +1,13 @@
+import { useState as f, useCallback as g } from "react";
+function m(c = 600) {
+  const [l, s] = f([]), p = g((e) => {
+    const t = e.currentTarget.getBoundingClientRect(), i = Math.max(t.width, t.height) * 2, r = e.clientX - t.left - i / 2, a = e.clientY - t.top - i / 2, o = Date.now();
+    s((n) => [...n, { id: o, x: r, y: a, size: i }]), setTimeout(() => {
+      s((n) => n.filter((u) => u.id !== o));
+    }, c);
+  }, [c]);
+  return { ripples: l, createRipple: p };
+}
+export {
+  m as useRipple
+};

package/dist/ui/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAW5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/ui/lib/utils.js

@@ -0,0 +1,15 @@
+import { clsx as t } from "clsx";
+import { extendTailwindMerge as r } from "tailwind-merge";
+const n = r({
+  extend: {
+    classGroups: {
+      "font-size": [{ "text-ds": ["xs", "sm", "md"] }]
+    }
+  }
+});
+function i(...e) {
+  return n(t(e));
+}
+export {
+  i as cn
+};

package/dist/ui/link.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    inline?: boolean;
+    asChild?: boolean;
+}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export { Link };
+//# sourceMappingURL=link.d.ts.map

package/dist/ui/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/ui/link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,IAAI,qFAkBT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/ui/link.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Root as s } from "../primitives/react-slot.js";
+import * as l from "react";
+import { cn as f } from "./lib/utils.js";
+const a = l.forwardRef(
+  ({ className: o, inline: e = !0, asChild: t = !1, ...i }, r) => /* @__PURE__ */ n(
+    t ? s : "a",
+    {
+      ref: r,
+      className: f(
+        "text-text-link underline underline-offset-2",
+        "hover:text-text-link-hover transition-colors duration-fast-01",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus rounded-ds-sm",
+        e ? "inline" : "block",
+        o
+      ),
+      ...i
+    }
+  )
+);
+a.displayName = "Link";
+export {
+  a as Link
+};

package/dist/ui/menubar.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import * as MenubarPrimitive from '@primitives/react-menubar';
+declare const MenubarMenu: typeof MenubarPrimitive.Menu;
+declare const MenubarGroup: typeof MenubarPrimitive.Group;
+declare const MenubarPortal: typeof MenubarPrimitive.Portal;
+declare const MenubarSub: typeof MenubarPrimitive.Sub;
+declare const MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup;
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarGroup, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarShortcut, };
+//# sourceMappingURL=menubar.d.ts.map

package/dist/ui/menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../src/ui/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAK7D,QAAA,MAAM,WAAW,EAAE,OAAO,gBAAgB,CAAC,IAA4B,CAAA;AAEvE,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,CAAC,KAA8B,CAAA;AAE1E,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,QAAA,MAAM,UAAU,EAAE,OAAO,gBAAgB,CAAC,GAA0B,CAAA;AAEpE,QAAA,MAAM,iBAAiB,EAAE,OAAO,gBAAgB,CAAC,UACpB,CAAA;AAE7B,QAAA,MAAM,OAAO,yJAYX,CAAA;AAGF,QAAA,MAAM,cAAc,sKAYlB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAejB,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKAYrB,CAAA;AAGF,QAAA,MAAM,cAAc,gKAuBnB,CAAA;AAGD,QAAA,MAAM,WAAW;YAGL,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,mBAAmB,qKAoBvB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kKAmBpB,CAAA;AAGF,QAAA,MAAM,YAAY;YAGN,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kKASpB,CAAA;AAGF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,CAAA"}

package/dist/ui/menubar.js

@@ -0,0 +1,176 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import * as r from "react";
+import { Group as R, Menu as M, Portal as l, RadioGroup as v, Sub as I, Root as m, CheckboxItem as c, ItemIndicator as p, Content as u, Item as b, Label as f, RadioItem as y, Separator as x, SubContent as g, SubTrigger as N, Trigger as h } from "../primitives/react-menubar.js";
+import { IconCheck as S, IconCircle as C, IconChevronRight as z } from "@tabler/icons-react";
+import { cn as d } from "./lib/utils.js";
+const K = M, O = R, Q = l, U = I, V = v, k = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
+  m,
+  {
+    ref: t,
+    className: d(
+      "flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-border bg-layer-01 p-ds-02 shadow-01",
+      e
+    ),
+    ...a
+  }
+));
+k.displayName = m.displayName;
+const G = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
+  h,
+  {
+    ref: t,
+    className: d(
+      "flex cursor-default select-none items-center rounded-ds-sm px-ds-04 py-ds-02 text-ds-md font-medium outline-none transition-colors hover:bg-field focus-visible:bg-field data-[state=open]:bg-field",
+      e
+    ),
+    ...a
+  }
+));
+G.displayName = h.displayName;
+const T = r.forwardRef(({ className: e, inset: a, children: t, ...o }, n) => /* @__PURE__ */ i(
+  N,
+  {
+    ref: n,
+    className: d(
+      "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-layer-02 data-[state=open]:bg-layer-02 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      a && "pl-ds-07",
+      e
+    ),
+    ...o,
+    children: [
+      t,
+      /* @__PURE__ */ s(z, { className: "ml-auto" })
+    ]
+  }
+));
+T.displayName = N.displayName;
+const j = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
+  g,
+  {
+    ref: t,
+    className: d(
+      "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...a
+  }
+));
+j.displayName = g.displayName;
+const L = r.forwardRef(
+  ({ className: e, align: a = "start", alignOffset: t = -4, sideOffset: o = 8, ...n }, w) => /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(
+    u,
+    {
+      ref: w,
+      align: a,
+      alignOffset: t,
+      sideOffset: o,
+      className: d(
+        "z-dropdown min-w-[12rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        e
+      ),
+      ...n
+    }
+  ) })
+);
+L.displayName = u.displayName;
+const P = r.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
+  b,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38] [&>svg]:size-4 [&>svg]:shrink-0",
+      a && "pl-ds-07",
+      e
+    ),
+    ...t
+  }
+));
+P.displayName = b.displayName;
+const _ = r.forwardRef(({ className: e, children: a, checked: t, ...o }, n) => /* @__PURE__ */ i(
+  c,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
+      e
+    ),
+    checked: t,
+    ...o,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(S, { className: "h-ico-sm w-ico-sm" }) }) }),
+      a
+    ]
+  }
+));
+_.displayName = c.displayName;
+const q = r.forwardRef(({ className: e, children: a, ...t }, o) => /* @__PURE__ */ i(
+  y,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(C, { className: "h-2 w-2 fill-current" }) }) }),
+      a
+    ]
+  }
+));
+q.displayName = y.displayName;
+const A = r.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
+  f,
+  {
+    ref: o,
+    className: d(
+      "px-ds-03 py-ds-02b text-ds-md font-semibold",
+      a && "pl-ds-07",
+      e
+    ),
+    ...t
+  }
+));
+A.displayName = f.displayName;
+const B = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
+  x,
+  {
+    ref: t,
+    className: d("-mx-1 my-ds-02 h-px bg-border-subtle", e),
+    ...a
+  }
+));
+B.displayName = x.displayName;
+const D = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ s(
+  "span",
+  {
+    className: d(
+      "ml-auto text-ds-sm text-text-placeholder",
+      e
+    ),
+    ...a
+  }
+);
+D.displayName = "MenubarShortcut";
+export {
+  k as Menubar,
+  _ as MenubarCheckboxItem,
+  L as MenubarContent,
+  O as MenubarGroup,
+  P as MenubarItem,
+  A as MenubarLabel,
+  K as MenubarMenu,
+  Q as MenubarPortal,
+  V as MenubarRadioGroup,
+  q as MenubarRadioItem,
+  B as MenubarSeparator,
+  D as MenubarShortcut,
+  U as MenubarSub,
+  j as MenubarSubContent,
+  T as MenubarSubTrigger,
+  G as MenubarTrigger
+};

package/dist/ui/navigation-menu.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@primitives/react-navigation-menu';
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/ui/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,uBAAuB,MAAM,mCAAmC,CAAA;AAK5E,QAAA,MAAM,cAAc,iKAelB,CAAA;AAGF,QAAA,MAAM,kBAAkB,+KAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,uHAA+B,CAAA;AAEvD,QAAA,MAAM,qBAAqB,oLAkBzB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAYzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,2HAA+B,CAAA;AAEvD,QAAA,MAAM,sBAAsB,+KAc1B,CAAA;AAIF,QAAA,MAAM,uBAAuB,gLAc3B,CAAA;AAIF,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,CAAA"}