@elmeragroup/fuse 0.1.0-canary.1

package/components/checkbox-card/checkbox-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-card.d.ts","names":[],"sources":["../../../src/components/checkbox-card/checkbox-card.tsx"],"mappings":";;;;cAuBM,gDAAkB;;;;;;IAUlB;;;;;;;;;;;;;;;;;;;YAQM,oBAAoB,KAC9B,sBAAsB,SAAkB,wDAGxC,oBAAoB;;EAElB,WAAW;;;;;EAKX,OAAO;;EAEP;;EAEA;;EAEA,eAAe;;;;;;EAMf;;EAEA;;;;;;;wBAQY,eACd,UACA,OACA,MACA,aACA,SACA,cACA,YACA,UACG,SACF,oBAAoB;yBAVP;MAAA"}

package/components/checkbox-card/checkbox-card.js

@@ -0,0 +1,83 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { racDisabledStateFaceClass } from "../../styles/state-face.js";
+import { iconCrossfadeHidden, iconCrossfadeShown, iconCrossfadeTransition, selfFocusRingClass } from "../../styles/utils.js";
+import { definedProps } from "../../internal/defined-props.js";
+import { CheckCircle } from "../../icons/generated/check-circle.js";
+import { Badge } from "../badge/badge.js";
+import { Card } from "../card/card.js";
+import { Circle } from "../../icons/generated/circle.js";
+import { tv } from "tailwind-variants";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Field } from "@base-ui/react/field";
+//#region src/components/checkbox-card/checkbox-card.tsx
+const checkboxCardStyles = tv({
+	base: "",
+	variants: {
+		variant: {
+			default: "bg-card",
+			muted: "bg-muted"
+		},
+		isDisabled: { true: racDisabledStateFaceClass }
+	},
+	defaultVariants: { variant: "default" }
+});
+/**
+* Selectable marketing or product card over the base-ui Checkbox primitive. Client
+* component, because it wires Field.Item, the label and the checkbox primitive. It needs a
+* `Field.Root` ancestor, and a checkbox-group ancestor for `value` membership.
+*/
+function CheckboxCard({ children, title, tags, description, variant = "default", rightContent, isDisabled, value, ...other }) {
+	return /* @__PURE__ */ jsx(Field.Item, { children: /* @__PURE__ */ jsx(Card.Root, {
+		className: checkboxCardStyles({
+			variant,
+			isDisabled
+		}),
+		children: /* @__PURE__ */ jsxs(Card.Content, {
+			className: "flex items-center justify-between gap-3 px-4 py-3",
+			children: [/* @__PURE__ */ jsxs(Field.Label, {
+				className: "group flex grow cursor-pointer items-center gap-3 bg-clip-padding outline-hidden has-disabled:cursor-not-allowed",
+				children: [/* @__PURE__ */ jsx(Checkbox.Root, {
+					value,
+					disabled: isDisabled,
+					className: cn("flex shrink-0 items-center rounded-full text-foreground outline-hidden select-none", selfFocusRingClass),
+					render: (props, state) => /* @__PURE__ */ jsxs("span", {
+						...props,
+						className: cn(props.className, "relative inline-grid size-6"),
+						children: [/* @__PURE__ */ jsx(Circle, {
+							"aria-hidden": true,
+							className: cn("col-start-1 row-start-1 size-6 text-foreground", iconCrossfadeTransition, state.checked ? iconCrossfadeHidden : iconCrossfadeShown)
+						}), /* @__PURE__ */ jsx(CheckCircle, {
+							"aria-hidden": true,
+							weight: "fill",
+							className: cn("col-start-1 row-start-1 size-6 text-success", iconCrossfadeTransition, state.checked ? iconCrossfadeShown : iconCrossfadeHidden)
+						})]
+					}),
+					...definedProps(other)
+				}), /* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-1 flex-col",
+						children: [tags && tags.length > 0 ? /* @__PURE__ */ jsx("div", {
+							className: "flex items-center gap-2",
+							children: tags.map((tag) => /* @__PURE__ */ jsx(Badge, { children: tag }, tag))
+						}) : null, /* @__PURE__ */ jsx("div", {
+							className: "text-lg font-medium text-balance text-foreground",
+							children: title
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "text-sm text-pretty text-foreground",
+						children: description
+					}),
+					children
+				] })]
+			}), rightContent ? /* @__PURE__ */ jsx(Fragment, { children: rightContent }) : null]
+		})
+	}) });
+}
+CheckboxCard.displayName = "CheckboxCard";
+//#endregion
+export { CheckboxCard };
+
+//# sourceMappingURL=checkbox-card.js.map

