@elmeragroup/fuse 0.1.0-canary.1

package/components/selection-item/index.js

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

package/components/selection-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/selection-item/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `SelectionItem`.\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 { ItemDescription, ItemContent } from \"../item/item-markup\";\nimport {\n  SelectionItemShell,\n  SelectionItemTitle,\n  SelectionItemActions,\n  SelectionItemSubSection,\n} from \"./selection-item\";\n\n/**\n * Shared selectable card row. `CheckboxItem` / `RadioItem` alias these part objects so\n * `child.type` partitioning keeps working across spellings.\n */\nexport const SelectionItem = {\n  Shell: SelectionItemShell,\n  Title: SelectionItemTitle,\n  Description: ItemDescription,\n  Content: ItemContent,\n  Actions: SelectionItemActions,\n  SubSection: SelectionItemSubSection,\n};\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,gBAAgB;CAC3B,OAAO;CACP,OAAO;CACP,aAAa;CACb,SAAS;CACT,SAAS;CACT,YAAY;AACd"}

package/components/selection-item/partition-sub-sections.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+//#region src/components/selection-item/partition-sub-sections.d.ts
+/** A row's children split for `SelectionItem.Shell`: label content and outside bands. */
+type PartitionedRowChildren = {
+  /** Children rendered inside the row label. */
+  readonly row: ReactNode[];
+  /** `SelectionItem.SubSection` children, passed to the shell's `subSections` prop. */
+  readonly subSections: ReactNode[];
+};
+/**
+ * Partition direct children by `SelectionItem.SubSection` identity, keeping their order.
+ *
+ * @param children - The row's children, as the caller received them.
+ * @returns `row` for the label content and `subSections` for the bands rendered outside it.
+ */
+export declare function partitionSubSections(children: ReactNode): PartitionedRowChildren;
+//#endregion
+//# sourceMappingURL=partition-sub-sections.d.ts.map

package/components/selection-item/partition-sub-sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"partition-sub-sections.d.ts","names":[],"sources":["../../../src/components/selection-item/partition-sub-sections.ts"],"mappings":";;;KAYK;;WAEM,KAAK;;WAEL,aAAa;;;;;;;;wBASR,qBAAqB,UAAU,YAAY"}

package/components/selection-item/partition-sub-sections.js

@@ -0,0 +1,28 @@
+import { SelectionItemSubSection } from "./selection-item.js";
+import { Children, isValidElement } from "react";
+//#region src/components/selection-item/partition-sub-sections.ts
+/**
+* Splits a row's children into row content and `SelectionItem.SubSection` bands where the
+* elements were created. Directive-free so CheckboxItem and RadioItem can run it on the
+* server, where a SubSection's type is still the cached client reference; the shell's own
+* `child.type` filter only works for elements created on the client.
+*/
+/**
+* Partition direct children by `SelectionItem.SubSection` identity, keeping their order.
+*
+* @param children - The row's children, as the caller received them.
+* @returns `row` for the label content and `subSections` for the bands rendered outside it.
+*/
+function partitionSubSections(children) {
+	const row = [];
+	const subSections = [];
+	for (const child of Children.toArray(children)) (isValidElement(child) && child.type === SelectionItemSubSection ? subSections : row).push(child);
+	return {
+		row,
+		subSections
+	};
+}
+//#endregion
+export { partitionSubSections };
+
+//# sourceMappingURL=partition-sub-sections.js.map

package/components/selection-item/partition-sub-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partition-sub-sections.js","names":[],"sources":["../../../src/components/selection-item/partition-sub-sections.ts"],"sourcesContent":["/**\n * Splits a row's children into row content and `SelectionItem.SubSection` bands where the\n * elements were created. Directive-free so CheckboxItem and RadioItem can run it on the\n * server, where a SubSection's type is still the cached client reference; the shell's own\n * `child.type` filter only works for elements created on the client.\n */\nimport { Children, isValidElement } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { SelectionItemSubSection } from \"./selection-item\";\n\n/** A row's children split for `SelectionItem.Shell`: label content and outside bands. */\ntype PartitionedRowChildren = {\n  /** Children rendered inside the row label. */\n  readonly row: ReactNode[];\n  /** `SelectionItem.SubSection` children, passed to the shell's `subSections` prop. */\n  readonly subSections: ReactNode[];\n};\n\n/**\n * Partition direct children by `SelectionItem.SubSection` identity, keeping their order.\n *\n * @param children - The row's children, as the caller received them.\n * @returns `row` for the label content and `subSections` for the bands rendered outside it.\n */\nexport function partitionSubSections(children: ReactNode): PartitionedRowChildren {\n  const row: ReactNode[] = [];\n  const subSections: ReactNode[] = [];\n  for (const child of Children.toArray(children)) {\n    (isValidElement(child) && child.type === SelectionItemSubSection ? subSections : row).push(child);\n  }\n  return { row, subSections };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAyBA,SAAgB,qBAAqB,UAA6C;CAChF,MAAM,MAAmB,CAAC;CAC1B,MAAM,cAA2B,CAAC;CAClC,KAAK,MAAM,SAAS,SAAS,QAAQ,QAAQ,GAC3C,CAAC,eAAe,KAAK,KAAK,MAAM,SAAS,0BAA0B,cAAc,IAAA,CAAK,KAAK,KAAK;CAElG,OAAO;EAAE;EAAK;CAAY;AAC5B"}

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

