@elmeragroup/fuse 0.1.0-canary.1

package/components/radio-group/radio-item.d.ts

@@ -0,0 +1,39 @@
+import { ItemContent, ItemDescription } from "../item/item-markup.js";
+import { SelectionItemActions, SelectionItemSubSection, SelectionItemTitle } from "../selection-item/selection-item.js";
+import { ReactElement, ReactNode } from "react";
+//#region src/components/radio-group/radio-item.d.ts
+export type RadioItemProps = {
+  /** Member value in the group. Forwarded to the inner `RadioGroupItem`. */
+  value: string;
+  /** Forwards `disabled` to the inner control and applies disabled hatch styling on the shell. */
+  isDisabled?: boolean;
+  /**
+   * Where the control sits in the labelled row. Forwarded to `SelectionItem.Shell`.
+   * Default `"start"`.
+   */
+  controlPosition?: "start" | "end";
+  /** Extra classes, merged onto the shell via `cn`. */
+  className?: string;
+  /**
+   * Row children, partitioned by the row. Direct `RadioItem.SubSection` (the
+   * same object as `SelectionItem.SubSection`) children render outside the label.
+   */
+  children?: ReactNode;
+};
+/**
+ * Labeled selection row over `SelectionItem.Shell`. Server-compatible: it renders the
+ * client `SelectionItem.Shell`, which wires Field.Item and the label. The namespace
+ * aliases `Title`, `Description`, `Content`, `Actions` and `SubSection` are the exact
+ * `SelectionItem.*` objects, so `child.type` partitioning works with either spelling.
+ */
+export declare function RadioItem({ value, isDisabled, controlPosition, className, children }: RadioItemProps): ReactElement;
+export declare namespace RadioItem {
+  var displayName: string;
+  var Title: typeof SelectionItemTitle;
+  var Description: typeof ItemDescription;
+  var Content: typeof ItemContent;
+  var Actions: typeof SelectionItemActions;
+  var SubSection: typeof SelectionItemSubSection;
+}
+//#endregion
+//# sourceMappingURL=radio-item.d.ts.map

package/components/radio-group/radio-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-item.d.ts","names":[],"sources":["../../../src/components/radio-group/radio-item.tsx"],"mappings":";;;;YAaY;;EAEV;;EAEA;;;;;EAKA;;EAEA;;;;;EAKA,WAAW;;;;;;;;wBASG,YACd,OACA,YACA,iBACA,WACA,YACC,iBAAiB;yBANJ;;oBAAA"}

package/components/radio-group/radio-item.js

@@ -0,0 +1,37 @@
+import { SelectionItemShell } from "../selection-item/selection-item.js";
+import { SelectionItem } from "../selection-item/index.js";
+import { partitionSubSections } from "../selection-item/partition-sub-sections.js";
+import { RadioGroupItem } from "./radio-group.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/radio-group/radio-item.tsx
+/**
+* Labeled selection row over `SelectionItem.Shell`. Server-compatible: it renders the
+* client `SelectionItem.Shell`, which wires Field.Item and the label. The namespace
+* aliases `Title`, `Description`, `Content`, `Actions` and `SubSection` are the exact
+* `SelectionItem.*` objects, so `child.type` partitioning works with either spelling.
+*/
+function RadioItem({ value, isDisabled, controlPosition = "start", className, children }) {
+	const { row, subSections } = partitionSubSections(children);
+	return /* @__PURE__ */ jsx(SelectionItemShell, {
+		dataSlot: "radio-item",
+		isDisabled,
+		controlPosition,
+		className,
+		control: /* @__PURE__ */ jsx(RadioGroupItem, {
+			value,
+			disabled: isDisabled
+		}),
+		subSections,
+		children: row
+	});
+}
+RadioItem.displayName = "RadioItem";
+RadioItem.Title = SelectionItem.Title;
+RadioItem.Description = SelectionItem.Description;
+RadioItem.Content = SelectionItem.Content;
+RadioItem.Actions = SelectionItem.Actions;
+RadioItem.SubSection = SelectionItem.SubSection;
+//#endregion
+export { RadioItem };
+
+//# sourceMappingURL=radio-item.js.map

