@mitcsutt/kiln-ui 0.1.0

package/dist/components/overlays/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,172 @@
+import { cx as e } from "../../../utils/cx.js";
+import { CheckIcon as t, ChevronRightIcon as n } from "../../../icons/icons.js";
+import { PortalAnchorContext as r, composeRefs as i, usePortalAnchor as a, usePortalAnchorRef as o, usePortalTheme as s } from "../usePortalTheme.js";
+import c from "./DropdownMenu.module.js";
+import { forwardRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { DropdownMenu as f } from "radix-ui";
+//#region src/components/overlays/DropdownMenu/DropdownMenu.tsx
+function p(e) {
+	let t = o();
+	return /* @__PURE__ */ u(r.Provider, {
+		value: t,
+		children: /* @__PURE__ */ u(f.Root, { ...e })
+	});
+}
+var m = l(function(e, t) {
+	let n = a();
+	return /* @__PURE__ */ u(f.Trigger, {
+		ref: i(t, n),
+		...e
+	});
+}), h = l(function({ container: t, align: n = "start", sideOffset: r = 6, className: i, ...a }, o) {
+	let l = s(t);
+	return /* @__PURE__ */ u(f.Content, {
+		ref: o,
+		className: e(c.content, i),
+		align: n,
+		sideOffset: r,
+		collisionPadding: 8,
+		...l,
+		...a
+	});
+}), g = l(function({ container: e, forceMount: t, ...n }, r) {
+	return /* @__PURE__ */ u(f.Portal, {
+		container: e,
+		forceMount: t,
+		children: /* @__PURE__ */ u(h, {
+			ref: r,
+			container: e,
+			forceMount: t,
+			...n
+		})
+	});
+}), _ = l(function({ tone: t = "neutral", leadingIcon: n, shortcut: r, className: i, children: a, ...o }, s) {
+	return /* @__PURE__ */ d(f.Item, {
+		ref: s,
+		className: e(c.item, i),
+		"data-tone": t,
+		...o,
+		children: [
+			n ? /* @__PURE__ */ u("span", {
+				className: c.icon,
+				children: n
+			}) : null,
+			/* @__PURE__ */ u("span", {
+				className: c.label,
+				children: a
+			}),
+			r ? /* @__PURE__ */ u("kbd", {
+				className: c.shortcut,
+				children: r
+			}) : null
+		]
+	});
+}), v = l(function({ shortcut: n, className: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ d(f.CheckboxItem, {
+		ref: o,
+		className: e(c.item, r),
+		"data-selectable": "",
+		...a,
+		children: [
+			/* @__PURE__ */ u("span", {
+				className: c.indicator,
+				children: /* @__PURE__ */ u(f.ItemIndicator, { children: /* @__PURE__ */ u(t, {}) })
+			}),
+			/* @__PURE__ */ u("span", {
+				className: c.label,
+				children: i
+			}),
+			n ? /* @__PURE__ */ u("kbd", {
+				className: c.shortcut,
+				children: n
+			}) : null
+		]
+	});
+}), y = f.RadioGroup, b = l(function({ className: t, children: n, ...r }, i) {
+	return /* @__PURE__ */ d(f.RadioItem, {
+		ref: i,
+		className: e(c.item, t),
+		"data-selectable": "",
+		...r,
+		children: [/* @__PURE__ */ u("span", {
+			className: c.indicator,
+			children: /* @__PURE__ */ u(f.ItemIndicator, { className: c.dot })
+		}), /* @__PURE__ */ u("span", {
+			className: c.label,
+			children: n
+		})]
+	});
+}), x = l(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ u(f.Label, {
+		ref: r,
+		className: e(c.menuLabel, t),
+		...n
+	});
+}), S = l(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ u(f.Separator, {
+		ref: r,
+		className: e(c.separator, t),
+		...n
+	});
+}), C = f.Group, w = f.Sub, T = l(function({ leadingIcon: t, className: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ d(f.SubTrigger, {
+		ref: o,
+		className: e(c.item, r),
+		"data-tone": "neutral",
+		...a,
+		children: [
+			t ? /* @__PURE__ */ u("span", {
+				className: c.icon,
+				children: t
+			}) : null,
+			/* @__PURE__ */ u("span", {
+				className: c.label,
+				children: i
+			}),
+			/* @__PURE__ */ u("span", {
+				className: c.chevron,
+				children: /* @__PURE__ */ u(n, {})
+			})
+		]
+	});
+}), E = l(function({ container: t, sideOffset: n = 4, className: r, ...i }, a) {
+	let o = s(t);
+	return /* @__PURE__ */ u(f.SubContent, {
+		ref: a,
+		className: e(c.content, r),
+		sideOffset: n,
+		collisionPadding: 8,
+		...o,
+		...i
+	});
+}), D = l(function({ container: e, forceMount: t, ...n }, r) {
+	return /* @__PURE__ */ u(f.Portal, {
+		container: e,
+		forceMount: t,
+		children: /* @__PURE__ */ u(E, {
+			ref: r,
+			container: e,
+			forceMount: t,
+			...n
+		})
+	});
+}), O = Object.assign(p, {
+	Root: p,
+	Trigger: m,
+	Content: g,
+	Item: _,
+	CheckboxItem: v,
+	RadioGroup: y,
+	RadioItem: b,
+	Label: x,
+	Separator: S,
+	Group: C,
+	Sub: w,
+	SubTrigger: T,
+	SubContent: D
+});
+//#endregion
+export { O as DropdownMenu };
+
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/overlays/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":["MenuPrimitive","styles","DropdownMenu","DropdownMenu_module_default","DropdownMenuRoot","anchor","usePortalAnchorRef","PortalAnchorContext","DropdownMenu","props","DropdownMenuTrigger","forwardRef","usePortalAnchor","composeRefs","ref","ContentInner","rest","theme","usePortalTheme","container","cx","className","DropdownMenuContent","DropdownMenuItem","tone","leadingIcon","shortcut","DropdownMenuCheckboxItem","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","SubContentInner","DropdownMenuSubContent","DropdownMenu$1"],"sources":["../../../../src/components/overlays/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef, type ReactNode } from 'react'\nimport { DropdownMenu as MenuPrimitive } from 'radix-ui'\nimport { CheckIcon, ChevronRightIcon } from '#icons'\nimport { cx } from '#utils/cx'\nimport {\n  PortalAnchorContext,\n  composeRefs,\n  usePortalAnchor,\n  usePortalAnchorRef,\n  usePortalTheme,\n} from '#components/overlays/usePortalTheme'\nimport styles from './DropdownMenu.module.css'\n\nexport type DropdownMenuProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Root>\n\n/**\n * A list of commands behind a button: row actions, a member's options, sort order.\n * Full keyboard support (arrows, typeahead, Home/End, Escape) from Radix.\n *\n * <DropdownMenu>\n *   <DropdownMenu.Trigger asChild><Button>Options</Button></DropdownMenu.Trigger>\n *   <DropdownMenu.Content>\n *     <DropdownMenu.Item shortcut=\"⌘E\">Edit</DropdownMenu.Item>\n *     <DropdownMenu.Separator />\n *     <DropdownMenu.Item tone=\"critical\">Remove</DropdownMenu.Item>\n *   </DropdownMenu.Content>\n * </DropdownMenu>\n */\nfunction DropdownMenuRoot(props: DropdownMenuProps) {\n  const anchor = usePortalAnchorRef()\n  return (\n    <PortalAnchorContext.Provider value={anchor}>\n      <MenuPrimitive.Root {...props} />\n    </PortalAnchorContext.Provider>\n  )\n}\n\nexport type DropdownMenuTriggerProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>\n\nconst DropdownMenuTrigger = forwardRef<\n  ComponentRef<typeof MenuPrimitive.Trigger>,\n  DropdownMenuTriggerProps\n>(function DropdownMenuTrigger(props, ref) {\n  const anchor = usePortalAnchor()\n  return <MenuPrimitive.Trigger ref={composeRefs(ref, anchor)} {...props} />\n})\n\nexport interface DropdownMenuContentProps extends ComponentPropsWithoutRef<\n  typeof MenuPrimitive.Content\n> {\n  /** Portal target. Defaults to `document.body`; its theme scope is also used. */\n  container?: HTMLElement | null\n}\n\nconst ContentInner = forwardRef<HTMLDivElement, DropdownMenuContentProps>(function ContentInner(\n  { container, align = 'start', sideOffset = 6, className, ...rest },\n  ref,\n) {\n  const theme = usePortalTheme(container)\n  return (\n    <MenuPrimitive.Content\n      ref={ref}\n      className={cx(styles.content, className)}\n      align={align}\n      sideOffset={sideOffset}\n      collisionPadding={8}\n      {...theme}\n      {...rest}\n    />\n  )\n})\n\n/** The menu panel. Aligns to the trigger's start edge by default and flips to stay on screen. */\nconst DropdownMenuContent = forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  function DropdownMenuContent({ container, forceMount, ...rest }, ref) {\n    return (\n      <MenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <ContentInner ref={ref} container={container} forceMount={forceMount} {...rest} />\n      </MenuPrimitive.Portal>\n    )\n  },\n)\n\nexport type DropdownMenuItemTone = 'neutral' | 'critical'\n\nexport interface DropdownMenuItemProps extends ComponentPropsWithoutRef<typeof MenuPrimitive.Item> {\n  /** `critical` for destructive commands. Put them last, after a separator. */\n  tone?: DropdownMenuItemTone\n  /** Icon before the label. Use sparingly — one menu, icons on all items or none. */\n  leadingIcon?: ReactNode\n  /** Keyboard shortcut hint, shown right-aligned. Display only; wire the shortcut yourself. */\n  shortcut?: ReactNode\n}\n\nconst DropdownMenuItem = forwardRef<ComponentRef<typeof MenuPrimitive.Item>, DropdownMenuItemProps>(\n  function DropdownMenuItem(\n    { tone = 'neutral', leadingIcon, shortcut, className, children, ...rest },\n    ref,\n  ) {\n    return (\n      <MenuPrimitive.Item\n        ref={ref}\n        className={cx(styles.item, className)}\n        data-tone={tone}\n        {...rest}\n      >\n        {leadingIcon ? <span className={styles.icon}>{leadingIcon}</span> : null}\n        <span className={styles.label}>{children}</span>\n        {shortcut ? <kbd className={styles.shortcut}>{shortcut}</kbd> : null}\n      </MenuPrimitive.Item>\n    )\n  },\n)\n\nexport interface DropdownMenuCheckboxItemProps extends ComponentPropsWithoutRef<\n  typeof MenuPrimitive.CheckboxItem\n> {\n  shortcut?: ReactNode\n}\n\n/** A toggle. Controlled with `checked` + `onCheckedChange`. Stays open on select only if you `preventDefault`. */\nconst DropdownMenuCheckboxItem = forwardRef<\n  ComponentRef<typeof MenuPrimitive.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(function DropdownMenuCheckboxItem({ shortcut, className, children, ...rest }, ref) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-selectable=\"\"\n      {...rest}\n    >\n      <span className={styles.indicator}>\n        <MenuPrimitive.ItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.ItemIndicator>\n      </span>\n      <span className={styles.label}>{children}</span>\n      {shortcut ? <kbd className={styles.shortcut}>{shortcut}</kbd> : null}\n    </MenuPrimitive.CheckboxItem>\n  )\n})\n\nexport type DropdownMenuRadioGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>\n\n/** One-of-many choice. `value` + `onValueChange`. */\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup\n\nexport type DropdownMenuRadioItemProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>\n\nconst DropdownMenuRadioItem = forwardRef<\n  ComponentRef<typeof MenuPrimitive.RadioItem>,\n  DropdownMenuRadioItemProps\n>(function DropdownMenuRadioItem({ className, children, ...rest }, ref) {\n  return (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-selectable=\"\"\n      {...rest}\n    >\n      <span className={styles.indicator}>\n        <MenuPrimitive.ItemIndicator className={styles.dot} />\n      </span>\n      <span className={styles.label}>{children}</span>\n    </MenuPrimitive.RadioItem>\n  )\n})\n\nexport type DropdownMenuLabelProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Label>\n\n/** A non-interactive heading for the group below it. */\nconst DropdownMenuLabel = forwardRef<\n  ComponentRef<typeof MenuPrimitive.Label>,\n  DropdownMenuLabelProps\n>(function DropdownMenuLabel({ className, ...rest }, ref) {\n  return <MenuPrimitive.Label ref={ref} className={cx(styles.menuLabel, className)} {...rest} />\n})\n\nexport type DropdownMenuSeparatorProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>\n\nconst DropdownMenuSeparator = forwardRef<\n  ComponentRef<typeof MenuPrimitive.Separator>,\n  DropdownMenuSeparatorProps\n>(function DropdownMenuSeparator({ className, ...rest }, ref) {\n  return <MenuPrimitive.Separator ref={ref} className={cx(styles.separator, className)} {...rest} />\n})\n\nexport type DropdownMenuGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Group>\n\nconst DropdownMenuGroup = MenuPrimitive.Group\n\nexport type DropdownMenuSubProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Sub>\n\nconst DropdownMenuSub = MenuPrimitive.Sub\n\nexport interface DropdownMenuSubTriggerProps extends ComponentPropsWithoutRef<\n  typeof MenuPrimitive.SubTrigger\n> {\n  leadingIcon?: ReactNode\n}\n\n/** Opens a submenu on hover, click, or → . */\nconst DropdownMenuSubTrigger = forwardRef<\n  ComponentRef<typeof MenuPrimitive.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(function DropdownMenuSubTrigger({ leadingIcon, className, children, ...rest }, ref) {\n  return (\n    <MenuPrimitive.SubTrigger\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-tone=\"neutral\"\n      {...rest}\n    >\n      {leadingIcon ? <span className={styles.icon}>{leadingIcon}</span> : null}\n      <span className={styles.label}>{children}</span>\n      <span className={styles.chevron}>\n        <ChevronRightIcon />\n      </span>\n    </MenuPrimitive.SubTrigger>\n  )\n})\n\nexport interface DropdownMenuSubContentProps extends ComponentPropsWithoutRef<\n  typeof MenuPrimitive.SubContent\n> {\n  container?: HTMLElement | null\n}\n\nconst SubContentInner = forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  function SubContentInner({ container, sideOffset = 4, className, ...rest }, ref) {\n    const theme = usePortalTheme(container)\n    return (\n      <MenuPrimitive.SubContent\n        ref={ref}\n        className={cx(styles.content, className)}\n        sideOffset={sideOffset}\n        collisionPadding={8}\n        {...theme}\n        {...rest}\n      />\n    )\n  },\n)\n\nconst DropdownMenuSubContent = forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  function DropdownMenuSubContent({ container, forceMount, ...rest }, ref) {\n    return (\n      <MenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <SubContentInner ref={ref} container={container} forceMount={forceMount} {...rest} />\n      </MenuPrimitive.Portal>\n    )\n  },\n)\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Root: DropdownMenuRoot,\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  Group: DropdownMenuGroup,\n  Sub: DropdownMenuSub,\n  SubTrigger: DropdownMenuSubTrigger,\n  SubContent: DropdownMenuSubContent,\n})\n"],"mappings":"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"}

