@elabs-ai/components-ui 5.0.0 → 5.1.0

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

@@ -4,19 +4,19 @@ import {
 } from "./chunk-BZQF5QCN.js";
 import {
   ModelPicker
-} from "./chunk-FYCCNQXQ.js";
+} from "./chunk-V5QCJHDA.js";
 import {
   Input
-} from "./chunk-XYACSO57.js";
+} from "./chunk-I3U52BDH.js";
 import {
   useLocale
 } from "./chunk-EJQYE4MY.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-SWQCCR6Q.js.map

package/dist/{chunk-NQY3QNLR.js → chunk-U5BZXNHW.js}

@@ -4,13 +4,13 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-U4LHV5DS.js";
+} from "./chunk-36SY7TID.js";
 import {
   Button
-} from "./chunk-VA2OONPE.js";
+} from "./chunk-C5QBV5RE.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/icon-button/icon-button.tsx
 import {
@@ -77,4 +77,4 @@ var IconButton = forwardRef(function IconButton2({
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-NQY3QNLR.js.map
+//# sourceMappingURL=chunk-U5BZXNHW.js.map

package/dist/{chunk-TEKBTTP2.js → chunk-U756JCDK.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/label/label.tsx
 import { forwardRef } from "react";
@@ -24,4 +24,4 @@ var Label = forwardRef(function Label2({ className, ...props }, ref) {
 export {
   Label
 };
-//# sourceMappingURL=chunk-TEKBTTP2.js.map
+//# sourceMappingURL=chunk-U756JCDK.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-QTIKGWU4.js → chunk-UQPW7INX.js}

@@ -7,15 +7,15 @@ import {
   SidebarMenuSubButton,
   SidebarMenuSubItem,
   useSidebar
-} from "./chunk-R3SYH7RG.js";
+} from "./chunk-HWVU636Q.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-UQPW7INX.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-FYCCNQXQ.js → chunk-V5QCJHDA.js}

@@ -11,24 +11,24 @@ import {
   CommandInput,
   CommandItem,
   CommandList
-} from "./chunk-YXHHUJOZ.js";
+} from "./chunk-CY5ISPFB.js";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-D3C3VVCX.js";
+} from "./chunk-SGBCLZQF.js";
 import {
   Skeleton
-} from "./chunk-JNWXHPZG.js";
+} from "./chunk-UPGIQXUY.js";
 import {
   useLocale
 } from "./chunk-EJQYE4MY.js";
 import {
   Button
-} from "./chunk-VA2OONPE.js";
+} from "./chunk-C5QBV5RE.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/model-picker/model-picker.tsx
 import { forwardRef, useCallback, useState } from "react";
@@ -170,4 +170,4 @@ var ModelPicker = forwardRef(function ModelPicker2({
 export {
   ModelPicker
 };
-//# sourceMappingURL=chunk-FYCCNQXQ.js.map
+//# sourceMappingURL=chunk-V5QCJHDA.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-ZXBUOHCR.js → chunk-VC4GKLZL.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-EJQYE4MY.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/breadcrumb/breadcrumb.tsx
 import { forwardRef } from "react";
@@ -108,4 +108,4 @@ export {
   BreadcrumbEllipsis,
   BreadcrumbItems
 };
-//# sourceMappingURL=chunk-ZXBUOHCR.js.map
+//# sourceMappingURL=chunk-VC4GKLZL.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-R7DDZIE3.js → chunk-W35X6J5P.js}

@@ -5,13 +5,13 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle
-} from "./chunk-EY2PGOG3.js";
+} from "./chunk-BYFRDLDL.js";
 import {
   useLocale
 } from "./chunk-EJQYE4MY.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/expand-dialog/expand-dialog.tsx
 import { cva } from "class-variance-authority";
@@ -229,4 +229,4 @@ export {
   ExpandDialogContent,
   ExpandDialog
 };
-//# sourceMappingURL=chunk-R7DDZIE3.js.map
+//# sourceMappingURL=chunk-W35X6J5P.js.map

package/dist/{chunk-ITFDGFOT.js → chunk-W7OIVERI.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-EJQYE4MY.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/spinner/spinner.tsx
 import { forwardRef } from "react";
@@ -28,4 +28,4 @@ var Spinner = forwardRef(function Spinner2({ className, label, ...props }, ref)
 export {
   Spinner
 };
-//# sourceMappingURL=chunk-ITFDGFOT.js.map
+//# sourceMappingURL=chunk-W7OIVERI.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-BLNXHETI.js → chunk-Y33ZFTMR.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   ILLUSTRATION_ACCENT_VAR
-} from "./chunk-A47AZPCL.js";
+} from "./chunk-CEQ3YKHR.js";
 import {
   useLocale
 } from "./chunk-EJQYE4MY.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/state-panel/state-panel.tsx
 import "react";
@@ -160,4 +160,4 @@ export {
   statePanelVariants,
   StatePanel
 };
-//# sourceMappingURL=chunk-BLNXHETI.js.map
+//# sourceMappingURL=chunk-Y33ZFTMR.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-DCI6IOJX.js → chunk-ZALGMUSW.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-EJQYE4MY.js";
 import {
   Button
-} from "./chunk-VA2OONPE.js";
+} from "./chunk-C5QBV5RE.js";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/carousel/carousel.tsx
 import {
@@ -233,4 +233,4 @@ export {
   CarouselPrevious,
   CarouselNext
 };
-//# sourceMappingURL=chunk-DCI6IOJX.js.map
+//# sourceMappingURL=chunk-ZALGMUSW.js.map

package/dist/{chunk-N44PNGDS.js → chunk-ZFMM2NLA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/rating/rating.tsx
 import {
@@ -166,4 +166,4 @@ function StarGlyph({ fill, sizeClass }) {
 export {
   Rating
 };
-//# sourceMappingURL=chunk-N44PNGDS.js.map
+//# sourceMappingURL=chunk-ZFMM2NLA.js.map

package/dist/{chunk-6OPDRLMU.js → chunk-ZRMF4YAS.js}

@@ -1,27 +1,27 @@
 "use client";
 import {
   Kbd
-} from "./chunk-5V5J7APL.js";
+} from "./chunk-5C5W52O2.js";
 import {
   StatePanel
-} from "./chunk-BLNXHETI.js";
+} from "./chunk-Y33ZFTMR.js";
 import {
   Input
-} from "./chunk-XYACSO57.js";
+} from "./chunk-I3U52BDH.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";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/keyboard-shortcuts/keyboard-shortcuts.tsx
 import { forwardRef, useId, useMemo, useState } from "react";
@@ -155,4 +155,4 @@ function ShortcutGroupItem({ group, items, forceOpen }) {
 export {
   KeyboardShortcuts
 };
-//# sourceMappingURL=chunk-6OPDRLMU.js.map
+//# sourceMappingURL=chunk-ZRMF4YAS.js.map

package/dist/{chunk-TU24Y4HN.js → chunk-ZSYT5H6U.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-KBNWM27Q.js";
+} from "./chunk-FXWWDMMP.js";
 
 // src/components/dropdown-menu/dropdown-menu.tsx
 import { forwardRef } from "react";
@@ -175,4 +175,4 @@ export {
   DropdownMenuSeparator,
   DropdownMenuShortcut
 };
-//# sourceMappingURL=chunk-TU24Y4HN.js.map
+//# sourceMappingURL=chunk-ZSYT5H6U.js.map