cortena-ui 1.3.0 → 1.4.0

package/dist/components/popover.js

@@ -0,0 +1,74 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/popover.tsx
+/**
+* Popover.
+*
+* `PopoverContent` composes Base UI's Portal + Positioner + Popup so consumers
+* keep writing `<PopoverContent side="bottom" align="start">`; the positioning
+* props are forwarded to the Positioner, which is where Base UI reads them.
+*
+* Radix users: `asChild` on the trigger becomes `render={<Button />}`;
+* `PopoverAnchor` is gone — pass `anchor={ref}` to `PopoverContent` instead.
+*/
+function Popover$1(props) {
+	return /* @__PURE__ */ jsx(Popover.Root, { ...props });
+}
+function PopoverTrigger(props) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverClose(props) {
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		"data-slot": "popover-close",
+		...props
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		"data-slot": "popover-title",
+		className: cn("text-[length:var(--ds-text-body-sm)] font-semibold text-[color:var(--ds-foreground)]", className),
+		...props
+	});
+}
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		"data-slot": "popover-description",
+		className: cn("text-[length:var(--ds-text-caption-lg)] text-[color:var(--ds-muted-foreground)]", className),
+		...props
+	});
+}
+function PopoverContent({ className, side = "bottom", align = "center", sideOffset = 4, alignOffset, anchor, collisionBoundary, collisionPadding, collisionAvoidance, sticky, positionMethod, keepMounted, container, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, {
+		keepMounted,
+		container,
+		children: /* @__PURE__ */ jsx(Popover.Positioner, {
+			"data-slot": "popover-positioner",
+			side,
+			align,
+			sideOffset,
+			alignOffset,
+			anchor,
+			collisionBoundary,
+			collisionPadding,
+			collisionAvoidance,
+			sticky,
+			positionMethod,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsx(Popover.Popup, {
+				"data-slot": "popover-content",
+				className: cn("w-72 p-4 outline-none", "rounded-[var(--ds-radius-lg)] border border-[var(--ds-border)]", "bg-[var(--ds-popover)] text-[color:var(--ds-popover-foreground)] shadow-[var(--ds-shadow-lg)]", "open:animate-in open:fade-in-0 open:zoom-in-95", "closed:animate-out closed:fade-out-0 closed:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]", className),
+				...props
+			})
+		})
+	});
+}
+//#endregion
+export { Popover$1 as Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["Popover","PopoverPrimitive"],"sources":["../../src/components/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Popover.\n *\n * `PopoverContent` composes Base UI's Portal + Positioner + Popup so consumers\n * keep writing `<PopoverContent side=\"bottom\" align=\"start\">`; the positioning\n * props are forwarded to the Positioner, which is where Base UI reads them.\n *\n * Radix users: `asChild` on the trigger becomes `render={<Button />}`;\n * `PopoverAnchor` is gone — pass `anchor={ref}` to `PopoverContent` instead.\n */\nfunction Popover(props: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root {...props} />;\n}\n\nfunction PopoverTrigger(props: PopoverPrimitive.Trigger.Props) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverClose(props: PopoverPrimitive.Close.Props) {\n  return <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />;\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\n        \"text-[length:var(--ds-text-body-sm)] font-semibold text-[color:var(--ds-foreground)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\n        \"text-[length:var(--ds-text-caption-lg)] text-[color:var(--ds-muted-foreground)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype PositionerProps = Pick<\n  PopoverPrimitive.Positioner.Props,\n  | \"side\"\n  | \"align\"\n  | \"sideOffset\"\n  | \"alignOffset\"\n  | \"anchor\"\n  | \"collisionBoundary\"\n  | \"collisionPadding\"\n  | \"collisionAvoidance\"\n  | \"sticky\"\n  | \"positionMethod\"\n>;\n\nexport interface PopoverContentProps extends PopoverPrimitive.Popup.Props, PositionerProps {\n  /** Keep the popup mounted in the DOM while hidden. */\n  keepMounted?: boolean;\n  /** Where to portal the popup; defaults to `<body>`. */\n  container?: PopoverPrimitive.Portal.Props[\"container\"];\n}\n\nfunction PopoverContent({\n  className,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset,\n  anchor,\n  collisionBoundary,\n  collisionPadding,\n  collisionAvoidance,\n  sticky,\n  positionMethod,\n  keepMounted,\n  container,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal keepMounted={keepMounted} container={container}>\n      <PopoverPrimitive.Positioner\n        data-slot=\"popover-positioner\"\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        collisionBoundary={collisionBoundary}\n        collisionPadding={collisionPadding}\n        collisionAvoidance={collisionAvoidance}\n        sticky={sticky}\n        positionMethod={positionMethod}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            \"w-72 p-4 outline-none\",\n            \"rounded-[var(--ds-radius-lg)] border border-[var(--ds-border)]\",\n            \"bg-[var(--ds-popover)] text-[color:var(--ds-popover-foreground)] shadow-[var(--ds-shadow-lg)]\",\n            \"open:animate-in open:fade-in-0 open:zoom-in-95\",\n            \"closed:animate-out closed:fade-out-0 closed:zoom-out-95\",\n            \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n            \"duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]\",\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverClose,\n  PopoverTitle,\n  PopoverDescription,\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAASA,UAAQ,OAAoC;CACnD,OAAO,oBAACC,QAAiB,MAAlB,EAAuB,GAAI,MAAQ,CAAA;AAC5C;AAEA,SAAS,eAAe,OAAuC;CAC7D,OAAO,oBAACA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,aAAa,OAAqC;CACzD,OAAO,oBAACA,QAAiB,OAAlB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;CAC3E,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAW,GACT,wFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAA6C;CACvF,OACE,oBAACA,QAAiB,aAAlB;EACE,aAAU;EACV,WAAW,GACT,mFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAuBA,SAAS,eAAe,EACtB,WACA,OAAO,UACP,QAAQ,UACR,aAAa,GACb,aACA,QACA,mBACA,kBACA,oBACA,QACA,gBACA,aACA,WACA,GAAG,SACmB;CACtB,OACE,oBAACA,QAAiB,QAAlB;EAAsC;EAAwB;EAC5D,UAAA,oBAACA,QAAiB,YAAlB;GACE,aAAU;GACJ;GACC;GACK;GACC;GACL;GACW;GACD;GACE;GACZ;GACQ;GAChB,WAAU;GAEV,UAAA,oBAACA,QAAiB,OAAlB;IACE,aAAU;IACV,WAAW,GACT,yBACA,kEACA,iGACA,kDACA,2DACA,+JACA,gEACA,SACF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B"}

package/dist/components/progress.d.ts

@@ -0,0 +1,22 @@
+"use client";
+import * as React from "react";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/progress.d.ts
+/**
+ * Progress.
+ *
+ * `Progress` renders the Base UI root (a `<div role="progressbar">` carrying
+ * `aria-valuenow`) with the track and indicator already inside; Base UI sizes
+ * the indicator to `value` as a percentage of `min`..`max`. Put a
+ * `ProgressLabel` and `ProgressValue` in `children` for a captioned bar; they
+ * render in a row above the track. `value={null}` gives an indeterminate bar.
+ */
+export interface ProgressProps extends React.ComponentProps<typeof Progress.Root> {}
+declare function Progress$1({ className, children, ...props }: ProgressProps): React.JSX.Element;
+declare function ProgressTrack({ className, ...props }: React.ComponentProps<typeof Progress.Track>): React.JSX.Element;
+declare function ProgressIndicator({ className, ...props }: React.ComponentProps<typeof Progress.Indicator>): React.JSX.Element;
+declare function ProgressLabel({ className, ...props }: React.ComponentProps<typeof Progress.Label>): React.JSX.Element;
+declare function ProgressValue({ className, ...props }: React.ComponentProps<typeof Progress.Value>): React.JSX.Element;
+//#endregion
+export { Progress$1 as Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress.js

@@ -0,0 +1,49 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/progress.tsx
+function Progress$1({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Progress.Root, {
+		"data-slot": "progress",
+		className: cn("flex w-full flex-col gap-2", className),
+		...props,
+		children: [children ? /* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-between gap-2",
+			children
+		}) : null, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
+	});
+}
+function ProgressTrack({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Track, {
+		"data-slot": "progress-track",
+		className: cn("relative h-2 w-full overflow-hidden rounded-[var(--ds-radius-full)] bg-[var(--ds-border)]", className),
+		...props
+	});
+}
+function ProgressIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Indicator, {
+		"data-slot": "progress-indicator",
+		className: cn("h-full rounded-[var(--ds-radius-full)] bg-[var(--ds-primary)]", "transition-[width] duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]", "data-[indeterminate]:w-1/3 data-[indeterminate]:animate-pulse", className),
+		...props
+	});
+}
+function ProgressLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Label, {
+		"data-slot": "progress-label",
+		className: cn("text-[length:var(--ds-text-caption-lg)] font-medium text-[color:var(--ds-foreground)]", className),
+		...props
+	});
+}
+function ProgressValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Value, {
+		"data-slot": "progress-value",
+		className: cn("text-[length:var(--ds-text-caption-lg)] tabular-nums text-[color:var(--ds-muted-foreground)]", className),
+		...props
+	});
+}
+//#endregion
+export { Progress$1 as Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
+
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["Progress","BaseProgress"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Progress.\n *\n * `Progress` renders the Base UI root (a `<div role=\"progressbar\">` carrying\n * `aria-valuenow`) with the track and indicator already inside; Base UI sizes\n * the indicator to `value` as a percentage of `min`..`max`. Put a\n * `ProgressLabel` and `ProgressValue` in `children` for a captioned bar; they\n * render in a row above the track. `value={null}` gives an indeterminate bar.\n */\nexport interface ProgressProps extends React.ComponentProps<typeof BaseProgress.Root> {}\n\nfunction Progress({ className, children, ...props }: ProgressProps) {\n  return (\n    <BaseProgress.Root data-slot=\"progress\" className={cn(\"flex w-full flex-col gap-2\", className)} {...props}>\n      {children ? <div className=\"flex items-center justify-between gap-2\">{children}</div> : null}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </BaseProgress.Root>\n  );\n}\n\nfunction ProgressTrack({ className, ...props }: React.ComponentProps<typeof BaseProgress.Track>) {\n  return (\n    <BaseProgress.Track\n      data-slot=\"progress-track\"\n      className={cn(\n        \"relative h-2 w-full overflow-hidden rounded-[var(--ds-radius-full)] bg-[var(--ds-border)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ProgressIndicator({ className, ...props }: React.ComponentProps<typeof BaseProgress.Indicator>) {\n  return (\n    <BaseProgress.Indicator\n      data-slot=\"progress-indicator\"\n      className={cn(\n        \"h-full rounded-[var(--ds-radius-full)] bg-[var(--ds-primary)]\",\n        \"transition-[width] duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]\",\n        \"data-[indeterminate]:w-1/3 data-[indeterminate]:animate-pulse\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ProgressLabel({ className, ...props }: React.ComponentProps<typeof BaseProgress.Label>) {\n  return (\n    <BaseProgress.Label\n      data-slot=\"progress-label\"\n      className={cn(\n        \"text-[length:var(--ds-text-caption-lg)] font-medium text-[color:var(--ds-foreground)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ProgressValue({ className, ...props }: React.ComponentProps<typeof BaseProgress.Value>) {\n  return (\n    <BaseProgress.Value\n      data-slot=\"progress-value\"\n      className={cn(\n        \"text-[length:var(--ds-text-caption-lg)] tabular-nums text-[color:var(--ds-muted-foreground)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };\n"],"mappings":";;;;;;AAiBA,SAASA,WAAS,EAAE,WAAW,UAAU,GAAG,SAAwB;CAClE,OACE,qBAACC,SAAa,MAAd;EAAmB,aAAU;EAAW,WAAW,GAAG,8BAA8B,SAAS;EAAG,GAAI;EAApG,UAAA,CACG,WAAW,oBAAC,OAAD;GAAK,WAAU;GAA2C;EAAc,CAAA,IAAI,MACxF,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,CAAoB,CAAA,EACP,CAAA,CACE;;AAEvB;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAA0D;CAC/F,OACE,oBAACA,SAAa,OAAd;EACE,aAAU;EACV,WAAW,GACT,6FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAA8D;CACvG,OACE,oBAACA,SAAa,WAAd;EACE,aAAU;EACV,WAAW,GACT,iEACA,mFACA,iEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAA0D;CAC/F,OACE,oBAACA,SAAa,OAAd;EACE,aAAU;EACV,WAAW,GACT,yFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAA0D;CAC/F,OACE,oBAACA,SAAa,OAAd;EACE,aAAU;EACV,WAAW,GACT,gGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,20 @@
+"use client";
+import * as React from "react";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/components/radio-group.d.ts
+/**
+ * Radio group.
+ *
+ * `RadioGroup` owns the value (`value` / `defaultValue` / `onValueChange`) and
+ * renders a `<div role="radiogroup">`; each `RadioGroupItem` is a Base UI
+ * `Radio.Root` (`<span role="radio">`) with a dot indicator that only mounts
+ * while checked. Arrow keys move the selection, as the ARIA pattern requires.
+ */
+export interface RadioGroupProps extends React.ComponentProps<typeof RadioGroup> {}
+declare function RadioGroup$1({ className, ...props }: RadioGroupProps): React.JSX.Element;
+export interface RadioGroupItemProps extends React.ComponentProps<typeof Radio.Root> {}
+declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): React.JSX.Element;
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.js

@@ -0,0 +1,29 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/components/radio-group.tsx
+function RadioGroup$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		"data-slot": "radio-group",
+		className: cn("grid gap-3", className),
+		...props
+	});
+}
+function RadioGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		"data-slot": "radio-group-item",
+		className: cn("peer inline-flex aspect-square size-4 shrink-0 items-center justify-center rounded-[var(--ds-radius-full)] border", "border-[var(--ds-input)] bg-[var(--ds-background)] text-[color:var(--ds-primary)]", "transition-[border-color,box-shadow] duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]", "outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40", "data-[checked]:border-[var(--ds-primary)]", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "aria-invalid:border-[var(--ds-destructive)] aria-invalid:ring-[3px] aria-invalid:ring-[var(--ds-destructive)]/20", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Radio.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "block size-2 rounded-[var(--ds-radius-full)] bg-current"
+		})
+	});
+}
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+
+//# sourceMappingURL=radio-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["RadioGroup","BaseRadioGroup"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Radio } from \"@base-ui/react/radio\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Radio group.\n *\n * `RadioGroup` owns the value (`value` / `defaultValue` / `onValueChange`) and\n * renders a `<div role=\"radiogroup\">`; each `RadioGroupItem` is a Base UI\n * `Radio.Root` (`<span role=\"radio\">`) with a dot indicator that only mounts\n * while checked. Arrow keys move the selection, as the ARIA pattern requires.\n */\nexport interface RadioGroupProps extends React.ComponentProps<typeof BaseRadioGroup> {}\n\nfunction RadioGroup({ className, ...props }: RadioGroupProps) {\n  return <BaseRadioGroup data-slot=\"radio-group\" className={cn(\"grid gap-3\", className)} {...props} />;\n}\n\nexport interface RadioGroupItemProps extends React.ComponentProps<typeof Radio.Root> {}\n\nfunction RadioGroupItem({ className, ...props }: RadioGroupItemProps) {\n  return (\n    <Radio.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"peer inline-flex aspect-square size-4 shrink-0 items-center justify-center rounded-[var(--ds-radius-full)] border\",\n        \"border-[var(--ds-input)] bg-[var(--ds-background)] text-[color:var(--ds-primary)]\",\n        \"transition-[border-color,box-shadow] duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]\",\n        \"outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40\",\n        \"data-[checked]:border-[var(--ds-primary)]\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        \"aria-invalid:border-[var(--ds-destructive)] aria-invalid:ring-[3px] aria-invalid:ring-[var(--ds-destructive)]/20\",\n        className,\n      )}\n      {...props}\n    >\n      <Radio.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"block size-2 rounded-[var(--ds-radius-full)] bg-current\"\n      />\n    </Radio.Root>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;AAiBA,SAASA,aAAW,EAAE,WAAW,GAAG,SAA0B;CAC5D,OAAO,oBAACC,YAAD;EAAgB,aAAU;EAAc,WAAW,GAAG,cAAc,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrG;AAIA,SAAS,eAAe,EAAE,WAAW,GAAG,SAA8B;CACpE,OACE,oBAAC,MAAM,MAAP;EACE,aAAU;EACV,WAAW,GACT,qHACA,qFACA,qGACA,gFACA,6CACA,kEACA,oHACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,MAAM,WAAP;GACE,aAAU;GACV,WAAU;EACX,CAAA;CACS,CAAA;AAEhB"}

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