package/dist/components/overlays/DropdownMenu/DropdownMenu.module.js

@@ -0,0 +1,19 @@
+//#region src/components/overlays/DropdownMenu/DropdownMenu.module.css
+var e = "kiln-DropdownMenu__content", t = "kiln-DropdownMenu__item", n = "kiln-DropdownMenu__label", r = "kiln-DropdownMenu__icon", i = "kiln-DropdownMenu__chevron", a = "kiln-DropdownMenu__indicator", o = "kiln-DropdownMenu__dot", s = "kiln-DropdownMenu__shortcut", c = "kiln-DropdownMenu__menuLabel", l = "kiln-DropdownMenu__separator", u = {
+	content: e,
+	"menu-in": "kiln-DropdownMenu__menu-in",
+	"menu-out": "kiln-DropdownMenu__menu-out",
+	item: t,
+	label: n,
+	icon: r,
+	chevron: i,
+	indicator: a,
+	dot: o,
+	shortcut: s,
+	menuLabel: c,
+	separator: l
+};
+//#endregion
+export { i as chevron, e as content, u as default, o as dot, r as icon, a as indicator, t as item, n as label, c as menuLabel, l as separator, s as shortcut };
+
+//# sourceMappingURL=DropdownMenu.module.js.map

package/dist/components/overlays/DropdownMenu/DropdownMenu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.module.js","names":["content","item","label","icon","chevron","indicator","dot","shortcut","menuLabel","separator","DropdownMenu_module_default"],"sources":["../../../../src/components/overlays/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":["/*\n * Component tokens (themes may set any of these on [data-theme]):\n *   --menu-radius     default var(--radius-field)   (items nest inside: radius − padding)\n *   --menu-shadow     default var(--shadow-float)\n *   --menu-border     default var(--color-line-strong)\n *   --menu-surface    default var(--color-surface-raised)\n *   --menu-highlight  default var(--color-surface-sunken)  (keyboard/pointer highlight — a fill, never a ring)\n */\n.content {\n  z-index: var(--z-popover);\n  min-inline-size: max(\n    calc(var(--width-narrow) * 0.375),\n    var(--radix-dropdown-menu-trigger-width, 0px)\n  );\n  max-inline-size: min(\n    calc(var(--width-narrow) * 0.75),\n    var(--radix-dropdown-menu-content-available-width, 100vw)\n  );\n  max-block-size: var(--radix-dropdown-menu-content-available-height);\n  overflow-y: auto;\n  padding: var(--space-1);\n  border: var(--border-width) solid var(--menu-border, var(--color-line-strong));\n  border-radius: var(--menu-radius, var(--radius-field));\n  background: var(--menu-surface, var(--color-surface-raised));\n  box-shadow: var(--menu-shadow, var(--shadow-float));\n  color: var(--color-ink);\n  font-family: var(--font-text);\n  font-size: var(--text-sm);\n  line-height: var(--leading-snug);\n  transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n}\n.content:focus {\n  outline: none;\n}\n.content[data-state='open'] {\n  animation: menu-in var(--dur-2) var(--ease-spring);\n}\n.content[data-state='closed'] {\n  animation: menu-out var(--dur-1) var(--ease-out);\n}\n\n.item {\n  --_radius: max(0px, calc(var(--menu-radius, var(--radius-field)) - var(--space-1)));\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-block-size: var(--control-sm);\n  padding-inline: var(--space-3);\n  border-radius: var(--_radius);\n  color: var(--color-ink);\n  cursor: default;\n  user-select: none;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.item[data-highlighted],\n.item[data-state='open'] {\n  background: var(--menu-highlight, var(--color-surface-sunken));\n}\n.item[data-tone='critical'] {\n  color: var(--tone-critical-text);\n}\n.item[data-tone='critical'][data-highlighted] {\n  background: var(--tone-critical-soft);\n}\n.item[data-disabled] {\n  color: var(--color-ink-subtle);\n  opacity: 0.6;\n}\n/* Checkbox/radio rows reserve the indicator column so labels line up. */\n.item[data-selectable] {\n  padding-inline-start: var(--space-2);\n}\n\n.label {\n  flex: 1 1 auto;\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.icon,\n.chevron {\n  display: inline-flex;\n  flex: none;\n  font-size: var(--text-md);\n  color: var(--color-ink-muted);\n}\n.item[data-tone='critical'] .icon {\n  color: inherit;\n}\n.chevron {\n  margin-inline-end: calc(-1 * var(--space-1));\n  color: var(--color-ink-subtle);\n}\n\n.indicator {\n  display: inline-grid;\n  place-items: center;\n  flex: none;\n  inline-size: 1.25em;\n  block-size: 1.25em;\n  font-size: var(--text-md);\n  color: var(--color-accent-text);\n}\n.dot {\n  display: block;\n  inline-size: 0.4em;\n  block-size: 0.4em;\n  border-radius: 50%;\n  background: currentColor;\n}\n\n.shortcut {\n  flex: none;\n  margin-inline-start: var(--space-4);\n  font-family: var(--font-text);\n  font-size: var(--text-xs);\n  font-variant-numeric: tabular-nums;\n  letter-spacing: 0.02em;\n  color: var(--color-ink-subtle);\n}\n.item[data-tone='critical'] .shortcut {\n  color: inherit;\n  opacity: 0.75;\n}\n\n.menuLabel {\n  padding: var(--space-2) var(--space-3) var(--space-1);\n  font-size: var(--text-xs);\n  font-weight: var(--label-weight);\n  letter-spacing: var(--label-tracking);\n  text-transform: var(--label-transform);\n  color: var(--color-ink-subtle);\n}\n\n.separator {\n  block-size: 1px;\n  margin: var(--space-1) calc(-1 * var(--space-1));\n  background: var(--color-line);\n}\n\n@keyframes menu-in {\n  from {\n    opacity: 0;\n    scale: 0.97;\n  }\n}\n@keyframes menu-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .content[data-state] {\n    animation: none;\n  }\n}\n"],"mappings":""}

package/dist/components/overlays/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from './DropdownMenu.js';
+export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuItemTone, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuGroupProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, } from './DropdownMenu.js';

