themelia-react-ui 0.0.0-stage → 1.0.1

package/dist/dropdown-menu-BlnyHr-9.js

@@ -0,0 +1,186 @@
+"use client";
+import { p as e } from "./ui-provider-CftIB6TY.js";
+import { r as t } from "./theme-scope-kStaAer0.js";
+import { t as n } from "./utils-C2EKeIw3.js";
+import { i as r, r as i } from "./text.styles-BwB7vAF2.js";
+import { r as a } from "./typography-Cv8MT-82.js";
+import { t as o } from "./anchored-positioning-DPnKTvNs.js";
+import { t as s } from "./motion-recipes-B6jKXEcN.js";
+import { n as c, r as l, t as u } from "./popover.recipes-zgBhMlUu.js";
+import { n as d } from "./collection-content-C4fthJV_.js";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { CheckIcon as h, ChevronRightIcon as g } from "lucide-react";
+import { Menu as _ } from "@base-ui/react/menu";
+//#region src/components/base/navigation/dropdown-menu.tsx
+var v = f.createContext("default");
+function y() {
+	return c(f.useContext(v));
+}
+function b(e, t) {
+	return typeof e != "string" && typeof e != "number" && typeof e != "bigint" || typeof e == "string" && e.trim().length === 0 ? e : /* @__PURE__ */ p(d, {
+		className: n("dropdown-menu--text", t),
+		children: e
+	});
+}
+function x({ ...e }) {
+	return /* @__PURE__ */ p(_.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function S({ container: e, ...n }) {
+	let r = t(e);
+	return /* @__PURE__ */ p(_.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		container: r,
+		...n
+	});
+}
+function C({ children: t, ...n }) {
+	let { defaultTextSize: i } = e();
+	return /* @__PURE__ */ p(_.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...n,
+		children: b(t, r[i ?? "sm"])
+	});
+}
+function w({ positionMethod: t = o, align: a = "start", alignOffset: c = 0, side: u = "bottom", sideOffset: d = 4, className: m, density: h, ...g }) {
+	let { defaultTextSize: y } = e(), b = f.useContext(v), x = h ?? b;
+	return /* @__PURE__ */ p(v.Provider, {
+		value: x,
+		children: /* @__PURE__ */ p(S, { children: /* @__PURE__ */ p(_.Positioner, {
+			positionMethod: t,
+			className: "isolate z-50 outline-none",
+			align: a,
+			alignOffset: c,
+			side: u,
+			sideOffset: d,
+			children: /* @__PURE__ */ p(_.Popup, {
+				"data-slot": "dropdown-menu-content",
+				"data-surface-type": "menu",
+				className: n(l.surface, l.menu, s.popup, "dropdown-menu-content--component z-50 max-h-(--available-height) w-(--anchor-width) min-w-40 origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none", r[y ?? "sm"], i.tight, m),
+				...g
+			})
+		}) })
+	});
+}
+function T({ ...e }) {
+	return /* @__PURE__ */ p(_.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function E({ className: e, inset: t, children: r, ...i }) {
+	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint" ? /* @__PURE__ */ p(a, { children: r }) : r;
+	return /* @__PURE__ */ p(_.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": t,
+		className: n("dropdown-menu-label--component px-row-x py-row-y-sm text-muted-foreground data-inset:ps-control-icon", e),
+		...i,
+		children: o
+	});
+}
+function D({ className: e, inset: t, variant: r = "default", children: i, ...a }) {
+	let o = y();
+	return /* @__PURE__ */ p(_.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": t,
+		"data-variant": r,
+		className: n("dropdown-menu-item--component group/dropdown-menu-item whitespace-nowrap data-inset:ps-control-icon", u.interactive, o, u.highlighted, u.disabled, u.icons, u.destructive, e),
+		...a,
+		children: b(i)
+	});
+}
+function O({ className: e, inset: t, variant: r = "default", children: i, ...a }) {
+	let o = y();
+	return /* @__PURE__ */ p(_.LinkItem, {
+		"data-slot": "dropdown-menu-link-item",
+		"data-inset": t,
+		"data-variant": r,
+		className: n("dropdown-menu-link-item--component group/dropdown-menu-item whitespace-nowrap data-inset:ps-control-icon", u.interactive, o, u.highlighted, u.disabled, u.icons, u.destructive, e),
+		...a,
+		children: b(i)
+	});
+}
+function k({ ...e }) {
+	return /* @__PURE__ */ p(_.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function A({ className: e, inset: t, children: r, ...i }) {
+	let a = y();
+	return /* @__PURE__ */ m(_.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": t,
+		className: n("dropdown-menu-sub-trigger--component whitespace-nowrap data-inset:ps-control-icon", u.interactive, a, u.highlighted, u.disabled, u.icons, "data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground", e),
+		...i,
+		children: [b(r), /* @__PURE__ */ p(g, { className: "ms-auto rtl:rotate-180" })]
+	});
+}
+function j({ align: e = "start", alignOffset: t = -3, side: r = "inline-end", sideOffset: i = 0, className: a, ...o }) {
+	return /* @__PURE__ */ p(w, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: n("dropdown-menu-sub-content--component w-auto min-w-32", a),
+		align: e,
+		alignOffset: t,
+		side: r,
+		sideOffset: i,
+		...o
+	});
+}
+function M({ className: e, children: t, checked: r, inset: i, ...a }) {
+	let o = y();
+	return /* @__PURE__ */ m(_.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": i,
+		className: n("dropdown-menu-checkbox-item--component whitespace-nowrap data-inset:ps-control-icon", u.interactive, o, u.highlighted, u.disabled, u.icons, e),
+		checked: r,
+		...a,
+		children: [b(t), /* @__PURE__ */ p("span", {
+			className: "pointer-events-none ms-auto flex shrink-0 items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ p(_.CheckboxItemIndicator, { children: /* @__PURE__ */ p(h, {}) })
+		})]
+	});
+}
+function N({ ...e }) {
+	return /* @__PURE__ */ p(_.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function P({ className: e, children: t, inset: r, ...i }) {
+	let a = y();
+	return /* @__PURE__ */ m(_.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": r,
+		className: n("dropdown-menu-radio-item--component whitespace-nowrap data-inset:ps-control-icon", u.interactive, a, u.highlighted, u.disabled, u.icons, e),
+		...i,
+		children: [b(t), /* @__PURE__ */ p("span", {
+			className: "pointer-events-none ms-auto flex shrink-0 items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ p(_.RadioItemIndicator, { children: /* @__PURE__ */ p(h, {}) })
+		})]
+	});
+}
+function F({ className: e, ...t }) {
+	return /* @__PURE__ */ p(_.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: n("dropdown-menu-separator--component", l.separator, e),
+		...t
+	});
+}
+function I({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ p("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: n("dropdown-menu-shortcut--component ms-auto text-xxs tracking-normal text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-accent-foreground", e),
+		...r,
+		children: b(t)
+	});
+}
+//#endregion
+export { D as a, S as c, F as d, I as f, C as g, A as h, T as i, N as l, j as m, M as n, E as o, k as p, w as r, O as s, x as t, P as u };
+
+//# sourceMappingURL=dropdown-menu-BlnyHr-9.js.map