package/components/radio-group/radio-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-item.js","names":[],"sources":["../../../src/components/radio-group/radio-item.tsx"],"sourcesContent":["/**\n * Server-visible `RadioItem`. The row is hook-free, so this module has no directive:\n * a server component runs it and reads `RadioItem.Title` and the other parts, while\n * `RadioGroupItem` and `SelectionItem.Shell` stay client references it renders. It partitions\n * its own SubSections (see `partitionSubSections`) and passes them to the shell.\n */\nimport type { ReactElement, ReactNode } from \"react\";\n\nimport { SelectionItem } from \"../selection-item\";\nimport { partitionSubSections } from \"../selection-item/partition-sub-sections\";\nimport { SelectionItemShell } from \"../selection-item/selection-item\";\nimport { RadioGroupItem } from \"./radio-group\";\n\nexport type RadioItemProps = {\n  /** Member value in the group. Forwarded to the inner `RadioGroupItem`. */\n  value: string;\n  /** Forwards `disabled` to the inner control and applies disabled hatch styling on the shell. */\n  isDisabled?: boolean;\n  /**\n   * Where the control sits in the labelled row. Forwarded to `SelectionItem.Shell`.\n   * Default `\"start\"`.\n   */\n  controlPosition?: \"start\" | \"end\";\n  /** Extra classes, merged onto the shell via `cn`. */\n  className?: string;\n  /**\n   * Row children, partitioned by the row. Direct `RadioItem.SubSection` (the\n   * same object as `SelectionItem.SubSection`) children render outside the label.\n   */\n  children?: ReactNode;\n};\n\n/**\n * Labeled selection row over `SelectionItem.Shell`. Server-compatible: it renders the\n * client `SelectionItem.Shell`, which wires Field.Item and the label. The namespace\n * aliases `Title`, `Description`, `Content`, `Actions` and `SubSection` are the exact\n * `SelectionItem.*` objects, so `child.type` partitioning works with either spelling.\n */\nexport function RadioItem({\n  value,\n  isDisabled,\n  controlPosition = \"start\",\n  className,\n  children,\n}: RadioItemProps): ReactElement {\n  const { row, subSections } = partitionSubSections(children);\n  return (\n    <SelectionItemShell\n      dataSlot=\"radio-item\"\n      isDisabled={isDisabled}\n      controlPosition={controlPosition}\n      className={className}\n      control={<RadioGroupItem value={value} disabled={isDisabled} />}\n      subSections={subSections}>\n      {row}\n    </SelectionItemShell>\n  );\n}\n\nRadioItem.displayName = \"RadioItem\";\n\nRadioItem.Title = SelectionItem.Title;\nRadioItem.Description = SelectionItem.Description;\nRadioItem.Content = SelectionItem.Content;\nRadioItem.Actions = SelectionItem.Actions;\nRadioItem.SubSection = SelectionItem.SubSection;\n"],"mappings":";;;;;;;;;;;;AAsCA,SAAgB,UAAU,EACxB,OACA,YACA,kBAAkB,SAClB,WACA,YAC+B;CAC/B,MAAM,EAAE,KAAK,gBAAgB,qBAAqB,QAAQ;CAC1D,OACE,oBAAC,oBAAD;EACE,UAAS;EACG;EACK;EACN;EACX,SAAS,oBAAC,gBAAD;GAAuB;GAAO,UAAU;EAAa,CAAA;EACjD;EACZ,UAAA;CACiB,CAAA;AAExB;AAEA,UAAU,cAAc;AAExB,UAAU,QAAQ,cAAc;AAChC,UAAU,cAAc,cAAc;AACtC,UAAU,UAAU,cAAc;AAClC,UAAU,UAAU,cAAc;AAClC,UAAU,aAAa,cAAc"}

package/components/scroll-area/index.d.ts