@@ -0,0 +1,62 @@
+import { VariantProps } from "tailwind-variants";
+//#region src/components/selection-item/selection-item-variants.d.ts
+/**
+ * The orientation recipe for the selection-group family. `group` lays out the group
+ * primitive and `list` the private stacked-card list inside it. CheckboxGroup and
+ * RadioGroup read `group`, and `SelectionItemGroup` reads `list`.
+ *
+ * The option-stack `gap-2` is layout, not a control rung, so it is a plain literal rather
+ * than a `--control-gap-*` read. The vertical group drops that gap to `0` through
+ * `has-[>[data-selection-item]]:gap-0` when its direct children are selection shells,
+ * because shells draw connected edges and a gap would break the join. Plain `Checkbox`
+ * and `Radio` rows keep the `gap-2` stack.
+ *
+ * Package-private: not exported from `package.json#exports` or the `SelectionItem`
+ * namespace.
+ */
+export declare const selectionGroupOrientationVariants: import("tailwind-variants").TVReturnType<{
+  orientation: {
+    vertical: {
+      group: string;
+      list: string;
+    };
+    horizontal: {
+      group: string;
+      list: string;
+    };
+  };
+}, {
+  group: string;
+  list: string;
+}, undefined, {
+  orientation: {
+    vertical: {
+      group: string;
+      list: string;
+    };
+    horizontal: {
+      group: string;
+      list: string;
+    };
+  };
+}, {
+  group: string;
+  list: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  orientation: {
+    vertical: {
+      group: string;
+      list: string;
+    };
+    horizontal: {
+      group: string;
+      list: string;
+    };
+  };
+}, {
+  group: string;
+  list: string;
+}>>;
+export type SelectionItemGroupOrientation = NonNullable<VariantProps<typeof selectionGroupOrientationVariants>["orientation"]>;
+//#endregion
+//# sourceMappingURL=selection-item-variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selection-item-variants.d.ts","names":[],"sources":["../../../src/components/selection-item/selection-item-variants.ts"],"mappings":";;;;;;;;;;;;;;;;qBAiBa,+DAAiC;;IAOxC;MACE;MACA;;IAEF;MACE;MACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YASI,gCAAgC,YAC1C,oBAAoB"}

package/components/selection-item/selection-item-variants.js

