@elabs-ai/components-ui 5.0.0 → 5.2.0

package/dist/{chunk-WCCCW4KD.js → chunk-U7FC5J6J.js}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-BZQF5QCN.js";
 import {
   ModelPicker
-} from "./chunk-FYCCNQXQ.js";
+} from "./chunk-FC2LHNJG.js";
 import {
   Input
-} from "./chunk-XYACSO57.js";
+} from "./chunk-I3U52BDH.js";
 import {
   useLocale
-} from "./chunk-EJQYE4MY.js";
+} from "./chunk-OFFWEDKY.js";
 import {
   Button
-} from "./chunk-VA2OONPE.js";
+} from "./chunk-C5QBV5RE.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/workspace-picker/workspace-picker.tsx
 import { forwardRef, useState } from "react";
@@ -137,4 +137,4 @@ var WorkspacePicker = forwardRef(
 export {
   WorkspacePicker
 };
-//# sourceMappingURL=chunk-WCCCW4KD.js.map
+//# sourceMappingURL=chunk-U7FC5J6J.js.map

package/dist/{chunk-W6HCXQBH.js → chunk-UG2T7LMX.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   InputGroup
-} from "./chunk-UPEMEBWH.js";
+} from "./chunk-55BM2IU2.js";
 import {
   Badge
-} from "./chunk-ECCNRCC4.js";
+} from "./chunk-HNLYRHAU.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/tag-input/tag-input.tsx
 import {
@@ -195,4 +195,4 @@ function escapeRegex(s) {
 export {
   TagInput
 };
-//# sourceMappingURL=chunk-W6HCXQBH.js.map
+//# sourceMappingURL=chunk-UG2T7LMX.js.map

package/dist/{chunk-JNWXHPZG.js → chunk-UPGIQXUY.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/skeleton/skeleton.tsx
 import "react";
@@ -21,4 +21,4 @@ function Skeleton({ className, ...props }) {
 export {
   Skeleton
 };
-//# sourceMappingURL=chunk-JNWXHPZG.js.map
+//# sourceMappingURL=chunk-UPGIQXUY.js.map

package/dist/{chunk-WZTFU6FJ.js → chunk-UUSOIPM2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/descriptions/descriptions.tsx
 import { createContext, forwardRef, use } from "react";
@@ -66,4 +66,4 @@ export {
   Descriptions,
   DescriptionsItem
 };
-//# sourceMappingURL=chunk-WZTFU6FJ.js.map
+//# sourceMappingURL=chunk-UUSOIPM2.js.map

package/dist/{chunk-7P24I5OL.js → chunk-UVVVKPSH.js}

@@ -4,7 +4,7 @@ import {
   SidebarContent,
   SidebarFooter,
   SidebarHeader
-} from "./chunk-R3SYH7RG.js";
+} from "./chunk-A3JF66ZC.js";
 
 // src/components/app-sidebar/app-sidebar.tsx
 import { forwardRef } from "react";
@@ -20,4 +20,4 @@ var AppSidebar = forwardRef(function AppSidebar2({ header, footer, children, ...
 export {
   AppSidebar
 };
-//# sourceMappingURL=chunk-7P24I5OL.js.map
+//# sourceMappingURL=chunk-UVVVKPSH.js.map

package/dist/{chunk-V4DDHF7S.js → chunk-V6U75PIG.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   TEXT_ROLE_REM
-} from "./chunk-FDPONOOT.js";
+} from "./chunk-5MXQ5CP7.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/typography/prose.tsx
 import {
@@ -144,4 +144,4 @@ export {
   ProseBlockquote,
   ProseInlineCode
 };
-//# sourceMappingURL=chunk-V4DDHF7S.js.map
+//# sourceMappingURL=chunk-V6U75PIG.js.map

package/dist/{chunk-BN4CKDFU.js → chunk-VAWYYETZ.js}

@@ -16,78 +16,78 @@ import {
 } from "./chunk-TNOANK34.js";
 import {
   ListEditor
-} from "./chunk-OPMMD25Z.js";
+} from "./chunk-WDZ47ZTX.js";
+import {
+  KeyValueEditor
+} from "./chunk-A3TT32GE.js";
 import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger
-} from "./chunk-HRYH7XQP.js";
+} from "./chunk-QKZX5HDY.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-5RC32MZH.js";
-import {
-  KeyValueEditor
-} from "./chunk-IGP5E4FC.js";
+} from "./chunk-72H7HUTH.js";
 import {
   FileUpload,
   FileUploadDropzone,
   FileUploadItem,
   FileUploadList,
   useFileUpload
-} from "./chunk-A43B4IT7.js";
+} from "./chunk-CGY25FAG.js";
 import {
   Descriptions,
   DescriptionsItem
-} from "./chunk-WZTFU6FJ.js";
+} from "./chunk-UUSOIPM2.js";
 import {
   Spinner
-} from "./chunk-ITFDGFOT.js";
+} from "./chunk-ONXBRQJT.js";
 import {
   StatusBadge
-} from "./chunk-3EKVSKGJ.js";
+} from "./chunk-DXC3DTCV.js";
 import {
   Checkbox
-} from "./chunk-DUF2VZON.js";
+} from "./chunk-K4V2ELUZ.js";
 import {
   NumberInput
-} from "./chunk-4GQFIJAE.js";
+} from "./chunk-IV6OYZTL.js";
 import {
   Textarea
-} from "./chunk-KUAVM54Y.js";
+} from "./chunk-FZEG2R3E.js";
 import {
   Skeleton
-} from "./chunk-JNWXHPZG.js";
+} from "./chunk-UPGIQXUY.js";
 import {
   Input
-} from "./chunk-XYACSO57.js";
+} from "./chunk-I3U52BDH.js";
 import {
   Label
-} from "./chunk-TEKBTTP2.js";
+} from "./chunk-U756JCDK.js";
 import {
   AdvancedGroup
-} from "./chunk-533R5EKD.js";
+} from "./chunk-LVY7B5PD.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-B5QQLMEE.js";
+} from "./chunk-FG3PDWE3.js";
 import {
   Badge
-} from "./chunk-ECCNRCC4.js";
+} from "./chunk-HNLYRHAU.js";
 import {
   useLocale
-} from "./chunk-EJQYE4MY.js";
+} from "./chunk-OFFWEDKY.js";
 import {
   Button
-} from "./chunk-VA2OONPE.js";
+} from "./chunk-C5QBV5RE.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/schema-form/schema-form.tsx
 import {
@@ -986,4 +986,4 @@ export {
   SchemaFormFallback,
   SchemaForm
 };
-//# sourceMappingURL=chunk-BN4CKDFU.js.map
+//# sourceMappingURL=chunk-VAWYYETZ.js.map

package/dist/chunk-VFS52GGI.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-VFS52GGI.js.map

package/dist/chunk-VFS52GGI.js.map

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

package/dist/{chunk-DT6RNLCP.js → chunk-W26KFY35.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   illustrationSvgProps
-} from "./chunk-A47AZPCL.js";
+} from "./chunk-CEQ3YKHR.js";
 
 // src/illustrations/empty-list-illustration.tsx
 import { forwardRef } from "react";
