@utk09/finra-ui 0.0.6 → 0.0.7

package/dist/Calendar.module-AHlPlLw_.js

@@ -0,0 +1,362 @@
+import { i as e } from "./dateInput-4sdYyWq0.js";
+import { forwardRef as t, useMemo as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/componentIds.ts
+var o = "data-finra-ui", s = {
+	button: "button",
+	iconButton: "icon-button",
+	buttonGroup: "button-group",
+	input: "input",
+	inputField: "input-field",
+	textarea: "textarea",
+	textareaField: "textarea-field",
+	textareaCount: "textarea-count",
+	numberInput: "number-input",
+	numberInputField: "number-input-field",
+	numberInputIncrement: "number-input-increment",
+	numberInputDecrement: "number-input-decrement",
+	formField: "form-field",
+	formFieldLabel: "form-field-label",
+	formFieldHelper: "form-field-helper",
+	formFieldError: "form-field-error",
+	checkbox: "checkbox",
+	checkboxIndicator: "checkbox-indicator",
+	checkboxLabel: "checkbox-label",
+	switch: "switch",
+	switchTrack: "switch-track",
+	switchThumb: "switch-thumb",
+	switchLabel: "switch-label",
+	radioButton: "radio-button",
+	radioButtonIndicator: "radio-button-indicator",
+	radioButtonLabel: "radio-button-label",
+	slider: "slider",
+	sliderHeader: "slider-header",
+	pillInput: "pill-input",
+	fileDropZone: "file-drop-zone",
+	fileDropZoneInput: "file-drop-zone-input",
+	badge: "badge",
+	comboBox: "combo-box",
+	divider: "divider",
+	calendar: "calendar",
+	dateInput: "date-input",
+	dateInputField: "date-input-field",
+	calendarIcon: "calendar-icon",
+	tenorInput: "tenor-input",
+	dateTenorInput: "date-tenor-input"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function c(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = c(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function l() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = c(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
+var u = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, d = l, f = (e, t) => (n) => {
+	if (t?.variants == null) return d(e, n?.class, n?.className);
+	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
+		let t = n?.[e], a = i?.[e];
+		if (t === null) return null;
+		let o = u(t) || u(a);
+		return r[e][o];
+	}), o = n && Object.entries(n).reduce((e, t) => {
+		let [n, r] = t;
+		return r === void 0 || (e[n] = r), e;
+	}, {});
+	return d(e, a, t?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: r, ...a } = t;
+		return Object.entries(a).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...i,
+				...o
+			}[t]) : {
+				...i,
+				...o
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			r
+		] : e;
+	}, []), n?.class, n?.className);
+};
+//#endregion
+//#region src/assets/icons/CalendarIcon.tsx
+function p(e) {
+	return /* @__PURE__ */ a("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...e,
+		children: [
+			/* @__PURE__ */ i("rect", {
+				x: "3",
+				y: "4",
+				width: "18",
+				height: "18",
+				rx: "2",
+				ry: "2"
+			}),
+			/* @__PURE__ */ i("line", {
+				x1: "16",
+				y1: "2",
+				x2: "16",
+				y2: "6"
+			}),
+			/* @__PURE__ */ i("line", {
+				x1: "8",
+				y1: "2",
+				x2: "8",
+				y2: "6"
+			}),
+			/* @__PURE__ */ i("line", {
+				x1: "3",
+				y1: "10",
+				x2: "21",
+				y2: "10"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/assets/icons/CheckIcon.tsx
+function m(e) {
+	return /* @__PURE__ */ i("svg", {
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...e,
+		children: /* @__PURE__ */ i("path", { d: "M2.5 6l2.5 2.5 4.5-5" })
+	});
+}
+//#endregion
+//#region src/assets/icons/ChevronDownIcon.tsx
+function h(e) {
+	return /* @__PURE__ */ i("svg", {
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...e,
+		children: /* @__PURE__ */ i("path", { d: "M3 4.5l3 3 3-3" })
+	});
+}
+//#endregion
+//#region src/assets/icons/ChevronLeftIcon.tsx
+function g(e) {
+	return /* @__PURE__ */ i("svg", {
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...e,
+		children: /* @__PURE__ */ i("path", { d: "M7.5 3l-3 3 3 3" })
+	});
+}
+//#endregion
+//#region src/assets/icons/ChevronRightIcon.tsx
+function _(e) {
+	return /* @__PURE__ */ i("svg", {
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...e,
+		children: /* @__PURE__ */ i("path", { d: "M4.5 3l3 3-3 3" })
+	});
+}
+//#endregion
+//#region src/assets/icons/CloseSmallIcon.tsx
+function v(e) {
+	return /* @__PURE__ */ i("svg", {
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		...e,
+		children: /* @__PURE__ */ i("path", { d: "M3 3l6 6M9 3l-6 6" })
+	});
+}
+//#endregion
+//#region src/assets/icons/SpinnerIcon.tsx
+function y(e) {
+	return /* @__PURE__ */ a("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		...e,
+		children: [/* @__PURE__ */ i("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			opacity: "0.25"
+		}), /* @__PURE__ */ i("path", { d: "M12 2a10 10 0 0 1 10 10" })]
+	});
+}
+var b = {
+	comboBox: "_comboBox_5udbh_1",
+	fullWidth: "_fullWidth_5udbh_6",
+	wrapper: "_wrapper_5udbh_10",
+	disabled: "_disabled_5udbh_34",
+	open: "_open_5udbh_39",
+	variantPrimary: "_variantPrimary_5udbh_43",
+	variantSecondary: "_variantSecondary_5udbh_46",
+	variantTertiary: "_variantTertiary_5udbh_50",
+	statusError: "_statusError_5udbh_58",
+	statusWarning: "_statusWarning_5udbh_61",
+	statusSuccess: "_statusSuccess_5udbh_64",
+	input: "_input_5udbh_68",
+	inputHidden: "_inputHidden_5udbh_87",
+	singleValue: "_singleValue_5udbh_94",
+	multiValueContainer: "_multiValueContainer_5udbh_103",
+	pill: "_pill_5udbh_112",
+	pillText: "_pillText_5udbh_127",
+	pillRemove: "_pillRemove_5udbh_134",
+	indicator: "_indicator_5udbh_154",
+	indicatorOpen: "_indicatorOpen_5udbh_171",
+	listbox: "_listbox_5udbh_175",
+	options: "_options_5udbh_192",
+	option: "_option_5udbh_192",
+	optionHighlighted: "_optionHighlighted_5udbh_218",
+	optionSelected: "_optionSelected_5udbh_221",
+	optionDisabled: "_optionDisabled_5udbh_224",
+	optionCreate: "_optionCreate_5udbh_228",
+	optionLabel: "_optionLabel_5udbh_233",
+	checkIcon: "_checkIcon_5udbh_241",
+	group: "_group_5udbh_248",
+	groupLabel: "_groupLabel_5udbh_252",
+	header: "_header_5udbh_264",
+	footer: "_footer_5udbh_265",
+	loading: "_loading_5udbh_279",
+	spinner: "_spinner_5udbh_290",
+	spin: "_spin_5udbh_290",
+	empty: "_empty_5udbh_309"
+}, x = f(b.wrapper, {
+	variants: { variant: {
+		primary: b.variantPrimary,
+		secondary: b.variantSecondary,
+		tertiary: b.variantTertiary
+	} },
+	defaultVariants: { variant: "primary" }
+}), S = {
+	error: b.statusError,
+	warning: b.statusWarning,
+	success: b.statusSuccess
+};
+function C() {
+	return /* @__PURE__ */ i(m, {
+		className: b.checkIcon,
+		"aria-hidden": "true"
+	});
+}
+function w(e) {
+	return /* @__PURE__ */ i("span", {
+		className: l(b.indicator, e && b.indicatorOpen),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ i(h, {})
+	});
+}
+function T() {
+	return /* @__PURE__ */ i(v, {});
+}
+function E() {
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(y, {
+		className: b.spinner,
+		"aria-hidden": "true"
+	}), "Loading..."] });
+}
+var D = { [o]: s.comboBox };
+function O({ className: t, variant: r, validationStatus: a, fullWidth: o, disabled: s = !1, open: c, ...u }, d) {
+	return /* @__PURE__ */ i(e, {
+		ref: d,
+		disabled: s,
+		open: c,
+		classNames: n(() => ({
+			root: l(b.comboBox, o && b.fullWidth, t),
+			wrapper: l(x({ variant: r }), s && b.disabled, a && S[a], c && b.open),
+			multiValueContainer: b.multiValueContainer,
+			pill: b.pill,
+			pillText: b.pillText,
+			pillRemove: b.pillRemove,
+			singleValue: b.singleValue,
+			input: b.input,
+			inputHidden: b.inputHidden,
+			indicator: b.indicator,
+			indicatorOpen: b.indicatorOpen,
+			listbox: b.listbox,
+			header: b.header,
+			footer: b.footer,
+			options: b.options,
+			option: b.option,
+			optionHighlighted: b.optionHighlighted,
+			optionSelected: b.optionSelected,
+			optionDisabled: b.optionDisabled,
+			optionCreate: b.optionCreate,
+			optionLabel: b.optionLabel,
+			checkIcon: b.checkIcon,
+			group: b.group,
+			groupLabel: b.groupLabel,
+			loading: b.loading,
+			spinner: b.spinner,
+			empty: b.empty
+		}), [
+			t,
+			r,
+			a,
+			o,
+			s,
+			c
+		]),
+		dataAttributes: D,
+		renderCheckIcon: C,
+		renderIndicator: w,
+		renderPillRemoveIcon: T,
+		renderLoading: E,
+		...u
+	});
+}
+var k = t(O);
+k.displayName = "ComboBox";
+var A = {
+	root: "_root_1et9i_1",
+	header: "_header_1et9i_9",
+	navButton: "_navButton_1et9i_17",
+	title: "_title_1et9i_49",
+	weekday: "_weekday_1et9i_59",
+	grid: "_grid_1et9i_72",
+	row: "_row_1et9i_78",
+	day: "_day_1et9i_84",
+	dayToday: "_dayToday_1et9i_114",
+	daySelected: "_daySelected_1et9i_118",
+	dayDisabled: "_dayDisabled_1et9i_128",
+	dayOutside: "_dayOutside_1et9i_135",
+	footer: "_footer_1et9i_140"
+};
+//#endregion
+export { g as a, p as c, o as d, s as f, _ as i, f as l, k as n, h as o, v as r, m as s, A as t, l as u };
+
+//# sourceMappingURL=Calendar.module-AHlPlLw_.js.map