@@ -0,0 +1,37 @@
+import { tv } from "tailwind-variants";
+//#region src/components/selection-item/selection-item-variants.ts
+/**
+* The orientation recipe for the selection-group family. `group` lays out the group
+* primitive and `list` the private stacked-card list inside it. CheckboxGroup and
+* RadioGroup read `group`, and `SelectionItemGroup` reads `list`.
+*
+* The option-stack `gap-2` is layout, not a control rung, so it is a plain literal rather
+* than a `--control-gap-*` read. The vertical group drops that gap to `0` through
+* `has-[>[data-selection-item]]:gap-0` when its direct children are selection shells,
+* because shells draw connected edges and a gap would break the join. Plain `Checkbox`
+* and `Radio` rows keep the `gap-2` stack.
+*
+* Package-private: not exported from `package.json#exports` or the `SelectionItem`
+* namespace.
+*/
+const selectionGroupOrientationVariants = tv({
+	slots: {
+		group: "",
+		list: ""
+	},
+	variants: { orientation: {
+		vertical: {
+			group: "flex flex-col gap-2 has-[>[data-selection-item]]:gap-0",
+			list: "gap-0"
+		},
+		horizontal: {
+			group: "flex flex-wrap gap-4",
+			list: "flex-row flex-wrap gap-4"
+		}
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+//#endregion
+export { selectionGroupOrientationVariants };
+
+//# sourceMappingURL=selection-item-variants.js.map

package/components/selection-item/selection-item-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-item-variants.js","names":[],"sources":["../../../src/components/selection-item/selection-item-variants.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\";\nimport { tv } from \"tailwind-variants\";\n\n/**\n * The orientation recipe for the selection-group family. `group` lays out the group\n * primitive and `list` the private stacked-card list inside it. CheckboxGroup and\n * RadioGroup read `group`, and `SelectionItemGroup` reads `list`.\n *\n * The option-stack `gap-2` is layout, not a control rung, so it is a plain literal rather\n * than a `--control-gap-*` read. The vertical group drops that gap to `0` through\n * `has-[>[data-selection-item]]:gap-0` when its direct children are selection shells,\n * because shells draw connected edges and a gap would break the join. Plain `Checkbox`\n * and `Radio` rows keep the `gap-2` stack.\n *\n * Package-private: not exported from `package.json#exports` or the `SelectionItem`\n * namespace.\n */\nexport const selectionGroupOrientationVariants = tv({\n  slots: {\n    group: \"\",\n    list: \"\",\n  },\n  variants: {\n    orientation: {\n      vertical: {\n        group: \"flex flex-col gap-2 has-[>[data-selection-item]]:gap-0\",\n        list: \"gap-0\",\n      },\n      horizontal: {\n        group: \"flex flex-wrap gap-4\",\n        list: \"flex-row flex-wrap gap-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nexport type SelectionItemGroupOrientation = NonNullable<\n  VariantProps<typeof selectionGroupOrientationVariants>[\"orientation\"]\n>;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAa,oCAAoC,GAAG;CAClD,OAAO;EACL,OAAO;EACP,MAAM;CACR;CACA,UAAU,EACR,aAAa;EACX,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;CACF,EACF;CACA,iBAAiB,EACf,aAAa,WACf;AACF,CAAC"}

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

@@ -0,0 +1,114 @@
+import { FieldItem } from "../field/field.js";
+import { ItemActions, ItemFooter, ItemTitle } from "../item/item-markup.js";
+import { SelectionItemGroupOrientation } from "./selection-item-variants.js";
+import { ComponentProps, ReactElement, ReactNode } from "react";
+//#region src/components/selection-item/selection-item.d.ts
+type SelectionGroupLayoutProps = {
+  children?: ReactNode;
+  orientation: SelectionItemGroupOrientation;
+};
+/**
+ * Package-private layout announcer that `CheckboxGroup` and `RadioGroup` wrap their
+ * primitive's children in. A shell placed directly in a plain
+ * group then follows the group's `orientation` for its edge treatment — connected stack
+ * when vertical, individually rounded card when horizontal — instead of always
+ * assuming a connected stack. It adds no `role`; only `SelectionItemGroup` is a list.
+ */
+export declare function SelectionGroupLayout({ children, orientation }: SelectionGroupLayoutProps): ReactElement;
+type SelectionItemGroupProps = {
+  children?: ReactNode;
+  /**
+   * Layout of the actual item list. Vertical (default) is connected
+   * `flex-col gap-0`. Horizontal is `flex-row flex-wrap gap-4`.
+   */
+  orientation?: SelectionItemGroupOrientation;
+};
+/**
+ * Private stacked-card list wrapper. `Item.Group` still emits `role="list"`;
+ * `SelectionItem.Shell` reads this context and defaults to `role="listitem"`.
+ * Vertical remains a connected `flex-col gap-0` stack; horizontal is the actual
+ * item list `flex-row flex-wrap gap-4` with individually rounded shells.
+ * Not part of the public `SelectionItem` namespace or entry.
+ */
+export declare function SelectionItemGroup({ children, orientation }: SelectionItemGroupProps): ReactElement;
+export declare function SelectionItemTitle({ className, ...props }: ComponentProps<typeof ItemTitle>): ReactElement;
+export declare namespace SelectionItemTitle {
+  var displayName: string;
+}
+export declare function SelectionItemActions({ className, ...props }: ComponentProps<typeof ItemActions>): ReactElement;
+export declare namespace SelectionItemActions {
+  var displayName: string;
+}
+/**
+ * Footer band rendered **outside** the row label. Direct `SelectionItem.SubSection`
+ * children are partitioned by identity (`child.type === SelectionItem.SubSection`); a
+ * Fragment, wrapper, or HOC hides the part from that filter and it stays inside the
+ * label, so clicks would toggle the control.
+ */
+export declare function SelectionItemSubSection({ children, className, mode, ...props }: ComponentProps<typeof ItemFooter>): ReactElement | null;
+export declare namespace SelectionItemSubSection {
+  var displayName: string;
+}
+type SelectionItemShellProps = Omit<ComponentProps<typeof FieldItem>, "className" | "children"> & {
+  /**
+   * Emitted as `data-slot` on the `Field.Item` root. Typical values are
+   * `"checkbox-item"` and `"radio-item"`.
+   */
+  dataSlot: string;
+  /**
+   * The selection control rendered in the `Item.Media variant="icon"` slot. Documented
+   * escape hatch for custom indicators (switch, icon crossfade) that the dropped
+   * external-card axes used to provide.
+   */
+  control: ReactNode;
+  /**
+   * Where the control sits in the labelled row. `"end"` places it after the row
+   * children (trailing indicator). Default `"start"`.
+   */
+  controlPosition?: "start" | "end";
+  /**
+   * Applies `cursor-not-allowed bg-muted` plus the shared `disabledHatch` overlay.
+   * Does not disable the control — the control or group owns that.
+   */
+  isDisabled?: boolean;
+  /** Extra classes, merged last through `cn`. */
+  className?: string;
+  /**
+   * Sub-sections the caller already partitioned out of its row children, rendered outside
+   * the label with any direct `SelectionItem.SubSection` children. `CheckboxItem` and
+   * `RadioItem` pass them here because they partition where the element was created: a
+   * server-authored SubSection reaches the client as a lazy reference, which the
+   * `child.type` filter below cannot recognise.
+   */
+  subSections?: ReactNode;
+  /**
+   * Direct children are partitioned: `SelectionItem.SubSection` nodes render outside
+   * the label so interactive content does not toggle the control. Everything else
+   * renders in the label row. Wrapping a SubSection in a Fragment, another component,
+   * or an HOC hides it from `child.type === SelectionItem.SubSection` and it stays
+   * inside the label. Server-authored trees should pass SubSections through
+   * `subSections`; see that prop.
+   */
+  children?: ReactNode;
+};
+/**
+ * Shared card-row shell that CheckboxItem and RadioItem plug a control into. Client
+ * component, because it reads Field.Item context. The control and sub-section columns
+ * share one parent grid, so the spacer tracks the control slot without measuring it.
+ *
+ * Vertical and default shells, in either group shape or outside any group, collapse
+ * borders with `not-first:border-t-0`. A checked non-first shell then repaints its top border in
+ * `primary` by pulling itself up one pixel
+ * (`has-[[data-slot=selection-item-control]_[data-checked]]:not-first:-mt-px`)
+ * instead of a z-index lift; `className` margin overrides can break that. Horizontal
+ * item groups render individually rounded full-border cards with no vertical border
+ * collapse and no checked negative margin. Checked selectors are scoped to the
+ * private control slot so a checked descendant in SubSection cannot repaint the shell.
+ */
+export declare function SelectionItemShell({ dataSlot, control, controlPosition, isDisabled, className, subSections: passedSubSections, children, ...props }: SelectionItemShellProps): ReactElement;
+export declare namespace SelectionItemShell {
+  var displayName: string;
+}
+//#endregion
+export type { SelectionItemGroupOrientation };
+//# sourceMappingURL=selection-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selection-item.d.ts","names":[],"sources":["../../../src/components/selection-item/selection-item.tsx"],"mappings":";;;;;KA8BK;EACH,WAAW;EACX,aAAa;;;;;;;;;wBAUC,uBAAuB,UAAU,eAAe,4BAA4B;KAKvF;EACH,WAAW;;;;;EAKX,cAAc;;;;;;;;;wBAUA,qBACd,UACA,eACC,0BAA0B;wBAWb,qBAAqB,cAAc,SAAS,sBAAsB,aAAa;yBAA/E;MAAA;;wBAIA,uBACd,cACG,SACF,sBAAsB,eAAe;yBAHxB;MAAA;;;;;;;;wBAaA,0BACd,UACA,WACA,SACG,SACF,sBAAsB,cAAc;yBALvB;MAAA;;KAgBX,0BAA0B,KAAK,sBAAsB;;;;;EAKxD;;;;;;EAMA,SAAS;;;;;EAKT;;;;;EAKA;;EAEA;;;;;;;;EAQA,cAAc;;;;;;;;;EASd,WAAW;;;;;;;;;;;;;;;;wBAiBG,qBACd,UACA,SACA,iBACA,YACA,WACA,aAAa,mBACb,aACG,SACF,0BAA0B;yBATb;MAAA"}

package/components/selection-item/selection-item.js

@@ -0,0 +1,139 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { disabledHatch } from "../../styles/utils.js";
+import { itemVariants } from "../item/item-variants.js";
+import { ItemActions, ItemFooter, ItemMedia, ItemTitle } from "../item/item-markup.js";
+import { FieldItem } from "../field/field.js";
+import { ItemGroup } from "../item/item.js";
+import { selectionGroupOrientationVariants } from "./selection-item-variants.js";
+import { Children, createContext, isValidElement, useContext, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+//#region src/components/selection-item/selection-item.tsx
+/** Resolved once at module scope — the shell always borrows the `outline` arm. */
+const outlineItemClass = itemVariants({ variant: "outline" });
+const SelectionItemGroupContext = createContext(false);
+/**
+* Package-private layout announcer that `CheckboxGroup` and `RadioGroup` wrap their
+* primitive's children in. A shell placed directly in a plain
+* group then follows the group's `orientation` for its edge treatment — connected stack
+* when vertical, individually rounded card when horizontal — instead of always
+* assuming a connected stack. It adds no `role`; only `SelectionItemGroup` is a list.
+*/
+function SelectionGroupLayout({ children, orientation }) {
+	const value = useMemo(() => ({
+		orientation,
+		list: false
+	}), [orientation]);
+	return /* @__PURE__ */ jsx(SelectionItemGroupContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Private stacked-card list wrapper. `Item.Group` still emits `role="list"`;
+* `SelectionItem.Shell` reads this context and defaults to `role="listitem"`.
+* Vertical remains a connected `flex-col gap-0` stack; horizontal is the actual
+* item list `flex-row flex-wrap gap-4` with individually rounded shells.
+* Not part of the public `SelectionItem` namespace or entry.
+*/
+function SelectionItemGroup({ children, orientation = "vertical" }) {
+	const value = useMemo(() => ({
+		orientation,
+		list: true
+	}), [orientation]);
+	return /* @__PURE__ */ jsx(SelectionItemGroupContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(ItemGroup, {
+			className: cn("select-none", selectionGroupOrientationVariants({ orientation }).list()),
+			children
+		})
+	});
+}
+function SelectionItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ItemTitle, {
+		className: cn("font-normal", className),
+		...props
+	});
+}
+function SelectionItemActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ItemActions, {
+		className: cn("-translate-y-0.5 items-start", className),
+		...props
+	});
+}
+/**
+* Footer band rendered **outside** the row label. Direct `SelectionItem.SubSection`
+* children are partitioned by identity (`child.type === SelectionItem.SubSection`); a
+* Fragment, wrapper, or HOC hides the part from that filter and it stays inside the
+* label, so clicks would toggle the control.
+*/
+function SelectionItemSubSection({ children, className, mode = "default", ...props }) {
+	if (Children.toArray(children).length === 0) return null;
+	return /* @__PURE__ */ jsx(ItemFooter, {
+		mode,
+		className,
+		...props,
+		children
+	});
+}
+/**
+* Shared card-row shell that CheckboxItem and RadioItem plug a control into. Client
+* component, because it reads Field.Item context. The control and sub-section columns
+* share one parent grid, so the spacer tracks the control slot without measuring it.
+*
+* Vertical and default shells, in either group shape or outside any group, collapse
+* borders with `not-first:border-t-0`. A checked non-first shell then repaints its top border in
+* `primary` by pulling itself up one pixel
+* (`has-[[data-slot=selection-item-control]_[data-checked]]:not-first:-mt-px`)
+* instead of a z-index lift; `className` margin overrides can break that. Horizontal
+* item groups render individually rounded full-border cards with no vertical border
+* collapse and no checked negative margin. Checked selectors are scoped to the
+* private control slot so a checked descendant in SubSection cannot repaint the shell.
+*/
+function SelectionItemShell({ dataSlot, control, controlPosition = "start", isDisabled, className, subSections: passedSubSections, children, ...props }) {
+	const groupLayout = useContext(SelectionItemGroupContext);
+	const inItemGroup = groupLayout !== false && groupLayout.list;
+	const connectedStack = groupLayout === false || groupLayout.orientation !== "horizontal";
+	const childArray = Children.toArray(children);
+	const directSubSections = childArray.filter((child) => isValidElement(child) && child.type === SelectionItemSubSection);
+	const rowChildren = childArray.filter((child) => !(isValidElement(child) && child.type === SelectionItemSubSection));
+	const hasSubSection = Children.toArray(passedSubSections).length > 0 || directSubSections.length > 0;
+	const controlAtEnd = controlPosition === "end";
+	const controlSlot = /* @__PURE__ */ jsx(ItemMedia, {
+		variant: "icon",
+		"data-slot": "selection-item-control",
+		children: control
+	});
+	const rowCluster = /* @__PURE__ */ jsx("div", {
+		className: "flex min-w-0 items-start gap-2.5",
+		children: rowChildren
+	});
+	const spacer = /* @__PURE__ */ jsx("span", { "aria-hidden": true });
+	const subCluster = /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0",
+		children: [passedSubSections, directSubSections]
+	});
+	return /* @__PURE__ */ jsxs(FieldItem, {
+		...inItemGroup ? { role: "listitem" } : null,
+		...props,
+		"data-slot": dataSlot,
+		"data-selection-item": "",
+		className: cn(outlineItemClass, "grid items-stretch gap-0 gap-x-2.5 bg-background px-4 py-0 transition-colors has-[[data-slot=selection-item-control]_[data-checked]]:border-primary has-[[data-slot=selection-item-control]_[data-checked]]:bg-muted", controlAtEnd ? "grid-cols-[minmax(0,1fr)_auto]" : "grid-cols-[auto_minmax(0,1fr)]", connectedStack ? "rounded-none not-first:border-t-0 first:rounded-t-lg last:rounded-b-lg has-[[data-slot=selection-item-control]_[data-checked]]:not-first:-mt-px has-[[data-slot=selection-item-control]_[data-checked]]:not-first:border-t" : "rounded-lg", isDisabled ? cn("cursor-not-allowed bg-muted", disabledHatch) : null, className),
+		children: [/* @__PURE__ */ jsx(Field.Label, {
+			className: cn("col-span-full grid cursor-pointer grid-cols-subgrid items-start pt-3.5 has-disabled:cursor-not-allowed", hasSubSection ? null : "pb-3.5"),
+			children: controlAtEnd ? /* @__PURE__ */ jsxs(Fragment, { children: [rowCluster, controlSlot] }) : /* @__PURE__ */ jsxs(Fragment, { children: [controlSlot, rowCluster] })
+		}), hasSubSection ? /* @__PURE__ */ jsx("div", {
+			className: "col-span-full grid grid-cols-subgrid pb-3.5",
+			children: controlAtEnd ? /* @__PURE__ */ jsxs(Fragment, { children: [subCluster, spacer] }) : /* @__PURE__ */ jsxs(Fragment, { children: [spacer, subCluster] })
+		}) : null]
+	});
+}
+SelectionItemShell.displayName = "SelectionItem.Shell";
+SelectionItemTitle.displayName = "SelectionItem.Title";
+SelectionItemActions.displayName = "SelectionItem.Actions";
+SelectionItemSubSection.displayName = "SelectionItem.SubSection";
+//#endregion
+export { SelectionGroupLayout, SelectionItemActions, SelectionItemGroup, SelectionItemShell, SelectionItemSubSection, SelectionItemTitle };
+
+//# sourceMappingURL=selection-item.js.map