@@ -0,0 +1,25 @@
+"use client";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area.d.ts
+/**
+ * ScrollArea.
+ *
+ * Base UI positions the scrollbar and thumb itself (absolute inside the root,
+ * thumb size in `--scroll-area-thumb-*`); this file only sets the track width,
+ * the thumb colour and the hover/scroll reveal. Base UI also unmounts the
+ * scrollbar when there is nothing to scroll, so an empty list shows no track.
+ *
+ * Radix users: the `display: table` wrapper is gone, so `truncate` works
+ * inside the viewport without the `[&>div]:!block` override cortenaweb needed.
+ * `type="always" | "hover"` is gone too; the scrollbar shows on hover and while
+ * scrolling, and `keepMounted` on `ScrollBar` keeps it in the DOM otherwise.
+ */
+export interface ScrollAreaProps extends ScrollArea.Root.Props {
+  /** Which scrollbars to render. Defaults to vertical only. */
+  orientation?: "vertical" | "horizontal" | "both";
+}
+declare function ScrollArea$1({ className, children, orientation, ...props }: ScrollAreaProps): import("react").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollArea.Scrollbar.Props): import("react").JSX.Element;
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area.js

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area.tsx
+function ScrollArea$1({ className, children, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		className: cn("relative overflow-hidden", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full overscroll-contain rounded-[inherit] outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40",
+				children
+			}),
+			orientation !== "horizontal" && /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
+			orientation !== "vertical" && /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+			/* @__PURE__ */ jsx(ScrollArea.Corner, { "data-slot": "scroll-area-corner" })
+		]
+	});
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		className: cn("flex touch-none select-none p-px", "opacity-0 transition-opacity duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]", "data-[hovering]:opacity-100 data-[scrolling]:opacity-100", orientation === "vertical" && "w-2.5 flex-col", orientation === "horizontal" && "h-2.5 flex-row", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: cn("relative flex-1 rounded-[var(--ds-radius-full)] bg-[var(--ds-border-strong)]", orientation === "vertical" ? "w-full" : "h-full")
+		})
+	});
+}
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollBar };
+
+//# sourceMappingURL=scroll-area.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":["ScrollArea","ScrollAreaPrimitive"],"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * ScrollArea.\n *\n * Base UI positions the scrollbar and thumb itself (absolute inside the root,\n * thumb size in `--scroll-area-thumb-*`); this file only sets the track width,\n * the thumb colour and the hover/scroll reveal. Base UI also unmounts the\n * scrollbar when there is nothing to scroll, so an empty list shows no track.\n *\n * Radix users: the `display: table` wrapper is gone, so `truncate` works\n * inside the viewport without the `[&>div]:!block` override cortenaweb needed.\n * `type=\"always\" | \"hover\"` is gone too; the scrollbar shows on hover and while\n * scrolling, and `keepMounted` on `ScrollBar` keeps it in the DOM otherwise.\n */\nexport interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props {\n  /** Which scrollbars to render. Defaults to vertical only. */\n  orientation?: \"vertical\" | \"horizontal\" | \"both\";\n}\n\nfunction ScrollArea({ className, children, orientation = \"vertical\", ...props }: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative overflow-hidden\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full overscroll-contain rounded-[inherit] outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      {orientation !== \"horizontal\" && <ScrollBar orientation=\"vertical\" />}\n      {orientation !== \"vertical\" && <ScrollBar orientation=\"horizontal\" />}\n      <ScrollAreaPrimitive.Corner data-slot=\"scroll-area-corner\" />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none select-none p-px\",\n        \"opacity-0 transition-opacity duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]\",\n        \"data-[hovering]:opacity-100 data-[scrolling]:opacity-100\",\n        orientation === \"vertical\" && \"w-2.5 flex-col\",\n        orientation === \"horizontal\" && \"h-2.5 flex-row\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot=\"scroll-area-thumb\"\n        className={cn(\n          \"relative flex-1 rounded-[var(--ds-radius-full)] bg-[var(--ds-border-strong)]\",\n          orientation === \"vertical\" ? \"w-full\" : \"h-full\",\n        )}\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;AAuBA,SAASA,aAAW,EAAE,WAAW,UAAU,cAAc,YAAY,GAAG,SAA0B;CAChG,OACE,qBAACC,WAAoB,MAArB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;EAHN,UAAA;GAKE,oBAACA,WAAoB,UAArB;IACE,aAAU;IACV,WAAU;IAET;GAC2B,CAAA;GAC7B,gBAAgB,gBAAgB,oBAAC,WAAD,EAAW,aAAY,WAAY,CAAA;GACnE,gBAAgB,cAAc,oBAAC,WAAD,EAAW,aAAY,aAAc,CAAA;GACpE,oBAACA,WAAoB,QAArB,EAA4B,aAAU,qBAAsB,CAAA;EACpC;;AAE9B;AAEA,SAAS,UAAU,EACjB,WACA,cAAc,YACd,GAAG,SACmC;CACtC,OACE,oBAACA,WAAoB,WAArB;EACE,aAAU;EACG;EACb,WAAW,GACT,oCACA,6FACA,4DACA,gBAAgB,cAAc,kBAC9B,gBAAgB,gBAAgB,kBAChC,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,WAAoB,OAArB;GACE,aAAU;GACV,WAAW,GACT,gFACA,gBAAgB,aAAa,WAAW,QAC1C;EACD,CAAA;CAC4B,CAAA;AAEnC"}

