@devalok/shilp-sutra 0.1.0

package/dist/ui/tabs.js

@@ -0,0 +1,74 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Root as m, Content as d, List as c, Trigger as l } from "../primitives/react-tabs.js";
+import * as r from "react";
+import { cva as f } from "class-variance-authority";
+import { cn as o } from "./lib/utils.js";
+const R = m, v = r.createContext({ variant: "line" }), p = f("inline-flex items-center", {
+  variants: {
+    variant: {
+      line: "border-b border-border w-full gap-0",
+      contained: "bg-layer-02 p-ds-02 rounded-ds-lg gap-ds-02"
+    }
+  },
+  defaultVariants: { variant: "line" }
+}), u = f(
+  "inline-flex items-center justify-center whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]",
+  {
+    variants: {
+      variant: {
+        line: [
+          "px-ds-05 py-ds-03 -mb-px border-b-2 border-transparent",
+          "text-text-secondary hover:text-text-primary",
+          "data-[state=active]:border-interactive data-[state=active]:text-interactive"
+        ],
+        contained: [
+          "px-ds-05 py-ds-02b rounded-ds-md",
+          "text-text-secondary hover:text-text-primary",
+          "data-[state=active]:bg-layer-01 data-[state=active]:shadow-01 data-[state=active]:text-text-primary"
+        ]
+      }
+    },
+    defaultVariants: { variant: "line" }
+  }
+), x = r.forwardRef(({ className: t, variant: e, ...a }, n) => {
+  const i = e ?? "line";
+  return /* @__PURE__ */ s(v.Provider, { value: { variant: i }, children: /* @__PURE__ */ s(
+    c,
+    {
+      ref: n,
+      className: o(p({ variant: i }), t),
+      ...a
+    }
+  ) });
+});
+x.displayName = c.displayName;
+const g = r.forwardRef(({ className: t, variant: e, ...a }, n) => {
+  const i = r.useContext(v), b = e ?? i.variant;
+  return /* @__PURE__ */ s(
+    l,
+    {
+      ref: n,
+      className: o(u({ variant: b }), t),
+      ...a
+    }
+  );
+});
+g.displayName = l.displayName;
+const y = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ s(
+  d,
+  {
+    ref: a,
+    className: o(
+      "mt-ds-05 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2",
+      t
+    ),
+    ...e
+  }
+));
+y.displayName = d.displayName;
+export {
+  R as Tabs,
+  y as TabsContent,
+  x as TabsList,
+  g as TabsTrigger
+};

package/dist/ui/text.d.ts

