@optimum-intelligence/opti-ui 0.0.0-stage → 0.2.0

package/dist/components/popover/Popover.js

@@ -0,0 +1,186 @@
+"use client";
+import { usePortalContainer } from "../../utils/portal.js";
+import { withClass } from "../../utils/cx.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/popover/Popover.tsx
+function PopoverContent(t0) {
+	const $ = c(29);
+	let arrow;
+	let children;
+	let className;
+	let positionerProps;
+	let props;
+	let ref;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({side: t1, align: t2, sideOffset: t3, arrow, positionerProps, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = arrow;
+		$[2] = children;
+		$[3] = className;
+		$[4] = positionerProps;
+		$[5] = props;
+		$[6] = ref;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else {
+		arrow = $[1];
+		children = $[2];
+		className = $[3];
+		positionerProps = $[4];
+		props = $[5];
+		ref = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+	}
+	const side = t1 === void 0 ? "bottom" : t1;
+	const align = t2 === void 0 ? "center" : t2;
+	const sideOffset = t3 === void 0 ? 8 : t3;
+	const container = usePortalContainer();
+	let t4;
+	if ($[10] !== className) {
+		t4 = withClass("oui-popover", className);
+		$[10] = className;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== arrow) {
+		t5 = arrow && /* @__PURE__ */ jsx(Popover.Arrow, { className: "oui-popover__arrow" });
+		$[12] = arrow;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== children || $[15] !== props || $[16] !== ref || $[17] !== t4 || $[18] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Popover.Popup, {
+			ref,
+			className: t4,
+			...props,
+			children: [t5, children]
+		});
+		$[14] = children;
+		$[15] = props;
+		$[16] = ref;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== align || $[21] !== positionerProps || $[22] !== side || $[23] !== sideOffset || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Popover.Positioner, {
+			className: "oui-popover__positioner",
+			side,
+			align,
+			sideOffset,
+			...positionerProps,
+			children: t6
+		});
+		$[20] = align;
+		$[21] = positionerProps;
+		$[22] = side;
+		$[23] = sideOffset;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	let t8;
+	if ($[26] !== container || $[27] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Popover.Portal, {
+			container,
+			children: t7
+		});
+		$[26] = container;
+		$[27] = t7;
+		$[28] = t8;
+	} else t8 = $[28];
+	return t8;
+}
+function PopoverTitle(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-popover__title", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Popover.Title, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function PopoverDescription(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-popover__description", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Popover.Description, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+/** Floating panel anchored to a trigger, for small forms, filters and details. */
+var Popover$1 = {
+	Root: Popover.Root,
+	Trigger: Popover.Trigger,
+	Content: PopoverContent,
+	Title: PopoverTitle,
+	Description: PopoverDescription,
+	Close: Popover.Close
+};
+//#endregion
+export { Popover$1 as Popover };
+
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["Popover","BasePopover","withClass","usePortalContainer","PopoverContentProps","Popup","Props","side","Positioner","align","sideOffset","arrow","positionerProps","PopoverContent","t0","$","_c","children","className","props","ref","t1","t2","t3","undefined","container","t4","t5","t6","t7","t8","PopoverTitle","PopoverDescription","Root","Trigger","Content","Title","Description","Close","_c","BasePopover","Popover"],"sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { withClass } from '../../utils/cx';\nimport { usePortalContainer } from '../../utils/portal';\n\nexport interface PopoverContentProps extends BasePopover.Popup.Props {\n  side?: BasePopover.Positioner.Props['side'];\n  align?: BasePopover.Positioner.Props['align'];\n  sideOffset?: BasePopover.Positioner.Props['sideOffset'];\n  /** Show a small arrow pointing at the trigger. */\n  arrow?: boolean;\n  positionerProps?: BasePopover.Positioner.Props;\n}\n\nfunction PopoverContent({\n  side = 'bottom',\n  align = 'center',\n  sideOffset = 8,\n  arrow,\n  positionerProps,\n  className,\n  children,\n  ref,\n  ...props\n}: PopoverContentProps) {\n  const container = usePortalContainer();\n  return (\n    <BasePopover.Portal container={container}>\n      <BasePopover.Positioner\n        className=\"oui-popover__positioner\"\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        {...positionerProps}\n      >\n        <BasePopover.Popup ref={ref} className={withClass('oui-popover', className)} {...props}>\n          {arrow && <BasePopover.Arrow className=\"oui-popover__arrow\" />}\n          {children}\n        </BasePopover.Popup>\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  );\n}\n\nfunction PopoverTitle({ className, ref, ...props }: BasePopover.Title.Props) {\n  return <BasePopover.Title ref={ref} className={withClass('oui-popover__title', className)} {...props} />;\n}\n\nfunction PopoverDescription({ className, ref, ...props }: BasePopover.Description.Props) {\n  return <BasePopover.Description ref={ref} className={withClass('oui-popover__description', className)} {...props} />;\n}\n\n/** Floating panel anchored to a trigger, for small forms, filters and details. */\nexport const Popover = {\n  Root: BasePopover.Root,\n  Trigger: BasePopover.Trigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: BasePopover.Close,\n};\n"],"mappings":"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"}