@@ -29,4 +29,4 @@ EmptyListIllustration.displayName = "EmptyListIllustration";
 export {
   EmptyListIllustration
 };
-//# sourceMappingURL=chunk-DT6RNLCP.js.map
+//# sourceMappingURL=chunk-W26KFY35.js.map

package/dist/{chunk-OPMMD25Z.js → chunk-WDZ47ZTX.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Input
-} from "./chunk-XYACSO57.js";
+} from "./chunk-I3U52BDH.js";
 import {
   useLocale
-} from "./chunk-EJQYE4MY.js";
+} from "./chunk-OFFWEDKY.js";
 import {
   Button
-} from "./chunk-VA2OONPE.js";
+} from "./chunk-C5QBV5RE.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/list-editor/list-editor.tsx
 import {
@@ -215,4 +215,4 @@ var ListEditor = forwardRef(function ListEditor2({
 export {
   ListEditor
 };
-//# sourceMappingURL=chunk-OPMMD25Z.js.map
+//# sourceMappingURL=chunk-WDZ47ZTX.js.map

package/dist/chunk-WEEVXQIM.js

@@ -0,0 +1,45 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/section-header/section-header.tsx
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SectionHeader({
+  title,
+  description,
+  actions,
+  eyebrow,
+  as: TitleTag = "h2",
+  size = "default",
+  className
+}) {
+  const lg = size === "lg";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-size": size,
+      className: cn("flex flex-wrap items-end justify-between gap-4", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: lg ? "space-y-2" : "space-y-1", children: [
+          eyebrow ? /* @__PURE__ */ jsx("div", { className: "text-eyebrow uppercase text-muted-foreground", children: eyebrow }) : null,
+          /* @__PURE__ */ jsx(
+            TitleTag,
+            {
+              className: cn("text-foreground", lg ? "text-display text-balance" : "text-title"),
+              children: title
+            }
+          ),
+          description ? /* @__PURE__ */ jsx("p", { className: cn("text-body text-muted-foreground", lg && "max-w-prose text-pretty"), children: description }) : null
+        ] }),
+        actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions }) : null
+      ]
+    }
+  );
+}
+
+export {
+  SectionHeader
+};
+//# sourceMappingURL=chunk-WEEVXQIM.js.map