package/dist/Calendar.module-AHlPlLw_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module-AHlPlLw_.js","names":[],"sources":["../src/components/componentIds.ts","../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/assets/icons/CalendarIcon.tsx","../src/assets/icons/CheckIcon.tsx","../src/assets/icons/ChevronDownIcon.tsx","../src/assets/icons/ChevronLeftIcon.tsx","../src/assets/icons/ChevronRightIcon.tsx","../src/assets/icons/CloseSmallIcon.tsx","../src/assets/icons/SpinnerIcon.tsx","../src/components/ComboBox/ComboBox.module.scss","../src/components/ComboBox/ComboBox.tsx","../src/components/Calendar/Calendar.module.scss"],"sourcesContent":["export const FINRA_UI_ATTR = \"data-finra-ui\" as const;\n\nexport const componentIds = {\n  // Button family\n  button: \"button\",\n  iconButton: \"icon-button\",\n  buttonGroup: \"button-group\",\n\n  // Input\n  input: \"input\",\n  inputField: \"input-field\",\n\n  // Textarea\n  textarea: \"textarea\",\n  textareaField: \"textarea-field\",\n  textareaCount: \"textarea-count\",\n\n  // NumberInput\n  numberInput: \"number-input\",\n  numberInputField: \"number-input-field\",\n  numberInputIncrement: \"number-input-increment\",\n  numberInputDecrement: \"number-input-decrement\",\n\n  // FormField\n  formField: \"form-field\",\n  formFieldLabel: \"form-field-label\",\n  formFieldHelper: \"form-field-helper\",\n  formFieldError: \"form-field-error\",\n\n  // Checkbox\n  checkbox: \"checkbox\",\n  checkboxIndicator: \"checkbox-indicator\",\n  checkboxLabel: \"checkbox-label\",\n\n  // Switch\n  switch: \"switch\",\n  switchTrack: \"switch-track\",\n  switchThumb: \"switch-thumb\",\n  switchLabel: \"switch-label\",\n\n  // RadioButton\n  radioButton: \"radio-button\",\n  radioButtonIndicator: \"radio-button-indicator\",\n  radioButtonLabel: \"radio-button-label\",\n\n  // Slider\n  slider: \"slider\",\n  sliderHeader: \"slider-header\",\n\n  // PillInput\n  pillInput: \"pill-input\",\n\n  // FileDropZone\n  fileDropZone: \"file-drop-zone\",\n  fileDropZoneInput: \"file-drop-zone-input\",\n\n  // Badge\n  badge: \"badge\",\n\n  // ComboBox\n  comboBox: \"combo-box\",\n\n  // Divider\n  divider: \"divider\",\n\n  // Calendar\n  calendar: \"calendar\",\n\n  // DateInput\n  dateInput: \"date-input\",\n  dateInputField: \"date-input-field\",\n  calendarIcon: \"calendar-icon\",\n\n  // TenorInput\n  tenorInput: \"tenor-input\",\n\n  // DateTenorInput\n  dateTenorInput: \"date-tenor-input\",\n} as const;\n\nexport type ComponentId = (typeof componentIds)[keyof typeof componentIds];\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n","import type { SVGProps } from \"react\";\n\nexport function CalendarIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}>\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n      <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n      <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n      <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\nexport function CheckIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}>\n      <path d=\"M2.5 6l2.5 2.5 4.5-5\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\nexport function ChevronDownIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}>\n      <path d=\"M3 4.5l3 3 3-3\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\nexport function ChevronLeftIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}>\n      <path d=\"M7.5 3l-3 3 3 3\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\nexport function ChevronRightIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}>\n      <path d=\"M4.5 3l3 3-3 3\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\nexport function CloseSmallIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      {...props}>\n      <path d=\"M3 3l6 6M9 3l-6 6\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\nexport function SpinnerIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" opacity=\"0.25\" />\n      <path d=\"M12 2a10 10 0 0 1 10 10\" />\n    </svg>\n  );\n}\n","//  Root container\n.comboBox {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n\n  &.fullWidth {\n    inline-size: 100%;\n  }\n}\n\n//  Trigger wrapper\n.wrapper {\n  --_input-border-color: var(--finra-color-border);\n\n  display: inline-flex;\n  align-items: center;\n  gap: var(--finra-density-gap);\n  min-block-size: var(--finra-density-size-base);\n  padding-inline: var(--finra-density-input-padding-x);\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-density-input-font-size);\n  line-height: var(--finra-leading-normal);\n  background-color: var(--finra-color-background);\n  border: var(--finra-border-thin) solid var(--_input-border-color);\n  border-radius: var(--finra-radius-md);\n  transition: border-color var(--finra-duration-fast) ease-in-out;\n  cursor: var(--finra-cursor-text);\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &:focus-within {\n    --_input-border-color: var(--finra-color-primary-500);\n  }\n\n  &.disabled {\n    opacity: var(--finra-opacity-disabled);\n    cursor: var(--finra-cursor-disabled);\n    background-color: var(--finra-color-neutral-50);\n  }\n\n  &.open {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  //  Variants\n  &.variantPrimary {\n    border-width: var(--finra-border-thin);\n  }\n\n  &.variantSecondary {\n    border-width: var(--finra-border-thin);\n    background-color: var(--finra-color-neutral-50);\n  }\n\n  &.variantTertiary {\n    border-color: var(--finra-color-transparent);\n    border-block-end-color: var(--_input-border-color);\n    border-radius: 0;\n\n    &:focus-within {\n      border-block-end-color: var(--finra-color-primary-500);\n    }\n  }\n\n  //  Validation\n  &.statusError {\n    --_input-border-color: var(--finra-color-error);\n  }\n\n  &.statusWarning {\n    --_input-border-color: var(--finra-color-warning);\n  }\n\n  &.statusSuccess {\n    --_input-border-color: var(--finra-color-success);\n  }\n}\n\n//  Input field\n.input {\n  flex: 1;\n  min-inline-size: 4rem;\n  border: none;\n  outline: none;\n  background: transparent;\n  font: inherit;\n  color: var(--finra-color-foreground);\n  padding: 0;\n\n  // Override global :focus-visible - wrapper handles focus indication\n  &:focus-visible {\n    outline: none;\n  }\n\n  &::placeholder {\n    color: var(--finra-color-neutral-400);\n  }\n\n  &:disabled {\n    cursor: var(--finra-cursor-disabled);\n  }\n\n  &.inputHidden {\n    position: absolute;\n    opacity: 0;\n    inline-size: 0;\n    pointer-events: none;\n  }\n}\n\n//  Single value display\n.singleValue {\n  flex: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--finra-color-foreground);\n}\n\n//  Multi-value container\n.multiValueContainer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: calc(var(--finra-density-gap) * 0.5);\n  flex: 1;\n  padding-block: calc(var(--finra-density-gap) * 0.25);\n}\n\n//  Pills (multi select)\n.pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.125rem;\n  block-size: var(--finra-density-size-compact);\n  padding-inline: var(--finra-density-gap);\n  background-color: var(--finra-color-neutral-100);\n  border: var(--finra-border-thin) solid var(--finra-color-neutral-200);\n  border-radius: var(--finra-radius-full);\n  font-size: var(--finra-text-xs);\n  color: var(--finra-color-neutral-900);\n  user-select: none;\n  flex-shrink: 0;\n}\n\n.pillText {\n  max-inline-size: 10rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pillRemove {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--finra-color-neutral-400);\n  cursor: var(--finra-cursor-pointer);\n  border-radius: var(--finra-radius-full);\n  flex-shrink: 0;\n\n  &:hover {\n    color: var(--finra-color-foreground);\n  }\n\n  > svg {\n    inline-size: 0.75rem;\n    block-size: 0.75rem;\n  }\n}\n\n//  Chevron indicator\n.indicator {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--finra-color-neutral-400);\n  flex-shrink: 0;\n  transition: transform var(--finra-duration-fast) ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  > svg {\n    inline-size: var(--finra-density-icon-size);\n    block-size: var(--finra-density-icon-size);\n  }\n\n  &.indicatorOpen {\n    transform: rotate(180deg);\n  }\n}\n\n//  Dropdown listbox\n.listbox {\n  position: absolute;\n  z-index: 50;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  inset-block-start: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--finra-color-background);\n  border: var(--finra-border-thin) solid var(--finra-color-border);\n  border-block-start: none;\n  border-end-start-radius: var(--finra-radius-md);\n  border-end-end-radius: var(--finra-radius-md);\n  box-shadow: var(--finra-shadow-lg);\n  overflow: hidden;\n}\n\n//  Options scroll container\n.options {\n  max-block-size: 16rem;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n}\n\n//  Option item\n.option {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--finra-density-gap);\n  padding-inline: var(--finra-density-input-padding-x);\n  padding-block: calc(var(--finra-density-gap) * 0.75);\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-density-input-font-size);\n  line-height: var(--finra-leading-normal);\n  color: var(--finra-color-foreground);\n  cursor: var(--finra-cursor-pointer);\n  user-select: none;\n  transition: background-color var(--finra-duration-fast) ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &.optionHighlighted {\n    background-color: var(--finra-color-primary-50);\n  }\n\n  &.optionSelected {\n    font-weight: var(--finra-font-medium);\n  }\n\n  &.optionDisabled {\n    opacity: var(--finra-opacity-disabled);\n    cursor: var(--finra-cursor-disabled);\n  }\n\n  &.optionCreate {\n    color: var(--finra-color-primary-600);\n    font-style: italic;\n  }\n}\n\n.optionLabel {\n  flex: 1;\n  min-inline-size: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.checkIcon {\n  inline-size: var(--finra-density-icon-size);\n  block-size: var(--finra-density-icon-size);\n  flex-shrink: 0;\n  color: var(--finra-color-primary-600);\n}\n\n//  Groups\n.group {\n  &:not(:first-child) {\n    border-block-start: var(--finra-border-thin) solid var(--finra-color-neutral-100);\n  }\n}\n\n.groupLabel {\n  padding-inline: var(--finra-density-input-padding-x);\n  padding-block: calc(var(--finra-density-gap) * 0.5);\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-text-xs);\n  font-weight: var(--finra-font-semibold);\n  color: var(--finra-color-neutral-500);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  user-select: none;\n}\n\n//  Header / Footer\n.header,\n.footer {\n  padding-inline: var(--finra-density-input-padding-x);\n  padding-block: calc(var(--finra-density-gap) * 0.75);\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-text-xs);\n  color: var(--finra-color-neutral-500);\n  border-block-end: var(--finra-border-thin) solid var(--finra-color-neutral-100);\n}\n\n.footer {\n  border-block-start: var(--finra-border-thin) solid var(--finra-color-neutral-100);\n  border-block-end: none;\n}\n\n//  Loading\n.loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--finra-density-gap);\n  padding-block: var(--finra-density-gap);\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-density-input-font-size);\n  color: var(--finra-color-neutral-400);\n}\n\n.spinner {\n  inline-size: 1rem;\n  block-size: 1rem;\n  animation: spin 1s linear infinite;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n//  Empty\n.empty {\n  padding-inline: var(--finra-density-input-padding-x);\n  padding-block: var(--finra-density-gap);\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-density-input-font-size);\n  color: var(--finra-color-neutral-400);\n  text-align: center;\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n  type ForwardedRef,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  useMemo,\n} from \"react\";\n\nimport { CheckIcon, ChevronDownIcon, CloseSmallIcon, SpinnerIcon } from \"../../assets/icons\";\nimport {\n  ComboBoxBase,\n  type ComboBoxClassNames,\n  type ComboBoxOption,\n  type ComboBoxRenderOptionState,\n} from \"../../unstyled/ComboBox/ComboBox\";\nimport { componentIds, FINRA_UI_ATTR } from \"../componentIds\";\nimport type { ValidationStatus } from \"../Input/Input\";\nimport styles from \"./ComboBox.module.scss\";\n\n//  Re-export types from unstyled\nexport type {\n  ComboBoxGroup,\n  ComboBoxOption,\n  ComboBoxRenderOptionState,\n} from \"../../unstyled/ComboBox/ComboBox\";\n\n//  Variants\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    variant: {\n      primary: styles.variantPrimary,\n      secondary: styles.variantSecondary,\n      tertiary: styles.variantTertiary,\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n});\n\nconst validationClasses: Record<string, string> = {\n  error: styles.statusError,\n  warning: styles.statusWarning,\n  success: styles.statusSuccess,\n};\n\n//  Props\n\nexport interface ComboBoxProps<T = string>\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">,\n    VariantProps<typeof wrapperVariants> {\n  options: ComboBoxOption<T>[];\n  value?: T | T[] | null;\n  onChange?: (value: T | T[] | null) => void;\n  multiple?: boolean;\n\n  inputValue?: string;\n  onInputChange?: (value: string) => void;\n  filterFn?: (option: ComboBoxOption<T>, inputValue: string) => boolean;\n\n  loading?: boolean;\n  onLoadOptions?: (inputValue: string) => void;\n\n  creatable?: boolean;\n  onCreateOption?: (inputValue: string) => void;\n  formatCreateLabel?: (inputValue: string) => string;\n\n  header?: ReactNode;\n  footer?: ReactNode;\n\n  placeholder?: string;\n  disabled?: boolean;\n  validationStatus?: ValidationStatus;\n  fullWidth?: boolean;\n  noOptionsMessage?: string | ReactNode;\n\n  renderOption?: (option: ComboBoxOption<T>, state: ComboBoxRenderOptionState) => ReactNode;\n  renderValue?: (option: ComboBoxOption<T>) => ReactNode;\n\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\n//  Module-level stable render callbacks\n\nfunction styledRenderCheckIcon(): ReactNode {\n  return <CheckIcon className={styles.checkIcon} aria-hidden=\"true\" />;\n}\n\nfunction styledRenderIndicator(isCurrentOpen: boolean): ReactNode {\n  return (\n    <span\n      className={clsx(styles.indicator, isCurrentOpen && styles.indicatorOpen)}\n      aria-hidden=\"true\">\n      <ChevronDownIcon />\n    </span>\n  );\n}\n\nfunction styledRenderPillRemoveIcon(): ReactNode {\n  return <CloseSmallIcon />;\n}\n\nfunction styledRenderLoading(): ReactNode {\n  return (\n    <>\n      <SpinnerIcon className={styles.spinner} aria-hidden=\"true\" />\n      Loading...\n    </>\n  );\n}\n\n//  Static data attribute for the root element\n\nconst comboBoxDataAttributes = { [FINRA_UI_ATTR]: componentIds.comboBox } as const;\n\n//  Component\n\nfunction ComboBoxRender<T = string>(\n  {\n    className,\n    variant,\n    validationStatus,\n    fullWidth,\n    disabled = false,\n    open,\n    ...props\n  }: ComboBoxProps<T>,\n  forwardedRef: ForwardedRef<HTMLInputElement>,\n): React.ReactElement {\n  // Build the classNames object that maps unstyled slots to SCSS module classes.\n  // The wrapper class is dynamic (depends on variant, validation, disabled, open),\n  // so we compute it inside a useMemo keyed on those values.\n  const classNames = useMemo<ComboBoxClassNames>(\n    () => ({\n      root: clsx(styles.comboBox, fullWidth && styles.fullWidth, className),\n      wrapper: clsx(\n        wrapperVariants({ variant }),\n        disabled && styles.disabled,\n        validationStatus && validationClasses[validationStatus],\n        open && styles.open,\n      ),\n      multiValueContainer: styles.multiValueContainer,\n      pill: styles.pill,\n      pillText: styles.pillText,\n      pillRemove: styles.pillRemove,\n      singleValue: styles.singleValue,\n      input: styles.input,\n      inputHidden: styles.inputHidden,\n      indicator: styles.indicator,\n      indicatorOpen: styles.indicatorOpen,\n      listbox: styles.listbox,\n      header: styles.header,\n      footer: styles.footer,\n      options: styles.options,\n      option: styles.option,\n      optionHighlighted: styles.optionHighlighted,\n      optionSelected: styles.optionSelected,\n      optionDisabled: styles.optionDisabled,\n      optionCreate: styles.optionCreate,\n      optionLabel: styles.optionLabel,\n      checkIcon: styles.checkIcon,\n      group: styles.group,\n      groupLabel: styles.groupLabel,\n      loading: styles.loading,\n      spinner: styles.spinner,\n      empty: styles.empty,\n    }),\n    [className, variant, validationStatus, fullWidth, disabled, open],\n  );\n\n  return (\n    <ComboBoxBase<T>\n      ref={forwardedRef}\n      disabled={disabled}\n      open={open}\n      classNames={classNames}\n      dataAttributes={comboBoxDataAttributes}\n      renderCheckIcon={styledRenderCheckIcon}\n      renderIndicator={styledRenderIndicator}\n      renderPillRemoveIcon={styledRenderPillRemoveIcon}\n      renderLoading={styledRenderLoading}\n      {...props}\n    />\n  );\n}\n\nexport const ComboBox = forwardRef(ComboBoxRender) as <T = string>(\n  props: ComboBoxProps<T> & { ref?: Ref<HTMLInputElement> },\n) => React.ReactElement | null;\n\n(ComboBox as { displayName?: string }).displayName = \"ComboBox\";\n","//  Calendar\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--finra-density-gap) * 0.5);\n  padding: var(--finra-density-gap);\n  user-select: none;\n}\n\n//  Header\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--finra-density-gap);\n  padding-block-end: calc(var(--finra-density-gap) * 0.25);\n}\n\n.navButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n  padding: 0;\n  border: none;\n  border-radius: var(--finra-radius-sm);\n  background: transparent;\n  color: var(--finra-color-neutral-500);\n  cursor: var(--finra-cursor-pointer);\n  transition: background-color var(--finra-duration-fast) ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &:hover {\n    background-color: var(--finra-color-neutral-100);\n    color: var(--finra-color-foreground);\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--finra-color-primary-500);\n    outline-offset: -2px;\n  }\n\n  > svg {\n    inline-size: 0.75rem;\n    block-size: 0.75rem;\n  }\n}\n\n.title {\n  flex: 1;\n  text-align: center;\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-text-sm);\n  font-weight: var(--finra-font-semibold);\n  color: var(--finra-color-foreground);\n  white-space: nowrap;\n}\n\n//  Weekday row\n\n.weekday {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 1.75rem;\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-text-xs);\n  font-weight: var(--finra-font-medium);\n  color: var(--finra-color-neutral-500);\n  text-decoration: none;\n  cursor: default;\n}\n\n//  Day grid\n\n.grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.row {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 1px;\n}\n\n.day {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  block-size: 2rem;\n  inline-size: 2rem;\n  margin: auto;\n  padding: 0;\n  border: none;\n  border-radius: var(--finra-radius-sm);\n  background: transparent;\n  font-family: var(--finra-font-sans);\n  font-size: var(--finra-text-sm);\n  font-variant-numeric: tabular-nums;\n  color: var(--finra-color-foreground);\n  cursor: var(--finra-cursor-pointer);\n  transition: background-color var(--finra-duration-fast) ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &:hover:not(:disabled) {\n    background-color: var(--finra-color-neutral-100);\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--finra-color-primary-500);\n    outline-offset: -2px;\n  }\n\n  //  States\n\n  &.dayToday {\n    font-weight: var(--finra-font-bold);\n    color: var(--finra-color-primary-600);\n  }\n\n  &.daySelected {\n    background-color: var(--finra-color-primary-500);\n    color: var(--finra-color-neutral-0);\n\n    &:hover:not(:disabled) {\n      background-color: var(--finra-color-primary-600);\n    }\n\n    &.dayToday {\n      color: var(--finra-color-neutral-0);\n    }\n  }\n\n  &.dayDisabled {\n    color: var(--finra-color-neutral-200);\n    cursor: var(--finra-cursor-disabled);\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  &.dayOutside {\n    color: var(--finra-color-neutral-200);\n    cursor: var(--finra-cursor-disabled);\n  }\n}\n\n//  Footer\n\n.footer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-block-start: calc(var(--finra-density-gap) * 0.5);\n  border-block-start: var(--finra-border-thin) solid var(--finra-color-neutral-100);\n}\n"],"x_google_ignoreList":[1,2],"mappings":"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"}

package/dist/DateInput-D3AUs_l2.js

@@ -0,0 +1,224 @@
+import { a as e, g as t, i as n, n as r, o as i, r as a, t as o } from "./dateFormat-CdClN4CU.js";
+import { n as s, r as c, s as l, t as u } from "./dateInput-4sdYyWq0.js";
+import { cloneElement as d, forwardRef as f, isValidElement as p, useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/unstyled/Slot.tsx
+function b(e, t) {
+	let n = {
+		...e,
+		...t
+	};
+	for (let r of Object.keys(e)) {
+		if (r === "children" || r === "ref") continue;
+		let i = e[r], a = t[r];
+		typeof i == "function" && typeof a == "function" && (n[r] = (...e) => {
+			a(...e), i(...e);
+		}), r === "className" && typeof i == "string" && typeof a == "string" && (n[r] = `${i} ${a}`.trim()), r === "style" && typeof i == "object" && typeof a == "object" && (n[r] = {
+			...i,
+			...a
+		});
+	}
+	return n;
+}
+var x = f(({ children: e, ...n }, r) => {
+	if (!p(e)) return null;
+	let i = e.props, a = e.ref;
+	return d(e, {
+		...b(n, i),
+		ref: t(r, a)
+	});
+});
+x.displayName = "Slot";
+//#endregion
+//#region src/unstyled/Button/Button.tsx
+var S = f(({ asChild: e = !1, ...t }, n) => /* @__PURE__ */ v(e ? x : "button", {
+	ref: n,
+	...t
+}));
+S.displayName = "ButtonBase";
+//#endregion
+//#region src/unstyled/IconButton/IconButton.tsx
+var C = f(({ asChild: e = !1, icon: t, children: n, ...r }, i) => /* @__PURE__ */ y(e ? x : "button", {
+	ref: i,
+	...r,
+	children: [t, n]
+}));
+C.displayName = "IconButtonBase";
+//#endregion
+//#region src/unstyled/Checkbox/Checkbox.tsx
+var w = f(({ indeterminate: e, ...n }, r) => /* @__PURE__ */ v("input", {
+	ref: t(r, m((t) => {
+		t && (t.indeterminate = e ?? !1);
+	}, [e])),
+	type: "checkbox",
+	...n
+}));
+w.displayName = "CheckboxBase";
+//#endregion
+//#region src/unstyled/Switch/Switch.tsx
+var T = f((e, t) => /* @__PURE__ */ v("input", {
+	ref: t,
+	type: "checkbox",
+	role: "switch",
+	...e
+}));
+T.displayName = "SwitchBase";
+//#endregion
+//#region src/unstyled/RadioButton/RadioButton.tsx
+var E = f((e, t) => /* @__PURE__ */ v("input", {
+	ref: t,
+	type: "radio",
+	...e
+}));
+E.displayName = "RadioButtonBase";
+//#endregion
+//#region src/unstyled/Slider/Slider.tsx
+var D = f((e, t) => /* @__PURE__ */ v("input", {
+	ref: t,
+	type: "range",
+	...e
+}));
+D.displayName = "SliderBase";
+//#endregion
+//#region src/unstyled/DateInput/DateInput.tsx
+var O = f(({ format: d = "YYYY-MM-DD", value: f, defaultValue: p, onChange: b, onInputChange: x, min: S, max: C, disabledDates: w, placeholder: T, disabled: E, readOnly: D, onValidation: O, classNames: k, dataAttributes: A, renderCalendarIcon: j, renderCalendarNavPrev: M, renderCalendarNavNext: N, weekStartsOn: P, id: F, "aria-describedby": I, "aria-invalid": L, "aria-label": R, ...z }, B) => {
+	let V = g(null), H = g(null), U = n(d), W = a(d), G = s(W, U), [K, q] = _(!1), [J, Y] = _(m(() => f == null ? p == null ? "" : o(p, d) : o(f, d), [
+		f,
+		p,
+		d
+	])), X = f !== void 0;
+	h(() => {
+		X && Y(f === null ? "" : f ? o(f, d) : "");
+	}, [
+		f,
+		d,
+		X
+	]), l(H, m(() => q(!1), []), K);
+	let Z = m(() => {
+		E || D || q((e) => !e);
+	}, [E, D]), Q = m((e) => {
+		if (E || D) return;
+		let t = u(e.target.value.split("").filter((e) => /\d/.test(e) || e === U).join(""), W, U).slice(0, G);
+		Y(t), x?.(t);
+	}, [
+		E,
+		D,
+		U,
+		W,
+		G,
+		x
+	]), $ = m(() => {
+		if (J.trim() === "") {
+			b?.(null), O?.({
+				valid: !0,
+				date: null
+			});
+			return;
+		}
+		let t = e(J, d);
+		if (!t.valid || !t.date) {
+			O?.(t);
+			return;
+		}
+		let n = i(t.date, {
+			min: S,
+			max: C,
+			disabledDates: w
+		});
+		O?.(n), n.valid && b?.(n.date);
+	}, [
+		J,
+		d,
+		b,
+		O,
+		S,
+		C,
+		w
+	]), ee = m((e) => {
+		if ([
+			"Backspace",
+			"Delete",
+			"Tab",
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown",
+			"Home",
+			"End",
+			"Escape"
+		].includes(e.key)) {
+			e.key === "Escape" && K && q(!1);
+			return;
+		}
+		e.ctrlKey || e.metaKey || /^\d$/.test(e.key) || e.key !== U && e.preventDefault();
+	}, [U, K]), te = m((e) => {
+		let t = o(e, d);
+		Y(t), x?.(t), b?.(e), O?.({
+			valid: !0,
+			date: e
+		}), q(!1), V.current?.focus();
+	}, [
+		d,
+		b,
+		x,
+		O
+	]), ne = X ? f : (() => {
+		if (!J) return null;
+		let t = e(J, d);
+		return t.valid ? t.date : null;
+	})();
+	return /* @__PURE__ */ y("div", {
+		ref: H,
+		...A,
+		className: [k?.root, K && k?.calendarOpen].filter(Boolean).join(" ") || void 0,
+		...z,
+		children: [
+			/* @__PURE__ */ v("input", {
+				ref: t(B, V),
+				className: k?.input,
+				type: "text",
+				inputMode: "numeric",
+				id: F,
+				value: J,
+				placeholder: T ?? r(d),
+				disabled: E,
+				readOnly: D,
+				maxLength: G,
+				"aria-describedby": I,
+				"aria-invalid": L,
+				"aria-label": R,
+				onChange: Q,
+				onBlur: $,
+				onKeyDown: ee
+			}),
+			j ? /* @__PURE__ */ v("button", {
+				type: "button",
+				className: k?.adornment,
+				onClick: Z,
+				tabIndex: -1,
+				"aria-label": "Toggle calendar",
+				disabled: E,
+				children: j()
+			}) : null,
+			K ? /* @__PURE__ */ v("div", {
+				className: k?.popup,
+				children: /* @__PURE__ */ v(c, {
+					value: ne,
+					onSelect: te,
+					min: S,
+					max: C,
+					disabledDates: w,
+					weekStartsOn: P,
+					classNames: k?.calendar,
+					renderNavPrev: M,
+					renderNavNext: N
+				})
+			}) : null
+		]
+	});
+});
+O.displayName = "DateInputBase";
+//#endregion
+export { w as a, x as c, T as i, D as n, C as o, E as r, S as s, O as t };
+
+//# sourceMappingURL=DateInput-D3AUs_l2.js.map