package/dist/components/overlays/OverlayClose.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes } from 'react';
+export interface OverlayCloseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Accessible name. Default "Close". */
+    label?: string;
+}
+/** Icon-only close control shared by Dialog and Sheet. Must render inside a Radix Dialog. */
+export declare const OverlayClose: import("react").ForwardRefExoticComponent<OverlayCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/overlays/OverlayClose.js

@@ -0,0 +1,20 @@
+import { cx as e } from "../../utils/cx.js";
+import { CloseIcon as t } from "../../icons/icons.js";
+import n from "./OverlayClose.module.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Dialog as a } from "radix-ui";
+//#region src/components/overlays/OverlayClose.tsx
+var o = r(function({ label: r = "Close", className: o, ...s }, c) {
+	return /* @__PURE__ */ i(a.Close, {
+		ref: c,
+		className: e(n.close, o),
+		"aria-label": r,
+		...s,
+		children: /* @__PURE__ */ i(t, {})
+	});
+});
+//#endregion
+export { o as OverlayClose };
+
+//# sourceMappingURL=OverlayClose.js.map

package/dist/components/overlays/OverlayClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayClose.js","names":["DialogPrimitive","styles","OverlayClose_module_default","OverlayClose","forwardRef","rest","Dialog","cx","className","label","CloseIcon"],"sources":["../../../src/components/overlays/OverlayClose.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from 'react'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\nimport { CloseIcon } from '#icons'\nimport { cx } from '#utils/cx'\nimport styles from './OverlayClose.module.css'\n\nexport interface OverlayCloseProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible name. Default \"Close\". */\n  label?: string\n}\n\n/** Icon-only close control shared by Dialog and Sheet. Must render inside a Radix Dialog. */\nexport const OverlayClose = forwardRef<HTMLButtonElement, OverlayCloseProps>(function OverlayClose(\n  { label = 'Close', className, ...rest },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      className={cx(styles.close, className)}\n      aria-label={label}\n      {...rest}\n    >\n      <CloseIcon />\n    </DialogPrimitive.Close>\n  )\n})\n"],"mappings":";;;;;;;AAYA,IAAaG,IAAeC,EAAiD,SAC3E,EAAE,WAAQ,SAAS,cAAW,GAAGC,KACjC,GACA;CACA,OACE,kBAACL,EAAgB,OAAjB;EACO;EACL,WAAWO,EAAGN,EAAO,OAAOO,CAAS;EACrC,cAAYC;EACZ,GAAIJ;EAEJ,UAAA,kBAACK,GAAD,CAAY,CAAA;CACS,CAAA;AAE3B,CAAC"}