package/components/selection-item/selection-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-item.js","names":["FieldPrimitive"],"sources":["../../../src/components/selection-item/selection-item.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, createContext, isValidElement, useContext, useMemo } from \"react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { Field as FieldPrimitive } from \"@base-ui/react/field\";\n\nimport { cn } from \"../../styles/cn\";\nimport { disabledHatch } from \"../../styles/utils\";\nimport { FieldItem } from \"../field/field\";\nimport { ItemGroup } from \"../item/item\";\nimport { ItemActions, ItemFooter, ItemMedia, ItemTitle } from \"../item/item-markup\";\nimport { itemVariants } from \"../item/item-variants\";\nimport { selectionGroupOrientationVariants } from \"./selection-item-variants\";\nimport type { SelectionItemGroupOrientation } from \"./selection-item-variants\";\n\n/** Resolved once at module scope — the shell always borrows the `outline` arm. */\nconst outlineItemClass = itemVariants({ variant: \"outline\" });\n\nexport type { SelectionItemGroupOrientation };\n\n/**\n * What a shell sits in: `false` outside any selection group; otherwise the enclosing\n * group's `orientation` plus whether that group is the private `role=\"list\"` card list\n * (`list: true`) or the plain group primitive (`list: false`).\n */\ntype SelectionItemGroupContextValue = false | { orientation: SelectionItemGroupOrientation; list: boolean };\n\nconst SelectionItemGroupContext = createContext<SelectionItemGroupContextValue>(false);\n\ntype SelectionGroupLayoutProps = {\n  children?: ReactNode;\n  orientation: SelectionItemGroupOrientation;\n};\n\n/**\n * Package-private layout announcer that `CheckboxGroup` and `RadioGroup` wrap their\n * primitive's children in. A shell placed directly in a plain\n * group then follows the group's `orientation` for its edge treatment — connected stack\n * when vertical, individually rounded card when horizontal — instead of always\n * assuming a connected stack. It adds no `role`; only `SelectionItemGroup` is a list.\n */\nexport function SelectionGroupLayout({ children, orientation }: SelectionGroupLayoutProps): ReactElement {\n  const value = useMemo(() => ({ orientation, list: false }), [orientation]);\n  return <SelectionItemGroupContext.Provider value={value}>{children}</SelectionItemGroupContext.Provider>;\n}\n\ntype SelectionItemGroupProps = {\n  children?: ReactNode;\n  /**\n   * Layout of the actual item list. Vertical (default) is connected\n   * `flex-col gap-0`. Horizontal is `flex-row flex-wrap gap-4`.\n   */\n  orientation?: SelectionItemGroupOrientation;\n};\n\n/**\n * Private stacked-card list wrapper. `Item.Group` still emits `role=\"list\"`;\n * `SelectionItem.Shell` reads this context and defaults to `role=\"listitem\"`.\n * Vertical remains a connected `flex-col gap-0` stack; horizontal is the actual\n * item list `flex-row flex-wrap gap-4` with individually rounded shells.\n * Not part of the public `SelectionItem` namespace or entry.\n */\nexport function SelectionItemGroup({\n  children,\n  orientation = \"vertical\",\n}: SelectionItemGroupProps): ReactElement {\n  const value = useMemo(() => ({ orientation, list: true }), [orientation]);\n  return (\n    <SelectionItemGroupContext.Provider value={value}>\n      <ItemGroup className={cn(\"select-none\", selectionGroupOrientationVariants({ orientation }).list())}>\n        {children}\n      </ItemGroup>\n    </SelectionItemGroupContext.Provider>\n  );\n}\n\nexport function SelectionItemTitle({ className, ...props }: ComponentProps<typeof ItemTitle>): ReactElement {\n  return <ItemTitle className={cn(\"font-normal\", className)} {...props} />;\n}\n\nexport function SelectionItemActions({\n  className,\n  ...props\n}: ComponentProps<typeof ItemActions>): ReactElement {\n  return <ItemActions className={cn(\"-translate-y-0.5 items-start\", className)} {...props} />;\n}\n\n/**\n * Footer band rendered **outside** the row label. Direct `SelectionItem.SubSection`\n * children are partitioned by identity (`child.type === SelectionItem.SubSection`); a\n * Fragment, wrapper, or HOC hides the part from that filter and it stays inside the\n * label, so clicks would toggle the control.\n */\nexport function SelectionItemSubSection({\n  children,\n  className,\n  mode = \"default\",\n  ...props\n}: ComponentProps<typeof ItemFooter>): ReactElement | null {\n  if (Children.toArray(children).length === 0) {\n    return null;\n  }\n  return (\n    <ItemFooter mode={mode} className={className} {...props}>\n      {children}\n    </ItemFooter>\n  );\n}\n\ntype SelectionItemShellProps = Omit<ComponentProps<typeof FieldItem>, \"className\" | \"children\"> & {\n  /**\n   * Emitted as `data-slot` on the `Field.Item` root. Typical values are\n   * `\"checkbox-item\"` and `\"radio-item\"`.\n   */\n  dataSlot: string;\n  /**\n   * The selection control rendered in the `Item.Media variant=\"icon\"` slot. Documented\n   * escape hatch for custom indicators (switch, icon crossfade) that the dropped\n   * external-card axes used to provide.\n   */\n  control: ReactNode;\n  /**\n   * Where the control sits in the labelled row. `\"end\"` places it after the row\n   * children (trailing indicator). Default `\"start\"`.\n   */\n  controlPosition?: \"start\" | \"end\";\n  /**\n   * Applies `cursor-not-allowed bg-muted` plus the shared `disabledHatch` overlay.\n   * Does not disable the control — the control or group owns that.\n   */\n  isDisabled?: boolean;\n  /** Extra classes, merged last through `cn`. */\n  className?: string;\n  /**\n   * Sub-sections the caller already partitioned out of its row children, rendered outside\n   * the label with any direct `SelectionItem.SubSection` children. `CheckboxItem` and\n   * `RadioItem` pass them here because they partition where the element was created: a\n   * server-authored SubSection reaches the client as a lazy reference, which the\n   * `child.type` filter below cannot recognise.\n   */\n  subSections?: ReactNode;\n  /**\n   * Direct children are partitioned: `SelectionItem.SubSection` nodes render outside\n   * the label so interactive content does not toggle the control. Everything else\n   * renders in the label row. Wrapping a SubSection in a Fragment, another component,\n   * or an HOC hides it from `child.type === SelectionItem.SubSection` and it stays\n   * inside the label. Server-authored trees should pass SubSections through\n   * `subSections`; see that prop.\n   */\n  children?: ReactNode;\n};\n\n/**\n * Shared card-row shell that CheckboxItem and RadioItem plug a control into. Client\n * component, because it reads Field.Item context. The control and sub-section columns\n * share one parent grid, so the spacer tracks the control slot without measuring it.\n *\n * Vertical and default shells, in either group shape or outside any group, collapse\n * borders with `not-first:border-t-0`. A checked non-first shell then repaints its top border in\n * `primary` by pulling itself up one pixel\n * (`has-[[data-slot=selection-item-control]_[data-checked]]:not-first:-mt-px`)\n * instead of a z-index lift; `className` margin overrides can break that. Horizontal\n * item groups render individually rounded full-border cards with no vertical border\n * collapse and no checked negative margin. Checked selectors are scoped to the\n * private control slot so a checked descendant in SubSection cannot repaint the shell.\n */\nexport function SelectionItemShell({\n  dataSlot,\n  control,\n  controlPosition = \"start\",\n  isDisabled,\n  className,\n  subSections: passedSubSections,\n  children,\n  ...props\n}: SelectionItemShellProps): ReactElement {\n  const groupLayout = useContext(SelectionItemGroupContext);\n  const inItemGroup = groupLayout !== false && groupLayout.list;\n  const connectedStack = groupLayout === false || groupLayout.orientation !== \"horizontal\";\n  const childArray = Children.toArray(children);\n  const directSubSections = childArray.filter(\n    (child) => isValidElement(child) && child.type === SelectionItemSubSection\n  );\n  const rowChildren = childArray.filter(\n    (child) => !(isValidElement(child) && child.type === SelectionItemSubSection)\n  );\n  const hasSubSection = Children.toArray(passedSubSections).length > 0 || directSubSections.length > 0;\n  const controlAtEnd = controlPosition === \"end\";\n\n  const controlSlot = (\n    <ItemMedia variant=\"icon\" data-slot=\"selection-item-control\">\n      {control}\n    </ItemMedia>\n  );\n  const rowCluster = <div className=\"flex min-w-0 items-start gap-2.5\">{rowChildren}</div>;\n  const spacer = <span aria-hidden />;\n  // Separate child positions give each source its own key space; one merged array\n  // would repeat the `.0` keys that the two `Children.toArray` calls assign independently.\n  const subCluster = (\n    <div className=\"min-w-0\">\n      {passedSubSections}\n      {directSubSections}\n    </div>\n  );\n\n  return (\n    <FieldItem\n      {...(inItemGroup ? { role: \"listitem\" as const } : null)}\n      {...props}\n      data-slot={dataSlot}\n      data-selection-item=\"\"\n      className={cn(\n        outlineItemClass,\n        \"grid items-stretch gap-0 gap-x-2.5 bg-background px-4 py-0 transition-colors has-[[data-slot=selection-item-control]_[data-checked]]:border-primary has-[[data-slot=selection-item-control]_[data-checked]]:bg-muted\",\n        controlAtEnd ? \"grid-cols-[minmax(0,1fr)_auto]\" : \"grid-cols-[auto_minmax(0,1fr)]\",\n        connectedStack\n          ? \"rounded-none not-first:border-t-0 first:rounded-t-lg last:rounded-b-lg has-[[data-slot=selection-item-control]_[data-checked]]:not-first:-mt-px has-[[data-slot=selection-item-control]_[data-checked]]:not-first:border-t\"\n          : \"rounded-lg\",\n        isDisabled ? cn(\"cursor-not-allowed bg-muted\", disabledHatch) : null,\n        className\n      )}>\n      <FieldPrimitive.Label\n        className={cn(\n          \"col-span-full grid cursor-pointer grid-cols-subgrid items-start pt-3.5 has-disabled:cursor-not-allowed\",\n          hasSubSection ? null : \"pb-3.5\"\n        )}>\n        {controlAtEnd ? (\n          <>\n            {rowCluster}\n            {controlSlot}\n          </>\n        ) : (\n          <>\n            {controlSlot}\n            {rowCluster}\n          </>\n        )}\n      </FieldPrimitive.Label>\n      {hasSubSection ? (\n        <div className=\"col-span-full grid grid-cols-subgrid pb-3.5\">\n          {controlAtEnd ? (\n            <>\n              {subCluster}\n              {spacer}\n            </>\n          ) : (\n            <>\n              {spacer}\n              {subCluster}\n            </>\n          )}\n        </div>\n      ) : null}\n    </FieldItem>\n  );\n}\n\nSelectionItemShell.displayName = \"SelectionItem.Shell\";\nSelectionItemTitle.displayName = \"SelectionItem.Title\";\nSelectionItemActions.displayName = \"SelectionItem.Actions\";\nSelectionItemSubSection.displayName = \"SelectionItem.SubSection\";\n"],"mappings":"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"}