@@ -0,0 +1,47 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const textVariants: (props?: ({
+    variant?: "caption" | "overline" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "label-lg" | "label-md" | "label-sm" | "label-xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TextVariant = NonNullable<VariantProps<typeof textVariants>['variant']>;
+/**
+ * Props for Text — a polymorphic typography component covering the full type scale:
+ * headings, body, labels, captions, and overlines — with automatic semantic HTML element selection.
+ *
+ * **Variants (grouped):**
+ * - Headings: `heading-2xl` → `h1`, `heading-xl` → `h2`, `heading-lg` → `h3`, etc.
+ * - Body: `body-lg` | `body-md` (default) | `body-sm` | `body-xs` → `<p>`
+ * - Labels: `label-lg` | `label-md` | `label-sm` | `label-xs` → `<span>` (uppercase)
+ * - Misc: `caption` | `overline` → `<span>` (overline is uppercase)
+ *
+ * **`as` prop:** Override the rendered element. E.g. `<Text variant="heading-lg" as="div">` renders
+ * `<div class="text-heading-lg ...">` — useful when you need heading styles on a non-heading element.
+ *
+ * @example
+ * // Page heading:
+ * <Text variant="heading-2xl">Welcome to Shilp Sutra</Text>
+ *
+ * @example
+ * // Section label (uppercase, small):
+ * <Text variant="label-sm" className="text-text-secondary">Recent activity</Text>
+ *
+ * @example
+ * // Body copy with custom element (renders as <span> for inline use):
+ * <Text variant="body-sm" as="span" className="text-text-secondary">
+ *   Last updated 3 hours ago
+ * </Text>
+ *
+ * @example
+ * // Caption under an image or figure:
+ * <Text variant="caption" className="text-text-tertiary">Figure 1: System architecture</Text>
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+type TextProps<T extends React.ElementType = 'p'> = {
+    variant?: TextVariant;
+    as?: T;
+    className?: string;
+    children?: React.ReactNode;
+} & Omit<React.ComponentPropsWithRef<T>, 'as' | 'variant' | 'className' | 'children'>;
+declare const Text: React.ForwardRefExoticComponent<Omit<TextProps<"p">, "ref"> & React.RefAttributes<HTMLElement>>;
+export { Text, textVariants, type TextProps, type TextVariant };
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/ui/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;8EAwBhB,CAAA;AAEF,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AAqB5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI;IAClD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAErF,QAAA,MAAM,IAAI,iGAST,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,CAAA"}

package/dist/ui/text.js

@@ -0,0 +1,59 @@
+import * as e from "react";
+import { cva as o } from "class-variance-authority";
+import { cn as d } from "./lib/utils.js";
+const p = o("font-sans", {
+  variants: {
+    variant: {
+      "heading-2xl": "text-[length:var(--typo-heading-2xl-size)] font-[number:var(--typo-heading-2xl-weight)] leading-[var(--typo-heading-2xl-leading)] tracking-[var(--typo-heading-2xl-tracking)]",
+      "heading-xl": "text-[length:var(--typo-heading-xl-size)] font-[number:var(--typo-heading-xl-weight)] leading-[var(--typo-heading-xl-leading)] tracking-[var(--typo-heading-xl-tracking)]",
+      "heading-lg": "text-[length:var(--typo-heading-lg-size)] font-[number:var(--typo-heading-lg-weight)] leading-[var(--typo-heading-lg-leading)] tracking-[var(--typo-heading-lg-tracking)]",
+      "heading-md": "text-[length:var(--typo-heading-md-size)] font-[number:var(--typo-heading-md-weight)] leading-[var(--typo-heading-md-leading)] tracking-[var(--typo-heading-md-tracking)]",
+      "heading-sm": "text-[length:var(--typo-heading-sm-size)] font-[number:var(--typo-heading-sm-weight)] leading-[var(--typo-heading-sm-leading)] tracking-[var(--typo-heading-sm-tracking)]",
+      "heading-xs": "text-[length:var(--typo-heading-xs-size)] font-[number:var(--typo-heading-xs-weight)] leading-[var(--typo-heading-xs-leading)] tracking-[var(--typo-heading-xs-tracking)]",
+      "body-lg": "text-[length:var(--typo-body-lg-size)] font-[number:var(--typo-body-lg-weight)] leading-[var(--typo-body-lg-leading)] tracking-[var(--typo-body-lg-tracking)]",
+      "body-md": "text-[length:var(--typo-body-md-size)] font-[number:var(--typo-body-md-weight)] leading-[var(--typo-body-md-leading)] tracking-[var(--typo-body-md-tracking)]",
+      "body-sm": "text-[length:var(--typo-body-sm-size)] font-[number:var(--typo-body-sm-weight)] leading-[var(--typo-body-sm-leading)] tracking-[var(--typo-body-sm-tracking)]",
+      "body-xs": "text-[length:var(--typo-body-xs-size)] font-[number:var(--typo-body-xs-weight)] leading-[var(--typo-body-xs-leading)] tracking-[var(--typo-body-xs-tracking)]",
+      "label-lg": "text-[length:var(--typo-label-lg-size)] font-[number:var(--typo-label-lg-weight)] leading-[var(--typo-label-lg-leading)] tracking-[var(--typo-label-lg-tracking)] uppercase",
+      "label-md": "text-[length:var(--typo-label-md-size)] font-[number:var(--typo-label-md-weight)] leading-[var(--typo-label-md-leading)] tracking-[var(--typo-label-md-tracking)] uppercase",
+      "label-sm": "text-[length:var(--typo-label-sm-size)] font-[number:var(--typo-label-sm-weight)] leading-[var(--typo-label-sm-leading)] tracking-[var(--typo-label-sm-tracking)] uppercase",
+      "label-xs": "text-[length:var(--typo-label-xs-size)] font-[number:var(--typo-label-xs-weight)] leading-[var(--typo-label-xs-leading)] tracking-[var(--typo-label-xs-tracking)] uppercase",
+      caption: "text-[length:var(--typo-caption-size)] font-[number:var(--typo-caption-weight)] leading-[var(--typo-caption-leading)] tracking-[var(--typo-caption-tracking)]",
+      overline: "text-[length:var(--typo-overline-size)] font-[number:var(--typo-overline-weight)] leading-[var(--typo-overline-leading)] tracking-[var(--typo-overline-tracking)] uppercase"
+    }
+  },
+  defaultVariants: {
+    variant: "body-md"
+  }
+}), y = {
+  "heading-2xl": "h1",
+  "heading-xl": "h2",
+  "heading-lg": "h3",
+  "heading-md": "h4",
+  "heading-sm": "h5",
+  "heading-xs": "h6",
+  "body-lg": "p",
+  "body-md": "p",
+  "body-sm": "p",
+  "body-xs": "p",
+  "label-lg": "span",
+  "label-md": "span",
+  "label-sm": "span",
+  "label-xs": "span",
+  caption: "span",
+  overline: "span"
+}, s = e.forwardRef(
+  ({ variant: a = "body-md", as: t, className: n, children: i, ...g }, r) => {
+    const l = t || y[a] || "p";
+    return e.createElement(
+      l,
+      { ref: r, className: d(p({ variant: a }), n), ...g },
+      i
+    );
+  }
+);
+s.displayName = "Text";
+export {
+  s as Text,
+  p as textVariants
+};

package/dist/ui/textarea.d.ts

@@ -0,0 +1,40 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputState } from './input';
+import * as React from 'react';
+declare const textareaVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for Textarea — a resizable multi-line text input with size variants and validation state coloring,
+ * sharing the same `InputState` type as `<Input>`.
+ *
+ * **Sizes:** `sm` (min 60px) | `md` (min 80px, default) | `lg` (min 120px) — all are vertically resizable.
+ *
+ * **Validation states:** `state="error"` | `"warning"` | `"success"` — changes border color and focus ring.
+ * HTML's native `size` attribute is omitted; use `rows` for initial height or CSS `min-height`.
+ *
+ * **Pair with FormField:** Use inside `<FormField>` to get a label, helper text, and associated `state`.
+ *
+ * @example
+ * // Basic description textarea in a form:
+ * <Textarea placeholder="Describe the issue..." rows={4} />
+ *
+ * @example
+ * // Error state when validation fails:
+ * <Textarea state="error" value={bio} onChange={(e) => setBio(e.target.value)} />
+ *
+ * @example
+ * // Large textarea for a full email draft composer:
+ * <Textarea size="lg" placeholder="Write your message..." className="min-h-[200px]" />
+ *
+ * @example
+ * // Read-only view of a previously submitted note:
+ * <Textarea readOnly value={submission.notes} size="md" />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
+    state?: InputState;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea, textareaVariants };
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,QAAA,MAAM,gBAAgB;;8EAsBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EACrE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,2FAgBb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/textarea.js

@@ -0,0 +1,47 @@
+import { jsx as d } from "react/jsx-runtime";
+import * as a from "react";
+import { cva as t } from "class-variance-authority";
+import { cn as n } from "./lib/utils.js";
+const l = t(
+  [
+    "flex w-full font-sans resize-y",
+    "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: "min-h-[60px] text-ds-sm px-ds-03 py-ds-02",
+        md: "min-h-[80px] text-ds-base px-ds-04 py-ds-03",
+        lg: "min-h-[120px] text-ds-lg px-ds-05 py-ds-04"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), c = a.forwardRef(
+  ({ className: e, state: r, size: s, ...o }, i) => /* @__PURE__ */ d(
+    "textarea",
+    {
+      className: n(
+        l({ size: s }),
+        r === "error" && "border-border-error focus-visible:ring-error",
+        r === "warning" && "border-border-warning focus-visible:ring-warning",
+        r === "success" && "border-border-success focus-visible:ring-success",
+        e
+      ),
+      ref: i,
+      ...o
+    }
+  )
+);
+c.displayName = "Textarea";
+export {
+  c as Textarea,
+  l as textareaVariants
+};

package/dist/ui/toast.d.ts

@@ -0,0 +1,32 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as ToastPrimitives from '@primitives/react-toast';
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "error" | "default" | "warning" | "success" | "info" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the `Toast` component. For imperative notifications (most common), use
+ * the `useToast()` hook or `toast()` function with `<Toaster />` at layout root.
+ *
+ * @example
+ * // Imperative approach (recommended for user-triggered notifications):
+ * const { toast } = useToast()
+ * toast({ title: 'Saved!', variant: 'success' })
+ *
+ * // Declarative (for tests/Storybook only):
+ * <Toast open variant="error">
+ *   <ToastTitle>Error</ToastTitle>
+ *   <ToastDescription>Something went wrong.</ToastDescription>
+ *   <ToastClose />
+ * </Toast>
+ */
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/ui/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa,8CAA2B,CAAA;AAE9C,QAAA,MAAM,aAAa,kKAYjB,CAAA;AAgCF,QAAA,MAAM,KAAK;;qHAcT,CAAA;AAGF,QAAA,MAAM,WAAW,kKAYf,CAAA;AAGF,QAAA,MAAM,UAAU,iKAed,CAAA;AAGF,QAAA,MAAM,UAAU,2JASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,iKASpB,CAAA;AAGF;;;;;;;;;;;;;;;GAeG;AACH,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAA;AAE9D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAEhE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAA"}

package/dist/ui/toast.js

@@ -0,0 +1,98 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as r from "react";
+import { Provider as p, Root as i, Action as d, Close as n, Description as l, Title as c, Viewport as m } from "../primitives/react-toast.js";
+import { cva as u } from "class-variance-authority";
+import { IconX as b } from "@tabler/icons-react";
+import { cn as a } from "./lib/utils.js";
+const C = p, x = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  m,
+  {
+    ref: s,
+    className: a(
+      "fixed top-0 z-toast flex max-h-screen w-full flex-col-reverse p-ds-05 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      e
+    ),
+    ...t
+  }
+));
+x.displayName = m.displayName;
+const v = u(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-ds-03 overflow-hidden rounded-ds-md border p-ds-05 pr-ds-06 shadow-03 transition-all duration-moderate-02 data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-layer-01 text-text-primary",
+        success: "border-success-border bg-success-surface text-success-text",
+        warning: "border-warning-border bg-warning-surface text-warning-text",
+        error: "destructive group border-border-error bg-error-surface text-error-text",
+        info: "border-info-border bg-info-surface text-info-text"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), w = r.forwardRef(({ className: e, variant: t, ...s }, f) => /* @__PURE__ */ o(
+  i,
+  {
+    ref: f,
+    role: "status",
+    "aria-live": "polite",
+    className: a(v({ variant: t }), e),
+    ...s
+  }
+));
+w.displayName = i.displayName;
+const g = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  d,
+  {
+    ref: s,
+    className: a(
+      "inline-flex h-ds-sm shrink-0 items-center justify-center rounded-ds-md border border-border bg-transparent px-ds-04 text-ds-md font-medium transition-colors hover:bg-layer-02 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38] group-[.destructive]:border-border-error group-[.destructive]:hover:bg-error-surface",
+      e
+    ),
+    ...t
+  }
+));
+g.displayName = d.displayName;
+const y = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  n,
+  {
+    ref: s,
+    className: a(
+      "absolute right-ds-02 top-ds-02 rounded-ds-md p-ds-02 text-text-secondary opacity-0 transition-opacity hover:text-text-primary focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus group-hover:opacity-100",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ o(b, { className: "h-ico-sm w-ico-sm" })
+  }
+));
+y.displayName = n.displayName;
+const N = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  c,
+  {
+    ref: s,
+    className: a("text-ds-md font-semibold [&+div]:text-ds-sm", e),
+    ...t
+  }
+));
+N.displayName = c.displayName;
+const h = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  l,
+  {
+    ref: s,
+    className: a("text-ds-md opacity-90", e),
+    ...t
+  }
+));
+h.displayName = l.displayName;
+export {
+  w as Toast,
+  g as ToastAction,
+  y as ToastClose,
+  h as ToastDescription,
+  C as ToastProvider,
+  N as ToastTitle,
+  x as ToastViewport
+};