package/dist/components/preview-card/PreviewCard.d.ts

@@ -0,0 +1,20 @@
+import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';
+export interface PreviewCardContentProps extends BasePreviewCard.Popup.Props {
+    side?: BasePreviewCard.Positioner.Props['side'];
+    align?: BasePreviewCard.Positioner.Props['align'];
+    sideOffset?: BasePreviewCard.Positioner.Props['sideOffset'];
+    /** Show a small arrow pointing at the trigger. */
+    arrow?: boolean;
+    positionerProps?: BasePreviewCard.Positioner.Props;
+}
+declare function PreviewCardContent({ side, align, sideOffset, arrow, positionerProps, className, children, ref, ...props }: PreviewCardContentProps): import("react").JSX.Element;
+/**
+ * Card that appears when a link is hovered or focused, previewing what is behind it.
+ * `PreviewCard.Trigger` is the link itself. Keep the content supplementary: touch users never see it.
+ */
+export declare const PreviewCard: {
+    Root: <Payload>(props: BasePreviewCard.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: BasePreviewCard.Trigger;
+    Content: typeof PreviewCardContent;
+};
+export {};

package/dist/components/preview-card/PreviewCard.js

@@ -0,0 +1,114 @@
+"use client";
+import { usePortalContainer } from "../../utils/portal.js";
+import { withClass } from "../../utils/cx.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+//#region src/components/preview-card/PreviewCard.tsx
+function PreviewCardContent(t0) {
+	const $ = c(29);
+	let arrow;
+	let children;
+	let className;
+	let positionerProps;
+	let props;
+	let ref;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({side: t1, align: t2, sideOffset: t3, arrow, positionerProps, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = arrow;
+		$[2] = children;
+		$[3] = className;
+		$[4] = positionerProps;
+		$[5] = props;
+		$[6] = ref;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else {
+		arrow = $[1];
+		children = $[2];
+		className = $[3];
+		positionerProps = $[4];
+		props = $[5];
+		ref = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+	}
+	const side = t1 === void 0 ? "bottom" : t1;
+	const align = t2 === void 0 ? "center" : t2;
+	const sideOffset = t3 === void 0 ? 8 : t3;
+	const container = usePortalContainer();
+	let t4;
+	if ($[10] !== className) {
+		t4 = withClass("oui-preview-card", className);
+		$[10] = className;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== arrow) {
+		t5 = arrow && /* @__PURE__ */ jsx(PreviewCard.Arrow, { className: "oui-preview-card__arrow" });
+		$[12] = arrow;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== children || $[15] !== props || $[16] !== ref || $[17] !== t4 || $[18] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(PreviewCard.Popup, {
+			ref,
+			className: t4,
+			...props,
+			children: [t5, children]
+		});
+		$[14] = children;
+		$[15] = props;
+		$[16] = ref;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== align || $[21] !== positionerProps || $[22] !== side || $[23] !== sideOffset || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+			className: "oui-preview-card__positioner",
+			side,
+			align,
+			sideOffset,
+			...positionerProps,
+			children: t6
+		});
+		$[20] = align;
+		$[21] = positionerProps;
+		$[22] = side;
+		$[23] = sideOffset;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	let t8;
+	if ($[26] !== container || $[27] !== t7) {
+		t8 = /* @__PURE__ */ jsx(PreviewCard.Portal, {
+			container,
+			children: t7
+		});
+		$[26] = container;
+		$[27] = t7;
+		$[28] = t8;
+	} else t8 = $[28];
+	return t8;
+}
+/**
+* Card that appears when a link is hovered or focused, previewing what is behind it.
+* `PreviewCard.Trigger` is the link itself. Keep the content supplementary: touch users never see it.
+*/
+var PreviewCard$1 = {
+	Root: PreviewCard.Root,
+	Trigger: PreviewCard.Trigger,
+	Content: PreviewCardContent
+};
+//#endregion
+export { PreviewCard$1 as PreviewCard };
+
+//# sourceMappingURL=PreviewCard.js.map

package/dist/components/preview-card/PreviewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCard.js","names":["PreviewCard","BasePreviewCard","withClass","usePortalContainer","PreviewCardContentProps","Popup","Props","side","Positioner","align","sideOffset","arrow","positionerProps","PreviewCardContent","t0","$","_c","children","className","props","ref","t1","t2","t3","undefined","container","t4","t5","t6","t7","t8","Root","Trigger","Content","_c","BasePreviewCard","PreviewCard"],"sources":["../../../src/components/preview-card/PreviewCard.tsx"],"sourcesContent":["import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';\nimport { withClass } from '../../utils/cx';\nimport { usePortalContainer } from '../../utils/portal';\n\nexport interface PreviewCardContentProps extends BasePreviewCard.Popup.Props {\n  side?: BasePreviewCard.Positioner.Props['side'];\n  align?: BasePreviewCard.Positioner.Props['align'];\n  sideOffset?: BasePreviewCard.Positioner.Props['sideOffset'];\n  /** Show a small arrow pointing at the trigger. */\n  arrow?: boolean;\n  positionerProps?: BasePreviewCard.Positioner.Props;\n}\n\nfunction PreviewCardContent({\n  side = 'bottom',\n  align = 'center',\n  sideOffset = 8,\n  arrow,\n  positionerProps,\n  className,\n  children,\n  ref,\n  ...props\n}: PreviewCardContentProps) {\n  const container = usePortalContainer();\n  return (\n    <BasePreviewCard.Portal container={container}>\n      <BasePreviewCard.Positioner\n        className=\"oui-preview-card__positioner\"\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        {...positionerProps}\n      >\n        <BasePreviewCard.Popup ref={ref} className={withClass('oui-preview-card', className)} {...props}>\n          {arrow && <BasePreviewCard.Arrow className=\"oui-preview-card__arrow\" />}\n          {children}\n        </BasePreviewCard.Popup>\n      </BasePreviewCard.Positioner>\n    </BasePreviewCard.Portal>\n  );\n}\n\n/**\n * Card that appears when a link is hovered or focused, previewing what is behind it.\n * `PreviewCard.Trigger` is the link itself. Keep the content supplementary: touch users never see it.\n */\nexport const PreviewCard = {\n  Root: BasePreviewCard.Root,\n  Trigger: BasePreviewCard.Trigger,\n  Content: PreviewCardContent,\n};\n"],"mappings":";;;;;;;AAaA,SAAAa,mBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAL;CAAA,IAAAM;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR,EAAA,OAAAD,IAAA;EAA4B,CAAA,CAAAP,MAAAc,IAAAZ,OAAAa,IAAAZ,YAAAa,IAAAZ,OAAAC,iBAAAM,WAAAD,UAAAG,KAAA,GAAAD,SAAAL;EAUFC,EAAA,KAAAD;EAAAC,EAAA,KAAAJ;EAAAI,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAH;EAAAG,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAA;EAAAZ,QAAAI,EAAA;EAAAE,WAAAF,EAAA;EAAAG,YAAAH,EAAA;EAAAH,kBAAAG,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,MAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;CAAA;CATxB,MAAAR,OAAAc,OAAAG,KAAAA,IAAA,WAAAH;CACA,MAAAZ,QAAAa,OAAAE,KAAAA,IAAA,WAAAF;CACA,MAAAZ,aAAAa,OAAAC,KAAAA,IAAA,IAAAD;CAQA,MAAAE,YAAkBtB,mBAAmB;CAAE,IAAAuB;CAAA,IAAAX,EAAA,QAAAG,WAAA;EAUWQ,KAAAxB,UAAU,oBAAoBgB,SAAS;EAACH,EAAA,MAAAG;EAAAH,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAY;CAAA,IAAAZ,EAAA,QAAAJ,OAAA;EACjFgB,KAAAhB,SAAS,oBAAAwB,YAAA,OAAA,EAAiC,WAAA,0BAAyB,CAAA;EAAGpB,EAAA,MAAAJ;EAAAI,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,QAAAE,YAAAF,EAAA,QAAAI,SAAAJ,EAAA,QAAAK,OAAAL,EAAA,QAAAW,MAAAX,EAAA,QAAAY,IAAA;EADzEC,KAAA,qBAAAO,YAAA,OAAA;GAA4Bf;GAAgB,WAAAM;GAAwC,GAAMP;GAA1F,UAAA,CACGQ,IACAV,QACH;;EAAwBF,EAAA,MAAAE;EAAAF,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAN,SAAAM,EAAA,QAAAH,mBAAAG,EAAA,QAAAR,QAAAQ,EAAA,QAAAL,cAAAK,EAAA,QAAAa,IAAA;EAV1BC,KAAA,oBAAAM,YAAA,YAAA;GACY,WAAA;GACJ5B;GACCE;GACKC;GAAU,GAClBE;GAEJgB,UAAAA;EAIF,CAAA;EAA6Bb,EAAA,MAAAN;EAAAM,EAAA,MAAAH;EAAAG,EAAA,MAAAR;EAAAQ,EAAA,MAAAL;EAAAK,EAAA,MAAAa;EAAAb,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAU,aAAAV,EAAA,QAAAc,IAAA;EAZ/BC,KAAA,oBAAAK,YAAA,QAAA;GAAmCV;GACjCI,UAAAA;EAYF,CAAA;EAAyBd,EAAA,MAAAU;EAAAV,EAAA,MAAAc;EAAAd,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAbzBe;AAayB;;;;;AAQ7B,IAAa9B,gBAAc;CACzB+B,MAAM9B,YAAgB8B;CACtBC,SAAS/B,YAAgB+B;CACzBC,SAASpB;AACX"}

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+export type ProgressTone = 'accent' | 'primary' | 'success' | 'warning' | 'danger';
+export interface ProgressProps extends BaseProgress.Root.Props {
+    label?: React.ReactNode;
+    showValue?: boolean;
+    tone?: ProgressTone;
+    size?: 'sm' | 'md' | 'lg';
+}
+/** Task completion. Pass `value={null}` for an indeterminate bar. */
+export declare function Progress({ label, showValue, tone, size, className, ref, ...props }: ProgressProps): React.JSX.Element;
+export interface MeterProps extends BaseMeter.Root.Props {
+    label?: React.ReactNode;
+    showValue?: boolean;
+    tone?: ProgressTone;
+    size?: 'sm' | 'md' | 'lg';
+}
+/** A measurement within a known range (quota, capacity, score). */
+export declare function Meter({ label, showValue, tone, size, className, ref, ...props }: MeterProps): React.JSX.Element;

package/dist/components/progress/Progress.js

@@ -0,0 +1,169 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/progress/Progress.tsx
+/** Task completion. Pass `value={null}` for an indeterminate bar. */
+function Progress$1(t0) {
+	const $ = c(21);
+	let className;
+	let label;
+	let props;
+	let ref;
+	let showValue;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({label, showValue, tone: t1, size: t2, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = label;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = showValue;
+		$[6] = t1;
+		$[7] = t2;
+	} else {
+		className = $[1];
+		label = $[2];
+		props = $[3];
+		ref = $[4];
+		showValue = $[5];
+		t1 = $[6];
+		t2 = $[7];
+	}
+	const tone = t1 === void 0 ? "accent" : t1;
+	const size = t2 === void 0 ? "md" : t2;
+	let t3;
+	if ($[8] !== className) {
+		t3 = withClass("oui-progress", className);
+		$[8] = className;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== label || $[11] !== showValue) {
+		t4 = (label || showValue) && /* @__PURE__ */ jsxs("div", {
+			className: "oui-progress__header",
+			children: [label && /* @__PURE__ */ jsx(Progress.Label, {
+				className: "oui-progress__label",
+				children: label
+			}), showValue && /* @__PURE__ */ jsx(Progress.Value, { className: "oui-progress__value" })]
+		});
+		$[10] = label;
+		$[11] = showValue;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Progress.Track, {
+			className: "oui-progress__track",
+			children: /* @__PURE__ */ jsx(Progress.Indicator, { className: "oui-progress__indicator" })
+		});
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== props || $[15] !== ref || $[16] !== size || $[17] !== t3 || $[18] !== t4 || $[19] !== tone) {
+		t6 = /* @__PURE__ */ jsxs(Progress.Root, {
+			ref,
+			className: t3,
+			"data-tone": tone,
+			"data-size": size,
+			...props,
+			children: [t4, t5]
+		});
+		$[14] = props;
+		$[15] = ref;
+		$[16] = size;
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = tone;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
+}
+/** A measurement within a known range (quota, capacity, score). */
+function Meter$1(t0) {
+	const $ = c(21);
+	let className;
+	let label;
+	let props;
+	let ref;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({label, showValue: t1, tone: t2, size: t3, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = label;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else {
+		className = $[1];
+		label = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+	}
+	const showValue = t1 === void 0 ? true : t1;
+	const tone = t2 === void 0 ? "accent" : t2;
+	const size = t3 === void 0 ? "md" : t3;
+	let t4;
+	if ($[8] !== className) {
+		t4 = withClass("oui-progress", className);
+		$[8] = className;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== label || $[11] !== showValue) {
+		t5 = (label || showValue) && /* @__PURE__ */ jsxs("div", {
+			className: "oui-progress__header",
+			children: [label && /* @__PURE__ */ jsx(Meter.Label, {
+				className: "oui-progress__label",
+				children: label
+			}), showValue && /* @__PURE__ */ jsx(Meter.Value, { className: "oui-progress__value" })]
+		});
+		$[10] = label;
+		$[11] = showValue;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Meter.Track, {
+			className: "oui-progress__track",
+			children: /* @__PURE__ */ jsx(Meter.Indicator, { className: "oui-progress__indicator" })
+		});
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== props || $[15] !== ref || $[16] !== size || $[17] !== t4 || $[18] !== t5 || $[19] !== tone) {
+		t7 = /* @__PURE__ */ jsxs(Meter.Root, {
+			ref,
+			className: t4,
+			"data-tone": tone,
+			"data-size": size,
+			...props,
+			children: [t5, t6]
+		});
+		$[14] = props;
+		$[15] = ref;
+		$[16] = size;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = tone;
+		$[20] = t7;
+	} else t7 = $[20];
+	return t7;
+}
+//#endregion
+export { Meter$1 as Meter, Progress$1 as Progress };
+
+//# sourceMappingURL=Progress.js.map

package/dist/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":["React","Progress","BaseProgress","Meter","BaseMeter","withClass","ProgressTone","ProgressProps","Root","Props","label","ReactNode","showValue","tone","size","t0","$","_c","className","props","ref","t1","t2","undefined","t3","t4","t5","Symbol","for","t6","MeterProps","t7","Progress","_c","BaseProgress","Meter","BaseMeter"],"sources":["../../../src/components/progress/Progress.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Progress as BaseProgress } from '@base-ui/react/progress';\nimport { Meter as BaseMeter } from '@base-ui/react/meter';\nimport { withClass } from '../../utils/cx';\n\nexport type ProgressTone = 'accent' | 'primary' | 'success' | 'warning' | 'danger';\n\nexport interface ProgressProps extends BaseProgress.Root.Props {\n  label?: React.ReactNode;\n  showValue?: boolean;\n  tone?: ProgressTone;\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/** Task completion. Pass `value={null}` for an indeterminate bar. */\nexport function Progress({ label, showValue, tone = 'accent', size = 'md', className, ref, ...props }: ProgressProps) {\n  return (\n    <BaseProgress.Root\n      ref={ref}\n      className={withClass('oui-progress', className)}\n      data-tone={tone}\n      data-size={size}\n      {...props}\n    >\n      {(label || showValue) && (\n        <div className=\"oui-progress__header\">\n          {label && <BaseProgress.Label className=\"oui-progress__label\">{label}</BaseProgress.Label>}\n          {showValue && <BaseProgress.Value className=\"oui-progress__value\" />}\n        </div>\n      )}\n      <BaseProgress.Track className=\"oui-progress__track\">\n        <BaseProgress.Indicator className=\"oui-progress__indicator\" />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\n\nexport interface MeterProps extends BaseMeter.Root.Props {\n  label?: React.ReactNode;\n  showValue?: boolean;\n  tone?: ProgressTone;\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/** A measurement within a known range (quota, capacity, score). */\nexport function Meter({ label, showValue = true, tone = 'accent', size = 'md', className, ref, ...props }: MeterProps) {\n  return (\n    <BaseMeter.Root\n      ref={ref}\n      className={withClass('oui-progress', className)}\n      data-tone={tone}\n      data-size={size}\n      {...props}\n    >\n      {(label || showValue) && (\n        <div className=\"oui-progress__header\">\n          {label && <BaseMeter.Label className=\"oui-progress__label\">{label}</BaseMeter.Label>}\n          {showValue && <BaseMeter.Value className=\"oui-progress__value\" />}\n        </div>\n      )}\n      <BaseMeter.Track className=\"oui-progress__track\">\n        <BaseMeter.Indicator className=\"oui-progress__indicator\" />\n      </BaseMeter.Track>\n    </BaseMeter.Root>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
+export interface ScrollAreaProps extends BaseScrollArea.Root.Props {
+    /** Which scrollbars to render. */
+    scrollbars?: 'vertical' | 'horizontal' | 'both';
+    viewportProps?: BaseScrollArea.Viewport.Props;
+}
+/** Scroll container with slim, themed overlay scrollbars. Set a height or max-height. */
+export declare function ScrollArea({ scrollbars, viewportProps, className, children, ref, ...props }: ScrollAreaProps): import("react").JSX.Element;

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

@@ -0,0 +1,112 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area/ScrollArea.tsx
+/** Scroll container with slim, themed overlay scrollbars. Set a height or max-height. */
+function ScrollArea$1(t0) {
+	const $ = c(29);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	let viewportProps;
+	if ($[0] !== t0) {
+		({scrollbars: t1, viewportProps, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = viewportProps;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+		viewportProps = $[6];
+	}
+	const scrollbars = t1 === void 0 ? "vertical" : t1;
+	let t2;
+	if ($[7] !== className) {
+		t2 = withClass("oui-scroll-area", className);
+		$[7] = className;
+		$[8] = t2;
+	} else t2 = $[8];
+	const t3 = viewportProps?.className;
+	let t4;
+	if ($[9] !== t3) {
+		t4 = withClass("oui-scroll-area__viewport", t3);
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== children || $[12] !== t4 || $[13] !== viewportProps) {
+		t5 = /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+			...viewportProps,
+			className: t4,
+			children
+		});
+		$[11] = children;
+		$[12] = t4;
+		$[13] = viewportProps;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== scrollbars) {
+		t6 = scrollbars !== "horizontal" && /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+			orientation: "vertical",
+			className: "oui-scroll-area__scrollbar",
+			children: /* @__PURE__ */ jsx(ScrollArea.Thumb, { className: "oui-scroll-area__thumb" })
+		});
+		$[15] = scrollbars;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== scrollbars) {
+		t7 = scrollbars !== "vertical" && /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+			orientation: "horizontal",
+			className: "oui-scroll-area__scrollbar",
+			children: /* @__PURE__ */ jsx(ScrollArea.Thumb, { className: "oui-scroll-area__thumb" })
+		});
+		$[17] = scrollbars;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== scrollbars) {
+		t8 = scrollbars === "both" && /* @__PURE__ */ jsx(ScrollArea.Corner, {});
+		$[19] = scrollbars;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== props || $[22] !== ref || $[23] !== t2 || $[24] !== t5 || $[25] !== t6 || $[26] !== t7 || $[27] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(ScrollArea.Root, {
+			ref,
+			className: t2,
+			...props,
+			children: [
+				t5,
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[21] = props;
+		$[22] = ref;
+		$[23] = t2;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
+	return t9;
+}
+//#endregion
+export { ScrollArea$1 as ScrollArea };
+
+//# sourceMappingURL=ScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":["ScrollArea","BaseScrollArea","withClass","ScrollAreaProps","Root","Props","scrollbars","viewportProps","Viewport","t0","$","_c","children","className","props","ref","t1","undefined","t2","t3","t4","t5","t6","t7","t8","t9","ScrollArea","_c","BaseScrollArea"],"sources":["../../../src/components/scroll-area/ScrollArea.tsx"],"sourcesContent":["import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';\nimport { withClass } from '../../utils/cx';\n\nexport interface ScrollAreaProps extends BaseScrollArea.Root.Props {\n  /** Which scrollbars to render. */\n  scrollbars?: 'vertical' | 'horizontal' | 'both';\n  viewportProps?: BaseScrollArea.Viewport.Props;\n}\n\n/** Scroll container with slim, themed overlay scrollbars. Set a height or max-height. */\nexport function ScrollArea({\n  scrollbars = 'vertical',\n  viewportProps,\n  className,\n  children,\n  ref,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <BaseScrollArea.Root ref={ref} className={withClass('oui-scroll-area', className)} {...props}>\n      <BaseScrollArea.Viewport\n        {...viewportProps}\n        className={withClass('oui-scroll-area__viewport', viewportProps?.className)}\n      >\n        {children}\n      </BaseScrollArea.Viewport>\n      {scrollbars !== 'horizontal' && (\n        <BaseScrollArea.Scrollbar orientation=\"vertical\" className=\"oui-scroll-area__scrollbar\">\n          <BaseScrollArea.Thumb className=\"oui-scroll-area__thumb\" />\n        </BaseScrollArea.Scrollbar>\n      )}\n      {scrollbars !== 'vertical' && (\n        <BaseScrollArea.Scrollbar orientation=\"horizontal\" className=\"oui-scroll-area__scrollbar\">\n          <BaseScrollArea.Thumb className=\"oui-scroll-area__thumb\" />\n        </BaseScrollArea.Scrollbar>\n      )}\n      {scrollbars === 'both' && <BaseScrollArea.Corner />}\n    </BaseScrollArea.Root>\n  );\n}\n"],"mappings":"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"}