package/dist/components/section-card.d.ts

@@ -0,0 +1,29 @@
+"use client";
+import { CardProps } from "./card.js";
+import * as React from "react";
+//#region src/components/section-card.d.ts
+export interface SectionCardProps extends Omit<CardProps, "title"> {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  /** Controls for the section, right-aligned in the header row. */
+  actions?: React.ReactNode;
+  /** Rendered in a CardFooter under the body. */
+  footer?: React.ReactNode;
+  /** Remove the body padding, for a table or list that fills the card. */
+  flush?: boolean;
+  /** Class on the body wrapper. */
+  bodyClassName?: string;
+}
+/**
+ * SectionCard — a Card with a header row (title, description, actions), a
+ * body and an optional footer. It composes the Card parts rather than
+ * restyling them, so a SectionCard and a hand-built Card look identical.
+ *
+ * `render` is Card's and reaches the outer element, so a section card can be
+ * the landmark it is named after: `render={<section aria-labelledby={id} />}`
+ * with the same `id` on the title, or `render={<aside />}` for a side panel.
+ */
+declare function SectionCard({ title, description, actions, footer, flush, bodyClassName, children, ...props }: SectionCardProps): React.JSX.Element;
+//#endregion
+export { SectionCard };
+//# sourceMappingURL=section-card.d.ts.map