package/dist/ui/toaster.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Toaster — shell component that renders active toast notifications. Mount **once** at your root layout.
+ *
+ * @see {@link useToast} for the hook-based API
+ * @see {@link toast} for the direct imperative function
+ *
+ * @example
+ * // 1. Mount Toaster once in your root layout (e.g. app/layout.tsx in Next.js):
+ * import { Toaster } from '@devalok/shilp-sutra'
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <html lang="en">
+ *       <body>
+ *         {children}
+ *         <Toaster />
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ *
+ * // 2. Trigger a toast from any component:
+ * import { useToast } from '@devalok/shilp-sutra'
+ * function SaveButton() {
+ *   const { toast } = useToast()
+ *   return (
+ *     <button onClick={() => toast({ title: 'Saved!', description: 'Changes saved.', variant: 'success' })}>
+ *       Save
+ *     </button>
+ *   )
+ * }
+ *
+ * // Or use the imperative function directly (no hook needed):
+ * import { toast } from '@devalok/shilp-sutra'
+ * toast({ title: 'Deleted', variant: 'error' })
+ *
+ * // Valid variants: 'default' | 'success' | 'warning' | 'error' | 'info'
+ */
+export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
+export declare namespace Toaster {
+    var displayName: string;
+}
+//# sourceMappingURL=toaster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/ui/toaster.tsx"],"names":[],"mappings":"AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,OAAO,4CAsBtB;yBAtBe,OAAO"}