package/components/checkbox-card/checkbox-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-card.js","names":["FieldPrimitive","CheckboxPrimitive"],"sources":["../../../src/components/checkbox-card/checkbox-card.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { Field as FieldPrimitive } from \"@base-ui/react/field\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { CheckCircle } from \"../../icons/generated/check-circle\";\nimport { Circle } from \"../../icons/generated/circle\";\nimport { definedProps } from \"../../internal/defined-props\";\nimport { cn } from \"../../styles/cn\";\nimport { racDisabledStateFaceClass } from \"../../styles/state-face\";\nimport {\n  iconCrossfadeHidden,\n  iconCrossfadeShown,\n  iconCrossfadeTransition,\n  selfFocusRingClass,\n} from \"../../styles/utils\";\nimport { Badge } from \"../badge/badge\";\nimport { Card } from \"../card/card\";\n\nconst checkboxCardStyles = tv({\n  base: \"\",\n  variants: {\n    variant: {\n      default: \"bg-card\",\n      muted: \"bg-muted\",\n    },\n    // The card is the whole control, so it takes the one disabled look on its `isDisabled`\n    // arm: the prop, not a selector, carries the state to the card.\n    isDisabled: {\n      true: racDisabledStateFaceClass,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type CheckboxCardProps = Omit<\n  ComponentProps<typeof CheckboxPrimitive.Root>,\n  \"render\" | \"disabled\" | \"title\" | \"className\"\n> &\n  VariantProps<typeof checkboxCardStyles> & {\n    /** Extra content below the description, inside the label. */\n    children?: ReactNode;\n    /**\n     * Visible title. The native string `title` attribute is omitted so this\n     * `ReactNode` is not narrowed to `string`.\n     */\n    title: ReactNode;\n    /** Badge chips above the title. The row is omitted when `tags` is empty or absent. */\n    tags?: string[];\n    /** Supporting line under the title (`text-sm text-pretty`). */\n    description: string;\n    /** Trailing slot outside the label — clicks there do not toggle the checkbox. */\n    rightContent?: ReactNode;\n    /**\n     * Dims the card with the shared disabled look (50% opacity, `not-allowed` cursor) and\n     * sets `disabled` on the checkbox primitive.\n     * Primitive `disabled` is omitted from the pass-through.\n     */\n    isDisabled?: boolean;\n    /** Checkbox group membership value. */\n    value?: string;\n  };\n\n/**\n * Selectable marketing or product card over the base-ui Checkbox primitive. Client\n * component, because it wires Field.Item, the label and the checkbox primitive. It needs a\n * `Field.Root` ancestor, and a checkbox-group ancestor for `value` membership.\n */\nexport function CheckboxCard({\n  children,\n  title,\n  tags,\n  description,\n  variant = \"default\",\n  rightContent,\n  isDisabled,\n  value,\n  ...other\n}: CheckboxCardProps): ReactElement {\n  return (\n    <FieldPrimitive.Item>\n      <Card.Root className={checkboxCardStyles({ variant, isDisabled })}>\n        <Card.Content className=\"flex items-center justify-between gap-3 px-4 py-3\">\n          {/* oxlint-disable-next-line elmera/no-local-focus-ring -- label is not the focus target; the checkbox owns the adapter */}\n          <FieldPrimitive.Label className=\"group flex grow cursor-pointer items-center gap-3 bg-clip-padding outline-hidden has-disabled:cursor-not-allowed\">\n            <CheckboxPrimitive.Root\n              value={value}\n              disabled={isDisabled}\n              className={cn(\n                // oxlint-disable-next-line elmera/no-local-focus-ring -- native outline off; ring comes from the shared adapter\n                \"flex shrink-0 items-center rounded-full text-foreground outline-hidden select-none\",\n                selfFocusRingClass\n              )}\n              render={(props, state) => (\n                <span {...props} className={cn(props.className, \"relative inline-grid size-6\")}>\n                  <Circle\n                    aria-hidden\n                    className={cn(\n                      \"col-start-1 row-start-1 size-6 text-foreground\",\n                      iconCrossfadeTransition,\n                      state.checked ? iconCrossfadeHidden : iconCrossfadeShown\n                    )}\n                  />\n                  <CheckCircle\n                    aria-hidden\n                    weight=\"fill\"\n                    className={cn(\n                      \"col-start-1 row-start-1 size-6 text-success\",\n                      iconCrossfadeTransition,\n                      state.checked ? iconCrossfadeShown : iconCrossfadeHidden\n                    )}\n                  />\n                </span>\n              )}\n              {...definedProps(other)}\n            />\n            <div>\n              <div className=\"flex flex-1 flex-col\">\n                {tags && tags.length > 0 ? (\n                  <div className=\"flex items-center gap-2\">\n                    {tags.map((tag) => (\n                      <Badge key={tag}>{tag}</Badge>\n                    ))}\n                  </div>\n                ) : null}\n                <div className=\"text-lg font-medium text-balance text-foreground\">{title}</div>\n              </div>\n              <div className=\"text-sm text-pretty text-foreground\">{description}</div>\n              {children}\n            </div>\n          </FieldPrimitive.Label>\n          {rightContent ? <>{rightContent}</> : null}\n        </Card.Content>\n      </Card.Root>\n    </FieldPrimitive.Item>\n  );\n}\n\nCheckboxCard.displayName = \"CheckboxCard\";\n"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAM,qBAAqB,GAAG;CAC5B,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EAGA,YAAY,EACV,MAAM,0BACR;CACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;;;;;;AAmCD,SAAgB,aAAa,EAC3B,UACA,OACA,MACA,aACA,UAAU,WACV,cACA,YACA,OACA,GAAG,SAC+B;CAClC,OACE,oBAACA,MAAe,MAAhB,EAAA,UACE,oBAAC,KAAK,MAAN;EAAW,WAAW,mBAAmB;GAAE;GAAS;EAAW,CAAC;EAC9D,UAAA,qBAAC,KAAK,SAAN;GAAc,WAAU;GAAxB,UAAA,CAEE,qBAACA,MAAe,OAAhB;IAAsB,WAAU;IAAhC,UAAA,CACE,oBAACC,SAAkB,MAAnB;KACS;KACP,UAAU;KACV,WAAW,GAET,sFACA,kBACF;KACA,SAAS,OAAO,UACd,qBAAC,QAAD;MAAM,GAAI;MAAO,WAAW,GAAG,MAAM,WAAW,6BAA6B;MAA7E,UAAA,CACE,oBAAC,QAAD;OACE,eAAA;OACA,WAAW,GACT,kDACA,yBACA,MAAM,UAAU,sBAAsB,kBACxC;MACD,CAAA,GACD,oBAAC,aAAD;OACE,eAAA;OACA,QAAO;OACP,WAAW,GACT,+CACA,yBACA,MAAM,UAAU,qBAAqB,mBACvC;MACD,CAAA,CACG;;KAER,GAAI,aAAa,KAAK;IACvB,CAAA,GACD,qBAAC,OAAD,EAAA,UAAA;KACE,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACG,QAAQ,KAAK,SAAS,IACrB,oBAAC,OAAD;OAAK,WAAU;OACZ,UAAA,KAAK,KAAK,QACT,oBAAC,OAAD,EAAA,UAAkB,IAAW,GAAjB,GAAiB,CAC9B;MACE,CAAA,IACH,MACJ,oBAAC,OAAD;OAAK,WAAU;OAAoD,UAAA;MAAW,CAAA,CAC3E;;KACL,oBAAC,OAAD;MAAK,WAAU;MAAuC,UAAA;KAAiB,CAAA;KACtE;IACE,EAAA,CAAA,CACe;GACrB,CAAA,GAAA,eAAe,oBAAA,UAAA,EAAA,UAAG,aAAe,CAAA,IAAI,IAC1B;;CACL,CAAA,EACQ,CAAA;AAEzB;AAEA,aAAa,cAAc"}