@@ -0,0 +1,8 @@
+import { ScrollAreaBar, ScrollAreaRoot } from "./scroll-area.js";
+//#region src/components/scroll-area/index.d.ts
+export declare const ScrollArea: {
+  Root: typeof ScrollAreaRoot;
+  Bar: typeof ScrollAreaBar;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/scroll-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/scroll-area/index.ts"],"mappings":";;qBAOa;EACX,aAAI;EACJ,YAAG"}

package/components/scroll-area/index.js

@@ -0,0 +1,15 @@
+import { ScrollAreaBar, ScrollAreaRoot } from "./scroll-area.js";
+//#region src/components/scroll-area/index.ts
+/**
+* Server-visible namespace for `ScrollArea`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const ScrollArea = {
+	Root: ScrollAreaRoot,
+	Bar: ScrollAreaBar
+};
+//#endregion
+export { ScrollArea };
+
+//# sourceMappingURL=index.js.map

package/components/scroll-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/scroll-area/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `ScrollArea`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport { ScrollAreaRoot, ScrollAreaBar } from \"./scroll-area\";\n\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Bar: ScrollAreaBar,\n};\n"],"mappings":";;;;;;;AAOA,MAAa,aAAa;CACxB,MAAM;CACN,KAAK;AACP"}

package/components/scroll-area/scroll-area-variants.d.ts

@@ -0,0 +1,26 @@
+//#region src/components/scroll-area/scroll-area-variants.d.ts
+/**
+ * Visibility face for the Radix-style `type` prop.
+ * `keepMounted` is not a class, so it stays on `SCROLLBAR_KEEP_MOUNTED` in the component.
+ */
+export declare const scrollbarTypeVariants: import("tailwind-variants").TVReturnType<{
+  type: {
+    always: "opacity-100";
+    auto: "opacity-100";
+    hover: "pointer-events-none opacity-0 transition-opacity data-[hovering]:pointer-events-auto data-[hovering]:opacity-100 data-[scrolling]:pointer-events-auto data-[scrolling]:opacity-100 data-[scrolling]:duration-0";
+  };
+}, undefined, undefined, {
+  type: {
+    always: "opacity-100";
+    auto: "opacity-100";
+    hover: "pointer-events-none opacity-0 transition-opacity data-[hovering]:pointer-events-auto data-[hovering]:opacity-100 data-[scrolling]:pointer-events-auto data-[scrolling]:opacity-100 data-[scrolling]:duration-0";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  type: {
+    always: "opacity-100";
+    auto: "opacity-100";
+    hover: "pointer-events-none opacity-0 transition-opacity data-[hovering]:pointer-events-auto data-[hovering]:opacity-100 data-[scrolling]:pointer-events-auto data-[scrolling]:opacity-100 data-[scrolling]:duration-0";
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=scroll-area-variants.d.ts.map

package/components/scroll-area/scroll-area-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-variants.d.ts","names":[],"sources":["../../../src/components/scroll-area/scroll-area-variants.ts"],"mappings":";;;;;qBAMa,mDAAqB"}

package/components/scroll-area/scroll-area-variants.js

@@ -0,0 +1,18 @@
+import { tv } from "tailwind-variants";
+//#region src/components/scroll-area/scroll-area-variants.ts
+/**
+* Visibility face for the Radix-style `type` prop.
+* `keepMounted` is not a class, so it stays on `SCROLLBAR_KEEP_MOUNTED` in the component.
+*/
+const scrollbarTypeVariants = tv({
+	variants: { type: {
+		always: "opacity-100",
+		auto: "opacity-100",
+		hover: "pointer-events-none opacity-0 transition-opacity data-[hovering]:pointer-events-auto data-[hovering]:opacity-100 data-[scrolling]:pointer-events-auto data-[scrolling]:opacity-100 data-[scrolling]:duration-0"
+	} },
+	defaultVariants: { type: "hover" }
+});
+//#endregion
+export { scrollbarTypeVariants };
+
+//# sourceMappingURL=scroll-area-variants.js.map

package/components/scroll-area/scroll-area-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-variants.js","names":[],"sources":["../../../src/components/scroll-area/scroll-area-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\n/**\n * Visibility face for the Radix-style `type` prop.\n * `keepMounted` is not a class, so it stays on `SCROLLBAR_KEEP_MOUNTED` in the component.\n */\nexport const scrollbarTypeVariants = tv({\n  variants: {\n    type: {\n      always: \"opacity-100\",\n      auto: \"opacity-100\",\n      hover:\n        \"pointer-events-none opacity-0 transition-opacity data-[hovering]:pointer-events-auto data-[hovering]:opacity-100 data-[scrolling]:pointer-events-auto data-[scrolling]:opacity-100 data-[scrolling]:duration-0\",\n    },\n  },\n  defaultVariants: {\n    type: \"hover\",\n  },\n});\n"],"mappings":";;;;;;AAMA,MAAa,wBAAwB,GAAG;CACtC,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,MAAM;EACN,OACE;CACJ,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CAAC"}

package/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,33 @@
+import { scrollbarTypeVariants } from "./scroll-area-variants.js";
+import { ComponentProps, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area/scroll-area.d.ts
+type ScrollAreaType = NonNullable<VariantProps<typeof scrollbarTypeVariants>["type"]>;
+type ScrollAreaRootProps = ComponentProps<typeof ScrollArea.Root> & {
+  /**
+   * Which single scrollbar `Root` renders. For two-axis scrolling, compose the base-ui
+   * primitives directly and mount two `ScrollArea.Bar`s.
+   */
+  orientation?: "vertical" | "horizontal";
+  /**
+   * Scrollbar visibility, mapped onto base-ui's `keepMounted` plus opacity:
+   * `hover` reveals on hover or scroll, `always` keeps the bar mounted and visible,
+   * `auto` mounts it only while the content overflows.
+   */
+  type?: ScrollAreaType;
+};
+type ScrollAreaBarProps = ComponentProps<typeof ScrollArea.Scrollbar> & {
+  /** Scrollbar visibility, as on `ScrollArea.Root`. */
+  type?: ScrollAreaType;
+};
+export declare function ScrollAreaRoot({ className, children, orientation, type, ...props }: ScrollAreaRootProps): ReactElement;
+export declare namespace ScrollAreaRoot {
+  var displayName: string;
+}
+export declare function ScrollAreaBar({ className, orientation, type, ...props }: ScrollAreaBarProps): ReactElement;
+export declare namespace ScrollAreaBar {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=scroll-area.d.ts.map

package/components/scroll-area/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../../../src/components/scroll-area/scroll-area.tsx"],"mappings":";;;;;KAYK,iBAAiB,YAAY,oBAAoB;KAEjD,sBAAsB,sBAAsB,WAAoB;;;;;EAKnE;;;;;;EAMA,OAAO;;KAGJ,qBAAqB,sBAAsB,WAAoB;;EAElE,OAAO;;wBAUO,iBACd,WACA,UACA,aACA,SACG,SACF,sBAAsB;yBANT;MAAA;;wBAuBA,gBACd,WACA,aACA,SACG,SACF,qBAAqB;yBALR;MAAA"}

package/components/scroll-area/scroll-area.js

@@ -0,0 +1,54 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { scrollbarTypeVariants } from "./scroll-area-variants.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area/scroll-area.tsx
+const SCROLLBAR_KEEP_MOUNTED = {
+	always: true,
+	auto: false,
+	hover: false
+};
+function ScrollAreaRoot({ className, children, orientation = "vertical", type = "hover", ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		className: mergeClassName(className, "relative overflow-hidden"),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: cn("size-full rounded-[inherit] transition-[color,box-shadow]", selfFocusRingClass),
+				children: /* @__PURE__ */ jsx(ScrollArea.Content, {
+					"data-slot": "scroll-area-content",
+					children
+				})
+			}),
+			/* @__PURE__ */ jsx(ScrollAreaBar, {
+				orientation,
+				type
+			}),
+			/* @__PURE__ */ jsx(ScrollArea.Corner, {})
+		]
+	});
+}
+function ScrollAreaBar({ className, orientation = "vertical", type = "hover", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		className: mergeClassName(className, "flex touch-none p-px select-none", orientation === "vertical" && "w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", scrollbarTypeVariants({ type })),
+		...props,
+		orientation,
+		keepMounted: SCROLLBAR_KEEP_MOUNTED[type],
+		children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
+		})
+	});
+}
+ScrollAreaRoot.displayName = "ScrollArea.Root";
+ScrollAreaBar.displayName = "ScrollArea.Bar";
+//#endregion
+export { ScrollAreaBar, ScrollAreaRoot };
+
+//# sourceMappingURL=scroll-area.js.map

package/components/scroll-area/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { scrollbarTypeVariants } from \"./scroll-area-variants\";\n\ntype ScrollAreaType = NonNullable<VariantProps<typeof scrollbarTypeVariants>[\"type\"]>;\n\ntype ScrollAreaRootProps = ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  /**\n   * Which single scrollbar `Root` renders. For two-axis scrolling, compose the base-ui\n   * primitives directly and mount two `ScrollArea.Bar`s.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Scrollbar visibility, mapped onto base-ui's `keepMounted` plus opacity:\n   * `hover` reveals on hover or scroll, `always` keeps the bar mounted and visible,\n   * `auto` mounts it only while the content overflows.\n   */\n  type?: ScrollAreaType;\n};\n\ntype ScrollAreaBarProps = ComponentProps<typeof ScrollAreaPrimitive.Scrollbar> & {\n  /** Scrollbar visibility, as on `ScrollArea.Root`. */\n  type?: ScrollAreaType;\n};\n\n// Base UI has no `type` prop — map the Radix-style API to keepMounted; visibility is the recipe.\nconst SCROLLBAR_KEEP_MOUNTED = {\n  always: true,\n  auto: false,\n  hover: false,\n} as const satisfies Record<ScrollAreaType, boolean>;\n\nexport function ScrollAreaRoot({\n  className,\n  children,\n  orientation = \"vertical\",\n  type = \"hover\",\n  ...props\n}: ScrollAreaRootProps): ReactElement {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={mergeClassName(className, \"relative overflow-hidden\")}\n      {...props}>\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className={cn(\"size-full rounded-[inherit] transition-[color,box-shadow]\", selfFocusRingClass)}>\n        <ScrollAreaPrimitive.Content data-slot=\"scroll-area-content\">{children}</ScrollAreaPrimitive.Content>\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollAreaBar orientation={orientation} type={type} />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nexport function ScrollAreaBar({\n  className,\n  orientation = \"vertical\",\n  type = \"hover\",\n  ...props\n}: ScrollAreaBarProps): ReactElement {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      className={mergeClassName(\n        className,\n        \"flex touch-none p-px select-none\",\n        orientation === \"vertical\" && \"w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent\",\n        scrollbarTypeVariants({ type })\n      )}\n      {...props}\n      orientation={orientation}\n      keepMounted={SCROLLBAR_KEEP_MOUNTED[type]}>\n      <ScrollAreaPrimitive.Thumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-border\"\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaRoot.displayName = \"ScrollArea.Root\";\nScrollAreaBar.displayName = \"ScrollArea.Bar\";\n"],"mappings":";;;;;;;;AAkCA,MAAM,yBAAyB;CAC7B,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AAEA,SAAgB,eAAe,EAC7B,WACA,UACA,cAAc,YACd,OAAO,SACP,GAAG,SACiC;CACpC,OACE,qBAACA,WAAoB,MAArB;EACE,aAAU;EACV,WAAW,eAAe,WAAW,0BAA0B;EAC/D,GAAI;EAHN,UAAA;GAIE,oBAACA,WAAoB,UAArB;IACE,aAAU;IACV,WAAW,GAAG,6DAA6D,kBAAkB;IAC7F,UAAA,oBAACA,WAAoB,SAArB;KAA6B,aAAU;KAAuB;IAAsC,CAAA;GACxE,CAAA;GAC9B,oBAAC,eAAD;IAA4B;IAAmB;GAAO,CAAA;GACtD,oBAACA,WAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AAEA,SAAgB,cAAc,EAC5B,WACA,cAAc,YACd,OAAO,SACP,GAAG,SACgC;CACnC,OACE,oBAACA,WAAoB,WAArB;EACE,aAAU;EACV,WAAW,eACT,WACA,oCACA,gBAAgB,cAAc,uCAC9B,gBAAgB,gBAAgB,gDAChC,sBAAsB,EAAE,KAAK,CAAC,CAChC;EACA,GAAI;EACS;EACb,aAAa,uBAAuB;EACpC,UAAA,oBAACA,WAAoB,OAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CAC4B,CAAA;AAEnC;AAEA,eAAe,cAAc;AAC7B,cAAc,cAAc"}