package/components/separator/separator.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, ReactElement } from "react";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+//#region src/components/separator/separator.d.ts
+export type SeparatorProps = ComponentProps<typeof Separator$1>;
+export declare function Separator({ className, orientation, ...props }: SeparatorProps): ReactElement;
+export declare namespace Separator {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=separator.d.ts.map

package/components/separator/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/components/separator/separator.tsx"],"mappings":";;;YAQY,iBAAiB,sBAAsB;wBAEnC,YAAY,WAAW,gBAA+B,SAAS,iBAAiB;yBAAhF;MAAA"}

package/components/separator/separator.js

@@ -0,0 +1,18 @@
+"use client";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { jsx } from "react/jsx-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+//#region src/components/separator/separator.tsx
+function Separator({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		"data-slot": "separator",
+		orientation,
+		className: mergeClassName(className, "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch"),
+		...props
+	});
+}
+Separator.displayName = "Separator";
+//#endregion
+export { Separator };
+
+//# sourceMappingURL=separator.js.map

package/components/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["SeparatorPrimitive"],"sources":["../../../src/components/separator/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\n\nimport { mergeClassName } from \"../../styles/merge-class-name\";\n\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive>;\n\nexport function Separator({ className, orientation = \"horizontal\", ...props }: SeparatorProps): ReactElement {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={mergeClassName(\n        className,\n        \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\"\n      )}\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = \"Separator\";\n"],"mappings":";;;;;AAUA,SAAgB,UAAU,EAAE,WAAW,cAAc,cAAc,GAAG,SAAuC;CAC3G,OACE,oBAACA,aAAD;EACE,aAAU;EACG;EACb,WAAW,eACT,WACA,8GACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,UAAU,cAAc"}