package/components/code/code.d.ts

@@ -0,0 +1,24 @@
+import { ComponentProps, ReactElement } from "react";
+//#region src/components/code/code.d.ts
+export type CodeProps = Omit<ComponentProps<"pre">, "children"> & {
+  /**
+   * Raw source text, highlighted by sugar-high's JavaScript tokenizer. Do not pass
+   * pre-built HTML — the highlighter HTML-escapes token text. The trust boundary
+   * is the calling component, same as ordinary children.
+   */
+  code: string;
+};
+/**
+ * Syntax-highlighted code block. Server component — it owns no
+ * state, no handlers, and no browser APIs.
+ *
+ * The inner `<code>` receives highlighter HTML via `dangerouslySetInnerHTML`. That
+ * markup is `sugar-high` output over the caller-supplied `code` string;
+ * the highlighter escapes token text. Do not pass pre-built HTML.
+ */
+export declare function Code({ className, code, ...props }: CodeProps): ReactElement;
+export declare namespace Code {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=code.d.ts.map

package/components/code/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","names":[],"sources":["../../../src/components/code/code.tsx"],"mappings":";;YAqBY,YAAY,KAAK;;;;;;EAM3B;;;;;;;;;;wBAWc,OAAO,WAAW,SAAS,SAAS,YAAY;yBAAhD;MAAA"}

package/components/code/code.js

@@ -0,0 +1,41 @@
+import { cn } from "../../styles/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { parse, render } from "sugar-high/core";
+import { tokenize } from "sugar-high/lang/javascript";
+//#region src/components/code/code.tsx
+/**
+* The JavaScript/JSX highlighter, composed from sugar-high's granular entries. The
+* package root would bundle every language preset; `Code` has no `lang` API, so the
+* JavaScript tokenizer is the whole requirement.
+*
+* The preset is called without parse-level overrides: its own defaults carry JSX, regex
+* and template scanning, and its packaged types do not accept `parse`'s options object.
+* Mirrors apps/docs/src/components/docs-code-block.tsx — delete both copies when
+* sugar-high fixes its tokenize types.
+*/
+function highlight(source) {
+	return render(parse(source, { tokenize: (code) => tokenize(code, void 0) }));
+}
+/**
+* Syntax-highlighted code block. Server component — it owns no
+* state, no handlers, and no browser APIs.
+*
+* The inner `<code>` receives highlighter HTML via `dangerouslySetInnerHTML`. That
+* markup is `sugar-high` output over the caller-supplied `code` string;
+* the highlighter escapes token text. Do not pass pre-built HTML.
+*/
+function Code({ className, code, ...props }) {
+	return /* @__PURE__ */ jsx("pre", {
+		"data-slot": "code",
+		tabIndex: 0,
+		role: "region",
+		className: cn("text-xs leading-relaxed max-h-160 overflow-auto font-mono", className),
+		...props,
+		children: /* @__PURE__ */ jsx("code", { dangerouslySetInnerHTML: { __html: highlight(code) } })
+	});
+}
+Code.displayName = "Code";
+//#endregion
+export { Code };
+
+//# sourceMappingURL=code.js.map

package/components/code/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":[],"sources":["../../../src/components/code/code.tsx"],"sourcesContent":["import type { ComponentProps, ReactElement } from \"react\";\n\nimport { parse, render } from \"sugar-high/core\";\nimport { tokenize } from \"sugar-high/lang/javascript\";\n\nimport { cn } from \"../../styles/cn\";\n\n/**\n * The JavaScript/JSX highlighter, composed from sugar-high's granular entries. The\n * package root would bundle every language preset; `Code` has no `lang` API, so the\n * JavaScript tokenizer is the whole requirement.\n *\n * The preset is called without parse-level overrides: its own defaults carry JSX, regex\n * and template scanning, and its packaged types do not accept `parse`'s options object.\n * Mirrors apps/docs/src/components/docs-code-block.tsx — delete both copies when\n * sugar-high fixes its tokenize types.\n */\nfunction highlight(source: string): string {\n  return render(parse(source, { tokenize: (code) => tokenize(code, undefined) }));\n}\n\nexport type CodeProps = Omit<ComponentProps<\"pre\">, \"children\"> & {\n  /**\n   * Raw source text, highlighted by sugar-high's JavaScript tokenizer. Do not pass\n   * pre-built HTML — the highlighter HTML-escapes token text. The trust boundary\n   * is the calling component, same as ordinary children.\n   */\n  code: string;\n};\n\n/**\n * Syntax-highlighted code block. Server component — it owns no\n * state, no handlers, and no browser APIs.\n *\n * The inner `<code>` receives highlighter HTML via `dangerouslySetInnerHTML`. That\n * markup is `sugar-high` output over the caller-supplied `code` string;\n * the highlighter escapes token text. Do not pass pre-built HTML.\n */\nexport function Code({ className, code, ...props }: CodeProps): ReactElement {\n  return (\n    <pre\n      data-slot=\"code\"\n      tabIndex={0}\n      role=\"region\"\n      className={cn(\"text-xs leading-relaxed max-h-160 overflow-auto font-mono\", className)}\n      {...props}>\n      <code dangerouslySetInnerHTML={{ __html: highlight(code) }} />\n    </pre>\n  );\n}\n\nCode.displayName = \"Code\";\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,SAAS,UAAU,QAAwB;CACzC,OAAO,OAAO,MAAM,QAAQ,EAAE,WAAW,SAAS,SAAS,MAAM,KAAA,CAAS,EAAE,CAAC,CAAC;AAChF;;;;;;;;;AAmBA,SAAgB,KAAK,EAAE,WAAW,MAAM,GAAG,SAAkC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,UAAU;EACV,MAAK;EACL,WAAW,GAAG,6DAA6D,SAAS;EACpF,GAAI;EACJ,UAAA,oBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,UAAU,IAAI,EAAE,EAAI,CAAA;CAC1D,CAAA;AAET;AAEA,KAAK,cAAc"}