package/dist/components/section-card.js

@@ -0,0 +1,55 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/section-card.tsx
+/**
+* SectionCard — a Card with a header row (title, description, actions), a
+* body and an optional footer. It composes the Card parts rather than
+* restyling them, so a SectionCard and a hand-built Card look identical.
+*
+* `render` is Card's and reaches the outer element, so a section card can be
+* the landmark it is named after: `render={<section aria-labelledby={id} />}`
+* with the same `id` on the title, or `render={<aside />}` for a side panel.
+*/
+function SectionCard({ title, description, actions, footer, flush, bodyClassName, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Card, {
+		"data-slot": "section-card",
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs(CardHeader, {
+				"data-slot": "section-card-header",
+				className: "flex-row items-start justify-between gap-4 border-b border-[var(--ds-border-subtle)] pb-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					"data-slot": "section-card-heading",
+					className: "flex min-w-0 flex-col gap-1",
+					children: [/* @__PURE__ */ jsx(CardTitle, {
+						"data-slot": "section-card-title",
+						children: title
+					}), description ? /* @__PURE__ */ jsx(CardDescription, {
+						"data-slot": "section-card-description",
+						children: description
+					}) : null]
+				}), actions ? /* @__PURE__ */ jsx("div", {
+					"data-slot": "section-card-actions",
+					className: "flex shrink-0 flex-wrap items-center justify-end gap-2",
+					children: actions
+				}) : null]
+			}),
+			/* @__PURE__ */ jsx(CardContent, {
+				"data-slot": "section-card-body",
+				className: cn(flush ? "p-0" : "p-5", bodyClassName),
+				children
+			}),
+			footer ? /* @__PURE__ */ jsx(CardFooter, {
+				"data-slot": "section-card-footer",
+				children: footer
+			}) : null
+		]
+	});
+}
+//#endregion
+export { SectionCard };
+
+//# sourceMappingURL=section-card.js.map