package/dist/ui/toaster.js

@@ -0,0 +1,23 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { useToast as T } from "../hooks/use-toast.js";
+import { ToastProvider as c, Toast as d, ToastTitle as m, ToastDescription as l, ToastClose as p, ToastViewport as f } from "./toast.js";
+function h() {
+  const { toasts: a } = T();
+  return /* @__PURE__ */ r(c, { children: [
+    a.map(function({ id: e, title: s, description: t, action: i, ...n }) {
+      return /* @__PURE__ */ r(d, { ...n, children: [
+        /* @__PURE__ */ r("div", { className: "grid gap-ds-02", children: [
+          s && /* @__PURE__ */ o(m, { children: s }),
+          t && /* @__PURE__ */ o(l, { children: t })
+        ] }),
+        i,
+        /* @__PURE__ */ o(p, {})
+      ] }, e);
+    }),
+    /* @__PURE__ */ o(f, {})
+  ] });
+}
+h.displayName = "Toaster";
+export {
+  h as Toaster
+};

package/dist/ui/toggle-group.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@primitives/react-toggle-group';
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/ui/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/ui/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AACtE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAY5D,QAAA,MAAM,WAAW;;;uHAcf,CAAA;AAGF,QAAA,MAAM,eAAe;;;yHAoBnB,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}