package/dist/components/overlays/OverlayClose.module.js

@@ -0,0 +1,6 @@
+//#region src/components/overlays/OverlayClose.module.css
+var e = "kiln-OverlayClose__close", t = { close: e };
+//#endregion
+export { e as close, t as default };
+
+//# sourceMappingURL=OverlayClose.module.js.map

package/dist/components/overlays/OverlayClose.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayClose.module.js","names":["close","OverlayClose_module_default"],"sources":["../../../src/components/overlays/OverlayClose.module.css"],"sourcesContent":["/*\n * The small \"×\" in the corner of a Dialog or Sheet. Internal to the overlays group.\n *\n * Component tokens:\n *   --overlay-close-radius   default var(--radius-action)\n */\n.close {\n  display: inline-grid;\n  place-items: center;\n  flex: none;\n  inline-size: var(--control-sm);\n  block-size: var(--control-sm);\n  padding: 0;\n  border: 0;\n  border-radius: var(--overlay-close-radius, var(--radius-action));\n  background: transparent;\n  color: var(--color-ink-muted);\n  font-size: var(--text-lg);\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  transition:\n    background-color var(--dur-1) var(--ease-out),\n    color var(--dur-1) var(--ease-out);\n}\n\n@media (hover: hover) {\n  .close:hover {\n    background: var(--color-surface-sunken);\n    color: var(--color-ink);\n  }\n}\n\n.close:active {\n  background: var(--color-surface-sunken);\n}\n\n.close:focus-visible {\n  outline: 2px solid var(--color-focus);\n  outline-offset: 2px;\n}\n"],"mappings":""}

package/dist/components/overlays/Popover/Popover.d.ts