package/components/sheet/index.d.ts

@@ -0,0 +1,17 @@
+import { SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetRoot, SheetTitle, SheetTrigger } from "./sheet.js";
+//#region src/components/sheet/index.d.ts
+export declare const Sheet: {
+  Root: typeof SheetRoot;
+  Trigger: typeof SheetTrigger;
+  Close: typeof SheetClose;
+  Portal: typeof SheetPortal;
+  Overlay: typeof SheetOverlay;
+  Content: typeof SheetContent;
+  Header: typeof SheetHeader;
+  Body: typeof SheetBody;
+  Footer: typeof SheetFooter;
+  Title: typeof SheetTitle;
+  Description: typeof SheetDescription;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/sheet/index.ts"],"mappings":";;qBAmBa;EACX,aAAI;EACJ,gBAAO;EACP,cAAK;EACL,eAAM;EACN,gBAAO;EACP,gBAAO;EACP,eAAM;EACN,aAAI;EACJ,eAAM;EACN,cAAK;EACL,oBAAW"}

package/components/sheet/index.js

@@ -0,0 +1,24 @@
+import { SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetRoot, SheetTitle, SheetTrigger } from "./sheet.js";
+//#region src/components/sheet/index.ts
+/**
+* Server-visible namespace for `Sheet`.
+* 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 Sheet = {
+	Root: SheetRoot,
+	Trigger: SheetTrigger,
+	Close: SheetClose,
+	Portal: SheetPortal,
+	Overlay: SheetOverlay,
+	Content: SheetContent,
+	Header: SheetHeader,
+	Body: SheetBody,
+	Footer: SheetFooter,
+	Title: SheetTitle,
+	Description: SheetDescription
+};
+//#endregion
+export { Sheet };
+
+//# sourceMappingURL=index.js.map

package/components/sheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/sheet/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Sheet`.\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  SheetRoot,\n  SheetTrigger,\n  SheetClose,\n  SheetPortal,\n  SheetOverlay,\n  SheetContent,\n  SheetHeader,\n  SheetBody,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n} from \"./sheet\";\n\nexport const Sheet = {\n  Root: SheetRoot,\n  Trigger: SheetTrigger,\n  Close: SheetClose,\n  Portal: SheetPortal,\n  Overlay: SheetOverlay,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Body: SheetBody,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n};\n"],"mappings":";;;;;;;AAmBA,MAAa,QAAQ;CACnB,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,OAAO;CACP,aAAa;AACf"}