package/dist/components/section-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-card.js","names":[],"sources":["../../src/components/section-card.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  type CardProps,\n} from \"@/components/card\";\nimport { cn } from \"@/lib/cn\";\n\nexport interface SectionCardProps extends Omit<CardProps, \"title\"> {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /** Controls for the section, right-aligned in the header row. */\n  actions?: React.ReactNode;\n  /** Rendered in a CardFooter under the body. */\n  footer?: React.ReactNode;\n  /** Remove the body padding, for a table or list that fills the card. */\n  flush?: boolean;\n  /** Class on the body wrapper. */\n  bodyClassName?: string;\n}\n\n/**\n * SectionCard — a Card with a header row (title, description, actions), a\n * body and an optional footer. It composes the Card parts rather than\n * restyling them, so a SectionCard and a hand-built Card look identical.\n *\n * `render` is Card's and reaches the outer element, so a section card can be\n * the landmark it is named after: `render={<section aria-labelledby={id} />}`\n * with the same `id` on the title, or `render={<aside />}` for a side panel.\n */\nfunction SectionCard({\n  title,\n  description,\n  actions,\n  footer,\n  flush,\n  bodyClassName,\n  children,\n  ...props\n}: SectionCardProps) {\n  return (\n    <Card data-slot=\"section-card\" {...props}>\n      <CardHeader\n        data-slot=\"section-card-header\"\n        className=\"flex-row items-start justify-between gap-4 border-b border-[var(--ds-border-subtle)] pb-4\"\n      >\n        <div data-slot=\"section-card-heading\" className=\"flex min-w-0 flex-col gap-1\">\n          <CardTitle data-slot=\"section-card-title\">{title}</CardTitle>\n          {description ? (\n            <CardDescription data-slot=\"section-card-description\">{description}</CardDescription>\n          ) : null}\n        </div>\n        {actions ? (\n          <div\n            data-slot=\"section-card-actions\"\n            className=\"flex shrink-0 flex-wrap items-center justify-end gap-2\"\n          >\n            {actions}\n          </div>\n        ) : null}\n      </CardHeader>\n      <CardContent\n        data-slot=\"section-card-body\"\n        className={cn(flush ? \"p-0\" : \"p-5\", bodyClassName)}\n      >\n        {children}\n      </CardContent>\n      {footer ? <CardFooter data-slot=\"section-card-footer\">{footer}</CardFooter> : null}\n    </Card>\n  );\n}\n\nexport { SectionCard };\n"],"mappings":";;;;;;;;;;;;;;;AAoCA,SAAS,YAAY,EACnB,OACA,aACA,SACA,QACA,OACA,eACA,UACA,GAAG,SACgB;CACnB,OACE,qBAAC,MAAD;EAAM,aAAU;EAAe,GAAI;EAAnC,UAAA;GACE,qBAAC,YAAD;IACE,aAAU;IACV,WAAU;IAFZ,UAAA,CAIE,qBAAC,OAAD;KAAK,aAAU;KAAuB,WAAU;KAAhD,UAAA,CACE,oBAAC,WAAD;MAAW,aAAU;MAAsB,UAAA;KAAiB,CAAA,GAC3D,cACC,oBAAC,iBAAD;MAAiB,aAAU;MAA4B,UAAA;KAA6B,CAAA,IAClF,IACD;IACJ,CAAA,GAAA,UACC,oBAAC,OAAD;KACE,aAAU;KACV,WAAU;KAET,UAAA;IACE,CAAA,IACH,IACM;;GACZ,oBAAC,aAAD;IACE,aAAU;IACV,WAAW,GAAG,QAAQ,QAAQ,OAAO,aAAa;IAEjD;GACU,CAAA;GACZ,SAAS,oBAAC,YAAD;IAAY,aAAU;IAAuB,UAAA;GAAmB,CAAA,IAAI;EAC1E;;AAEV"}