package/dist/dropdown-menu-BlnyHr-9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-BlnyHr-9.js","names":["React","MenuPrimitive","useTypographyConfig","useThemePortalContainer","cn","textSizes","textLineHeights","DisplayLabel","anchoredPositionMethod","motionRecipes","collectionRowClasses","popoverRecipes","collectionRecipes","CollectionLabel","React$1","DropdownMenuDensityContext","useMenuRowClasses","renderMenuText","children","className","DropdownMenu","props","Menu","DropdownMenuPortal","resolvedContainer","container","DropdownMenuTrigger","defaultTextSize","DropdownMenuContent","densityProp","inheritedDensity","density","DropdownMenuGroup","DropdownMenuLabel","content","inset","DropdownMenuItem","rowClasses","variant","DropdownMenuLinkItem","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent","DropdownMenuCheckboxItem","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut"],"sources":["../src/components/base/navigation/dropdown-menu.tsx"],"sourcesContent":["import { anchoredPositionMethod } from '../../../lib/anchored-positioning';\nimport { motionRecipes } from '../../../lib/motion-recipes';\nimport * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronRightIcon } from 'lucide-react';\n\nimport { DisplayLabel } from '../../typography';\nimport { textSizes, textLineHeights } from '../../typography/text.styles';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { collectionRecipes, collectionRowClasses, popoverRecipes, type CollectionDensity } from '../popover/popover.recipes';\nimport { useThemePortalContainer } from '../../../lib/theme-scope';\nimport { CollectionLabel } from '../popover/collection-content';\n\nconst DropdownMenuDensityContext = React.createContext<CollectionDensity>('default');\n\nfunction useMenuRowClasses() {\n\treturn collectionRowClasses(React.useContext(DropdownMenuDensityContext));\n}\n\nfunction renderMenuText(children: React.ReactNode, className?: string) {\n\tif (\n\t\ttypeof children !== 'string'\n\t\t&& typeof children !== 'number'\n\t\t&& typeof children !== 'bigint'\n\t) return children;\n\tif (typeof children === 'string' && children.trim().length === 0) return children;\n\n\treturn (\n\t\t<CollectionLabel className={cn('dropdown-menu--text', className)}>\n\t\t\t{children}\n\t\t</CollectionLabel>\n\t);\n}\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n\treturn <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ container, ...props }: MenuPrimitive.Portal.Props) {\n\tconst resolvedContainer = useThemePortalContainer(container);\n\treturn <MenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" container={resolvedContainer} {...props} />;\n}\n\nfunction DropdownMenuTrigger({ children, ...props }: MenuPrimitive.Trigger.Props) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\treturn (\n\t\t<MenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props}>\n\t\t\t{renderMenuText(children, textSizes[defaultTextSize ?? 'sm'])}\n\t\t</MenuPrimitive.Trigger>\n\t);\n}\n\nfunction DropdownMenuContent({\n\tpositionMethod = anchoredPositionMethod,\n\talign = 'start',\n\talignOffset = 0,\n\tside = 'bottom',\n\tsideOffset = 4,\n\tclassName,\n\tdensity: densityProp,\n\t...props\n}: MenuPrimitive.Popup.Props &\n\tPick<\n\t\tMenuPrimitive.Positioner.Props,\n\t\t'align' | 'alignOffset' | 'side' | 'sideOffset' | 'positionMethod'\n\t> & {\n\t/** Vertical row rhythm. Inherits in submenus; defaults to default. */\n\tdensity?: CollectionDensity;\n}) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst inheritedDensity = React.useContext(DropdownMenuDensityContext);\n\tconst density = densityProp ?? inheritedDensity;\n\treturn (\n\t\t<DropdownMenuDensityContext.Provider value={density}>\n\t\t\t<DropdownMenuPortal>\n\t\t\t\t<MenuPrimitive.Positioner\n\t\t\t\t\tpositionMethod={positionMethod}\n\t\t\t\t\tclassName=\"isolate z-50 outline-none\"\n\t\t\t\t\talign={align}\n\t\t\t\t\talignOffset={alignOffset}\n\t\t\t\t\tside={side}\n\t\t\t\t\tsideOffset={sideOffset}\n\t\t\t\t>\n\t\t\t\t\t<MenuPrimitive.Popup\n\t\t\t\t\t\tdata-slot=\"dropdown-menu-content\"\n\t\t\t\t\t\tdata-surface-type=\"menu\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tpopoverRecipes.surface,\n\t\t\t\t\t\t\tpopoverRecipes.menu,\n\t\t\t\t\t\t\tmotionRecipes.popup,\n\t\t\t\t\t\t\t'dropdown-menu-content--component z-50 max-h-(--available-height) w-(--anchor-width) min-w-40 origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none',\n\t\t\t\t\t\t\ttextSizes[defaultTextSize ?? 'sm'],\n\t\t\t\t\t\t\ttextLineHeights.tight,\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t/>\n\t\t\t\t</MenuPrimitive.Positioner>\n\t\t\t</DropdownMenuPortal>\n\t\t</DropdownMenuDensityContext.Provider>\n\t);\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n\treturn <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuLabel({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: MenuPrimitive.GroupLabel.Props & {\n\t/** Surface inset. */\n\tinset?: boolean;\n}) {\n\tconst content =\n\t\ttypeof children === 'string' || typeof children === 'number' || typeof children === 'bigint'\n\t\t\t? <DisplayLabel>{children}</DisplayLabel>\n\t\t\t: children;\n\n\treturn (\n\t\t<MenuPrimitive.GroupLabel\n\t\t\tdata-slot=\"dropdown-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t'dropdown-menu-label--component px-row-x py-row-y-sm text-muted-foreground data-inset:ps-control-icon',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</MenuPrimitive.GroupLabel>\n\t);\n}\n\nfunction DropdownMenuItem({\n\tclassName,\n\tinset,\n\tvariant = 'default',\n\tchildren,\n\t...props\n}: MenuPrimitive.Item.Props & {\n\t/** Surface inset. */\n\tinset?: boolean;\n\t/** Semantic tone. */\n\tvariant?: 'default' | 'destructive';\n}) {\n\tconst rowClasses = useMenuRowClasses();\n\treturn (\n\t\t<MenuPrimitive.Item\n\t\t\tdata-slot=\"dropdown-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t'dropdown-menu-item--component group/dropdown-menu-item whitespace-nowrap data-inset:ps-control-icon',\n\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\trowClasses,\n\t\t\t\tcollectionRecipes.highlighted,\n\t\t\t\tcollectionRecipes.disabled,\n\t\t\t\tcollectionRecipes.icons,\n\t\t\t\tcollectionRecipes.destructive,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderMenuText(children)}\n\t\t</MenuPrimitive.Item>\n\t);\n}\n\nfunction DropdownMenuLinkItem({\n\tclassName,\n\tinset,\n\tvariant = 'default',\n\tchildren,\n\t...props\n}: MenuPrimitive.LinkItem.Props & {\n\t/** Surface inset. */\n\tinset?: boolean;\n\t/** Semantic tone. */\n\tvariant?: 'default' | 'destructive';\n}) {\n\tconst rowClasses = useMenuRowClasses();\n\treturn (\n\t\t<MenuPrimitive.LinkItem\n\t\t\tdata-slot=\"dropdown-menu-link-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t'dropdown-menu-link-item--component group/dropdown-menu-item whitespace-nowrap data-inset:ps-control-icon',\n\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\trowClasses,\n\t\t\t\tcollectionRecipes.highlighted,\n\t\t\t\tcollectionRecipes.disabled,\n\t\t\t\tcollectionRecipes.icons,\n\t\t\t\tcollectionRecipes.destructive,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderMenuText(children)}\n\t\t</MenuPrimitive.LinkItem>\n\t);\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n\treturn <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n\t/** Surface inset. */\n\tinset?: boolean;\n}) {\n\tconst rowClasses = useMenuRowClasses();\n\treturn (\n\t\t<MenuPrimitive.SubmenuTrigger\n\t\t\tdata-slot=\"dropdown-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t'dropdown-menu-sub-trigger--component whitespace-nowrap data-inset:ps-control-icon',\n\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\trowClasses,\n\t\t\t\tcollectionRecipes.highlighted,\n\t\t\t\tcollectionRecipes.disabled,\n\t\t\t\tcollectionRecipes.icons,\n\t\t\t\t'data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderMenuText(children)}\n\t\t\t<ChevronRightIcon className=\"ms-auto rtl:rotate-180\" />\n\t\t</MenuPrimitive.SubmenuTrigger>\n\t);\n}\n\nfunction DropdownMenuSubContent({\n\talign = 'start',\n\talignOffset = -3,\n\tside = 'inline-end',\n\tsideOffset = 0,\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n\treturn (\n\t\t<DropdownMenuContent\n\t\t\tdata-slot=\"dropdown-menu-sub-content\"\n\t\t\tclassName={cn('dropdown-menu-sub-content--component w-auto min-w-32', className)}\n\t\t\talign={align}\n\t\t\talignOffset={alignOffset}\n\t\t\tside={side}\n\t\t\tsideOffset={sideOffset}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\tchecked,\n\tinset,\n\t...props\n}: MenuPrimitive.CheckboxItem.Props & {\n\t/** Surface inset. */\n\tinset?: boolean;\n}) {\n\tconst rowClasses = useMenuRowClasses();\n\treturn (\n\t\t<MenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"dropdown-menu-checkbox-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t'dropdown-menu-checkbox-item--component whitespace-nowrap data-inset:ps-control-icon',\n\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\trowClasses,\n\t\t\t\tcollectionRecipes.highlighted,\n\t\t\t\tcollectionRecipes.disabled,\n\t\t\t\tcollectionRecipes.icons,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tchecked={checked}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderMenuText(children)}\n\t\t\t<span\n\t\t\t\tclassName=\"pointer-events-none ms-auto flex shrink-0 items-center justify-center\"\n\t\t\t\tdata-slot=\"dropdown-menu-checkbox-item-indicator\"\n\t\t\t>\n\t\t\t\t<MenuPrimitive.CheckboxItemIndicator>\n\t\t\t\t\t<CheckIcon />\n\t\t\t\t</MenuPrimitive.CheckboxItemIndicator>\n\t\t\t</span>\n\t\t</MenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n\treturn (\n\t\t<MenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"dropdown-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\tinset,\n\t...props\n}: MenuPrimitive.RadioItem.Props & {\n\t/** Surface inset. */\n\tinset?: boolean;\n}) {\n\tconst rowClasses = useMenuRowClasses();\n\treturn (\n\t\t<MenuPrimitive.RadioItem\n\t\t\tdata-slot=\"dropdown-menu-radio-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t'dropdown-menu-radio-item--component whitespace-nowrap data-inset:ps-control-icon',\n\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\trowClasses,\n\t\t\t\tcollectionRecipes.highlighted,\n\t\t\t\tcollectionRecipes.disabled,\n\t\t\t\tcollectionRecipes.icons,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderMenuText(children)}\n\t\t\t<span\n\t\t\t\tclassName=\"pointer-events-none ms-auto flex shrink-0 items-center justify-center\"\n\t\t\t\tdata-slot=\"dropdown-menu-radio-item-indicator\"\n\t\t\t>\n\t\t\t\t<MenuPrimitive.RadioItemIndicator>\n\t\t\t\t\t<CheckIcon />\n\t\t\t\t</MenuPrimitive.RadioItemIndicator>\n\t\t\t</span>\n\t\t</MenuPrimitive.RadioItem>\n\t);\n}\n\nfunction DropdownMenuSeparator({\n\tclassName,\n\t...props\n}: MenuPrimitive.Separator.Props) {\n\treturn (\n\t\t<MenuPrimitive.Separator\n\t\t\tdata-slot=\"dropdown-menu-separator\"\n\t\t\tclassName={cn('dropdown-menu-separator--component', popoverRecipes.separator, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuShortcut({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t'dropdown-menu-shortcut--component ms-auto text-xxs tracking-normal text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-accent-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{renderMenuText(children)}\n\t\t</span>\n\t);\n}\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuPortal,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuLabel,\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuSubContent,\n};\n"],"mappings":"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"}

package/dist/editable-text-recipe-Bkm6wKHp.js

@@ -0,0 +1,10 @@
+//#region src/lib/editable-text-recipe.ts
+var e = {
+	sm: "text-pxs pointer-coarse:text-base",
+	md: "text-sm pointer-coarse:text-base",
+	lg: "text-sm pointer-coarse:text-base"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=editable-text-recipe-Bkm6wKHp.js.map

package/dist/editable-text-recipe-Bkm6wKHp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-text-recipe-Bkm6wKHp.js","names":["editableTextSizeClasses"],"sources":["../src/lib/editable-text-recipe.ts"],"sourcesContent":["/** Editable text follows control scale; coarse-pointer devices retain the touch input size at every width. */\nexport const editableTextSizeClasses = {\n  sm: 'text-pxs pointer-coarse:text-base',\n  md: 'text-sm pointer-coarse:text-base',\n  lg: 'text-sm pointer-coarse:text-base',\n} as const;\n"],"mappings":";AACA,IAAaA,IAA0B;CACrC,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}

package/dist/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="currentColor" d="M4 4h24v6h-9v18h-6V10H4z"/></svg>