package/components/collapsible/collapsible.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps, ReactElement } from "react";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/collapsible/collapsible.d.ts
+/**
+ * Client single-disclosure primitive. Visually unstyled passthrough apart from the shared
+ * open/close height transition on `Content` (`styles/panel-height.ts`), which consumers can
+ * override through `className`; Accordion is the styled sibling.
+ */
+export declare function CollapsibleRoot(props: ComponentProps<typeof Collapsible.Root>): ReactElement;
+export declare namespace CollapsibleRoot {
+  var displayName: string;
+}
+export declare function CollapsibleTrigger({ className, ...props }: ComponentProps<typeof Collapsible.Trigger>): ReactElement;
+export declare namespace CollapsibleTrigger {
+  var displayName: string;
+}
+export declare function CollapsibleContent({ className, ...props }: ComponentProps<typeof Collapsible.Panel>): ReactElement;
+export declare namespace CollapsibleContent {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=collapsible.d.ts.map

package/components/collapsible/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../../../src/components/collapsible/collapsible.tsx"],"mappings":";;;;;;;;wBAegB,gBAAgB,OAAO,sBAAsB,YAAqB,QAAQ;yBAA1E;MAAA;;wBAIA,qBACd,cACG,SACF,sBAAsB,YAAqB,WAAW;yBAHzC;MAAA;;wBAaA,qBACd,cACG,SACF,sBAAsB,YAAqB,SAAS;yBAHvC;MAAA"}

package/components/collapsible/collapsible.js

@@ -0,0 +1,39 @@
+"use client";
+import { panelHeightTransition } from "../../styles/panel-height.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/collapsible/collapsible.tsx
+/**
+* Client single-disclosure primitive. Visually unstyled passthrough apart from the shared
+* open/close height transition on `Content` (`styles/panel-height.ts`), which consumers can
+* override through `className`; Accordion is the styled sibling.
+*/
+function CollapsibleRoot(props) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+		"data-slot": "collapsible-trigger",
+		className: mergeClassName(className, selfFocusRingClass),
+		...props
+	});
+}
+function CollapsibleContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
+		"data-slot": "collapsible-content",
+		className: mergeClassName(className, panelHeightTransition, "h-(--collapsible-panel-height)"),
+		...props
+	});
+}
+CollapsibleRoot.displayName = "Collapsible.Root";
+CollapsibleTrigger.displayName = "Collapsible.Trigger";
+CollapsibleContent.displayName = "Collapsible.Content";
+//#endregion
+export { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger };
+
+//# sourceMappingURL=collapsible.js.map