package/dist/components/segmented.d.ts

@@ -0,0 +1,27 @@
+"use client";
+import * as React from "react";
+//#region src/components/segmented.d.ts
+/**
+ * Segmented control.
+ *
+ * A single-select row of options exposed as a radiogroup: the same semantics
+ * cortenaweb shipped, which screen readers announce as "1 of 3, selected".
+ * The active segment lifts onto the raised surface with the small shadow; the
+ * others read as muted text until hovered.
+ */
+export interface SegmentedOption<T extends string = string> {
+  value: T;
+  label: React.ReactNode;
+  icon?: React.ReactNode;
+  disabled?: boolean;
+}
+export interface SegmentedProps<T extends string = string> extends Omit<React.ComponentProps<"div">, "onChange"> {
+  value: T;
+  onValueChange: (value: T) => void;
+  options: readonly SegmentedOption<T>[];
+  "aria-label"?: string;
+}
+declare function Segmented<T extends string = string>({ className, value, onValueChange, options, "aria-label": ariaLabel, ...props }: SegmentedProps<T>): React.JSX.Element;
+//#endregion
+export { Segmented };
+//# sourceMappingURL=segmented.d.ts.map

package/dist/components/segmented.js

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/segmented.tsx
+function Segmented({ className, value, onValueChange, options, "aria-label": ariaLabel, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "radiogroup",
+		"aria-label": ariaLabel,
+		"data-slot": "segmented",
+		className: cn("inline-flex gap-0.5 rounded-[var(--ds-radius-md)] border border-[var(--ds-border-subtle)] bg-[var(--ds-muted)] p-1", className),
+		...props,
+		children: options.map((opt) => {
+			const active = opt.value === value;
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": active,
+				disabled: opt.disabled,
+				"data-slot": "segmented-item",
+				"data-state": active ? "on" : "off",
+				onClick: () => onValueChange(opt.value),
+				className: cn("inline-flex items-center gap-1.5 rounded-[var(--ds-radius-sm)] px-3 py-1 font-medium", "text-[length:var(--ds-text-caption)]", "transition-[background-color,color,box-shadow] duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]", active ? "bg-[var(--ds-popover)] text-[color:var(--ds-foreground)] shadow-[var(--ds-shadow-sm)]" : "text-[color:var(--ds-muted-foreground)] hover:text-[color:var(--ds-foreground)]", "outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0"),
+				children: [opt.icon, opt.label]
+			}, opt.value);
+		})
+	});
+}
+//#endregion
+export { Segmented };
+
+//# sourceMappingURL=segmented.js.map