@@ -0,0 +1,31 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { Popover as PopoverPrimitive } from 'radix-ui';
+export type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
+/**
+ * Non-modal floating panel anchored to a trigger: invoice details, a filter, a small
+ * form. Opens on click, closes on Escape or an outside click, returns focus. For
+ * hover-only hints use `Tooltip`; for a list of commands use `DropdownMenu`.
+ *
+ * <Popover>
+ *   <Popover.Trigger asChild><Button>Invoice details</Button></Popover.Trigger>
+ *   <Popover.Content aria-label="Invoice details">…</Popover.Content>
+ * </Popover>
+ */
+declare function PopoverRoot(props: PopoverProps): import("react").JSX.Element;
+export type PopoverTriggerProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
+export type PopoverAnchorProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
+export interface PopoverContentProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    /** Draw a small pointer toward the trigger. Default `false`. */
+    arrow?: boolean;
+    /** Portal target. Defaults to `document.body`; its theme scope is also used. */
+    container?: HTMLElement | null;
+}
+export type PopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>;
+export declare const Popover: typeof PopoverRoot & {
+    Root: typeof PopoverRoot;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Anchor: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Close: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/components/overlays/Popover/Popover.js

@@ -0,0 +1,75 @@
+import { cx as e } from "../../../utils/cx.js";
+import { PortalAnchorContext as t, composeRefs as n, usePortalAnchor as r, usePortalAnchorRef as i, usePortalTheme as a } from "../usePortalTheme.js";
+import o from "./Popover.module.js";
+import { forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Popover as u } from "radix-ui";
+//#region src/components/overlays/Popover/Popover.tsx
+function d(e) {
+	let n = i();
+	return /* @__PURE__ */ c(t.Provider, {
+		value: n,
+		children: /* @__PURE__ */ c(u.Root, { ...e })
+	});
+}
+var f = s(function(e, t) {
+	let i = r();
+	return /* @__PURE__ */ c(u.Trigger, {
+		ref: n(t, i),
+		...e
+	});
+}), p = s(function(e, t) {
+	let i = r();
+	return /* @__PURE__ */ c(u.Anchor, {
+		ref: n(t, i),
+		...e
+	});
+}), m = s(function({ arrow: t = !1, container: n, sideOffset: r, className: i, children: s, ...d }, f) {
+	let p = a(n);
+	return /* @__PURE__ */ l(u.Content, {
+		ref: f,
+		className: e(o.content, i),
+		sideOffset: r ?? (t ? 4 : 6),
+		collisionPadding: 8,
+		...p,
+		...d,
+		children: [s, t ? /* @__PURE__ */ c(u.Arrow, {
+			asChild: !0,
+			width: 18,
+			height: 9,
+			children: /* @__PURE__ */ l("svg", {
+				className: o.arrow,
+				viewBox: "0 0 18 9",
+				"aria-hidden": !0,
+				children: [/* @__PURE__ */ c("path", {
+					className: o.arrowFill,
+					d: "M0 0 L9 9 L18 0 Z"
+				}), /* @__PURE__ */ c("path", {
+					className: o.arrowEdge,
+					d: "M0 0 L9 9 L18 0"
+				})]
+			})
+		}) : null]
+	});
+}), h = s(function({ container: e, forceMount: t, ...n }, r) {
+	return /* @__PURE__ */ c(u.Portal, {
+		container: e,
+		forceMount: t,
+		children: /* @__PURE__ */ c(m, {
+			ref: r,
+			container: e,
+			forceMount: t,
+			...n
+		})
+	});
+}), g = u.Close, _ = Object.assign(d, {
+	Root: d,
+	Trigger: f,
+	Anchor: p,
+	Content: h,
+	Close: g
+});
+//#endregion
+export { _ as Popover };
+
+//# sourceMappingURL=Popover.js.map

package/dist/components/overlays/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["PopoverPrimitive","styles","Popover","Popover_module_default","PopoverRoot","anchor","usePortalAnchorRef","PortalAnchorContext","Popover","props","PopoverTrigger","forwardRef","usePortalAnchor","composeRefs","ref","PopoverAnchor","ContentInner","rest","theme","usePortalTheme","container","cx","className","sideOffset","arrow","children","PopoverContent","PopoverClose","Popover$1"],"sources":["../../../../src/components/overlays/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef } from 'react'\nimport { Popover as PopoverPrimitive } from 'radix-ui'\nimport { cx } from '#utils/cx'\nimport {\n  PortalAnchorContext,\n  composeRefs,\n  usePortalAnchor,\n  usePortalAnchorRef,\n  usePortalTheme,\n} from '#components/overlays/usePortalTheme'\nimport styles from './Popover.module.css'\n\nexport type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>\n\n/**\n * Non-modal floating panel anchored to a trigger: invoice details, a filter, a small\n * form. Opens on click, closes on Escape or an outside click, returns focus. For\n * hover-only hints use `Tooltip`; for a list of commands use `DropdownMenu`.\n *\n * <Popover>\n *   <Popover.Trigger asChild><Button>Invoice details</Button></Popover.Trigger>\n *   <Popover.Content aria-label=\"Invoice details\">…</Popover.Content>\n * </Popover>\n */\nfunction PopoverRoot(props: PopoverProps) {\n  const anchor = usePortalAnchorRef()\n  return (\n    <PortalAnchorContext.Provider value={anchor}>\n      <PopoverPrimitive.Root {...props} />\n    </PortalAnchorContext.Provider>\n  )\n}\n\nexport type PopoverTriggerProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>\n\nconst PopoverTrigger = forwardRef<\n  ComponentRef<typeof PopoverPrimitive.Trigger>,\n  PopoverTriggerProps\n>(function PopoverTrigger(props, ref) {\n  const anchor = usePortalAnchor()\n  return <PopoverPrimitive.Trigger ref={composeRefs(ref, anchor)} {...props} />\n})\n\nexport type PopoverAnchorProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>\n\n/** Position against something other than the trigger. Also becomes the theme source. */\nconst PopoverAnchor = forwardRef<ComponentRef<typeof PopoverPrimitive.Anchor>, PopoverAnchorProps>(\n  function PopoverAnchor(props, ref) {\n    const anchor = usePortalAnchor()\n    return <PopoverPrimitive.Anchor ref={composeRefs(ref, anchor)} {...props} />\n  },\n)\n\nexport interface PopoverContentProps extends ComponentPropsWithoutRef<\n  typeof PopoverPrimitive.Content\n> {\n  /** Draw a small pointer toward the trigger. Default `false`. */\n  arrow?: boolean\n  /** Portal target. Defaults to `document.body`; its theme scope is also used. */\n  container?: HTMLElement | null\n}\n\nconst ContentInner = forwardRef<HTMLDivElement, PopoverContentProps>(function ContentInner(\n  { arrow = false, container, sideOffset, className, children, ...rest },\n  ref,\n) {\n  const theme = usePortalTheme(container)\n  return (\n    <PopoverPrimitive.Content\n      ref={ref}\n      className={cx(styles.content, className)}\n      sideOffset={sideOffset ?? (arrow ? 4 : 6)}\n      collisionPadding={8}\n      {...theme}\n      {...rest}\n    >\n      {children}\n      {arrow ? (\n        <PopoverPrimitive.Arrow asChild width={18} height={9}>\n          <svg className={styles.arrow} viewBox=\"0 0 18 9\" aria-hidden>\n            <path className={styles.arrowFill} d=\"M0 0 L9 9 L18 0 Z\" />\n            <path className={styles.arrowEdge} d=\"M0 0 L9 9 L18 0\" />\n          </svg>\n        </PopoverPrimitive.Arrow>\n      ) : null}\n    </PopoverPrimitive.Content>\n  )\n})\n\n/** The floating panel. `side`, `align` and `sideOffset` follow Radix; it flips to stay on screen. */\nconst PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(function PopoverContent(\n  { container, forceMount, ...rest },\n  ref,\n) {\n  return (\n    <PopoverPrimitive.Portal container={container} forceMount={forceMount}>\n      <ContentInner ref={ref} container={container} forceMount={forceMount} {...rest} />\n    </PopoverPrimitive.Portal>\n  )\n})\n\nexport type PopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>\n\nconst PopoverClose = PopoverPrimitive.Close\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Anchor: PopoverAnchor,\n  Content: PopoverContent,\n  Close: PopoverClose,\n})\n"],"mappings":";;;;;;;AAwBA,SAASI,EAAY,GAAqB;CACxC,IAAMC,IAASC,EAAmB;CAClC,OACE,kBAACC,EAAoB,UAArB;EAA8B,OAAOF;EACnC,UAAA,kBAACL,EAAiB,MAAlB,EAAuB,GAAIS,EAAQ,CAAA;CACP,CAAA;AAElC;AAIA,IAAMC,IAAiBC,EAGrB,SAAwB,GAAO,GAAK;CACpC,IAAMN,IAASO,EAAgB;CAC/B,OAAO,kBAACZ,EAAiB,SAAlB;EAA0B,KAAKa,EAAYC,GAAKT,CAAM;EAAG,GAAII;CAAQ,CAAA;AAC9E,CAAC,GAKKM,IAAgBJ,EACpB,SAAuB,GAAO,GAAK;CACjC,IAAMN,IAASO,EAAgB;CAC/B,OAAO,kBAACZ,EAAiB,QAAlB;EAAyB,KAAKa,EAAYC,GAAKT,CAAM;EAAG,GAAII;CAAQ,CAAA;AAC7E,CACF,GAWMO,IAAeL,EAAgD,SACnE,EAAE,WAAQ,IAAO,cAAW,eAAY,cAAW,aAAU,GAAGM,KAChE,GACA;CACA,IAAMC,IAAQC,EAAeC,CAAS;CACtC,OACE,kBAACpB,EAAiB,SAAlB;EACO;EACL,WAAWqB,EAAGpB,EAAO,SAASqB,CAAS;EACvC,YAAYC,MAAeC,IAAQ,IAAI;EACvC,kBAAkB;EAClB,GAAIN;EACJ,GAAID;EANN,UAAA,CAQGQ,GACAD,IACC,kBAACxB,EAAiB,OAAlB;GAAwB,SAAA;GAAQ,OAAO;GAAI,QAAQ;GACjD,UAAA,kBAAC,OAAD;IAAK,WAAWC,EAAO;IAAO,SAAQ;IAAW,eAAA;IAAjD,UAAA,CACE,kBAAC,QAAD;KAAM,WAAWA,EAAO;KAAW,GAAE;IAAqB,CAAA,GAC1D,kBAAC,QAAD;KAAM,WAAWA,EAAO;KAAW,GAAE;IAAmB,CAAA,CACrD;;EACiB,CAAA,IACtB,IACoB;;AAE9B,CAAC,GAGKyB,IAAiBf,EAAgD,SACrE,EAAE,cAAW,eAAY,GAAGM,KAC5B,GACA;CACA,OACE,kBAACjB,EAAiB,QAAlB;EAAoC;EAAuB;EACzD,UAAA,kBAACgB,GAAD;GAAmB;GAAgB;GAAuB;GAAY,GAAIC;EAAO,CAAA;CAC1D,CAAA;AAE7B,CAAC,GAIKU,IAAe3B,EAAiB,OAEzBE,IAAU,OAAO,OAAOE,GAAa;CAChD,MAAMA;CACN,SAASM;CACT,QAAQK;CACR,SAASW;CACT,OAAOC;AACT,CAAC"}