package/components/collapsible/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive"],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\n\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { panelHeightTransition } from \"../../styles/panel-height\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\n\n/**\n * Client single-disclosure primitive. Visually unstyled passthrough apart from the shared\n * open/close height transition on `Content` (`styles/panel-height.ts`), which consumers can\n * override through `className`; Accordion is the styled sibling.\n */\nexport function CollapsibleRoot(props: ComponentProps<typeof CollapsiblePrimitive.Root>): ReactElement {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nexport function CollapsibleTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof CollapsiblePrimitive.Trigger>): ReactElement {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      className={mergeClassName(className, selfFocusRingClass)}\n      {...props}\n    />\n  );\n}\n\nexport function CollapsibleContent({\n  className,\n  ...props\n}: ComponentProps<typeof CollapsiblePrimitive.Panel>): ReactElement {\n  return (\n    <CollapsiblePrimitive.Panel\n      data-slot=\"collapsible-content\"\n      className={mergeClassName(className, panelHeightTransition, \"h-(--collapsible-panel-height)\")}\n      {...props}\n    />\n  );\n}\n\nCollapsibleRoot.displayName = \"Collapsible.Root\";\nCollapsibleTrigger.displayName = \"Collapsible.Trigger\";\nCollapsibleContent.displayName = \"Collapsible.Content\";\n"],"mappings":";;;;;;;;;;;;AAeA,SAAgB,gBAAgB,OAAuE;CACrG,OAAO,oBAACA,YAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAI;CAAQ,CAAA;AACxE;AAEA,SAAgB,mBAAmB,EACjC,WACA,GAAG,SACiE;CACpE,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,eAAe,WAAW,kBAAkB;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,mBAAmB,EACjC,WACA,GAAG,SAC+D;CAClE,OACE,oBAACA,YAAqB,OAAtB;EACE,aAAU;EACV,WAAW,eAAe,WAAW,uBAAuB,gCAAgC;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc"}