package/dist/ui/toggle-group.js

@@ -0,0 +1,40 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as t from "react";
+import { Root as n, Item as l } from "../primitives/react-toggle-group.js";
+import { cn as p } from "./lib/utils.js";
+import { toggleVariants as d } from "./toggle.js";
+const c = t.createContext({
+  size: "md",
+  variant: "default"
+}), f = t.forwardRef(({ className: o, variant: a, size: r, children: s, ...i }, e) => /* @__PURE__ */ m(
+  n,
+  {
+    ref: e,
+    className: p("inline-flex items-center gap-ds-02", o),
+    ...i,
+    children: /* @__PURE__ */ m(c.Provider, { value: { variant: a, size: r }, children: s })
+  }
+));
+f.displayName = n.displayName;
+const g = t.forwardRef(({ className: o, variant: a, size: r, ...s }, i) => {
+  const e = t.useContext(c);
+  return /* @__PURE__ */ m(
+    l,
+    {
+      ref: i,
+      className: p(
+        d({
+          variant: a ?? e.variant,
+          size: r ?? e.size
+        }),
+        o
+      ),
+      ...s
+    }
+  );
+});
+g.displayName = l.displayName;
+export {
+  f as ToggleGroup,
+  g as ToggleGroupItem
+};

package/dist/ui/toggle.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as TogglePrimitive from '@primitives/react-toggle';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/ui/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAqBnB,CAAA;AAED,QAAA,MAAM,MAAM;;;yHAUV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/toggle.js

