themelia-react-ui 1.0.1 → 2.0.0

package/dist/rich-text-editor.recipes-DxvOE0Lp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-editor.recipes-DxvOE0Lp.js","names":["_Fragment","cn","Button","RichTextEditorToolbar","hasExtras","extraToolbarItems","className","buttons","Icon","button","isActive","disabled","hasEditor","sourceMode","hideSourceToggle","Fragment","toggleSourceMode","strings","Code2","item","toolbarTrailing","richTextEditorRecipes"],"sources":["../src/components/features/rich-text-editor/partials/rich-text-editor-toolbar.tsx","../src/components/features/rich-text-editor/rich-text-editor.recipes.ts"],"sourcesContent":["import { Code2 } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '../../../base/buttons/button';\nimport { cn } from '../../../../lib/utils';\n\nimport type { RichTextEditorStrings } from '../rich-text-editor.strings';\nimport type {\n\tRichTextEditorToolbarItem,\n\tToolbarButtonConfig,\n} from '../rich-text-editor.types';\n\nexport interface RichTextEditorToolbarProps {\n\t/** Formatting controls to show, in order. */\n\tbuttons: ToolbarButtonConfig[];\n\t/** Additional controls appended to the toolbar. */\n\textraToolbarItems?: ReadonlyArray<RichTextEditorToolbarItem>;\n\t/** Hides the control that switches to HTML source. */\n\thideSourceToggle?: boolean;\n\t/** Whether the editor is currently showing HTML source. */\n\tsourceMode: boolean;\n\t/** Switches between rich text and HTML source. */\n\ttoggleSourceMode: () => void;\n\t/** Renders the entry as unselectable. */\n\tdisabled?: boolean;\n\t/**\n\t * The TipTap variant disables built-in buttons until the editor instance\n\t * is ready; the fallback variant simply marks them disabled. This flag\n\t * lets callers force the disabled state without re-deriving it per button.\n\t */\n\thasEditor?: boolean;\n\t/** Content pinned to the end of the toolbar. */\n\ttoolbarTrailing?: ReactNode;\n\t/** Overrides this surface's own copy. */\n\tstrings: RichTextEditorStrings;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function RichTextEditorToolbar({\n\tbuttons,\n\textraToolbarItems,\n\thideSourceToggle = false,\n\tsourceMode,\n\ttoggleSourceMode,\n\tdisabled = false,\n\thasEditor = true,\n\ttoolbarTrailing,\n\tstrings,\n\tclassName,\n}: RichTextEditorToolbarProps) {\n\tconst hasExtras = (extraToolbarItems?.length ?? 0) > 0;\n\n\treturn (\n\t\t<div className={cn('rich-text-editor-toolbar--component border-border flex flex-wrap items-center gap-space-xs border-b p-surface-xs', className)}>\n\t\t\t{buttons.map((button) => {\n\t\t\t\tconst Icon = button.icon;\n\t\t\t\tconst isActive = button.isActive();\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={button.id}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\tbuttonStyle={isActive ? 'solid' : 'ghost'}\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tonClick={button.run}\n\t\t\t\t\t\tdisabled={disabled || !hasEditor || sourceMode || button.disabled}\n\t\t\t\t\t\taria-label={button.label}\n\t\t\t\t\t\ttitle={button.label}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon className=\"size-icon\" />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t{!hideSourceToggle && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"bg-border mx-space-xs size-icon w-px\" />\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone={sourceMode ? 'primary' : 'secondary'}\n\t\t\t\t\t\tbuttonStyle={sourceMode ? 'solid' : 'ghost'}\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tonClick={toggleSourceMode}\n\t\t\t\t\t\tdisabled={disabled || !hasEditor}\n\t\t\t\t\t\taria-label={strings.toolbar.sourceCode}\n\t\t\t\t\t\ttitle={strings.toolbar.sourceCode}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Code2 className=\"size-icon\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{hasExtras && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"bg-border mx-space-xs size-icon w-px\" />\n\t\t\t\t\t{extraToolbarItems?.map((item) => {\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst isActive = item.isActive?.() ?? false;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\ttone={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\t\tbuttonStyle={isActive ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\tonClick={item.onClick}\n\t\t\t\t\t\t\t\tdisabled={disabled || !hasEditor || sourceMode || item.disabled}\n\t\t\t\t\t\t\t\taria-label={item.label}\n\t\t\t\t\t\t\t\ttitle={item.label}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon className=\"size-icon\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{!!toolbarTrailing && (\n\t\t\t\t<div className=\"ml-auto flex items-center gap-space-xs\">{toolbarTrailing}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar';\n","/** Shared field anatomy for rich editors, including specialized document schemas. */\nexport const richTextEditorRecipes = {\n frame: 'min-w-0 overflow-hidden border-input bg-background rounded-radius border',\n disabled: 'opacity-70',\n content: 'h-full [&_.ProseMirror]:h-full [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none',\n} as const;\n"],"mappings":";;;;;;AAuCA,SAAgBG,EAAsB,EACrC,YACA,sBACA,sBAAmB,IACnB,eACA,qBACA,cAAW,IACX,eAAY,IACZ,oBACA,YACA,gBAC8B;CAC9B,IAAMC,KAAaC,GAAmB,UAAU,KAAK;CAErD,OACC,kBAAC,OAAD;EAAK,WAAWJ,EAAG,oHAAoHK,CAAS;EAAhJ,UAAA;GACEC,EAAQ,KAAK,MAAW;IACxB,IAAMC,IAAOC,EAAO,MACdC,IAAWD,EAAO,SAAS;IAEjC,OACC,kBAACP,GAAD;KAEC,MAAK;KACL,MAAMQ,IAAW,YAAY;KAC7B,aAAaA,IAAW,UAAU;KAClC,MAAK;KAAK,UAAA;KACV,SAASD,EAAO;KAChB,UAAUE,KAAY,CAACC,KAAaC,KAAcJ,EAAO;KACzD,cAAYA,EAAO;KACnB,OAAOA,EAAO;KAEd,UAAA,kBAACD,GAAD,EAAM,WAAU,YAAa,CAAA;IACtB,GAXFC,EAAO,EAWL;GAEV,CAAC;GAEA,CAACK,KACD,kBAAAd,GAAA,EAAA,UAAA,CACC,kBAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,GAEvD,kBAACE,GAAD;IACC,MAAK;IACL,MAAMW,IAAa,YAAY;IAC/B,aAAaA,IAAa,UAAU;IACpC,MAAK;IAAK,UAAA;IACV,SAASG;IACT,UAAUL,KAAY,CAACC;IACvB,cAAYK,EAAQ,QAAQ;IAC5B,OAAOA,EAAQ,QAAQ;IAEvB,UAAA,kBAACC,GAAD,EAAO,WAAU,YAAa,CAAA;GACvB,CAAA,CACP,EAAA,CAAA;GAGFd,KACA,kBAAAJ,GAAA,EAAA,UAAA,CACC,kBAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,GACtDK,GAAmB,KAAK,MAAS;IACjC,IAAMG,IAAOW,EAAK,MACZT,IAAWS,EAAK,WAAW,KAAK;IACtC,OACC,kBAACjB,GAAD;KAEC,MAAK;KACL,MAAMQ,IAAW,YAAY;KAC7B,aAAaA,IAAW,UAAU;KAClC,MAAK;KAAK,UAAA;KACV,SAASS,EAAK;KACd,UAAUR,KAAY,CAACC,KAAaC,KAAcM,EAAK;KACvD,cAAYA,EAAK;KACjB,OAAOA,EAAK;KAEZ,UAAA,kBAACX,GAAD,EAAM,WAAU,YAAa,CAAA;IACtB,GAXFW,EAAK,EAWH;GAEV,CAAC,CACA,EAAA,CAAA;GAGF,CAAC,CAACC,KACF,kBAAC,OAAD;IAAK,WAAU;IAA0C,UAAAA;GAAqB,CAAA;EAE3E;;AAEP;AAEA,EAAsB,cAAc;;;AC9HpC,IAAaC,IAAwB;CACpC,OAAO;CACP,UAAU;CACV,SAAS;AACV"}

package/dist/scroll-area-BheMQ270.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-area-BheMQ270.js","names":["ScrollArea","ScrollAreaPrimitive","cn","ScrollArea$1","props","ScrollArea","className","viewportRef","viewportClassName","orientation","ScrollBar","scrollbarClassName"],"sources":["../src/components/base/display/scroll-area.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../../lib/utils';\n\nexport type ScrollAreaProps = ScrollAreaPrimitive.Root.Props & {\n\t/** Axes with custom scrollbar chrome. Defaults to vertical. */\n\torientation?: 'vertical' | 'horizontal' | 'both';\n\tviewportRef?: React.Ref<HTMLDivElement>;\n\tviewportClassName?: string;\n\tscrollbarClassName?: string;\n};\n\nfunction ScrollArea({\n\torientation = 'vertical',\n\tclassName,\n\tviewportClassName,\n\tscrollbarClassName,\n\tviewportRef,\n\tchildren,\n\t...props\n}: ScrollAreaProps) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Root\n\t\t\tdata-slot=\"scroll-area\"\n\t\t\tclassName={cn('scroll-area--component group/scroll-area relative overflow-hidden', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Viewport\n\t\t\t\tref={viewportRef}\n\t\t\t\tdata-slot=\"scroll-area-viewport\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'size-full rounded-[inherit] outline-none transition-[color,box-shadow]',\n\t\t\t\t\t'focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50',\n\t\t\t\t\tviewportClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ScrollAreaPrimitive.Viewport>\n\t\t\t{orientation !== 'horizontal' && <ScrollBar className={scrollbarClassName} />}\n\t\t\t{orientation !== 'vertical' && <ScrollBar orientation=\"horizontal\" className={scrollbarClassName} />}\n\t\t\t<ScrollAreaPrimitive.Corner />\n\t\t</ScrollAreaPrimitive.Root>\n\t);\n}\n\nfunction ScrollBar({\n\tclassName,\n\torientation = 'vertical',\n\t...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Scrollbar\n\t\t\tdata-slot=\"scroll-area-scrollbar\"\n\t\t\tdata-orientation={orientation}\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t{\n\t\t\t\t\t'h-2.5 flex-col border-t border-t-transparent': orientation === 'horizontal',\n\t\t\t\t\t'h-full w-2 border-l border-l-transparent': orientation === 'vertical',\n\t\t\t\t},\n\t\t\t\t// `rounded-full`, not a scale value: the track is 8-10px on its short\n\t\t\t\t// axis, so any radius past half of that already clamps to a pill.\n\t\t\t\t// Saying `rounded-full` states the intent and stops the value drifting\n\t\t\t\t// with the radius scale.\n\t\t\t\t'flex touch-none select-none rounded-full p-px opacity-0 transition-opacity',\n\t\t\t\t'data-hovering:opacity-100 data-scrolling:opacity-100 group-focus-within/scroll-area:opacity-100',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Thumb\n\t\t\t\tdata-slot=\"scroll-area-thumb\"\n\t\t\t\tclassName=\"relative flex-1 rounded-full bg-border\"\n\t\t\t/>\n\t\t</ScrollAreaPrimitive.Scrollbar>\n\t);\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;AAaA,SAASA,EAAW,EACnB,iBAAc,YACd,cACA,sBACA,uBACA,gBACA,aACA,GAAGI,KACgB;CACnB,OACC,kBAACH,EAAoB,MAArB;EACC,aAAU;EACV,WAAWC,EAAG,qEAAqEI,CAAS;EAC5F,GAAIF;EAHL,UAAA;GAKC,kBAACH,EAAoB,UAArB;IACC,KAAKM;IACL,aAAU;IACV,WAAWL,EACV,0EACA,+EACAM,CACD;IAEC;GAC4B,CAAA;GAC7BC,MAAgB,gBAAgB,kBAACC,GAAD,EAAW,WAAWC,EAAqB,CAAA;GAC3EF,MAAgB,cAAc,kBAACC,GAAD;IAAW,aAAY;IAAa,WAAWC;GAAqB,CAAA;GACnG,kBAACV,EAAoB,QAArB,CAA6B,CAAA;EACJ;;AAE5B;AAEA,SAASS,EAAU,EAClB,cACA,iBAAc,YACd,GAAGN,KACoC;CACvC,OACC,kBAACH,EAAoB,WAArB;EACC,aAAU;EACV,oBAAkBQ;EACL;EACb,WAAWP,EACV;GACC,gDAAgDO,MAAgB;GAChE,4CAA4CA,MAAgB;EAC7D,GAKA,8EACA,mGACAH,CACD;EACA,GAAIF;EAEJ,UAAA,kBAACH,EAAoB,OAArB;GACC,aAAU;GACV,WAAU;EACV,CAAA;CAC6B,CAAA;AAEjC"}

package/dist/select-B2mb-qN2.js

@@ -1,108 +0,0 @@
-"use client";
-import { r as e } from "./theme-scope-kStaAer0.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { t as n } from "./anchored-positioning-DPnKTvNs.js";
-import { t as r } from "./motion-recipes-B6jKXEcN.js";
-import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CheckIcon as o, ChevronDownIcon as s, ChevronUpIcon as c } from "lucide-react";
-import { Select as l } from "@base-ui/react/select";
-//#region src/components/ui/select.tsx
-var u = l.Root;
-function d({ className: e, ...n }) {
-	return /* @__PURE__ */ i(l.Group, {
-		"data-slot": "select-group",
-		className: t("scroll-my-1 p-1", e),
-		...n
-	});
-}
-function f({ className: e, ...n }) {
-	return /* @__PURE__ */ i(l.Value, {
-		"data-slot": "select-value",
-		className: t("flex flex-1 text-start", e),
-		...n
-	});
-}
-function p({ className: e, size: n = "default", children: r, ...o }) {
-	return /* @__PURE__ */ a(l.Trigger, {
-		"data-slot": "select-trigger",
-		"data-size": n,
-		className: t("border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
-		...o,
-		children: [r, /* @__PURE__ */ i(l.Icon, { render: /* @__PURE__ */ i(s, { className: "text-muted-foreground size-4 pointer-events-none" }) })]
-	});
-}
-function m({ className: o, container: s, children: c, side: u = "bottom", sideOffset: d = 4, align: f = "center", alignOffset: p = 0, alignItemWithTrigger: m = !0, positionMethod: h = n, ...g }) {
-	let _ = e(s);
-	return /* @__PURE__ */ i(l.Portal, {
-		container: _,
-		children: /* @__PURE__ */ i(l.Positioner, {
-			positionMethod: h,
-			side: u,
-			sideOffset: d,
-			align: f,
-			alignOffset: p,
-			alignItemWithTrigger: m,
-			className: "isolate z-50",
-			children: /* @__PURE__ */ a(l.Popup, {
-				"data-slot": "select-content",
-				"data-align-trigger": m,
-				className: t(r.popup, "data-[align-trigger=true]:transition-none data-[align-trigger=true]:duration-0 data-[align-trigger=true]:scale-100 data-[align-trigger=true]:translate-none data-[align-trigger=true]:opacity-100", "bg-popover text-popover-foreground ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", o),
-				...g,
-				children: [
-					/* @__PURE__ */ i(v, {}),
-					/* @__PURE__ */ i(l.List, { children: c }),
-					/* @__PURE__ */ i(y, {})
-				]
-			})
-		})
-	});
-}
-function h({ className: e, ...n }) {
-	return /* @__PURE__ */ i(l.GroupLabel, {
-		"data-slot": "select-label",
-		className: t("text-muted-foreground px-2 py-1.5 text-xs", e),
-		...n
-	});
-}
-function g({ className: e, children: n, ...r }) {
-	return /* @__PURE__ */ a(l.Item, {
-		"data-slot": "select-item",
-		className: t("relative flex w-full cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
-		...r,
-		children: [/* @__PURE__ */ i(l.ItemText, {
-			className: "flex min-w-0 flex-1 gap-space-sm",
-			children: n
-		}), /* @__PURE__ */ i(l.ItemIndicator, {
-			render: /* @__PURE__ */ i("span", { className: "pointer-events-none flex shrink-0 items-center justify-center" }),
-			children: /* @__PURE__ */ i(o, { className: "pointer-events-none" })
-		})]
-	});
-}
-function _({ className: e, ...n }) {
-	return /* @__PURE__ */ i(l.Separator, {
-		"data-slot": "select-separator",
-		className: t("bg-border -mx-1 my-1 h-px pointer-events-none", e),
-		...n
-	});
-}
-function v({ className: e, ...n }) {
-	return /* @__PURE__ */ i(l.ScrollUpArrow, {
-		"data-slot": "select-scroll-up-button",
-		className: t("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", e),
-		...n,
-		children: /* @__PURE__ */ i(c, {})
-	});
-}
-function y({ className: e, ...n }) {
-	return /* @__PURE__ */ i(l.ScrollDownArrow, {
-		"data-slot": "select-scroll-down-button",
-		className: t("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", e),
-		...n,
-		children: /* @__PURE__ */ i(s, {})
-	});
-}
-//#endregion
-export { h as a, f as c, g as i, m as n, _ as o, d as r, p as s, u as t };
-
-//# sourceMappingURL=select-B2mb-qN2.js.map

package/dist/select-B2mb-qN2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-B2mb-qN2.js","names":["Select","SelectPrimitive","useThemePortalContainer","anchoredPositionMethod","motionRecipes","Select$1","Select","SelectGroup","props","cn","className","SelectValue","SelectTrigger","size","children","ChevronDownIcon","SelectContent","resolvedContainer","container","alignItemWithTrigger","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"sources":["../src/components/ui/select.tsx"],"sourcesContent":["import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"text-muted-foreground size-4 pointer-events-none\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  container,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  positionMethod = anchoredPositionMethod,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\" | \"positionMethod\"\n  > & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return (\n    <SelectPrimitive.Portal container={resolvedContainer}>\n      <SelectPrimitive.Positioner\n        positionMethod={positionMethod}\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n          motionRecipes.popup,\n          'data-[align-trigger=true]:transition-none data-[align-trigger=true]:duration-0 data-[align-trigger=true]:scale-100 data-[align-trigger=true]:translate-none data-[align-trigger=true]:opacity-100',\n          \"bg-popover text-popover-foreground ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto\",\n          className\n        )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex min-w-0 flex-1 gap-space-sm\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={<span className=\"pointer-events-none flex shrink-0 items-center justify-center\" />}\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px pointer-events-none\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full\", className)}\n      {...props}\n    >\n      <ChevronUpIcon\n      />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full\", className)}\n      {...props}\n    >\n      <ChevronDownIcon\n      />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"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"}

package/dist/separator-Gk_WXH-l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"separator-Gk_WXH-l.js","names":["PrimitiveSeparator","cn","Separator","props","Separator$1","dashed","className"],"sources":["../src/components/base/display/separator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Separator as PrimitiveSeparator } from '../../ui/separator';\nimport { cn } from '../../../lib/utils';\n\nexport interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof PrimitiveSeparator> {\n\t/** Render the rule as a dashed line instead of a solid border fill. */\n\tdashed?: boolean;\n}\n\nexport function Separator({\n\tclassName,\n\tdashed = false,\n\t...props\n}: SeparatorProps) {\n\treturn (\n\t\t<PrimitiveSeparator\n\t\t\tclassName={cn(\n\t\t\t\t'separator--component',\n\t\t\t\tdashed && [\n\t\t\t\t\t'bg-transparent border-border border-dashed',\n\t\t\t\t\t'data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:border-t',\n\t\t\t\t\t'data-[orientation=vertical]:w-0 data-[orientation=vertical]:border-l',\n\t\t\t\t],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nSeparator.displayName = 'Separator';\n"],"mappings":";;;;;;AAUA,SAAgBE,EAAU,EACzB,cACA,YAAS,IACT,GAAGC,KACe;CAClB,OACC,kBAACH,GAAD;EACC,WAAWC,EACV,wBACAI,KAAU;GACT;GACA;GACA;EACD,GACAC,CACD;EACA,GAAIH;CACJ,CAAA;AAEH;AAEA,EAAU,cAAc"}

package/dist/settings-BnCyyPOJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-BnCyyPOJ.js","names":["Text","Heading","DisplayLabel","Stack","Card","Badge","resolveLayoutLinkRenderer","defaultAsideNavShellStrings","normalizePath","rawUrl","baseOrigin","trimmed","isActiveItem","currentId","item","currentPath","activePath","itemPath","AsideNavShell","stringsProp","strings","useStrings","linkRenderer","cn","className","navClassName","aside","groups","group","Icon","active","content","contentClassName","title","description","actions","footer","SettingsShell"],"sources":["../src/components/layout/settings/settings.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\n\nimport { Badge } from '../../base/badge';\nimport { Card } from '../../base/cards';\nimport { Stack } from '../../base/structure';\nimport { DisplayLabel, Heading, Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tresolveLayoutLinkRenderer,\n\ttype LayoutNavigationAdapter,\n} from '../layout.types';\n\nexport interface AsideNavShellStrings {\n\tnavigationAriaLabel: string;\n}\n\nexport const defaultAsideNavShellStrings: AsideNavShellStrings = {\n\tnavigationAriaLabel: 'Settings navigation',\n};\n\nexport interface AsideNavItem {\n\tid: string;\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\t/** Supporting copy under the title. */\n\tdescription?: ReactNode;\n\t/** Leading glyph. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\t/** Disables the control. */\n\tdisabled?: boolean;\n\texternal?: boolean;\n\tonSelect?: (id: string) => void;\n}\n\nexport interface AsideNavGroup {\n\tid: string;\n\t/** Display label. */\n\tlabel?: ReactNode;\n\t/** Entries to render, in order. */\n\titems: AsideNavItem[];\n}\n\nexport interface AsideNavShellProps extends LayoutNavigationAdapter {\n\t/** Surface title. */\n\ttitle?: ReactNode;\n\t/** Supporting copy under the title. */\n\tdescription?: ReactNode;\n\t/** Sections of the settings navigation. */\n\tgroups: AsideNavGroup[];\n\t/** Id of the active entry. */\n\tcurrentId?: string;\n\t/** Path of the active route. */\n\tcurrentPath?: string;\n\tchildren?: ReactNode;\n\t/** Content beside the main settings panel. */\n\taside?: ReactNode;\n\t/** Controls offered on the surface. */\n\tactions?: ReactNode;\n\t/** Content below the body. */\n\tfooter?: ReactNode;\n\tclassName?: string;\n\t/** Merged onto the navigation region. */\n\tnavClassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AsideNavShellStrings>;\n}\n\nexport type SettingsShellProps = AsideNavShellProps;\n\nfunction normalizePath(rawUrl?: string): string {\n\tif (!rawUrl) return '';\n\ttry {\n\t\tconst baseOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nfunction isActiveItem(item: AsideNavItem, currentId?: string, currentPath?: string): boolean {\n\tif (currentId) return item.id === currentId;\n\tif (!currentPath || !item.href) return false;\n\tconst activePath = normalizePath(currentPath);\n\tconst itemPath = normalizePath(item.href);\n\treturn activePath === itemPath || activePath.startsWith(`${itemPath}/`);\n}\n\nexport function AsideNavShell({\n\ttitle,\n\tdescription,\n\tgroups,\n\tcurrentId,\n\tcurrentPath,\n\tchildren,\n\taside,\n\tactions,\n\tfooter,\n\tclassName,\n\tnavClassName,\n\tcontentClassName,\n\trenderLink,\n\tstrings: stringsProp,\n}: AsideNavShellProps) {\n\tconst strings = useStrings(defaultAsideNavShellStrings, stringsProp);\n\tconst linkRenderer = resolveLayoutLinkRenderer({ renderLink });\n\n\treturn (\n\t\t<section\n\t\t\tdata-component=\"aside-nav-shell\"\n\t\t\tdata-slot=\"aside-nav-shell\"\n\t\t\tclassName={cn('aside-nav-shell--component grid min-w-0 gap-space-xl lg:grid-cols-[17rem_minmax(0,1fr)]', className)}\n\t\t>\n\t\t\t<aside data-slot=\"aside-nav-shell-aside\" className=\"aside-nav-shell--aside min-w-0\">\n\t\t\t\t<Card\n\t\t\t\t\tsurface=\"card\"\n\t\t\t\t\tclassName={cn('aside-nav-shell--nav-card sticky top-[calc(var(--shell-header-height)_+_var(--spacing-space-xl))]', navClassName)}\n\t\t\t\t\tcontentClassName=\"grid gap-space-xl\"\n\t\t\t\t>\n\t\t\t\t\t{!!aside && <div className=\"aside-nav-shell--aside-header\">{aside}</div>}\n\t\t\t\t\t<Stack render={<nav aria-label={strings.navigationAriaLabel} />} gap=\"xl\">\n\t\t\t\t\t\t{groups.map((group) => (\n\t\t\t\t\t\t\t<Stack key={group.id} gap=\"sm\">\n\t\t\t\t\t\t\t\t{!!group.label && (\n\t\t\t\t\t\t\t\t\t<DisplayLabel className=\"px-row-x\">\n\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Stack gap=\"2xs\">\n\t\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\t\t\tconst active = isActiveItem(item, currentId, currentPath);\n\t\t\t\t\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"start\" gap=\"md\" wrap={false} render={<span />} className=\"min-w-0 w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-icon shrink-0 mt-space-2xs',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive ? 'text-primary-accent' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight={active ? 'semibold' : 'medium'} className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge tone={active ? 'primary' : 'secondary'} className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} onClick={() => { if (!item.disabled) item.onSelect?.(item.id); }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{linkRenderer({\n\t\t\t\t\t\t\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\t\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t\t\t\t\t\t\t\t\tactive,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled: item.disabled,\n\t\t\t\t\t\t\t\t\t\t\t\t\texternal: item.external,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'aside-nav-shell--item flex min-w-0 rounded-radius-md px-row-x py-row-y transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-accent text-accent-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-foreground hover:bg-accent hover:text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t'aria-label': typeof item.label === 'string' ? item.label : undefined,\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Stack>\n\t\t\t\t</Card>\n\t\t\t</aside>\n\n\t\t\t\t<Stack gap=\"xl\" data-slot=\"aside-nav-shell-main\" className={cn('aside-nav-shell--main', contentClassName)}>\n\t\t\t\t{(title || description || actions) && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\trender={<header />}\n\t\t\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\talign={{ sm: 'start' }}\n\t\t\t\t\t\tjustify={{ sm: 'between' }}\n\t\t\t\t\t\tclassName=\"aside-nav-shell--header\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* `flex-1` so the text yields width to the actions instead of\n\t\t\t\t\t\t    claiming its full content width. The header wraps on `sm`,\n\t\t\t\t\t\t    and the description's `max-w-3xl` is wider than the content\n\t\t\t\t\t\t    column, so without this the actions wrapped onto their own\n\t\t\t\t\t\t    line below the description rather than sitting beside the\n\t\t\t\t\t\t    title. */}\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t{!!title && <Heading tag=\"h2\" className=\"border-0 pb-0\">{title}</Heading>}\n\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"mt-space-xs max-w-3xl\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!actions && <Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"shrink-0\">{actions}</Stack>}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t\t\t<div data-slot=\"aside-nav-shell-content\" className=\"aside-nav-shell--content min-w-0\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!footer && <footer className=\"aside-nav-shell--footer\">{footer}</footer>}\n\t\t\t\t</Stack>\n\t\t</section>\n\t);\n}\n\nexport const SettingsShell = AsideNavShell;\n\nAsideNavShell.displayName = 'AsideNavShell';\n"],"mappings":"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"}

package/dist/sheet-B-q914Ad.js

@@ -1,205 +0,0 @@
-"use client";
-import { r as e } from "./theme-scope-kStaAer0.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { t as n } from "./affordance-geometry.generated-D8Jcfb0G.js";
-import { a as r } from "./typography-Cv8MT-82.js";
-import { t as i } from "./motion-recipes-B6jKXEcN.js";
-import { t as a } from "./slot-CLF9kLrS.js";
-import { t as o } from "./button-BS6l5JUw.js";
-import { t as s } from "./surface-recipes-CQfRr-VL.js";
-import { t as c } from "./overlay.recipes-BxW5FIfK.js";
-import * as l from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { XIcon as f } from "lucide-react";
-import { Dialog as p } from "@base-ui/react/dialog";
-//#region src/lib/overlay-anatomy-recipes.ts
-var m = {
-	close: n.overlayClose,
-	header: n.overlayHeader
-};
-//#endregion
-//#region src/components/ui/sheet.tsx
-function h({ ...e }) {
-	return /* @__PURE__ */ u(p.Root, {
-		"data-slot": "sheet",
-		modal: "trap-focus",
-		...e
-	});
-}
-function g({ asChild: e = !1, ...t }) {
-	let n = e ? /* @__PURE__ */ u(a, {}) : void 0;
-	return /* @__PURE__ */ u(p.Trigger, {
-		"data-slot": "sheet-trigger",
-		render: n,
-		...t
-	});
-}
-function _({ asChild: e = !1, ...t }) {
-	let n = e ? /* @__PURE__ */ u(a, {}) : void 0;
-	return /* @__PURE__ */ u(p.Close, {
-		"data-slot": "sheet-close",
-		render: n,
-		...t
-	});
-}
-function v({ container: t, ...n }) {
-	let r = e(t);
-	return /* @__PURE__ */ u(p.Portal, {
-		container: r,
-		"data-slot": "sheet-portal",
-		...n
-	});
-}
-function y({ className: e, ...n }) {
-	return /* @__PURE__ */ u(p.Backdrop, {
-		"data-slot": "sheet-overlay",
-		className: t(c, i.backdrop, e),
-		...n
-	});
-}
-function b({ className: n, container: r, children: a, side: s = "right", showCloseButton: c = !0, ...l }) {
-	let h = e(r);
-	return /* @__PURE__ */ d(v, {
-		container: h,
-		children: [/* @__PURE__ */ u(y, {}), /* @__PURE__ */ d(p.Popup, {
-			"data-slot": "sheet-content",
-			"data-side": s,
-			className: t(i.drawer, "border-border bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", n),
-			...l,
-			children: [a, !!c && /* @__PURE__ */ d(p.Close, {
-				"data-slot": "sheet-close",
-				render: /* @__PURE__ */ u(o, {
-					variant: "ghost",
-					"data-overlay-close": "",
-					className: m.close,
-					size: "icon-sm"
-				}),
-				children: [/* @__PURE__ */ u(f, {}), /* @__PURE__ */ u("span", {
-					className: "sr-only",
-					children: "Close"
-				})]
-			})]
-		})]
-	});
-}
-function x({ className: e, ...n }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "sheet-header",
-		className: t("gap-1.5 p-4 flex flex-col", e),
-		...n
-	});
-}
-function S({ className: e, ...n }) {
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "sheet-footer",
-		className: t("gap-2 p-4 mt-auto flex flex-col", e),
-		...n
-	});
-}
-function C({ className: e, asChild: n = !1, ...r }) {
-	let i = n ? /* @__PURE__ */ u(a, {}) : void 0;
-	return /* @__PURE__ */ u(p.Title, {
-		"data-slot": "sheet-title",
-		render: i,
-		className: t("text-foreground font-medium", e),
-		...r
-	});
-}
-function w({ className: e, asChild: n = !1, ...r }) {
-	let i = n ? /* @__PURE__ */ u(a, {}) : void 0;
-	return /* @__PURE__ */ u(p.Description, {
-		"data-slot": "sheet-description",
-		render: i,
-		className: t("text-muted-foreground text-sm", e),
-		...r
-	});
-}
-//#endregion
-//#region src/components/base/sheet/sheet.tsx
-function T(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var E = h, D = l.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ u(g, {
-		ref: r,
-		className: t("sheet-trigger--component", e),
-		...n
-	});
-});
-D.displayName = "SheetTrigger";
-var O = l.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ u(_, {
-		ref: r,
-		className: t("sheet-close--component active:translate-y-0!", e),
-		...n
-	});
-});
-O.displayName = "SheetClose";
-var k = l.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ u(b, {
-		ref: r,
-		className: t("sheet-content--component border-0 data-[side=left]:border-r-0 data-[side=right]:border-l-0 data-[side=top]:border-b-0 data-[side=bottom]:border-t-0 min-h-0 gap-0 overflow-hidden bg-background text-foreground [&_[data-slot=sheet-close]]:active:translate-y-0!", "data-[side=top]:max-h-[85vh] data-[side=bottom]:max-h-[85vh]", e),
-		...n
-	});
-});
-k.displayName = "SheetContent";
-var A = l.forwardRef(function({ className: e, textGap: n = "normal", ...r }, i) {
-	return /* @__PURE__ */ u(x, {
-		ref: i,
-		className: t("sheet-header--component", s.header, m.header, n === "dense" ? "gap-dense" : "gap-normal", e),
-		...r
-	});
-});
-A.displayName = "SheetHeader";
-var j = l.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ u("div", {
-		ref: r,
-		"data-slot": "sheet-body",
-		className: t("sheet-body--component bg-muted/10", s.body, e),
-		...n
-	});
-});
-j.displayName = "SheetBody";
-var M = l.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ u(S, {
-		ref: r,
-		className: t("sheet-footer--component mt-auto flex-row items-center justify-end", s.footer, e),
-		...n
-	});
-});
-M.displayName = "SheetFooter";
-var N = l.forwardRef(function({ children: e, className: n, ...i }, a) {
-	return /* @__PURE__ */ u(C, {
-		ref: a,
-		className: t("sheet-title--component", n),
-		...i,
-		children: T(e) ? /* @__PURE__ */ u(r, {
-			tag: "span",
-			size: "base",
-			weight: "semibold",
-			lineHeight: "snug",
-			className: "sheet-title--text",
-			children: e
-		}) : e
-	});
-});
-N.displayName = "SheetTitle";
-var P = l.forwardRef(function({ children: e, className: n, ...i }, a) {
-	return /* @__PURE__ */ u(w, {
-		ref: a,
-		className: t("sheet-description--component", n),
-		...i,
-		children: T(e) ? /* @__PURE__ */ u(r, {
-			tag: "span",
-			type: "secondary",
-			lineHeight: "relaxed",
-			className: "sheet-description--text",
-			children: e
-		}) : e
-	});
-});
-P.displayName = "SheetDescription";
-//#endregion
-export { P as a, N as c, k as i, D as l, j as n, M as o, O as r, A as s, E as t, m as u };
-
-//# sourceMappingURL=sheet-B-q914Ad.js.map