package/components/collapsible/index.d.ts

@@ -0,0 +1,9 @@
+import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger } from "./collapsible.js";
+//#region src/components/collapsible/index.d.ts
+export declare const Collapsible: {
+  Root: typeof CollapsibleRoot;
+  Trigger: typeof CollapsibleTrigger;
+  Content: typeof CollapsibleContent;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

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

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

package/components/collapsible/index.js

@@ -0,0 +1,16 @@
+import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger } from "./collapsible.js";
+//#region src/components/collapsible/index.ts
+/**
+* Server-visible namespace for `Collapsible`.
+* 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 Collapsible = {
+	Root: CollapsibleRoot,
+	Trigger: CollapsibleTrigger,
+	Content: CollapsibleContent
+};
+//#endregion
+export { Collapsible };
+
+//# sourceMappingURL=index.js.map

package/components/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/collapsible/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Collapsible`.\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 { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from \"./collapsible\";\n\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent,\n};\n"],"mappings":";;;;;;;AAOA,MAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,SAAS;AACX"}

package/components/combobox/combobox.d.ts

@@ -0,0 +1,140 @@
+import { OverlayContainerProps, OverlayPositionerProps } from "../overlay/overlay-props.js";
+import { ComponentProps, ReactElement, ReactNode, RefObject } from "react";
+import { Combobox, ComboboxRoot as ComboboxRoot$1 } from "@base-ui/react";
+//#region src/components/combobox/combobox.d.ts
+export type ComboboxRootProps<Value = unknown, Multiple extends boolean | undefined = false> = Omit<ComboboxRoot$1.Props<Value, Multiple>, "locale">;
+export declare function ComboboxRoot<Value = unknown, Multiple extends boolean | undefined = false>(props: ComboboxRootProps<Value, Multiple>): ReactElement;
+export declare namespace ComboboxRoot {
+  var displayName: string;
+}
+export declare function ComboboxValue({ ...props }: ComponentProps<typeof Combobox.Value>): ReactElement;
+export declare namespace ComboboxValue {
+  var displayName: string;
+}
+export declare function ComboboxTrigger({ className, children, ...props }: ComponentProps<typeof Combobox.Trigger>): ReactElement;
+export declare namespace ComboboxTrigger {
+  var displayName: string;
+}
+export type ComboboxClearProps = ComponentProps<typeof Combobox.Clear> & {
+  /**
+   * Accessible name for the icon-only clear button. An explicit `aria-label` wins over it;
+   * both default to the locale dictionary.
+   */
+  label?: string;
+};
+export declare function ComboboxClear({ className, label, "aria-label": ariaLabel, ...props }: ComboboxClearProps): ReactElement;
+export declare namespace ComboboxClear {
+  var displayName: string;
+}
+export type ComboboxInputProps = Omit<ComponentProps<typeof Combobox.Input>, "children" | "className"> & {
+  /**
+   * Renders the caret trigger button in the inline-end addon.
+   * Hidden at runtime whenever a clear button is present in the group.
+   * @default true
+   */
+  showTrigger?: boolean;
+  /**
+   * Renders `Combobox.Clear` in the inline-end addon.
+   * @default false
+   */
+  showClear?: boolean;
+  /**
+   * Disables the input and the trigger/clear buttons. Combines with `disabled` on
+   * `Combobox.Root` and `Field.Root`: any of the three disables the input.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Extra classes, applied to the outer InputGroup (`w-auto`), not the input element.
+   */
+  className?: string;
+  /**
+   * Rendered inside the InputGroup after the addon (extra addons, hidden inputs).
+   */
+  children?: ReactNode;
+  /**
+   * Accessible name for the auto-rendered Clear button when `showClear`. Defaults to
+   * the locale dictionary.
+   */
+  clearLabel?: string;
+  /**
+   * Accessible name for the auto-rendered caret trigger when `showTrigger`. Defaults to
+   * the locale dictionary.
+   */
+  triggerLabel?: string;
+};
+export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, clearLabel, triggerLabel, ...props }: ComboboxInputProps): ReactElement;
+export declare namespace ComboboxInput {
+  var displayName: string;
+}
+export type ComboboxContentProps = ComponentProps<typeof Combobox.Popup> & OverlayPositionerProps<ComponentProps<typeof Combobox.Positioner>> & {
+  /**
+   * Element, ref, or virtual element to position against. Pass `useComboboxAnchor()`'s
+   * ref; also flips `data-external-anchor` on the popup.
+   */
+  anchor?: ComponentProps<typeof Combobox.Positioner>["anchor"];
+} & OverlayContainerProps;
+export declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, container, ...props }: ComboboxContentProps): ReactElement | null;
+export declare namespace ComboboxContent {
+  var displayName: string;
+}
+export declare function ComboboxList({ className, ...props }: ComponentProps<typeof Combobox.List>): ReactElement;
+export declare namespace ComboboxList {
+  var displayName: string;
+}
+export declare function ComboboxItem({ className, children, ...props }: ComponentProps<typeof Combobox.Item>): ReactElement;
+export declare namespace ComboboxItem {
+  var displayName: string;
+}
+export declare function ComboboxGroup({ className, ...props }: ComponentProps<typeof Combobox.Group>): ReactElement;
+export declare namespace ComboboxGroup {
+  var displayName: string;
+}
+export declare function ComboboxLabel({ className, ...props }: ComponentProps<typeof Combobox.GroupLabel>): ReactElement;
+export declare namespace ComboboxLabel {
+  var displayName: string;
+}
+export declare function ComboboxCollection({ ...props }: ComponentProps<typeof Combobox.Collection>): ReactElement;
+export declare namespace ComboboxCollection {
+  var displayName: string;
+}
+export declare function ComboboxEmpty({ className, children, ...props }: ComponentProps<typeof Combobox.Empty>): ReactElement;
+export declare namespace ComboboxEmpty {
+  var displayName: string;
+}
+export declare function ComboboxSeparator({ className, ...props }: ComponentProps<typeof Combobox.Separator>): ReactElement;
+export declare namespace ComboboxSeparator {
+  var displayName: string;
+}
+export declare function ComboboxChips({ className, ...props }: ComponentProps<typeof Combobox.Chips>): ReactElement;
+export declare namespace ComboboxChips {
+  var displayName: string;
+}
+export type ComboboxChipProps = ComponentProps<typeof Combobox.Chip> & {
+  /**
+   * Renders the chip-remove button with an `X`.
+   * @default true
+   */
+  showRemove?: boolean;
+  /**
+   * Accessible name for the remove button. Defaults to dictionary `removeItem`
+   * formatted with the chip's string children, then `itemToStringLabel(value)`.
+   * When neither yields text, the localized "Remove" string with no trailing space.
+   */
+  removeLabel?: string;
+};
+export declare function ComboboxChip({ ref, className, children, showRemove, removeLabel, ...props }: ComboboxChipProps): ReactElement;
+export declare namespace ComboboxChip {
+  var displayName: string;
+}
+export declare function ComboboxChipsInput({ className, ...props }: ComponentProps<typeof Combobox.Input>): ReactElement;
+export declare namespace ComboboxChipsInput {
+  var displayName: string;
+}
+/**
+ * Typed ref helper to anchor `Combobox.Content` to an external element
+ * (e.g. the `Combobox.Chips` container or an `InputGroup.Root`).
+ */
+export declare function useComboboxAnchor(): RefObject<HTMLDivElement | null>;
+//#endregion
+//# sourceMappingURL=combobox.d.ts.map