package/components/select/index.d.ts

@@ -0,0 +1,16 @@
+import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";
+//#region src/components/select/index.d.ts
+export declare const Select: {
+  Root: typeof SelectRoot;
+  Trigger: typeof SelectTrigger;
+  Value: typeof SelectValue;
+  Content: typeof SelectContent;
+  Item: typeof SelectItem;
+  Group: typeof SelectGroup;
+  Label: typeof SelectLabel;
+  Separator: typeof SelectSeparator;
+  ScrollUpButton: typeof SelectScrollUpButton;
+  ScrollDownButton: typeof SelectScrollDownButton;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/select/index.ts"],"mappings":";;qBAkBa;EACX,aAAI;EACJ,gBAAO;EACP,cAAK;EACL,gBAAO;EACP,aAAI;EACJ,cAAK;EACL,cAAK;EACL,kBAAS;EACT,uBAAc;EACd,yBAAgB"}

package/components/select/index.js

@@ -0,0 +1,23 @@
+import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";
+//#region src/components/select/index.ts
+/**
+* Server-visible namespace for `Select`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const Select = {
+	Root: SelectRoot,
+	Trigger: SelectTrigger,
+	Value: SelectValue,
+	Content: SelectContent,
+	Item: SelectItem,
+	Group: SelectGroup,
+	Label: SelectLabel,
+	Separator: SelectSeparator,
+	ScrollUpButton: SelectScrollUpButton,
+	ScrollDownButton: SelectScrollDownButton
+};
+//#endregion
+export { Select };
+
+//# sourceMappingURL=index.js.map

package/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/select/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Select`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport {\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n  SelectGroup,\n  SelectLabel,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n} from \"./select\";\n\nexport const Select = {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Content: SelectContent,\n  Item: SelectItem,\n  Group: SelectGroup,\n  Label: SelectLabel,\n  Separator: SelectSeparator,\n  ScrollUpButton: SelectScrollUpButton,\n  ScrollDownButton: SelectScrollDownButton,\n};\n"],"mappings":";;;;;;;AAkBA,MAAa,SAAS;CACpB,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACT,MAAM;CACN,OAAO;CACP,OAAO;CACP,WAAW;CACX,gBAAgB;CAChB,kBAAkB;AACpB"}

package/components/select/select-variants.d.ts

@@ -0,0 +1,24 @@
+//#region src/components/select/select-variants.d.ts
+/**
+ * `Select.Trigger` size axis — module-private, never a facade export. `"default"` is the md
+ * control size's label and `"sm"` the sm one. The trigger has never mapped icon children
+ * onto the icon edge, so its label omits that part.
+ */
+export declare const selectTriggerSize: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: string;
+    default: string;
+  };
+}, undefined, undefined, {
+  size: {
+    sm: string;
+    default: string;
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: string;
+    default: string;
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=select-variants.d.ts.map

package/components/select/select-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-variants.d.ts","names":[],"sources":["../../../src/components/select/select-variants.ts"],"mappings":";;;;;;qBASa,+CAAiB;;IAGxB;IACA"}

package/components/select/select-variants.js

@@ -0,0 +1,19 @@
+import { controlLabel } from "../../styles/control-size.js";
+import { tv } from "tailwind-variants";
+//#region src/components/select/select-variants.ts
+/**
+* `Select.Trigger` size axis — module-private, never a facade export. `"default"` is the md
+* control size's label and `"sm"` the sm one. The trigger has never mapped icon children
+* onto the icon edge, so its label omits that part.
+*/
+const selectTriggerSize = tv({
+	variants: { size: {
+		sm: controlLabel("sm", { iconEdge: "omit" }),
+		default: controlLabel("md", { iconEdge: "omit" })
+	} },
+	defaultVariants: { size: "default" }
+});
+//#endregion
+export { selectTriggerSize };
+
+//# sourceMappingURL=select-variants.js.map

package/components/select/select-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-variants.js","names":[],"sources":["../../../src/components/select/select-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { controlLabel } from \"../../styles/control-size\";\n\n/**\n * `Select.Trigger` size axis — module-private, never a facade export. `\"default\"` is the md\n * control size's label and `\"sm\"` the sm one. The trigger has never mapped icon children\n * onto the icon edge, so its label omits that part.\n */\nexport const selectTriggerSize = tv({\n  variants: {\n    size: {\n      sm: controlLabel(\"sm\", { iconEdge: \"omit\" }),\n      default: controlLabel(\"md\", { iconEdge: \"omit\" }),\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n"],"mappings":";;;;;;;;AASA,MAAa,oBAAoB,GAAG;CAClC,UAAU,EACR,MAAM;EACJ,IAAI,aAAa,MAAM,EAAE,UAAU,OAAO,CAAC;EAC3C,SAAS,aAAa,MAAM,EAAE,UAAU,OAAO,CAAC;CAClD,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CAAC"}