package/dist/chunk-WEEVXQIM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/section-header/section-header.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport interface SectionHeaderProps {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Right-aligned actions (buttons, menus). */\n  actions?: ReactNode;\n  /** Optional element rendered above the title (eyebrow / breadcrumbs). */\n  eyebrow?: ReactNode;\n  /**\n   * The heading LEVEL the title contributes to the document outline. The\n   * visual is identical for every value — pick the level the page's structure\n   * calls for, not the size you want (WCAG 1.3.1); the size is `size`.\n   *\n   * Use `as=\"h1\"` when this header titles the PAGE (a screen whose route it\n   * names); leave it at the default when it titles a section INSIDE a page\n   * that already has an `<h1>` elsewhere. @default \"h2\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * Title size: `\"default\"` (`text-title`) for a section inside a screen; `\"lg\"`\n   * (`text-display`, description at a readable measure) for the sections of a LONG page a\n   * reader scans by its headings — a landing page, a docs overview. Visual only: it never\n   * changes the heading level (`as`). @default \"default\"\n   */\n  size?: \"default\" | \"lg\";\n  className?: string;\n}\n\n/** A consistent page/section heading row with optional actions. */\nexport function SectionHeader({\n  title,\n  description,\n  actions,\n  eyebrow,\n  as: TitleTag = \"h2\",\n  size = \"default\",\n  className,\n}: SectionHeaderProps) {\n  const lg = size === \"lg\";\n  return (\n    <div\n      data-size={size}\n      className={cn(\"flex flex-wrap items-end justify-between gap-4\", className)}\n    >\n      <div className={lg ? \"space-y-2\" : \"space-y-1\"}>\n        {eyebrow ? (\n          <div className=\"text-eyebrow uppercase text-muted-foreground\">{eyebrow}</div>\n        ) : null}\n        <TitleTag\n          className={cn(\"text-foreground\", lg ? \"text-display text-balance\" : \"text-title\")}\n        >\n          {title}\n        </TitleTag>\n        {description ? (\n          <p className={cn(\"text-body text-muted-foreground\", lg && \"max-w-prose text-pretty\")}>\n            {description}\n          </p>\n        ) : null}\n      </div>\n      {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAAA,OAA+B;AA8CzB,SAEI,KAFJ;AAfC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,WAAW;AAAA,EACf,OAAO;AAAA,EACP;AACF,GAAuB;AACrB,QAAM,KAAK,SAAS;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,WAAW,GAAG,kDAAkD,SAAS;AAAA,MAEzE;AAAA,6BAAC,SAAI,WAAW,KAAK,cAAc,aAChC;AAAA,oBACC,oBAAC,SAAI,WAAU,gDAAgD,mBAAQ,IACrE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,mBAAmB,KAAK,8BAA8B,YAAY;AAAA,cAE/E;AAAA;AAAA,UACH;AAAA,UACC,cACC,oBAAC,OAAE,WAAW,GAAG,mCAAmC,MAAM,yBAAyB,GAChF,uBACH,IACE;AAAA,WACN;AAAA,QACC,UAAU,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ,IAAS;AAAA;AAAA;AAAA,EACxE;AAEJ;","names":[]}