package/dist/components/segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.js","names":[],"sources":["../../src/components/segmented.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Segmented control.\n *\n * A single-select row of options exposed as a radiogroup: the same semantics\n * cortenaweb shipped, which screen readers announce as \"1 of 3, selected\".\n * The active segment lifts onto the raised surface with the small shadow; the\n * others read as muted text until hovered.\n */\nexport interface SegmentedOption<T extends string = string> {\n  value: T;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface SegmentedProps<T extends string = string>\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\"> {\n  value: T;\n  onValueChange: (value: T) => void;\n  options: readonly SegmentedOption<T>[];\n  \"aria-label\"?: string;\n}\n\nfunction Segmented<T extends string = string>({\n  className,\n  value,\n  onValueChange,\n  options,\n  \"aria-label\": ariaLabel,\n  ...props\n}: SegmentedProps<T>) {\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      data-slot=\"segmented\"\n      className={cn(\n        \"inline-flex gap-0.5 rounded-[var(--ds-radius-md)] border border-[var(--ds-border-subtle)] bg-[var(--ds-muted)] p-1\",\n        className,\n      )}\n      {...props}\n    >\n      {options.map((opt) => {\n        const active = opt.value === value;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={active}\n            disabled={opt.disabled}\n            data-slot=\"segmented-item\"\n            data-state={active ? \"on\" : \"off\"}\n            onClick={() => onValueChange(opt.value)}\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-[var(--ds-radius-sm)] px-3 py-1 font-medium\",\n              \"text-[length:var(--ds-text-caption)]\",\n              \"transition-[background-color,color,box-shadow] duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]\",\n              active\n                ? \"bg-[var(--ds-popover)] text-[color:var(--ds-foreground)] shadow-[var(--ds-shadow-sm)]\"\n                : \"text-[color:var(--ds-muted-foreground)] hover:text-[color:var(--ds-foreground)]\",\n              \"outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40\",\n              \"disabled:pointer-events-none disabled:opacity-50\",\n              \"[&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0\",\n            )}\n          >\n            {opt.icon}\n            {opt.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { Segmented };\n"],"mappings":";;;;;AA4BA,SAAS,UAAqC,EAC5C,WACA,OACA,eACA,SACA,cAAc,WACd,GAAG,SACiB;CACpB,OACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,aAAU;EACV,WAAW,GACT,sHACA,SACF;EACA,GAAI;EAEH,UAAA,QAAQ,KAAK,QAAQ;GACpB,MAAM,SAAS,IAAI,UAAU;GAC7B,OACE,qBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,gBAAc;IACd,UAAU,IAAI;IACd,aAAU;IACV,cAAY,SAAS,OAAO;IAC5B,eAAe,cAAc,IAAI,KAAK;IACtC,WAAW,GACT,wFACA,wCACA,+GACA,SACI,0FACA,mFACJ,gFACA,oDACA,+DACF;IAnBF,UAAA,CAqBG,IAAI,MACJ,IAAI,KACC;GAtBD,GAAA,IAAI,KAsBH;EAEZ,CAAC;CACE,CAAA;AAET"}