package/dist/components/overlays/Popover/Popover.module.js

@@ -0,0 +1,13 @@
+//#region src/components/overlays/Popover/Popover.module.css
+var e = "kiln-Popover__content", t = "kiln-Popover__arrow", n = "kiln-Popover__arrowFill", r = "kiln-Popover__arrowEdge", i = {
+	content: e,
+	"pop-in": "kiln-Popover__pop-in",
+	"pop-out": "kiln-Popover__pop-out",
+	arrow: t,
+	arrowFill: n,
+	arrowEdge: r
+};
+//#endregion
+export { t as arrow, r as arrowEdge, n as arrowFill, e as content, i as default };
+
+//# sourceMappingURL=Popover.module.js.map

package/dist/components/overlays/Popover/Popover.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.js","names":["content","arrow","arrowFill","arrowEdge","Popover_module_default"],"sources":["../../../../src/components/overlays/Popover/Popover.module.css"],"sourcesContent":["/*\n * Component tokens (themes may set any of these on [data-theme]):\n *   --popover-radius    default var(--radius-surface)\n *   --popover-shadow    default var(--shadow-float)\n *   --popover-border    default var(--color-line-strong)\n *   --popover-surface   default var(--color-surface-raised)\n */\n.content {\n  --_border: var(--popover-border, var(--color-line-strong));\n  --_surface: var(--popover-surface, var(--color-surface-raised));\n\n  z-index: var(--z-popover);\n  max-inline-size: min(\n    calc(var(--width-narrow) * 0.625),\n    var(--radix-popover-content-available-width, 100vw)\n  );\n  max-block-size: var(--radix-popover-content-available-height);\n  overflow-y: auto;\n  padding: var(--space-4);\n  border: var(--border-width) solid var(--_border);\n  border-radius: var(--popover-radius, var(--radius-surface));\n  background: var(--_surface);\n  box-shadow: var(--popover-shadow, var(--shadow-float));\n  color: var(--color-ink);\n  font-family: var(--font-text);\n  font-size: var(--text-sm);\n  line-height: var(--leading-body);\n  transform-origin: var(--radix-popover-content-transform-origin);\n}\n/* Radix focuses the panel itself on open; it's a container, not a control. */\n.content:focus {\n  outline: none;\n}\n\n.content[data-state='open'] {\n  animation: pop-in var(--dur-2) var(--ease-spring);\n}\n.content[data-state='closed'] {\n  animation: pop-out var(--dur-1) var(--ease-out);\n}\n\n/* Custom arrow: surface fill + keyline on the two outer edges, tucked over the border. */\n.arrow {\n  display: block;\n  overflow: visible;\n  translate: 0 calc(-1 * var(--border-width));\n}\n.arrowFill {\n  fill: var(--popover-surface, var(--color-surface-raised));\n}\n.arrowEdge {\n  fill: none;\n  stroke: var(--popover-border, var(--color-line-strong));\n  stroke-width: var(--border-width);\n  stroke-linejoin: round;\n}\n\n@keyframes pop-in {\n  from {\n    opacity: 0;\n    scale: 0.96;\n  }\n}\n@keyframes pop-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .content[data-state] {\n    animation: none;\n  }\n}\n"],"mappings":""}