package/components/select/select.d.ts

@@ -0,0 +1,62 @@
+import { OverlayContainerProps, OverlayPositionerProps } from "../overlay/overlay-props.js";
+import { ComponentProps, ReactElement } from "react";
+import { Select, SelectRoot as SelectRoot$1 } from "@base-ui/react/select";
+//#region src/components/select/select.d.ts
+export declare function SelectRoot<Value = unknown, Multiple extends boolean | undefined = false>(props: SelectRoot$1.Props<Value, Multiple>): ReactElement;
+export declare namespace SelectRoot {
+  var displayName: string;
+}
+export type SelectTriggerProps = ComponentProps<typeof Select.Trigger> & {
+  /**
+   * Control size of the trigger box. Emitted as `data-size`. `"default"` maps to the `md`
+   * control size; `"sm"` maps to the `sm` control size.
+   * @default "default"
+   */
+  size?: "sm" | "default";
+};
+export declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): ReactElement;
+export declare namespace SelectTrigger {
+  var displayName: string;
+}
+export declare function SelectValue({ className, ...props }: ComponentProps<typeof Select.Value>): ReactElement;
+export declare namespace SelectValue {
+  var displayName: string;
+}
+export type SelectContentProps = ComponentProps<typeof Select.Popup> & OverlayPositionerProps<ComponentProps<typeof Select.Positioner>> & {
+  /**
+   * macOS-style: the selected item overlays the trigger. Emitted as `data-align-trigger`.
+   * Entrance animation is suppressed while this is on, so the popup appears in place.
+   * @default true
+   */
+  alignItemWithTrigger?: ComponentProps<typeof Select.Positioner>["alignItemWithTrigger"];
+} & OverlayContainerProps;
+export declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, container, ...props }: SelectContentProps): ReactElement | null;
+export declare namespace SelectContent {
+  var displayName: string;
+}
+export declare function SelectItem({ className, children, ...props }: ComponentProps<typeof Select.Item>): ReactElement;
+export declare namespace SelectItem {
+  var displayName: string;
+}
+export declare function SelectGroup({ className, ...props }: ComponentProps<typeof Select.Group>): ReactElement;
+export declare namespace SelectGroup {
+  var displayName: string;
+}
+export declare function SelectLabel({ className, ...props }: ComponentProps<typeof Select.GroupLabel>): ReactElement;
+export declare namespace SelectLabel {
+  var displayName: string;
+}
+export declare function SelectSeparator({ className, ...props }: ComponentProps<typeof Select.Separator>): ReactElement;
+export declare namespace SelectSeparator {
+  var displayName: string;
+}
+export declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof Select.ScrollUpArrow>): ReactElement;
+export declare namespace SelectScrollUpButton {
+  var displayName: string;
+}
+export declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof Select.ScrollDownArrow>): ReactElement;
+export declare namespace SelectScrollDownButton {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=select.d.ts.map

package/components/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../../src/components/select/select.tsx"],"mappings":";;;;wBA2BgB,WAAW,iBAAiB,8CAC1C,OAAO,aAAe,MAAM,OAAO,YAClC;yBAFa;MAAA;;YAMJ,qBAAqB,sBAAsB,OAAgB;;;;;;EAMrE;;wBAGc,gBACd,WACA,MACA,aACG,SACF,qBAAqB;yBALR;MAAA;;wBAgCA,cACd,cACG,SACF,sBAAsB,OAAgB,SAAS;yBAHlC;MAAA;;YAaJ,qBAAqB,sBAAsB,OAAgB,SACrE,uBAAuB,sBAAsB,OAAgB;;;;;;EAM3D,uBAAuB,sBAAsB,OAAgB;IAC3D;wBAEU,gBACd,WACA,UACA,MACA,YACA,OACA,aACA,sBACA,cACG,SACF,qBAAqB;yBAVR;MAAA;;wBAsCA,aACd,WACA,aACG,SACF,sBAAsB,OAAgB,QAAQ;yBAJjC;MAAA;;wBA0BA,cACd,cACG,SACF,sBAAsB,OAAgB,SAAS;yBAHlC;MAAA;;wBAaA,cACd,cACG,SACF,sBAAsB,OAAgB,cAAc;yBAHvC;MAAA;;wBAaA,kBACd,cACG,SACF,sBAAsB,OAAgB,aAAa;yBAHtC;MAAA;;wBAaA,uBACd,cACG,SACF,sBAAsB,OAAgB,iBAAiB;yBAH1C;MAAA;;wBAiBA,yBACd,cACG,SACF,sBAAsB,OAAgB,mBAAmB;yBAH5C;MAAA"}

package/components/select/select.js

@@ -0,0 +1,124 @@
+"use client";
+import { CaretDown } from "../../icons/generated/caret-down.js";
+import { cn } from "../../styles/cn.js";
+import { dataStateFaceClass, nativeStateFaceClass } from "../../styles/state-face.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { menuGroupLabelClass, menuItemClass, menuItemIndicatorClass, menuSeparatorClass, overlayPositionerClass, overlayTimedPopupClass } from "../overlay/overlay-classes.js";
+import { OverlayPortal } from "../overlay/overlay-portal.js";
+import { Check } from "../../icons/generated/check.js";
+import { fieldBoxChromeClass } from "../../styles/field-box.js";
+import { CaretUp } from "../../icons/generated/caret-up.js";
+import { selectTriggerSize } from "./select-variants.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/select/select.tsx
+function SelectRoot(props) {
+	return /* @__PURE__ */ jsx(Select.Root, { ...props });
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: mergeClassName(className, selfFocusRingClass, fieldBoxChromeClass, nativeStateFaceClass, dataStateFaceClass, selectTriggerSize({ size }), "group/select-trigger flex w-fit items-center justify-between whitespace-nowrap outline-none select-none data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(CaretDown, { className: "ease-in-out pointer-events-none size-4 text-muted-foreground transition-transform duration-200 group-data-[popup-open]/select-trigger:rotate-180" }) })]
+	});
+}
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-slot": "select-value",
+		className: mergeClassName(className, "flex flex-1 text-left"),
+		...props
+	});
+}
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, container, ...props }) {
+	return /* @__PURE__ */ jsx(OverlayPortal, {
+		portal: Select.Portal,
+		container,
+		children: /* @__PURE__ */ jsx(Select.Positioner, {
+			side,
+			sideOffset,
+			align,
+			alignOffset,
+			alignItemWithTrigger,
+			className: overlayPositionerClass,
+			children: /* @__PURE__ */ jsxs(Select.Popup, {
+				"data-slot": "select-content",
+				"data-align-trigger": alignItemWithTrigger ? "true" : "false",
+				className: mergeClassName(className, overlayTimedPopupClass, "relative max-h-(--available-height) w-(--anchor-width) min-w-36 overflow-x-hidden overflow-y-auto rounded-lg data-[align-trigger=true]:animate-none"),
+				...props,
+				children: [
+					/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+					/* @__PURE__ */ jsx(Select.List, { children }),
+					/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+				]
+			})
+		})
+	});
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		"data-slot": "select-item",
+		className: mergeClassName(className, menuItemClass, "w-full pr-8 pl-2 focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2"),
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			render: /* @__PURE__ */ jsx("span", { className: cn(menuItemIndicatorClass, "size-4") }),
+			children: /* @__PURE__ */ jsx(Check, { className: "pointer-events-none" })
+		})]
+	});
+}
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		"data-slot": "select-group",
+		className: mergeClassName(className, "scroll-my-1 p-1"),
+		...props
+	});
+}
+function SelectLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		"data-slot": "select-label",
+		className: mergeClassName(className, menuGroupLabelClass),
+		...props
+	});
+}
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		"data-slot": "select-separator",
+		className: mergeClassName(className, menuSeparatorClass, "pointer-events-none"),
+		...props
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: mergeClassName(className, "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4"),
+		...props,
+		children: /* @__PURE__ */ jsx(CaretUp, {})
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: mergeClassName(className, "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4"),
+		...props,
+		children: /* @__PURE__ */ jsx(CaretDown, {})
+	});
+}
+SelectRoot.displayName = "Select.Root";
+SelectTrigger.displayName = "Select.Trigger";
+SelectValue.displayName = "Select.Value";
+SelectContent.displayName = "Select.Content";
+SelectItem.displayName = "Select.Item";
+SelectGroup.displayName = "Select.Group";
+SelectLabel.displayName = "Select.Label";
+SelectSeparator.displayName = "Select.Separator";
+SelectScrollUpButton.displayName = "Select.ScrollUpButton";
+SelectScrollDownButton.displayName = "Select.ScrollDownButton";
+//#endregion
+export { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+
+//# sourceMappingURL=select.js.map

package/components/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["SelectPrimitive"],"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { SelectRoot as SelectRootType } from \"@base-ui/react/select\";\n\nimport { CaretDown } from \"../../icons/generated/caret-down\";\nimport { CaretUp } from \"../../icons/generated/caret-up\";\nimport { Check } from \"../../icons/generated/check\";\nimport { cn } from \"../../styles/cn\";\nimport { fieldBoxChromeClass } from \"../../styles/field-box\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { dataStateFaceClass, nativeStateFaceClass } from \"../../styles/state-face\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport {\n  menuGroupLabelClass,\n  menuItemClass,\n  menuItemIndicatorClass,\n  menuSeparatorClass,\n  overlayPositionerClass,\n  overlayTimedPopupClass,\n} from \"../overlay/overlay-classes\";\nimport { OverlayPortal } from \"../overlay/overlay-portal\";\nimport type { OverlayContainerProps, OverlayPositionerProps } from \"../overlay/overlay-props\";\nimport { selectTriggerSize } from \"./select-variants\";\n\nexport function SelectRoot<Value = unknown, Multiple extends boolean | undefined = false>(\n  props: SelectRootType.Props<Value, Multiple>\n): ReactElement {\n  return <SelectPrimitive.Root {...props} />;\n}\n\nexport type SelectTriggerProps = ComponentProps<typeof SelectPrimitive.Trigger> & {\n  /**\n   * Control size of the trigger box. Emitted as `data-size`. `\"default\"` maps to the `md`\n   * control size; `\"sm\"` maps to the `sm` control size.\n   * @default \"default\"\n   */\n  size?: \"sm\" | \"default\";\n};\n\nexport function SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectTriggerProps): ReactElement {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- value-slot gap is content layout, not a control rung\n      className={mergeClassName(\n        className,\n        selfFocusRingClass,\n        fieldBoxChromeClass,\n        nativeStateFaceClass,\n        dataStateFaceClass,\n        selectTriggerSize({ size }),\n        // oxlint-disable-next-line elmera/no-local-focus-ring -- native outline off; ring comes from the shared adapter\n        \"group/select-trigger flex w-fit items-center justify-between whitespace-nowrap outline-none select-none data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n      )}\n      {...props}>\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <CaretDown className=\"ease-in-out pointer-events-none size-4 text-muted-foreground transition-transform duration-200 group-data-[popup-open]/select-trigger:rotate-180\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nexport function SelectValue({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Value>): ReactElement {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={mergeClassName(className, \"flex flex-1 text-left\")}\n      {...props}\n    />\n  );\n}\n\nexport type SelectContentProps = ComponentProps<typeof SelectPrimitive.Popup> &\n  OverlayPositionerProps<ComponentProps<typeof SelectPrimitive.Positioner>> & {\n    /**\n     * macOS-style: the selected item overlays the trigger. Emitted as `data-align-trigger`.\n     * Entrance animation is suppressed while this is on, so the popup appears in place.\n     * @default true\n     */\n    alignItemWithTrigger?: ComponentProps<typeof SelectPrimitive.Positioner>[\"alignItemWithTrigger\"];\n  } & OverlayContainerProps;\n\nexport function SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  container,\n  ...props\n}: SelectContentProps): ReactElement | null {\n  return (\n    <OverlayPortal portal={SelectPrimitive.Portal} container={container}>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className={overlayPositionerClass}>\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger ? \"true\" : \"false\"}\n          className={mergeClassName(\n            className,\n            overlayTimedPopupClass,\n            \"relative max-h-(--available-height) w-(--anchor-width) min-w-36 overflow-x-hidden overflow-y-auto rounded-lg data-[align-trigger=true]:animate-none\"\n          )}\n          {...props}>\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </OverlayPortal>\n  );\n}\n\nexport function SelectItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Item>): ReactElement {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- option padding is menu layout, not a control rung\n      className={mergeClassName(\n        className,\n        menuItemClass,\n        // oxlint-disable-next-line elmera/no-local-focus-ring -- the highlight face menuItemClass leaves to the family; base-ui spells it `focus:` on Select items\n        \"w-full pr-8 pl-2 focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\"\n      )}\n      {...props}>\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator render={<span className={cn(menuItemIndicatorClass, \"size-4\")} />}>\n        <Check className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\nexport function SelectGroup({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Group>): ReactElement {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={mergeClassName(className, \"scroll-my-1 p-1\")}\n      {...props}\n    />\n  );\n}\n\nexport function SelectLabel({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.GroupLabel>): ReactElement {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={mergeClassName(className, menuGroupLabelClass)}\n      {...props}\n    />\n  );\n}\n\nexport function SelectSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Separator>): ReactElement {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={mergeClassName(className, menuSeparatorClass, \"pointer-events-none\")}\n      {...props}\n    />\n  );\n}\n\nexport function SelectScrollUpButton({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): ReactElement {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={mergeClassName(\n        className,\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\"\n      )}\n      {...props}>\n      <CaretUp />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nexport function SelectScrollDownButton({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): ReactElement {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={mergeClassName(\n        className,\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\"\n      )}\n      {...props}>\n      <CaretDown />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nSelectRoot.displayName = \"Select.Root\";\nSelectTrigger.displayName = \"Select.Trigger\";\nSelectValue.displayName = \"Select.Value\";\nSelectContent.displayName = \"Select.Content\";\nSelectItem.displayName = \"Select.Item\";\nSelectGroup.displayName = \"Select.Group\";\nSelectLabel.displayName = \"Select.Label\";\nSelectSeparator.displayName = \"Select.Separator\";\nSelectScrollUpButton.displayName = \"Select.ScrollUpButton\";\nSelectScrollDownButton.displayName = \"Select.ScrollDownButton\";\n"],"mappings":"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"}

package/components/selection-item/index.d.ts

@@ -0,0 +1,17 @@
+import { ItemContent, ItemDescription } from "../item/item-markup.js";
+import { SelectionItemActions, SelectionItemShell, SelectionItemSubSection, SelectionItemTitle } from "./selection-item.js";
+//#region src/components/selection-item/index.d.ts
+/**
+ * Shared selectable card row. `CheckboxItem` / `RadioItem` alias these part objects so
+ * `child.type` partitioning keeps working across spellings.
+ */
+export declare const SelectionItem: {
+  Shell: typeof SelectionItemShell;
+  Title: typeof SelectionItemTitle;
+  Description: typeof ItemDescription;
+  Content: typeof ItemContent;
+  Actions: typeof SelectionItemActions;
+  SubSection: typeof SelectionItemSubSection;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/selection-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/selection-item/index.ts"],"mappings":";;;;;;;qBAiBa;EACX,cAAK;EACL,cAAK;EACL,oBAAW;EACX,gBAAO;EACP,gBAAO;EACP,mBAAU"}