package/components/combobox/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","names":[],"sources":["../../../src/components/combobox/combobox.tsx"],"mappings":";;;;YAqDY,kBAAkB,iBAAiB,gDAAgD,KAC7F,eAAiB,MAAM,OAAO;wBAIhB,aAAa,iBAAiB,8CAC5C,OAAO,kBAAkB,OAAO,YAC/B;yBAFa;MAAA;;wBAqBA,mBAAmB,SAAS,sBAAsB,SAAkB,SAAS;yBAA7E;MAAA;;wBAIA,kBACd,WACA,aACG,SACF,sBAAsB,SAAkB,WAAW;yBAJtC;MAAA;;YAgBJ,qBAAqB,sBAAsB,SAAkB;;;;;EAKvE;;wBAGc,gBACd,WACA,qBACc,cACX,SACF,qBAAqB;yBALR;MAAA;;YAqBJ,qBAAqB,KAC/B,sBAAsB,SAAkB;;;;;;EAQxC;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA,WAAW;;;;;EAKX;;;;;EAKA;;wBAGc,gBACd,WACA,UACA,UACA,aACA,WACA,YACA,iBACG,SACF,qBAAqB;yBATR;MAAA;;YAoCJ,uBAAuB,sBAAsB,SAAkB,SACzE,uBAAuB,sBAAsB,SAAkB;;;;;EAK7D,SAAS,sBAAsB,SAAkB;IAC/C;wBAEU,kBACd,WACA,MACA,YACA,OACA,aACA,QACA,cACG,SACF,uBAAuB;yBATV;MAAA;;wBAqCA,eACd,cACG,SACF,sBAAsB,SAAkB,QAAQ;yBAHnC;MAAA;;wBAgBA,eACd,WACA,aACG,SACF,sBAAsB,SAAkB,QAAQ;yBAJnC;MAAA;;wBAwBA,gBACd,cACG,SACF,sBAAsB,SAAkB,SAAS;yBAHpC;MAAA;;wBASA,gBACd,cACG,SACF,sBAAsB,SAAkB,cAAc;yBAHzC;MAAA;;wBAaA,wBACX,SACF,sBAAsB,SAAkB,cAAc;yBAFzC;MAAA;;wBAMA,gBACd,WACA,aACG,SACF,sBAAsB,SAAkB,SAAS;yBAJpC;MAAA;;wBAmBA,oBACd,cACG,SACF,sBAAsB,SAAkB,aAAa;yBAHxC;MAAA;;wBAaA,gBACd,cACG,SACF,sBAAsB,SAAkB,SAAS;yBAHpC;MAAA;;YA2BJ,oBAAoB,sBAAsB,SAAkB;;;;;EAKtE;;;;;;EAMA;;wBA6Bc,eACd,KACA,WACA,UACA,YACA,gBACG,SACF,oBAAoB;yBAPP;MAAA;;wBAiEA,qBACd,cACG,SACF,sBAAsB,SAAkB,SAAS;yBAHpC;MAAA;;;;;;wBA2BA,qBAAqB,UAAU"}