@@ -0,0 +1,37 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as d from "react";
+import { Root as e } from "../primitives/react-toggle.js";
+import { cva as n } from "class-variance-authority";
+import { cn as l } from "./lib/utils.js";
+const m = n(
+  "inline-flex items-center justify-center gap-ds-03 rounded-ds-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38] data-[state=on]:bg-interactive-subtle data-[state=on]:text-interactive",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent hover:bg-field text-text-secondary",
+        outline: "border border-border bg-transparent hover:bg-field"
+      },
+      size: {
+        sm: "h-ds-sm px-ds-03 text-ds-sm",
+        md: "h-ds-md px-ds-04 text-ds-md",
+        lg: "h-ds-lg px-ds-05 text-ds-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+), f = d.forwardRef(({ className: t, variant: s, size: i, ...o }, a) => /* @__PURE__ */ r(
+  e,
+  {
+    ref: a,
+    className: l(m({ variant: s, size: i, className: t })),
+    ...o
+  }
+));
+f.displayName = e.displayName;
+export {
+  f as Toggle,
+  m as toggleVariants
+};

package/dist/ui/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@primitives/react-tooltip';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAI7D,QAAA,MAAM,eAAe,iDAA4B,CAAA;AAEjD,QAAA,MAAM,OAAO,yCAAwB,CAAA;AAErC,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,gKAelB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/ui/tooltip.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as r from "react";
+import { Root as s, Provider as n, Trigger as m, Portal as l, Content as o } from "../primitives/react-tooltip.js";
+import { cn as p } from "./lib/utils.js";
+const u = n, T = s, h = m, f = r.forwardRef(({ className: e, sideOffset: a = 4, ...i }, d) => /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(
+  o,
+  {
+    ref: d,
+    sideOffset: a,
+    className: p(
+      "z-tooltip overflow-hidden rounded-ds-md bg-text-primary px-ds-04 py-ds-02b text-ds-sm text-text-inverse shadow-02 duration-fast-02 ease-productive-entrance 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 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
+    ),
+    ...i
+  }
+) }));
+f.displayName = o.displayName;
+export {
+  T as Tooltip,
+  f as TooltipContent,
+  u as TooltipProvider,
+  h as TooltipTrigger
+};