package/dist/{chunk-IZJOZJDL.js → chunk-WEM6XJ7Z.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/alert/alert.tsx
 import { forwardRef } from "react";
@@ -72,4 +72,4 @@ export {
   AlertTitle,
   AlertDescription
 };
-//# sourceMappingURL=chunk-IZJOZJDL.js.map
+//# sourceMappingURL=chunk-WEM6XJ7Z.js.map

package/dist/{chunk-5HBMI2DO.js → chunk-WKNOKJA3.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/top-nav/top-nav.tsx
 import { forwardRef } from "react";
@@ -39,4 +39,4 @@ var TopNav = forwardRef(function TopNav2({ className, start, center, end, childr
 export {
   TopNav
 };
-//# sourceMappingURL=chunk-5HBMI2DO.js.map
+//# sourceMappingURL=chunk-WKNOKJA3.js.map

package/dist/{chunk-WTB4DDZP.js → chunk-WL2EZDSD.js}

@@ -6,24 +6,24 @@ import {
   CommandInput,
   CommandItem,
   CommandList
-} from "./chunk-YXHHUJOZ.js";
+} from "./chunk-RHZSAWAU.js";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-D3C3VVCX.js";
+} from "./chunk-SGBCLZQF.js";
 import {
   useControllableState
 } from "./chunk-5LCN5Q2L.js";
 import {
   useLocale
-} from "./chunk-EJQYE4MY.js";
+} from "./chunk-OFFWEDKY.js";
 import {
   Button
-} from "./chunk-VA2OONPE.js";
+} from "./chunk-C5QBV5RE.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/combobox/combobox.tsx
 import { forwardRef, useState } from "react";
@@ -160,4 +160,4 @@ var Combobox = forwardRef(function Combobox2({
 export {
   Combobox
 };
-//# sourceMappingURL=chunk-WTB4DDZP.js.map
+//# sourceMappingURL=chunk-WL2EZDSD.js.map

package/dist/{chunk-QTIKGWU4.js → chunk-XE6GYGWS.js}

@@ -7,15 +7,15 @@ import {
   SidebarMenuSubButton,
   SidebarMenuSubItem,
   useSidebar
-} from "./chunk-R3SYH7RG.js";
+} from "./chunk-A3JF66ZC.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-B5QQLMEE.js";
+} from "./chunk-FG3PDWE3.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/nav-main/nav-main.tsx
 import { useState } from "react";
@@ -88,4 +88,4 @@ function NavMain({ routes, className }) {
 export {
   NavMain
 };
-//# sourceMappingURL=chunk-QTIKGWU4.js.map
+//# sourceMappingURL=chunk-XE6GYGWS.js.map

package/dist/{chunk-PYPNGKRD.js → chunk-Y3CKZ7SH.js}

@@ -8,19 +8,19 @@ import {
   SheetDescription,
   SheetHeader,
   SheetTitle
-} from "./chunk-LMO3QK7Q.js";
+} from "./chunk-S7YR3FYZ.js";
 import {
   useIsMobile
 } from "./chunk-YCFOFNQF.js";
 import {
   useCollapsiblePanel
-} from "./chunk-YIVL6HWS.js";
+} from "./chunk-JVCIAEFT.js";
 import {
   useLocale
-} from "./chunk-EJQYE4MY.js";
+} from "./chunk-OFFWEDKY.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/side-dock/side-dock.tsx
 import {
@@ -352,4 +352,4 @@ var SideDock = forwardRef(function SideDock2({
 export {
   SideDock
 };
-//# sourceMappingURL=chunk-PYPNGKRD.js.map
+//# sourceMappingURL=chunk-Y3CKZ7SH.js.map

package/dist/{chunk-VRIAWF3A.js → chunk-YA2CG4YL.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   StatePanel
-} from "./chunk-BLNXHETI.js";
+} from "./chunk-FWAFP76U.js";
 
 // src/components/error-state/error-state.tsx
 import "react";
@@ -22,4 +22,4 @@ function ErrorState({ title, description, actions, className }) {
 export {
   ErrorState
 };
-//# sourceMappingURL=chunk-VRIAWF3A.js.map
+//# sourceMappingURL=chunk-YA2CG4YL.js.map

package/dist/{chunk-AXKZBRZK.js → chunk-YA2QGLUL.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   illustrationSvgProps
-} from "./chunk-A47AZPCL.js";
+} from "./chunk-CEQ3YKHR.js";
 
 // src/illustrations/first-run-illustration.tsx
 import { forwardRef } from "react";
@@ -29,4 +29,4 @@ FirstRunIllustration.displayName = "FirstRunIllustration";
 export {
   FirstRunIllustration
 };
-//# sourceMappingURL=chunk-AXKZBRZK.js.map
+//# sourceMappingURL=chunk-YA2QGLUL.js.map

package/dist/{chunk-35DUHYPC.js → chunk-YFGFNFVW.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   toggleVariants
-} from "./chunk-RM5JIUVW.js";
+} from "./chunk-LG33MONJ.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/toggle-group/toggle-group.tsx
 import {
@@ -56,4 +56,4 @@ export {
   ToggleGroup,
   ToggleGroupItem
 };
-//# sourceMappingURL=chunk-35DUHYPC.js.map
+//# sourceMappingURL=chunk-YFGFNFVW.js.map

package/dist/{chunk-6NKILKS6.js → chunk-YFKKMDJL.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/hover-card/hover-card.tsx
 import { forwardRef } from "react";
@@ -32,4 +32,4 @@ export {
   HoverCardTrigger,
   HoverCardContent
 };
-//# sourceMappingURL=chunk-6NKILKS6.js.map
+//# sourceMappingURL=chunk-YFKKMDJL.js.map

package/dist/chunk-YHVXYOL6.js

@@ -0,0 +1,80 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/drafting-marks/drafting-marks.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DRAFTING_MARKS_WIDTH = 560;
+var DRAFTING_MARKS_HEIGHT = 360;
+var ANCHOR_CLASS = {
+  "top-start": "top-0 start-0 rtl:-scale-x-100",
+  "top-end": "top-0 end-0 -scale-x-100 rtl:scale-x-100",
+  "bottom-start": "bottom-0 start-0 -scale-y-100 rtl:-scale-x-100",
+  "bottom-end": "bottom-0 end-0 -scale-100 rtl:scale-x-100"
+};
+var DraftingMarks = React.forwardRef(
+  function DraftingMarks2({ anchor = "top-start", accent = true, className, style, ...props }, ref) {
+    const dotsId = `drafting-dots-${React.useId().replace(/:/g, "")}`;
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        "aria-hidden": "true",
+        "data-slot": "drafting-marks",
+        "data-anchor": anchor,
+        fill: "none",
+        height: DRAFTING_MARKS_HEIGHT,
+        width: DRAFTING_MARKS_WIDTH,
+        viewBox: `0 0 ${DRAFTING_MARKS_WIDTH} ${DRAFTING_MARKS_HEIGHT}`,
+        stroke: "var(--hairline-ink-strong)",
+        strokeWidth: 1,
+        className: cn("pointer-events-none absolute max-w-none", ANCHOR_CLASS[anchor], className),
+        style: {
+          // Fades away from its own corner (authored top-left; the mirror carries the mask along).
+          maskImage: "var(--drafting-marks-fade, var(--deco-fade-corner))",
+          WebkitMaskImage: "var(--drafting-marks-fade, var(--deco-fade-corner))",
+          ...style
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", { id: dotsId, width: 12, height: 12, patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("circle", { cx: 6, cy: 6, r: 0.75, fill: "var(--hairline-ink-strong)", stroke: "none" }) }) }),
+          /* @__PURE__ */ jsx("rect", { x: 132, y: 36, width: 216, height: 48, fill: `url(#${dotsId})`, stroke: "none" }),
+          accent ? /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: 40,
+              y: 96.5,
+              width: 56,
+              height: 44,
+              fill: "var(--chart-2)",
+              fillOpacity: 0.16,
+              stroke: "none"
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("path", { d: "M0 96.5H520M520 90.5v12" }),
+          /* @__PURE__ */ jsx("path", { d: "M96.5 0v300M90.5 300.5h12" }),
+          /* @__PURE__ */ jsx("path", { d: "M72.5 24v250M0 140.5h210", strokeDasharray: "1 4" }),
+          /* @__PURE__ */ jsx("path", { d: "M252.5 96.5A156 156 0 0 1 40 241.8" }),
+          /* @__PURE__ */ jsx("path", { d: "M96.5 40.5A56 56 0 0 0 40.5 96.5V241.8" }),
+          /* @__PURE__ */ jsx("path", { d: "M40.5 222.5h78M118.5 218.5v8" }),
+          /* @__PURE__ */ jsx("path", { d: "M18.5 40v28M14.5 40.5h8M14.5 67.5h8" }),
+          /* @__PURE__ */ jsx("path", { d: "M52 322.5h12M58.5 316v12M404 44.5h12M410.5 38v12M236 292.5h12M242.5 286v12" }),
+          /* @__PURE__ */ jsx("path", { d: "M300.5 300.5H470M300.5 300.5V236M300.5 244.5A56 56 0 0 1 356.5 300.5M300.5 252.5A48 48 0 0 1 348.5 300.5M300.5 260.5A40 40 0 0 1 340.5 300.5" }),
+          accent ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("rect", { x: 289, y: 222, width: 7, height: 12, fill: "var(--primary)", stroke: "none" }),
+            /* @__PURE__ */ jsx("circle", { cx: 96.5, cy: 96.5, r: 3, fill: "var(--primary)", stroke: "none" })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+
+export {
+  DRAFTING_MARKS_WIDTH,
+  DRAFTING_MARKS_HEIGHT,
+  DraftingMarks
+};
+//# sourceMappingURL=chunk-YHVXYOL6.js.map

package/dist/chunk-YHVXYOL6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/drafting-marks/drafting-marks.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\n\n/** Which corner of the host the drawing grows out of. Logical: `start`/`end` follow the text direction. */\nexport type DraftingMarksAnchor = \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\";\n\nexport interface DraftingMarksProps extends Omit<React.SVGAttributes<SVGSVGElement>, \"children\"> {\n  /** The corner the construction grows out of, and fades away from. Default `\"top-start\"`. */\n  anchor?: DraftingMarksAnchor;\n  /**\n   * Ink the two small accents — a `--primary` station point and a `--chart-2` tinted plate.\n   * `false` keeps the whole drawing in rule ink. Default `true`.\n   */\n  accent?: boolean;\n}\n\n/** The drawing's own size, in px. Fixed, so every hairline stays one device-crisp pixel. */\nexport const DRAFTING_MARKS_WIDTH = 560;\nexport const DRAFTING_MARKS_HEIGHT = 360;\n\n// The drawing is authored ONCE, growing out of the top-left corner; the other three anchors\n// are the same drawing mirrored. `start`/`end` are logical, so the mirror itself flips under RTL.\nconst ANCHOR_CLASS: Record<DraftingMarksAnchor, string> = {\n  \"top-start\": \"top-0 start-0 rtl:-scale-x-100\",\n  \"top-end\": \"top-0 end-0 -scale-x-100 rtl:scale-x-100\",\n  \"bottom-start\": \"bottom-0 start-0 -scale-y-100 rtl:-scale-x-100\",\n  \"bottom-end\": \"bottom-0 end-0 -scale-100 rtl:scale-x-100\",\n};\n\n/**\n * DraftingMarks — a quiet construction drawing in one corner of a header or hero band: two\n * guides that cross at a station point, the arcs struck from it, a dimension tick, a field of\n * dots and a few registration crosses. It is the hairline family's one ILLUSTRATION: where the\n * `hairline-*` utilities rule edges, this gives an empty corner the look of a sheet someone\n * measured on.\n *\n * Decorative and inert: `aria-hidden`, `pointer-events: none`, absolutely positioned in the\n * corner named by `anchor` and faded out away from it, so it never reaches the text in the\n * middle of the band (`--drafting-marks-fade` swaps the falloff — e.g.\n * `var(--deco-fade-corner-tight)` where the copy comes close). Put it first inside a positioned (`relative`) host that clips\n * (`overflow-hidden`). Lines take the theme's `--hairline-ink-strong`; the two accents take\n * `--primary` and `--chart-2` — no literal colour, so it re-inks with the theme.\n *\n * One per band, in a corner the content leaves empty. It is a ground gesture like the paper\n * utilities — never behind body text, never inside a control.\n */\nexport const DraftingMarks = React.forwardRef<SVGSVGElement, DraftingMarksProps>(\n  function DraftingMarks({ anchor = \"top-start\", accent = true, className, style, ...props }, ref) {\n    const dotsId = `drafting-dots-${React.useId().replace(/:/g, \"\")}`;\n    return (\n      <svg\n        ref={ref}\n        aria-hidden=\"true\"\n        data-slot=\"drafting-marks\"\n        data-anchor={anchor}\n        fill=\"none\"\n        height={DRAFTING_MARKS_HEIGHT}\n        width={DRAFTING_MARKS_WIDTH}\n        viewBox={`0 0 ${DRAFTING_MARKS_WIDTH} ${DRAFTING_MARKS_HEIGHT}`}\n        stroke=\"var(--hairline-ink-strong)\"\n        strokeWidth={1}\n        className={cn(\"pointer-events-none absolute max-w-none\", ANCHOR_CLASS[anchor], className)}\n        style={{\n          // Fades away from its own corner (authored top-left; the mirror carries the mask along).\n          maskImage: \"var(--drafting-marks-fade, var(--deco-fade-corner))\",\n          WebkitMaskImage: \"var(--drafting-marks-fade, var(--deco-fade-corner))\",\n          ...style,\n        }}\n        {...props}\n      >\n        <defs>\n          <pattern id={dotsId} width={12} height={12} patternUnits=\"userSpaceOnUse\">\n            <circle cx={6} cy={6} r={0.75} fill=\"var(--hairline-ink-strong)\" stroke=\"none\" />\n          </pattern>\n        </defs>\n\n        {/* The dot field, tucked between the guides. */}\n        <rect x={132} y={36} width={216} height={48} fill={`url(#${dotsId})`} stroke=\"none\" />\n\n        {/* The tinted plate, hung from the horizontal guide. */}\n        {accent ? (\n          <rect\n            x={40}\n            y={96.5}\n            width={56}\n            height={44}\n            fill=\"var(--chart-2)\"\n            fillOpacity={0.16}\n            stroke=\"none\"\n          />\n        ) : null}\n\n        {/* Guides: they cross at the station point (96.5, 96.5). Half-pixel centres keep a\n            1px stroke on one device row. */}\n        <path d=\"M0 96.5H520M520 90.5v12\" />\n        <path d=\"M96.5 0v300M90.5 300.5h12\" />\n        <path d=\"M72.5 24v250M0 140.5h210\" strokeDasharray=\"1 4\" />\n\n        {/* Arcs struck from the station point. */}\n        <path d=\"M252.5 96.5A156 156 0 0 1 40 241.8\" />\n        <path d=\"M96.5 40.5A56 56 0 0 0 40.5 96.5V241.8\" />\n        <path d=\"M40.5 222.5h78M118.5 218.5v8\" />\n\n        {/* A dimension tick and the registration crosses. */}\n        <path d=\"M18.5 40v28M14.5 40.5h8M14.5 67.5h8\" />\n        <path d=\"M52 322.5h12M58.5 316v12M404 44.5h12M410.5 38v12M236 292.5h12M242.5 286v12\" />\n\n        {/* A door-swing of three concentric arcs, further along the floor line. */}\n        <path d=\"M300.5 300.5H470M300.5 300.5V236M300.5 244.5A56 56 0 0 1 356.5 300.5M300.5 252.5A48 48 0 0 1 348.5 300.5M300.5 260.5A40 40 0 0 1 340.5 300.5\" />\n\n        {accent ? (\n          <>\n            <rect x={289} y={222} width={7} height={12} fill=\"var(--primary)\" stroke=\"none\" />\n            <circle cx={96.5} cy={96.5} r={3} fill=\"var(--primary)\" stroke=\"none\" />\n          </>\n        ) : null}\n      </svg>\n    );\n  },\n);\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AAwEX,SAuCF,UAvCE,KAuCF,YAvCE;AAvDL,IAAM,uBAAuB;AAC7B,IAAM,wBAAwB;AAIrC,IAAM,eAAoD;AAAA,EACxD,aAAa;AAAA,EACb,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAmBO,IAAM,gBAAsB;AAAA,EACjC,SAASA,eAAc,EAAE,SAAS,aAAa,SAAS,MAAM,WAAW,OAAO,GAAG,MAAM,GAAG,KAAK;AAC/F,UAAM,SAAS,iBAAuB,YAAM,EAAE,QAAQ,MAAM,EAAE,CAAC;AAC/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAY;AAAA,QACZ,aAAU;AAAA,QACV,eAAa;AAAA,QACb,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS,OAAO,oBAAoB,IAAI,qBAAqB;AAAA,QAC7D,QAAO;AAAA,QACP,aAAa;AAAA,QACb,WAAW,GAAG,2CAA2C,aAAa,MAAM,GAAG,SAAS;AAAA,QACxF,OAAO;AAAA;AAAA,UAEL,WAAW;AAAA,UACX,iBAAiB;AAAA,UACjB,GAAG;AAAA,QACL;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,UACC,8BAAC,aAAQ,IAAI,QAAQ,OAAO,IAAI,QAAQ,IAAI,cAAa,kBACvD,8BAAC,YAAO,IAAI,GAAG,IAAI,GAAG,GAAG,MAAM,MAAK,8BAA6B,QAAO,QAAO,GACjF,GACF;AAAA,UAGA,oBAAC,UAAK,GAAG,KAAK,GAAG,IAAI,OAAO,KAAK,QAAQ,IAAI,MAAM,QAAQ,MAAM,KAAK,QAAO,QAAO;AAAA,UAGnF,SACC;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACH,GAAG;AAAA,cACH,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,MAAK;AAAA,cACL,aAAa;AAAA,cACb,QAAO;AAAA;AAAA,UACT,IACE;AAAA,UAIJ,oBAAC,UAAK,GAAE,2BAA0B;AAAA,UAClC,oBAAC,UAAK,GAAE,6BAA4B;AAAA,UACpC,oBAAC,UAAK,GAAE,4BAA2B,iBAAgB,OAAM;AAAA,UAGzD,oBAAC,UAAK,GAAE,sCAAqC;AAAA,UAC7C,oBAAC,UAAK,GAAE,0CAAyC;AAAA,UACjD,oBAAC,UAAK,GAAE,gCAA+B;AAAA,UAGvC,oBAAC,UAAK,GAAE,uCAAsC;AAAA,UAC9C,oBAAC,UAAK,GAAE,8EAA6E;AAAA,UAGrF,oBAAC,UAAK,GAAE,gJAA+I;AAAA,UAEtJ,SACC,iCACE;AAAA,gCAAC,UAAK,GAAG,KAAK,GAAG,KAAK,OAAO,GAAG,QAAQ,IAAI,MAAK,kBAAiB,QAAO,QAAO;AAAA,YAChF,oBAAC,YAAO,IAAI,MAAM,IAAI,MAAM,GAAG,GAAG,MAAK,kBAAiB,QAAO,QAAO;AAAA,aACxE,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["DraftingMarks"]}

package/dist/{chunk-CQ5CH3SB.js → chunk-YUFDC6RW.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/sonner/sonner.tsx
 import { useEffect, useState } from "react";
@@ -52,4 +52,4 @@ export {
   toast,
   Toaster
 };
-//# sourceMappingURL=chunk-CQ5CH3SB.js.map
+//# sourceMappingURL=chunk-YUFDC6RW.js.map

package/dist/{chunk-H5UA5JW4.js → chunk-ZESSUMCO.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useLocale
-} from "./chunk-EJQYE4MY.js";
+} from "./chunk-OFFWEDKY.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/table/table.tsx
 import {
@@ -137,4 +137,4 @@ export {
   TableCell,
   TableCaption
 };
-//# sourceMappingURL=chunk-H5UA5JW4.js.map
+//# sourceMappingURL=chunk-ZESSUMCO.js.map