package/dist/components/overlays/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover.js';
+export type { PopoverProps, PopoverTriggerProps, PopoverAnchorProps, PopoverContentProps, PopoverCloseProps, } from './Popover.js';

package/dist/components/overlays/Sheet/Sheet.d.ts

@@ -0,0 +1,56 @@
+import { type ComponentPropsWithoutRef, type HTMLAttributes, type ReactNode } from 'react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+export type SheetSide = 'right' | 'left' | 'bottom';
+export type SheetSize = 'sm' | 'md' | 'lg';
+/** A side per breakpoint: `{ base: 'bottom', md: 'right' }` — a bottom sheet on phones, a drawer from 48em. */
+export interface SheetResponsiveSide {
+    base: SheetSide;
+    md?: SheetSide;
+    lg?: SheetSide;
+}
+export type SheetProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+/**
+ * A panel that slides in from an edge: side drawers on desktop, a bottom sheet on a
+ * phone. Built on the Radix Dialog, so it traps focus, closes on Escape or a scrim tap,
+ * locks page scroll and returns focus to its trigger.
+ *
+ * <Sheet>
+ *   <Sheet.Trigger asChild><Button>Your order</Button></Sheet.Trigger>
+ *   <Sheet.Content side={{ base: 'bottom', md: 'right' }} title="Your order">…</Sheet.Content>
+ * </Sheet>
+ */
+declare function SheetRoot(props: SheetProps): import("react").JSX.Element;
+export type SheetTriggerProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
+export interface SheetContentProps extends Omit<ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'title'> {
+    /**
+     * Edge it slides from. `bottom` is the phone pattern and shows a grab handle. Default
+     * `right`. Responsive: `{ base: 'bottom', md: 'right' }` (breakpoints `md` 48em, `lg` 64em).
+     */
+    side?: SheetSide | SheetResponsiveSide;
+    /** Width for side sheets, maximum height for bottom sheets. Default `md`. */
+    size?: SheetSize;
+    /** Heading and accessible title. If omitted, render a `<Sheet.Title>` yourself. */
+    title?: ReactNode;
+    /** Supporting sentence under the title, wired to `aria-describedby`. */
+    description?: ReactNode;
+    /** Hide the corner close button. */
+    hideClose?: boolean;
+    /** Accessible name of the corner close button. Default "Close". */
+    closeLabel?: string;
+    /** Portal target. Defaults to `document.body`; its theme scope is also used. */
+    container?: HTMLElement | null;
+}
+export type SheetFooterProps = HTMLAttributes<HTMLDivElement>;
+export type SheetTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+export type SheetDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+export type SheetCloseProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
+export declare const Sheet: typeof SheetRoot & {
+    Root: typeof SheetRoot;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<SheetContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<SheetFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/components/overlays/Sheet/Sheet.js

@@ -0,0 +1,105 @@
+import { cx as e } from "../../../utils/cx.js";
+import { PortalAnchorContext as t, composeRefs as n, usePortalAnchor as r, usePortalAnchorRef as i, usePortalTheme as a } from "../usePortalTheme.js";
+import { OverlayClose as o } from "../OverlayClose.js";
+import s from "./Sheet.module.js";
+import { forwardRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Dialog as d } from "radix-ui";
+//#region src/components/overlays/Sheet/Sheet.tsx
+function f(e) {
+	let n = i();
+	return /* @__PURE__ */ l(t.Provider, {
+		value: n,
+		children: /* @__PURE__ */ l(d.Root, { ...e })
+	});
+}
+var p = c(function(e, t) {
+	let i = r();
+	return /* @__PURE__ */ l(d.Trigger, {
+		ref: n(t, i),
+		...e
+	});
+}), m = c(function({ container: e }, t) {
+	let n = a(e);
+	return /* @__PURE__ */ l(d.Overlay, {
+		ref: t,
+		className: s.overlay,
+		...n
+	});
+}), h = c(function({ side: t = "right", size: n = "md", title: r, description: i, hideClose: c = !1, closeLabel: f, container: p, className: m, children: h, ...g }, _) {
+	let v = a(p), y = r !== void 0 || i !== void 0 || !c, b = typeof t == "string" ? { base: t } : t, x = b.base === "bottom" || b.md === "bottom" || b.lg === "bottom";
+	return /* @__PURE__ */ u(d.Content, {
+		ref: _,
+		className: e(s.content, m),
+		"data-side": b.base,
+		"data-side-md": b.md,
+		"data-side-lg": b.lg,
+		"data-size": n,
+		...v,
+		...g,
+		children: [
+			x ? /* @__PURE__ */ l("div", {
+				className: s.handle,
+				"aria-hidden": !0
+			}) : null,
+			y ? /* @__PURE__ */ u("div", {
+				className: s.header,
+				children: [/* @__PURE__ */ u("div", {
+					className: s.heading,
+					children: [r === void 0 ? null : /* @__PURE__ */ l(d.Title, {
+						className: s.title,
+						children: r
+					}), i === void 0 ? null : /* @__PURE__ */ l(d.Description, {
+						className: s.description,
+						children: i
+					})]
+				}), c ? null : /* @__PURE__ */ l(o, { label: f })]
+			}) : null,
+			/* @__PURE__ */ l("div", {
+				className: s.body,
+				children: h
+			})
+		]
+	});
+}), g = c(function({ container: e, forceMount: t, ...n }, r) {
+	return /* @__PURE__ */ u(d.Portal, {
+		container: e,
+		forceMount: t,
+		children: [/* @__PURE__ */ l(m, { container: e }), /* @__PURE__ */ l(h, {
+			ref: r,
+			container: e,
+			forceMount: t,
+			...n
+		})]
+	});
+}), _ = c(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ l("div", {
+		ref: r,
+		className: e(s.footer, t),
+		...n
+	});
+}), v = c(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ l(d.Title, {
+		ref: r,
+		className: e(s.title, t),
+		...n
+	});
+}), y = c(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ l(d.Description, {
+		ref: r,
+		className: e(s.description, t),
+		...n
+	});
+}), b = d.Close, x = Object.assign(f, {
+	Root: f,
+	Trigger: p,
+	Content: g,
+	Footer: _,
+	Title: v,
+	Description: y,
+	Close: b
+});
+//#endregion
+export { x as Sheet };
+
+//# sourceMappingURL=Sheet.js.map

