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

package/dist/components/button/Button.js

@@ -0,0 +1,159 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { Spinner } from "../spinner/Spinner.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
+//#region src/components/button/Button.tsx
+function Button$1(t0) {
+	const $ = c(29);
+	let children;
+	let className;
+	let disabled;
+	let fullWidth;
+	let loading;
+	let props;
+	let ref;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({variant: t1, size: t2, shape: t3, fullWidth, loading, disabled, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = disabled;
+		$[4] = fullWidth;
+		$[5] = loading;
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+	} else {
+		children = $[1];
+		className = $[2];
+		disabled = $[3];
+		fullWidth = $[4];
+		loading = $[5];
+		props = $[6];
+		ref = $[7];
+		t1 = $[8];
+		t2 = $[9];
+		t3 = $[10];
+	}
+	const variant = t1 === void 0 ? "primary" : t1;
+	const size = t2 === void 0 ? "md" : t2;
+	const shape = t3 === void 0 ? "pill" : t3;
+	let t4;
+	if ($[11] !== className) {
+		t4 = withClass("oui-button", className);
+		$[11] = className;
+		$[12] = t4;
+	} else t4 = $[12];
+	const t5 = fullWidth || void 0;
+	const t6 = loading || void 0;
+	const t7 = loading || void 0;
+	const t8 = disabled || loading;
+	let t9;
+	if ($[13] !== loading) {
+		t9 = loading && /* @__PURE__ */ jsx(Spinner, {
+			className: "oui-button__spinner",
+			label: null
+		});
+		$[13] = loading;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== children || $[16] !== loading || $[17] !== props || $[18] !== ref || $[19] !== shape || $[20] !== size || $[21] !== t4 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t8 || $[26] !== t9 || $[27] !== variant) {
+		t10 = /* @__PURE__ */ jsxs(Button, {
+			ref,
+			className: t4,
+			"data-variant": variant,
+			"data-size": size,
+			"data-shape": shape,
+			"data-full-width": t5,
+			"data-loading": t6,
+			"aria-busy": t7,
+			disabled: t8,
+			focusableWhenDisabled: loading,
+			...props,
+			children: [t9, children]
+		});
+		$[15] = children;
+		$[16] = loading;
+		$[17] = props;
+		$[18] = ref;
+		$[19] = shape;
+		$[20] = size;
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t9;
+		$[27] = variant;
+		$[28] = t10;
+	} else t10 = $[28];
+	return t10;
+}
+/** Square button for a single icon. Defaults to the compact ghost style. */
+function IconButton(t0) {
+	const $ = c(16);
+	let className;
+	let props;
+	let ref;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({variant: t1, size: t2, shape: t3, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+	}
+	const variant = t1 === void 0 ? "ghost" : t1;
+	const size = t2 === void 0 ? "md" : t2;
+	const shape = t3 === void 0 ? "rounded" : t3;
+	let t4;
+	if ($[7] !== className) {
+		t4 = withClass("oui-icon-button", className);
+		$[7] = className;
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = props;
+	let t6;
+	if ($[9] !== ref || $[10] !== shape || $[11] !== size || $[12] !== t4 || $[13] !== t5 || $[14] !== variant) {
+		t6 = /* @__PURE__ */ jsx(Button$1, {
+			ref,
+			variant,
+			size,
+			className: t4,
+			"data-shape": shape,
+			...t5
+		});
+		$[9] = ref;
+		$[10] = shape;
+		$[11] = size;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = variant;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
+}
+//#endregion
+export { Button$1 as Button, IconButton };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["Button","BaseButton","withClass","Spinner","ButtonVariant","ButtonSize","ButtonShape","ButtonProps","Props","variant","size","shape","fullWidth","loading","t0","$","_c","children","className","disabled","props","ref","t1","t2","t3","undefined","t4","t5","t6","t7","t8","t9","t10","IconButtonProps","Omit","IconButton","Button","_c","BaseButton"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { withClass } from '../../utils/cx';\nimport { Spinner } from '../spinner/Spinner';\n\nexport type ButtonVariant = 'primary' | 'accent' | 'secondary' | 'soft' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\nexport type ButtonShape = 'pill' | 'rounded';\n\nexport interface ButtonProps extends BaseButton.Props {\n  /** Visual emphasis. */\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  /** `pill` (default) or `rounded` corners. Override with `--oui-button-radius`. */\n  shape?: ButtonShape;\n  /** Stretch to the container width. */\n  fullWidth?: boolean;\n  /** Shows a spinner and blocks interaction while keeping focus. */\n  loading?: boolean;\n}\n\nexport function Button({\n  variant = 'primary',\n  size = 'md',\n  shape = 'pill',\n  fullWidth,\n  loading,\n  disabled,\n  className,\n  children,\n  ref,\n  ...props\n}: ButtonProps) {\n  return (\n    <BaseButton\n      ref={ref}\n      className={withClass('oui-button', className)}\n      data-variant={variant}\n      data-size={size}\n      data-shape={shape}\n      data-full-width={fullWidth || undefined}\n      data-loading={loading || undefined}\n      aria-busy={loading || undefined}\n      disabled={disabled || loading}\n      focusableWhenDisabled={loading}\n      {...props}\n    >\n      {loading && <Spinner className=\"oui-button__spinner\" label={null} />}\n      {children}\n    </BaseButton>\n  );\n}\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'shape' | 'fullWidth'> {\n  /** Required: icon-only buttons need an accessible name. */\n  'aria-label': string;\n  shape?: 'rounded' | 'circle';\n}\n\n/** Square button for a single icon. Defaults to the compact ghost style. */\nexport function IconButton({\n  variant = 'ghost',\n  size = 'md',\n  shape = 'rounded',\n  className,\n  ref,\n  ...props\n}: IconButtonProps) {\n  return (\n    <Button\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={withClass('oui-icon-button', className)}\n      data-shape={shape}\n      {...(props as ButtonProps)}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/components/calendar/Calendar.d.ts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { formatDate, formatDateLong, type DateRange } from './date-utils';
+export type { DateRange };
+export { formatDate, formatDateLong };
+export interface CalendarLabels {
+    previousMonth: string;
+    nextMonth: string;
+    previousYear: string;
+    nextYear: string;
+    previousYears: string;
+    nextYears: string;
+    chooseMonth: string;
+    chooseYear: string;
+}
+interface CalendarOptions extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
+    ref?: React.Ref<HTMLDivElement>;
+    /** Earliest selectable day (ISO date). */
+    min?: string;
+    /** Latest selectable day (ISO date). */
+    max?: string;
+    /** Return true to make a day unselectable. */
+    isDateDisabled?: (date: string) => boolean;
+    /** Month shown first when there is no value (any ISO date in that month). */
+    defaultMonth?: string;
+    /** BCP 47 locale for month and weekday names. Defaults to the browser's. */
+    locale?: string;
+    /** First column: 0 = Sunday, 1 = Monday (default). */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** Months shown side by side (default 1). */
+    numberOfMonths?: number;
+    /** Move focus to the selected day (or today) on mount, e.g. inside a popover. */
+    autoFocus?: boolean;
+    labels?: Partial<CalendarLabels>;
+}
+export interface CalendarProps extends CalendarOptions {
+    /** Selected day as an ISO date (`"2026-03-09"`). */
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string) => void;
+}
+/**
+ * Month grid for picking one day. Keyboard: arrows move by day / week,
+ * Home / End jump within the week, PageUp / PageDown change month (with Shift: year).
+ * The month and year in the title open a list to jump straight to another one.
+ */
+export declare function Calendar({ value, defaultValue, onValueChange, ...props }: CalendarProps): React.JSX.Element;
+export interface RangeCalendarProps extends CalendarOptions {
+    /** Selected days as ISO dates; both ends are inclusive. */
+    value?: DateRange | null;
+    defaultValue?: DateRange | null;
+    /** Called once both ends are picked, with `start` on or before `end`. */
+    onValueChange?: (value: DateRange) => void;
+}
+/**
+ * Month grid for picking a range of days: the first pick sets one end, the
+ * second completes the range (in either order). Same keyboard as Calendar.
+ * Disabled days cannot be picked as an end but may fall inside a range.
+ */
+export declare function RangeCalendar({ value, defaultValue, onValueChange, ...props }: RangeCalendarProps): React.JSX.Element;