package/dist/sheet-B-q914Ad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-B-q914Ad.js","names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetContent","SheetHeader","SheetFooter","SheetTitle","SheetDescription","SheetPrimitive","React","SheetTriggerPrimitive","SheetClosePrimitive","SheetContentPrimitive","SheetHeaderPrimitive","SheetFooterPrimitive","SheetTitlePrimitive","SheetDescriptionPrimitive","useThemePortalContainer","affordanceGeometry","Text","motionRecipes","Slot","Button","modalRegionRecipes","modalBackdropRecipe","React$1","overlayAnatomyRecipes","Sheet$1","props","Dialog","SheetTrigger$1","renderSlot","asChild","SheetClose$1","SheetPortal","resolvedContainer","container","SheetOverlay","cn","className","SheetContent$1","side","children","showCloseButton","XIcon","SheetHeader$1","SheetFooter$1","SheetTitle$1","SheetDescription$1","isSimpleText","value","Sheet","SheetTrigger","SheetClose","SheetContent","SheetHeader","textGap","SheetBody","SheetFooter","SheetTitle","SheetDescription"],"sources":["../src/lib/overlay-anatomy-recipes.ts","../src/components/ui/sheet.tsx","../src/components/base/sheet/sheet.tsx"],"sourcesContent":["import { affordanceGeometry } from './affordance-geometry.generated';\n/** Dismiss controls follow the surface's logical inset; headers reserve the\n * actual small-action width plus an action gap only when a close control exists.\n * These are derived recipes, not additional theme settings.\n */\nexport const overlayAnatomyRecipes = {\n\tclose: affordanceGeometry.overlayClose,\n\theader: affordanceGeometry.overlayHeader,\n} as const;\n","import { overlayAnatomyRecipes } from '../../lib/overlay-anatomy-recipes';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\n\"use client\"\n\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\nimport { XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport { Slot } from \"./slot\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" modal=\"trap-focus\" {...props} />\n}\n\nfunction SheetTrigger({\n  asChild = false,\n  ...props\n}: SheetPrimitive.Trigger.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Trigger\n      data-slot=\"sheet-trigger\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nfunction SheetClose({\n  asChild = false,\n  ...props\n}: SheetPrimitive.Close.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Close\n      data-slot=\"sheet-close\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nfunction SheetPortal({ container, ...props }: SheetPrimitive.Portal.Props) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return <SheetPrimitive.Portal container={resolvedContainer} data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(modalBackdropRecipe, motionRecipes.backdrop, className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  container,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n} & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return (\n    <SheetPortal container={resolvedContainer}>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          motionRecipes.drawer,\n          \"border-border bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {!!showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                data-overlay-close=\"\"\n                className={overlayAnatomyRecipes.close}\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon\n            />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"gap-1.5 p-4 flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"gap-2 p-4 mt-auto flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  asChild = false,\n  ...props\n}: SheetPrimitive.Title.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      render={renderSlot}\n      className={cn(\"text-foreground font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  asChild = false,\n  ...props\n}: SheetPrimitive.Description.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      render={renderSlot}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { modalRegionRecipes } from '../../../lib/surface-recipes';\nimport { overlayAnatomyRecipes } from '../../../lib/overlay-anatomy-recipes';\nimport type { TextGap } from '../structure';\n/**\n * Sheet — design-system wrapper around the shadcn compound primitive.\n *\n * The root and trigger behavior stay primitive-compatible. The package layer\n * adds a deliberate header / scrollable body / footer structure, calm admin\n * spacing, and stable BEM hooks without narrowing primitive props.\n */\nimport * as React from 'react';\n\nimport {\n\tSheet as SheetPrimitive,\n\tSheetClose as SheetClosePrimitive,\n\tSheetContent as SheetContentPrimitive,\n\tSheetDescription as SheetDescriptionPrimitive,\n\tSheetFooter as SheetFooterPrimitive,\n\tSheetHeader as SheetHeaderPrimitive,\n\tSheetTitle as SheetTitlePrimitive,\n\tSheetTrigger as SheetTriggerPrimitive,\n} from '../../ui/sheet';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isSimpleText(value: React.ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport const Sheet = SheetPrimitive;\n\nexport const SheetTrigger = React.forwardRef<\n\tReact.ElementRef<typeof SheetTriggerPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetTriggerPrimitive>\n>(function SheetTrigger({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetTriggerPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-trigger--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetTrigger.displayName = 'SheetTrigger';\n\nexport const SheetClose = React.forwardRef<\n\tReact.ElementRef<typeof SheetClosePrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetClosePrimitive>\n>(function SheetClose({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetClosePrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-close--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetClose.displayName = 'SheetClose';\n\nexport const SheetContent = React.forwardRef<\n\tReact.ElementRef<typeof SheetContentPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetContentPrimitive>\n>(function SheetContent({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetContentPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t// The shell stays flush so its separated regions can each own the\n\t\t\t\t// same default p-surface inset without stacking padding.\n\t\t\t\t'sheet-content--component border-0 data-[side=left]:border-r-0 data-[side=right]:border-l-0 data-[side=top]:border-b-0 data-[side=bottom]:border-t-0 min-h-0 gap-0 overflow-hidden bg-background text-foreground [&_[data-slot=sheet-close]]:active:translate-y-0!',\n\t\t\t\t'data-[side=top]:max-h-[85vh] data-[side=bottom]:max-h-[85vh]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetContent.displayName = 'SheetContent';\n\nexport const SheetHeader = React.forwardRef<\n\tHTMLDivElement,\n\tReact.ComponentPropsWithoutRef<typeof SheetHeaderPrimitive> & { textGap?: TextGap }\n>(function SheetHeader({ className, textGap = 'normal', ...props }, ref) {\n\treturn (\n\t\t<SheetHeaderPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'sheet-header--component', modalRegionRecipes.header,\n\t\t\t\toverlayAnatomyRecipes.header,\n\t\t\t\ttextGap === 'dense' ? 'gap-dense' : 'gap-normal',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetHeader.displayName = 'SheetHeader';\n\n/** Scroll-owning content region between the fixed sheet header and footer. */\nexport const SheetBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\tfunction SheetBody({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"sheet-body\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'sheet-body--component bg-muted/10', modalRegionRecipes.body,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nSheetBody.displayName = 'SheetBody';\n\nexport const SheetFooter = React.forwardRef<\n\tHTMLDivElement,\n\tReact.ComponentPropsWithoutRef<typeof SheetFooterPrimitive>\n>(function SheetFooter({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetFooterPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'sheet-footer--component mt-auto flex-row items-center justify-end', modalRegionRecipes.footer,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetFooter.displayName = 'SheetFooter';\n\nexport const SheetTitle = React.forwardRef<\n\tReact.ElementRef<typeof SheetTitlePrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetTitlePrimitive>\n>(function SheetTitle({ children, className, ...props }, ref) {\n\treturn (\n\t\t<SheetTitlePrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-title--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"base\"\n\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\tlineHeight=\"snug\"\n\t\t\t\t\tclassName=\"sheet-title--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</SheetTitlePrimitive>\n\t);\n});\n\nSheetTitle.displayName = 'SheetTitle';\n\nexport const SheetDescription = React.forwardRef<\n\tReact.ElementRef<typeof SheetDescriptionPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetDescriptionPrimitive>\n>(function SheetDescription({ children, className, ...props }, ref) {\n\treturn (\n\t\t<SheetDescriptionPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-description--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tlineHeight=\"relaxed\"\n\t\t\t\t\tclassName=\"sheet-description--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</SheetDescriptionPrimitive>\n\t);\n});\n\nSheetDescription.displayName = 'SheetDescription';\n"],"mappings":"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"}