package/dist/components/select.d.ts

@@ -0,0 +1,62 @@
+"use client";
+import { Select } from "@base-ui/react/select";
+//#region src/components/select.d.ts
+/**
+ * Select.
+ *
+ * `SelectContent` composes Base UI's Portal + Positioner + Popup so consumers
+ * keep writing `<SelectContent side="bottom" align="start">`; positioning
+ * props are forwarded to the Positioner, which is where Base UI reads them.
+ *
+ * Radix users:
+ * - `SelectValue` shows the raw value unless the Root is given `items`
+ *   (`{ [value]: label }` or `[{ value, label }]`) or `itemToStringLabel`;
+ *   Base UI does not read the label out of an unmounted `SelectItem`.
+ * - `onValueChange` receives `(value, eventDetails)`.
+ * - `SelectContent` defaults to the dropdown layout; pass
+ *   `alignItemWithTrigger` for Base UI's native-like overlay of the selected item.
+ *
+ * ## Typing the value
+ *
+ * `null` is the cleared / placeholder state, so `onValueChange` always hands
+ * back `Value | null`, never bare `Value`. Name the value type on the element
+ * to keep that union at `string | null` instead of letting inference widen it:
+ *
+ * ```tsx
+ * const [status, setStatus] = useState("");
+ *
+ * <Select<string>
+ *   // "" is not a value any item carries; `|| null` is the placeholder state,
+ *   // which is what makes SelectValue fall back to its `placeholder`.
+ *   value={status || null}
+ *   onValueChange={(next) => setStatus(next ?? "")} // next: string | null
+ * >
+ * ```
+ *
+ * Without the explicit `<string>` the type argument is inferred from `value`,
+ * so a `string | null` value widens `Value` and the handler's parameter turns
+ * into `string | null | null`. Multi-select narrows too:
+ * `<Select<string, true> multiple>` hands back `string[]`, never `null`.
+ *
+ * `SelectProps` is the same props type, for a wrapper that forwards them.
+ */
+export type SelectProps<Value = string, Multiple extends boolean | undefined = false> = Select.Root.Props<Value, Multiple>;
+declare function Select$1<Value, Multiple extends boolean | undefined = false>(props: SelectProps<Value, Multiple>): import("react").JSX.Element;
+declare function SelectGroup({ className, ...props }: Select.Group.Props): import("react").JSX.Element;
+declare function SelectValue({ className, ...props }: Select.Value.Props): import("react").JSX.Element;
+export interface SelectTriggerProps extends Select.Trigger.Props {
+  size?: "sm" | "md";
+}
+declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): import("react").JSX.Element;
+type PositionerProps = Pick<Select.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor" | "collisionBoundary" | "collisionPadding" | "collisionAvoidance" | "sticky" | "positionMethod" | "alignItemWithTrigger">;
+export interface SelectContentProps extends Select.Popup.Props, PositionerProps {
+  /** Where to portal the popup; defaults to `<body>`. */
+  container?: Select.Portal.Props["container"];
+}
+declare function SelectContent({ className, children, side, align, sideOffset, alignOffset, anchor, collisionBoundary, collisionPadding, collisionAvoidance, sticky, positionMethod, alignItemWithTrigger, container, ...props }: SelectContentProps): import("react").JSX.Element;
+declare function SelectLabel({ className, ...props }: Select.GroupLabel.Props): import("react").JSX.Element;
+declare function SelectItem({ className, children, ...props }: Select.Item.Props): import("react").JSX.Element;
+declare function SelectSeparator({ className, ...props }: Select.Separator.Props): import("react").JSX.Element;
+//#endregion
+export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.d.ts.map