package/dist/components/overlays/Sheet/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","names":["DialogPrimitive","styles","Sheet_module_default","SheetRoot","anchor","usePortalAnchorRef","PortalAnchorContext","Dialog","props","SheetTrigger","forwardRef","usePortalAnchor","composeRefs","ref","Overlay","theme","usePortalTheme","container","ContentInner","rest","hasHeader","title","description","hideClose","sides","side","anyBottom","cx","className","size","OverlayClose","closeLabel","SheetContent","SheetFooter","SheetTitle","SheetDescription","SheetClose","Sheet"],"sources":["../../../../src/components/overlays/Sheet/Sheet.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\nimport { cx } from '#utils/cx'\nimport {\n  PortalAnchorContext,\n  composeRefs,\n  usePortalAnchor,\n  usePortalAnchorRef,\n  usePortalTheme,\n} from '#components/overlays/usePortalTheme'\nimport { OverlayClose } from '#components/overlays/OverlayClose'\nimport styles from './Sheet.module.css'\n\nexport type SheetSide = 'right' | 'left' | 'bottom'\nexport type SheetSize = 'sm' | 'md' | 'lg'\n/** A side per breakpoint: `{ base: 'bottom', md: 'right' }` — a bottom sheet on phones, a drawer from 48em. */\nexport interface SheetResponsiveSide {\n  base: SheetSide\n  md?: SheetSide\n  lg?: SheetSide\n}\n\nexport type SheetProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Root>\n\n/**\n * A panel that slides in from an edge: side drawers on desktop, a bottom sheet on a\n * phone. Built on the Radix Dialog, so it traps focus, closes on Escape or a scrim tap,\n * locks page scroll and returns focus to its trigger.\n *\n * <Sheet>\n *   <Sheet.Trigger asChild><Button>Your order</Button></Sheet.Trigger>\n *   <Sheet.Content side={{ base: 'bottom', md: 'right' }} title=\"Your order\">…</Sheet.Content>\n * </Sheet>\n */\nfunction SheetRoot(props: SheetProps) {\n  const anchor = usePortalAnchorRef()\n  return (\n    <PortalAnchorContext.Provider value={anchor}>\n      <DialogPrimitive.Root {...props} />\n    </PortalAnchorContext.Provider>\n  )\n}\n\nexport type SheetTriggerProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>\n\nconst SheetTrigger = forwardRef<ComponentRef<typeof DialogPrimitive.Trigger>, SheetTriggerProps>(\n  function SheetTrigger(props, ref) {\n    const anchor = usePortalAnchor()\n    return <DialogPrimitive.Trigger ref={composeRefs(ref, anchor)} {...props} />\n  },\n)\n\nconst Overlay = forwardRef<HTMLDivElement, { container?: HTMLElement | null }>(function Overlay(\n  { container },\n  ref,\n) {\n  const theme = usePortalTheme(container)\n  return <DialogPrimitive.Overlay ref={ref} className={styles.overlay} {...theme} />\n})\n\nexport interface SheetContentProps extends Omit<\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n  'title'\n> {\n  /**\n   * Edge it slides from. `bottom` is the phone pattern and shows a grab handle. Default\n   * `right`. Responsive: `{ base: 'bottom', md: 'right' }` (breakpoints `md` 48em, `lg` 64em).\n   */\n  side?: SheetSide | SheetResponsiveSide\n  /** Width for side sheets, maximum height for bottom sheets. Default `md`. */\n  size?: SheetSize\n  /** Heading and accessible title. If omitted, render a `<Sheet.Title>` yourself. */\n  title?: ReactNode\n  /** Supporting sentence under the title, wired to `aria-describedby`. */\n  description?: ReactNode\n  /** Hide the corner close button. */\n  hideClose?: boolean\n  /** Accessible name of the corner close button. Default \"Close\". */\n  closeLabel?: string\n  /** Portal target. Defaults to `document.body`; its theme scope is also used. */\n  container?: HTMLElement | null\n}\n\nconst ContentInner = forwardRef<HTMLDivElement, SheetContentProps>(function ContentInner(\n  {\n    side = 'right',\n    size = 'md',\n    title,\n    description,\n    hideClose = false,\n    closeLabel,\n    container,\n    className,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const theme = usePortalTheme(container)\n  const hasHeader = title !== undefined || description !== undefined || !hideClose\n  const sides: SheetResponsiveSide = typeof side === 'string' ? { base: side } : side\n  const anyBottom = sides.base === 'bottom' || sides.md === 'bottom' || sides.lg === 'bottom'\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-side={sides.base}\n      data-side-md={sides.md}\n      data-side-lg={sides.lg}\n      data-size={size}\n      {...theme}\n      {...rest}\n    >\n      {/* Rendered whenever any breakpoint is `bottom`; CSS shows it only where it is. */}\n      {anyBottom ? <div className={styles.handle} aria-hidden /> : null}\n      {hasHeader ? (\n        <div className={styles.header}>\n          <div className={styles.heading}>\n            {title !== undefined ? (\n              <DialogPrimitive.Title className={styles.title}>{title}</DialogPrimitive.Title>\n            ) : null}\n            {description !== undefined ? (\n              <DialogPrimitive.Description className={styles.description}>\n                {description}\n              </DialogPrimitive.Description>\n            ) : null}\n          </div>\n          {hideClose ? null : <OverlayClose label={closeLabel} />}\n        </div>\n      ) : null}\n      <div className={styles.body}>{children}</div>\n    </DialogPrimitive.Content>\n  )\n})\n\n/** The panel, its scrim and the portal. The body scrolls; header and footer stay put. */\nconst SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(function SheetContent(\n  { container, forceMount, ...rest },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n      <Overlay container={container} />\n      <ContentInner ref={ref} container={container} forceMount={forceMount} {...rest} />\n    </DialogPrimitive.Portal>\n  )\n})\n\nexport type SheetFooterProps = HTMLAttributes<HTMLDivElement>\n\n/** Actions pinned to the bottom of the sheet (sticky inside the scrolling body). */\nconst SheetFooter = forwardRef<HTMLDivElement, SheetFooterProps>(function SheetFooter(\n  { className, ...rest },\n  ref,\n) {\n  return <div ref={ref} className={cx(styles.footer, className)} {...rest} />\n})\n\nexport type SheetTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n\nconst SheetTitle = forwardRef<ComponentRef<typeof DialogPrimitive.Title>, SheetTitleProps>(\n  function SheetTitle({ className, ...rest }, ref) {\n    return <DialogPrimitive.Title ref={ref} className={cx(styles.title, className)} {...rest} />\n  },\n)\n\nexport type SheetDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n\nconst SheetDescription = forwardRef<\n  ComponentRef<typeof DialogPrimitive.Description>,\n  SheetDescriptionProps\n>(function SheetDescription({ className, ...rest }, ref) {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      className={cx(styles.description, className)}\n      {...rest}\n    />\n  )\n})\n\nexport type SheetCloseProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Close>\n\nconst SheetClose = DialogPrimitive.Close\n\nexport const Sheet = Object.assign(SheetRoot, {\n  Root: SheetRoot,\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n})\n"],"mappings":"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"}