@reopt-ai/opt-ui 1.6.0 → 1.7.0

package/dist/{pagination-By7Ozv3U.js → pagination-DWbvACuN.js}

@@ -23,7 +23,7 @@ function Kbd({ children, hint = false, className }) {
 	});
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/objectWithoutPropertiesLoose.js
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
 	if (null == r) return {};
 	var t = {};
@@ -34,7 +34,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 	return t;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/objectWithoutProperties.js
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
 	if (null == e) return {};
 	var o, r, i = _objectWithoutPropertiesLoose(e, t);
@@ -45,7 +45,7 @@ function _objectWithoutProperties(e, t) {
 	return i;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -55,7 +55,7 @@ function _typeof(o) {
 	}, _typeof(o);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -67,13 +67,13 @@ function toPrimitive(t, r) {
 	return ("string" === r ? String : Number)(t);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -83,7 +83,7 @@ function _defineProperty(e, r, t) {
 	}) : e[r] = t, e;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/objectSpread2.js
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/objectSpread2.js
 function ownKeys(e, r) {
 	var t = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
@@ -264,7 +264,7 @@ function MiniSparkline({ data, color }) {
 	const min = Math.min(...data);
 	const range = Math.max(...data) - min || 1;
 	const points = data.map((v, i) => {
-		return `${padding + i / (data.length - 1) * (width - padding * 2)},${padding + (1 - (v - min) / range) * (height - padding * 2)}`;
+		return `${padding + i / (data.length - 1) * 76},${padding + (1 - (v - min) / range) * 28}`;
 	}).join(" ");
 	return /* @__PURE__ */ jsx("svg", {
 		width,
@@ -307,7 +307,7 @@ const koBreadcrumbLabels = {
 navAriaLabel: "{label}(으)로 이동" };
 //#endregion
 //#region src/core/button.tsx
-const _excluded$14 = [
+const _excluded$15 = [
 	"variant",
 	"size",
 	"loading",
@@ -331,7 +331,7 @@ const sizeStyles$3 = {
 };
 /** Renders the button component. */
 function Button(_ref) {
-	let { variant = "primary", size = "md", loading = false, leftIcon, rightIcon, className, disabled, children, "aria-busy": ariaBusy } = _ref, props = _objectWithoutProperties(_ref, _excluded$14);
+	let { variant = "primary", size = "md", loading = false, leftIcon, rightIcon, className, disabled, children, "aria-busy": ariaBusy } = _ref, props = _objectWithoutProperties(_ref, _excluded$15);
 	const isDisabled = disabled || loading;
 	return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({
 		type: "button",
@@ -414,7 +414,7 @@ function EmptyState({ icon, title, description, actions, className, iconSize = "
 }
 //#endregion
 //#region src/core/badge.tsx
-const _excluded$13 = [
+const _excluded$14 = [
 	"variant",
 	"size",
 	"dot",
@@ -450,7 +450,7 @@ const sizeStyles$2 = {
 };
 /** Renders the badge component. */
 function Badge(_ref) {
-	let { variant = "default", size = "md", dot = false, progress, progressSize = 16, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$13);
+	let { variant = "default", size = "md", dot = false, progress, progressSize = 16, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$14);
 	const hasProgress = progress != null;
 	const clampedProgress = hasProgress ? Math.min(100, Math.max(0, progress)) : 0;
 	const radius = (progressSize - 3) / 2;
@@ -496,7 +496,7 @@ function Badge(_ref) {
 }
 //#endregion
 //#region src/core/spinner.tsx
-const _excluded$12 = [
+const _excluded$13 = [
 	"size",
 	"className",
 	"role",
@@ -510,7 +510,7 @@ const sizeStyles$1 = {
 };
 /** Renders the spinner component. */
 function Spinner(_ref) {
-	let { size = "md", className, role, "aria-hidden": ariaHidden, "aria-label": ariaLabel } = _ref, props = _objectWithoutProperties(_ref, _excluded$12);
+	let { size = "md", className, role, "aria-hidden": ariaHidden, "aria-label": ariaLabel } = _ref, props = _objectWithoutProperties(_ref, _excluded$13);
 	const isDecorative = ariaHidden === true || ariaHidden === "true";
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		className: cn("animate-spin text-current", sizeStyles$1[size], className),
@@ -538,7 +538,7 @@ function Spinner(_ref) {
 }
 //#endregion
 //#region src/core/alert.tsx
-const _excluded$11 = [
+const _excluded$12 = [
 	"variant",
 	"title",
 	"icon",
@@ -607,7 +607,7 @@ const defaultIcons = {
 };
 /** Renders the alert component. */
 function Alert(_ref) {
-	let { variant = "info", title, icon, dismissible = false, onDismiss, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$11);
+	let { variant = "info", title, icon, dismissible = false, onDismiss, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$12);
 	const displayIcon = icon !== null && icon !== void 0 ? icon : defaultIcons[variant];
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({
 		role: "alert",
@@ -662,6 +662,68 @@ function useInputId(id, label, prefix) {
 	return id !== null && id !== void 0 ? id : label ? `${prefix}-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0;
 }
 //#endregion
+//#region src/core/input.tsx
+const _excluded$11 = [
+	"label",
+	"error",
+	"hint",
+	"leftIcon",
+	"rightIcon",
+	"fullWidth",
+	"size",
+	"required",
+	"className",
+	"id"
+];
+const inputSizeStyles = OPT_INPUT_SIZE;
+const Input = forwardRef((_ref, ref) => {
+	var _useInputId;
+	let { label, error, hint, leftIcon, rightIcon, fullWidth = false, size = "md", required, className, id } = _ref, props = _objectWithoutProperties(_ref, _excluded$11);
+	const fallbackId = useId().replace(/:/g, "");
+	const inputId = (_useInputId = useInputId(id, label, "input")) !== null && _useInputId !== void 0 ? _useInputId : `input-${fallbackId}`;
+	const hasError = Boolean(error);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-1.5", fullWidth && "w-full"),
+		"data-opt-id": "7BY1Q",
+		"data-opt-slug": "input.Input",
+		children: [
+			label && /* @__PURE__ */ jsxs("label", {
+				htmlFor: inputId,
+				className: "text-text-primary text-sm font-medium",
+				children: [label, required && /* @__PURE__ */ jsx(RequiredMark, {})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [
+					leftIcon && /* @__PURE__ */ jsx("div", {
+						className: "text-text-tertiary pointer-events-none absolute top-1/2 left-3 -translate-y-1/2",
+						children: leftIcon
+					}),
+					/* @__PURE__ */ jsx("input", _objectSpread2({
+						ref,
+						id: inputId,
+						className: cn(OPT_INPUT, inputSizeStyles[size], leftIcon && (size === "sm" ? "pl-8" : "pl-10"), rightIcon && (size === "sm" ? "pr-8" : "pr-10"), hasError && "border-danger focus-visible:outline-danger", !fullWidth && "w-auto", className),
+						"aria-invalid": hasError,
+						"aria-required": required,
+						"aria-describedby": getDescribedBy(inputId, error, hint),
+						required
+					}, props)),
+					rightIcon && /* @__PURE__ */ jsx("div", {
+						className: "text-text-tertiary pointer-events-none absolute top-1/2 right-3 -translate-y-1/2",
+						children: rightIcon
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(FieldMessages, {
+				id: inputId,
+				error,
+				hint
+			})
+		]
+	});
+});
+Input.displayName = "Input";
+//#endregion
 //#region src/core/star-rating.tsx
 function interpolate(template, values) {
 	return template.replace(/\{(\w+)\}/g, (_, key) => key in values ? String(values[key]) : `{${key}}`);
@@ -1501,13 +1563,10 @@ function NumberInput({ value: controlledValue, defaultValue, onChange, nullable,
 					setTo(min);
 				}
 				break;
-			case "End":
-				if (max !== void 0) {
-					e.preventDefault();
-					setTo(max);
-				}
-				break;
-			default: break;
+			case "End": if (max !== void 0) {
+				e.preventDefault();
+				setTo(max);
+			}
 		}
 	}, [
 		interactionDisabled,
@@ -3144,12 +3203,13 @@ function FormSelect({ name, children, className, placeholder, minWidth = 140, "a
 	const error = form === null || form === void 0 ? void 0 : form.getError(name);
 	const touched = form === null || form === void 0 ? void 0 : form.getFieldTouched(name);
 	const hasError = Boolean(error && touched);
+	const handleSetValue = useCallback((v) => {
+		var _v$;
+		return form.setValue(name, Array.isArray(v) ? (_v$ = v[0]) !== null && _v$ !== void 0 ? _v$ : "" : v);
+	}, [form, name]);
 	return /* @__PURE__ */ jsxs(SelectRoot$1, {
 		value,
-		onValueChange: useCallback((v) => {
-			var _v$;
-			return form.setValue(name, Array.isArray(v) ? (_v$ = v[0]) !== null && _v$ !== void 0 ? _v$ : "" : v);
-		}, [form, name]),
+		onValueChange: handleSetValue,
 		"data-opt-id": "A2XF7",
 		"data-opt-slug": "form.FormSelect",
 		children: [/* @__PURE__ */ jsx(SelectTrigger$1, {
@@ -3355,8 +3415,9 @@ function FormSlider(_ref25) {
 	var _ref26;
 	let { name } = _ref25, props = _objectWithoutProperties(_ref25, _excluded22);
 	const form = useRequiredFormContext("FormSlider");
+	const value = (_ref26 = useFieldValue(form, name)) !== null && _ref26 !== void 0 ? _ref26 : 0;
 	return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({
-		value: (_ref26 = useFieldValue(form, name)) !== null && _ref26 !== void 0 ? _ref26 : 0,
+		value,
 		onChange: (v) => form.setValue(name, v)
 	}, props), {}, {
 		"data-opt-id": "3XQ3A",
@@ -3368,8 +3429,9 @@ function FormStarRating(_ref27) {
 	var _ref28;
 	let { name } = _ref27, props = _objectWithoutProperties(_ref27, _excluded23);
 	const form = useRequiredFormContext("FormStarRating");
+	const value = (_ref28 = useFieldValue(form, name)) !== null && _ref28 !== void 0 ? _ref28 : 0;
 	return /* @__PURE__ */ jsx(StarRating, _objectSpread2(_objectSpread2({
-		value: (_ref28 = useFieldValue(form, name)) !== null && _ref28 !== void 0 ? _ref28 : 0,
+		value,
 		onChange: (v) => form.setValue(name, v)
 	}, props), {}, {
 		"data-opt-id": "EKNJJ",
@@ -3783,6 +3845,6 @@ function Pagination(_ref) {
 	}));
 }
 //#endregion
-export { TooltipAnchor$1 as $, koComboboxLabels as $t, FormSwitch$1 as A, OPT_SURFACE_POPOVER as An, SelectPopover$1 as At, getIconRegistryEntry as B, _objectSpread2 as Bn, Composite as Bt, FormRoot$1 as C, OPT_FOCUS_VISIBLE as Cn, DialogFooter as Ct, FormSlider as D, OPT_INPUT_SIZE as Dn, DialogRoot$1 as Dt, FormSelectPopover as E, OPT_INPUT_ERROR as En, DialogPanel$1 as Et, useFormStore as F, OPT_TEXT_LABEL as Fn, TabPanel$1 as Ft, PopoverTrigger$1 as G, StarRating as Gt, PopoverClose$1 as H, Kbd as Hn, CompositeProvider as Ht, DEFAULT_PRESETS as I, OPT_TEXT_PRIMARY as In, TabsRoot$1 as It, ToolbarButton$1 as J, Spinner as Jt, Slider as K, useInputId as Kt, DateRangePicker as L, OPT_TEXT_SECONDARY as Ln, DisclosureContent$1 as Lt, FormTextarea as M, OPT_TD as Mn, SelectTrigger$1 as Mt, useFieldValue as N, OPT_TD_MUTED as Nn, Tab$1 as Nt, FormStarRating as O, OPT_ITEM_BASE as On, SelectItem$1 as Ot, useFormContext as P, OPT_TEXTAREA_SIZE as Pn, TabList$1 as Pt, Tooltip$1 as Q, koBreadcrumbLabels as Qt, TagInput as R, OPT_TEXT_TERTIARY as Rn, DisclosureRoot$1 as Rt, FormReset$1 as S, OPT_FOCUS as Sn, DialogDismiss$1 as St, FormSelectItem as T, OPT_INPUT as Tn, DialogHeading$1 as Tt, PopoverContent$1 as U, cn as Un, CompositeRow as Ut, ColorPicker as V, _objectWithoutProperties as Vn, CompositeItem as Vt, PopoverRoot$1 as W, CompositeZone as Wt, ToolbarRoot$1 as X, EmptyState as Xt, ToolbarContainer$1 as Y, Badge as Yt, ToolbarSeparator$1 as Z, Button as Zt, FormProvider$1 as _, OPT_DIVIDER as _n, ComboboxRoot$1 as _t, FormColorPicker as a, getDescribedBy as an, MenuPopover$1 as at, FormRadioGroup$1 as b, OPT_DOT_RED as bn, DialogDescription$1 as bt, FormDescription$1 as c, OPT_ANIMATE_ENTER_EXIT as cn, MenuTrigger$1 as ct, FormGroup$1 as d, OPT_BADGE_NEUTRAL as dn, ComboboxEmpty as dt, koStarRatingLabels as en, TooltipProvider$1 as et, FormGroupLabel$1 as f, OPT_BADGE_RED as fn, ComboboxGroup$1 as ft, FormNumberInput as g, OPT_DISCLOSURE_TRIGGER as gn, ComboboxPopover$1 as gt, FormLabel$1 as h, OPT_DISCLOSURE_CONTENT as hn, ComboboxItem$1 as ht, FormCheckbox$1 as i, RequiredMark as in, MenuItemRadio$1 as it, FormTagInput as j, OPT_TABLE_ROW_ACTIVE as jn, SelectRoot$1 as jt, FormSubmit$1 as k, OPT_SURFACE as kn, SelectLabel$1 as kt, FormError$1 as l, OPT_BADGE_BLUE as ln, MenubarContainer$1 as lt, FormInput$1 as m, OPT_BORDER as mn, ComboboxInput$1 as mt, Checkbox as n, useControlledState as nn, MenuItem$1 as nt, FormControl$1 as o, OPT_ACTIVE_ITEM as on, MenuRoot$1 as ot, FormIconPicker as p, OPT_BADGE_YELLOW as pn, ComboboxGroupLabel$1 as pt, NumberInput as q, Alert as qt, CheckboxGroup as r, FieldMessages as rn, MenuItemCheckbox$1 as rt, FormDateRangePicker as s, OPT_ANIMATE_DRAWER as sn, MenuSeparator$1 as st, Pagination as t, StatCard as tn, MenuButtonArrow$1 as tt, FormField$1 as u, OPT_BADGE_GREEN as un, MenubarRoot$1 as ut, FormPush$1 as v, OPT_DOT_GRAY as vn, AlertDialogPanel$1 as vt, FormSelect as w, OPT_HOVER_ITEM as wn, DialogHeader as wt, FormRemove$1 as x, OPT_DOT_YELLOW as xn, DialogDisclosure$1 as xt, FormRadio$1 as y, OPT_DOT_GREEN as yn, DialogBody as yt, IconPicker as z, OPT_TH as zn, DisclosureTrigger$1 as zt };
+export { TooltipAnchor$1 as $, koBreadcrumbLabels as $t, FormSwitch$1 as A, OPT_SURFACE_POPOVER as An, SelectPopover$1 as At, getIconRegistryEntry as B, _objectSpread2 as Bn, Composite as Bt, FormRoot$1 as C, OPT_FOCUS as Cn, DialogFooter as Ct, FormSlider as D, OPT_INPUT_ERROR as Dn, DialogRoot$1 as Dt, FormSelectPopover as E, OPT_INPUT as En, DialogPanel$1 as Et, useFormStore as F, OPT_TEXT_LABEL as Fn, TabPanel$1 as Ft, PopoverTrigger$1 as G, StarRating as Gt, PopoverClose$1 as H, Kbd as Hn, CompositeProvider as Ht, DEFAULT_PRESETS as I, OPT_TEXT_PRIMARY as In, TabsRoot$1 as It, ToolbarButton$1 as J, Alert as Jt, Slider as K, Input as Kt, DateRangePicker as L, OPT_TEXT_SECONDARY as Ln, DisclosureContent$1 as Lt, FormTextarea as M, OPT_TD as Mn, SelectTrigger$1 as Mt, useFieldValue as N, OPT_TD_MUTED as Nn, Tab$1 as Nt, FormStarRating as O, OPT_ITEM_BASE as On, SelectItem$1 as Ot, useFormContext as P, OPT_TEXTAREA_SIZE as Pn, TabList$1 as Pt, Tooltip$1 as Q, Button as Qt, TagInput as R, OPT_TEXT_TERTIARY as Rn, DisclosureRoot$1 as Rt, FormReset$1 as S, OPT_DOT_YELLOW as Sn, DialogDismiss$1 as St, FormSelectItem as T, OPT_HOVER_ITEM as Tn, DialogHeading$1 as Tt, PopoverContent$1 as U, cn as Un, CompositeRow as Ut, ColorPicker as V, _objectWithoutProperties as Vn, CompositeItem as Vt, PopoverRoot$1 as W, CompositeZone as Wt, ToolbarRoot$1 as X, Badge as Xt, ToolbarContainer$1 as Y, Spinner as Yt, ToolbarSeparator$1 as Z, EmptyState as Zt, FormProvider$1 as _, OPT_DISCLOSURE_TRIGGER as _n, ComboboxRoot$1 as _t, FormColorPicker as a, RequiredMark as an, MenuPopover$1 as at, FormRadioGroup$1 as b, OPT_DOT_GREEN as bn, DialogDescription$1 as bt, FormDescription$1 as c, OPT_ANIMATE_DRAWER as cn, MenuTrigger$1 as ct, FormGroup$1 as d, OPT_BADGE_GREEN as dn, ComboboxEmpty as dt, koComboboxLabels as en, TooltipProvider$1 as et, FormGroupLabel$1 as f, OPT_BADGE_NEUTRAL as fn, ComboboxGroup$1 as ft, FormNumberInput as g, OPT_DISCLOSURE_CONTENT as gn, ComboboxPopover$1 as gt, FormLabel$1 as h, OPT_BORDER as hn, ComboboxItem$1 as ht, FormCheckbox$1 as i, FieldMessages as in, MenuItemRadio$1 as it, FormTagInput as j, OPT_TABLE_ROW_ACTIVE as jn, SelectRoot$1 as jt, FormSubmit$1 as k, OPT_SURFACE as kn, SelectLabel$1 as kt, FormError$1 as l, OPT_ANIMATE_ENTER_EXIT as ln, MenubarContainer$1 as lt, FormInput$1 as m, OPT_BADGE_YELLOW as mn, ComboboxInput$1 as mt, Checkbox as n, StatCard as nn, MenuItem$1 as nt, FormControl$1 as o, getDescribedBy as on, MenuRoot$1 as ot, FormIconPicker as p, OPT_BADGE_RED as pn, ComboboxGroupLabel$1 as pt, NumberInput as q, useInputId as qt, CheckboxGroup as r, useControlledState as rn, MenuItemCheckbox$1 as rt, FormDateRangePicker as s, OPT_ACTIVE_ITEM as sn, MenuSeparator$1 as st, Pagination as t, koStarRatingLabels as tn, MenuButtonArrow$1 as tt, FormField$1 as u, OPT_BADGE_BLUE as un, MenubarRoot$1 as ut, FormPush$1 as v, OPT_DIVIDER as vn, AlertDialogPanel$1 as vt, FormSelect as w, OPT_FOCUS_VISIBLE as wn, DialogHeader as wt, FormRemove$1 as x, OPT_DOT_RED as xn, DialogDisclosure$1 as xt, FormRadio$1 as y, OPT_DOT_GRAY as yn, DialogBody as yt, IconPicker as z, OPT_TH as zn, DisclosureTrigger$1 as zt };
 
-//# sourceMappingURL=pagination-By7Ozv3U.js.map
+//# sourceMappingURL=pagination-DWbvACuN.js.map