@iyulab/components 1.25.0 → 1.27.0

package/dist/components/option/UOption.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import { styles } from "./UOption.styles.js";
 import { html, nothing } from "lit";

package/dist/components/panel/UPanel.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { styles } from "./UPanel.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/popover/UPopover.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFloatingElement } from "../UFloatingElement.js";
 import { arrayAttrConverter } from "../../utilities/converters.js";
 import { styles } from "./UPopover.styles.js";

package/dist/components/progress-bar/UProgressBar.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { styles } from "./UProgressBar.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components/progress-ring/UProgressRing.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { styles } from "./UProgressRing.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components/radio/URadio.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import "../field/UField.js";

package/dist/components/rating/URating.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../icon/UIcon.js";
 import { Locale } from "../../utilities/Locale.js";

package/dist/components/select/USelect.js

@@ -1,12 +1,12 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
 import { Locale } from "../../utilities/Locale.js";
 import "../field/UField.js";
-import { UOption } from "../option/UOption.js";
 import { UPopover } from "../popover/UPopover.js";
+import { UOption } from "../option/UOption.js";
 import { styles } from "./USelect.styles.js";
 import { html } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";

package/dist/components/skeleton/USkeleton.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { styles } from "./USkeleton.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/slider/USlider.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import "../tooltip/UTooltip.js";
 import { Locale } from "../../utilities/Locale.js";
@@ -41,9 +41,10 @@ var USlider = class USlider extends UFormControlElement {
 			const handleDocumentMove = (ev) => {
 				ev.preventDefault();
 				const val = getPointerValue(ev);
-				if (this.dragging === "min") if (this.range) this.minVal = Math.min(val, this.maxVal);
-				else this.value = val;
-				else if (this.dragging === "max") this.maxVal = Math.max(val, this.minVal);
+				if (this.dragging === "min") {
+					if (this.range) this.minVal = Math.min(val, this.maxVal);
+					else this.value = val;
+				} else if (this.dragging === "max") this.maxVal = Math.max(val, this.minVal);
 			};
 			const handleDocumentUp = () => {
 				document.removeEventListener("pointermove", handleDocumentMove);
@@ -86,9 +87,10 @@ var USlider = class USlider extends UFormControlElement {
 			e.preventDefault();
 			const newVal = this.snap(currentVal + delta);
 			const before = JSON.stringify(this.value);
-			if (thumb === "min") if (this.range) this.minVal = Math.min(newVal, this.maxVal);
-			else this.value = newVal;
-			else this.maxVal = Math.max(newVal, this.minVal);
+			if (thumb === "min") {
+				if (this.range) this.minVal = Math.min(newVal, this.maxVal);
+				else this.value = newVal;
+			} else this.maxVal = Math.max(newVal, this.minVal);
 			if (JSON.stringify(this.value) !== before) this.emitChange();
 		};
 	}

package/dist/components/spinner/USpinner.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { styles } from "./USpinner.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components/split-panel/USplitPanel.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { arrayAttrConverter } from "../../utilities/converters.js";
 import { styles } from "./USplitPanel.styles.js";
 import { html } from "lit";

package/dist/components/switch/USwitch.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import { styles } from "./USwitch.styles.js";

package/dist/components/tab/UTab.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
 import { styles } from "./UTab.styles.js";

package/dist/components/tab-panel/UTabPanel.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UPanel } from "../panel/UPanel.js";
 import { UTab } from "../tab/UTab.js";
 import { styles } from "./UTabPanel.styles.js";

package/dist/components/tag/UTag.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import { statusIcon } from "../../utilities/statusIcon.js";
 import { styles } from "./UTag.styles.js";

package/dist/components/text/UText.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { styles } from "./UText.styles.js";
 import { customElement, property } from "lit/decorators.js";
 import { html, literal } from "lit/static-html.js";

package/dist/components/textarea/UTextarea.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import "../field/UField.js";

package/dist/components/tooltip/UTooltip.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UFloatingElement } from "../UFloatingElement.js";
 import { styles } from "./UTooltip.styles.js";
 import { html } from "lit";
@@ -55,15 +55,17 @@ var UTooltip = class UTooltip extends UFloatingElement {
 			if (oldAnchors) this.unbind(oldAnchors);
 			if (newAnchors) this.bind(newAnchors);
 		}
-		if (changedProperties.has("offset") || changedProperties.has("interactive")) if (this.interactive) {
-			let size = 0;
-			if (typeof this.offset === "number") size = this.offset;
-			if (typeof this.offset === "object") {
-				const { mainAxis = 0, crossAxis = 0 } = this.offset;
-				size = Math.max(mainAxis, crossAxis);
-			}
-			this.style.setProperty("--tooltip-bridge-area", `${size}px`);
-		} else this.style.removeProperty("--tooltip-bridge-area");
+		if (changedProperties.has("offset") || changedProperties.has("interactive")) {
+			if (this.interactive) {
+				let size = 0;
+				if (typeof this.offset === "number") size = this.offset;
+				if (typeof this.offset === "object") {
+					const { mainAxis = 0, crossAxis = 0 } = this.offset;
+					size = Math.max(mainAxis, crossAxis);
+				}
+				this.style.setProperty("--tooltip-bridge-area", `${size}px`);
+			} else this.style.removeProperty("--tooltip-bridge-area");
+		}
 	}
 	render() {
 		return html`

package/dist/components/tree/UTree.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import { UTreeItem } from "../tree-item/UTreeItem.js";
 import { styles } from "./UTree.styles.js";
 import { html } from "lit";
@@ -98,10 +98,12 @@ var UTree = class UTree extends UElement {
 				}
 				case "ArrowRight":
 					e.preventDefault();
-					if (!focused.leaf) if (!focused.expanded) focused.expand();
-					else {
-						const first = focused.childItems[0];
-						if (first && !first.disabled) first.focus();
+					if (!focused.leaf) {
+						if (!focused.expanded) focused.expand();
+						else {
+							const first = focused.childItems[0];
+							if (first && !first.disabled) first.focus();
+						}
 					}
 					break;
 				case "ArrowLeft":

package/dist/components/tree-item/UTreeItem.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
 import { styles } from "./UTreeItem.styles.js";

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export * from './components/carousel/UCarousel.js';
 export * from './components/checkbox/UCheckbox.js';
 export * from './components/chip/UChip.js';
 export * from './components/copy-button/UCopyButton.js';
+export * from './components/date-picker/UDatePicker.js';
 export * from './components/dialog/UDialog.js';
 export * from './components/divider/UDivider.js';
 export * from './components/drawer/UDrawer.js';
@@ -59,6 +60,7 @@ export * from './utilities/BrowserStorage.js';
 export * from './utilities/converters.js';
 export * from './utilities/Dialog.js';
 export * from './utilities/elements.js';
+export * from './utilities/format.js';
 export * from './utilities/icons.js';
 export * from './utilities/Locale.js';
 export * from './utilities/OverlayManager.js';

package/dist/index.js

@@ -24,14 +24,16 @@ import { UCheckbox } from "./components/checkbox/UCheckbox.js";
 import { UTag } from "./components/tag/UTag.js";
 import { UChip } from "./components/chip/UChip.js";
 import { UCopyButton } from "./components/copy-button/UCopyButton.js";
+import { UField } from "./components/field/UField.js";
+import { UPopover } from "./components/popover/UPopover.js";
+import { formatCurrency, formatDate, formatNumber } from "./utilities/format.js";
+import { UDatePicker } from "./components/date-picker/UDatePicker.js";
 import { UDialog } from "./components/dialog/UDialog.js";
 import { UDivider } from "./components/divider/UDivider.js";
 import { UDrawer } from "./components/drawer/UDrawer.js";
 import { UExpander } from "./components/expander/UExpander.js";
-import { UField } from "./components/field/UField.js";
 import { UForm } from "./components/form/UForm.js";
 import { UOption } from "./components/option/UOption.js";
-import { UPopover } from "./components/popover/UPopover.js";
 import { UInput } from "./components/input/UInput.js";
 import { UMenuItem } from "./components/menu-item/UMenuItem.js";
 import { UMenu } from "./components/menu/UMenu.js";
@@ -55,4 +57,4 @@ import { BrowserStorage } from "./utilities/BrowserStorage.js";
 import { Dialog } from "./utilities/Dialog.js";
 import { Theme } from "./utilities/Theme.js";
 import { Toast } from "./utilities/Toast.js";
-export { BrowserStorage, Dialog, IconCache, IconRegistry, Locale, OverlayManager, Theme, Toast, UAlert, UAvatar, UBadge, UBreadcrumb, UBreadcrumbItem, UButton, UButtonGroup, UCard, UCarousel, UCheckbox, UChip, UCopyButton, UDialog, UDivider, UDrawer, UElement, UExpander, UField, UFloatingElement, UForm, UFormControlElement, UIcon, UIconButton, UInput, UMenu, UMenuItem, UOption, UOverlayElement, UPanel, UPopover, UProgressBar, UProgressRing, URadio, URating, USelect, USkeleton, USlider, USpinner, USplitPanel, USwitch, UTab, UTabPanel, UTag, UText, UTextarea, UTooltip, UTree, UTreeItem, arrayAttrConverter, booleanAttrConverter, dateAttrConverter, getDefaultBaseUrl, getParentElement, jsonAttrConverter, querySelectorAllWithin, querySelectorWithin, setDefaultBaseUrl, urlAttrConverter };
+export { BrowserStorage, Dialog, IconCache, IconRegistry, Locale, OverlayManager, Theme, Toast, UAlert, UAvatar, UBadge, UBreadcrumb, UBreadcrumbItem, UButton, UButtonGroup, UCard, UCarousel, UCheckbox, UChip, UCopyButton, UDatePicker, UDialog, UDivider, UDrawer, UElement, UExpander, UField, UFloatingElement, UForm, UFormControlElement, UIcon, UIconButton, UInput, UMenu, UMenuItem, UOption, UOverlayElement, UPanel, UPopover, UProgressBar, UProgressRing, URadio, URating, USelect, USkeleton, USlider, USpinner, USplitPanel, USwitch, UTab, UTabPanel, UTag, UText, UTextarea, UTooltip, UTree, UTreeItem, arrayAttrConverter, booleanAttrConverter, dateAttrConverter, formatCurrency, formatDate, formatNumber, getDefaultBaseUrl, getParentElement, jsonAttrConverter, querySelectorAllWithin, querySelectorWithin, setDefaultBaseUrl, urlAttrConverter };

package/dist/react/UDatePicker.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { UDatePicker as UDatePickerElement } from '../components/date-picker/UDatePicker';
+
+export declare const UDatePicker: React.ForwardRefExoticComponent<
+  Omit<Partial<UDatePickerElement>, keyof React.HTMLAttributes<UDatePickerElement>>
+    & Omit<React.HTMLAttributes<UDatePickerElement>, 'onChange'>
+    & React.RefAttributes<UDatePickerElement>
+    & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UDatePickerProps = React.ComponentProps<typeof UDatePicker>;

package/dist/react/UDatePicker.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UDatePicker as UDatePickerElement } from '../components/date-picker/UDatePicker.js';
+
+export const UDatePicker = createComponent({
+  react: React,
+  tagName: 'u-date-picker',
+  elementClass: UDatePickerElement,
+  events: {
+    onChange: 'change',
+  },
+});

package/dist/react/index.d.ts

@@ -30,6 +30,7 @@ export { UExpander, UExpanderProps } from './UExpander';
 export { UDrawer, UDrawerProps } from './UDrawer';
 export { UDivider, UDividerProps } from './UDivider';
 export { UDialog, UDialogProps } from './UDialog';
+export { UDatePicker, UDatePickerProps } from './UDatePicker';
 export { UCopyButton, UCopyButtonProps } from './UCopyButton';
 export { UChip, UChipProps } from './UChip';
 export { UCheckbox, UCheckboxProps } from './UCheckbox';

package/dist/react/index.js

@@ -30,6 +30,7 @@ export { UExpander } from './UExpander.js';
 export { UDrawer } from './UDrawer.js';
 export { UDivider } from './UDivider.js';
 export { UDialog } from './UDialog.js';
+export { UDatePicker } from './UDatePicker.js';
 export { UCopyButton } from './UCopyButton.js';
 export { UChip } from './UChip.js';
 export { UCheckbox } from './UCheckbox.js';

package/dist/styles/dark.css

@@ -280,7 +280,23 @@
      neutral-200(1.15)보다 실제로 더 잘 구분된다 — 그 오버라이드가 해결하려던 증상이
      *"툴바·헤더가 배경에 묻힌다"* 였다. */
   --u-bg-color-raised:       var(--u-neutral-300);
-  
+
+  /* ★올림면 위의 hover — `--u-bg-color-hover`(전역, 바탕면 전용)와 값이 같아서
+     («둘 다 neutral-300») 카드·표 머리 위에 마우스를 올려도 아무 일도 안 일어났다
+     (소비앱 초안 2026-08-06 · `L2-11-1`). 전역 토큰 하나로는 "지금 위에 있는 면"을
+     알 방법이 없어(참조 지점마다 계산 기준이 다를 수 없다) **전용 토큰**을 신설한다.
+
+     ⚠**A안**(`raised`를 neutral-200으로) — 과거에 거부된 값(위 주석). **B안**(전역
+     `hover`를 neutral-400으로) — `--u-bg-color-active` 와 충돌해 결함이 다른 쌍으로
+     옮겨간다. ⇒ hover 는 본래 "현재 면보다 한 단 위"이지 절대 단이 아니므로
+     `color-mix()` 로 raised 자신을 기준 삼아 상대 계산한다.
+
+     N=6% 는 raised(L≈0.023)와 active(L≈0.047, neutral-400) 사이 대비 계산으로 골랐다 —
+     결과 L≈0.038, raised 대비 ≈1.21(라이트의 기존 "약한" 1.04보다 뚜렷하고, `bg→raised`
+     의 기존 1.31 과 비슷한 체감), active 와는 값이 달라 겹치지 않는다(≈#373737 vs
+     active #3D3D3D). N 을 더 올리면(≈10%+) active 를 넘어서 순서가 뒤집힌다 — 확인함. */
+  --u-bg-color-raised-hover: color-mix(in srgb, var(--u-bg-color-raised), white 6%);
+
   /* 유채색 표면 — 라이트와 **같은 단이 아니라 같은 세기**로 짝지었다(light.css 참조).
      팔레트 유채색 틴트가 다크에서 짓눌리므로 한 단 위를 쓴다. green 은 대칭이라 그대로. */
   --u-primary-bg-color:      var(--u-blue-100);

package/dist/styles/light.css

@@ -299,6 +299,17 @@
      ⚠한 단만 정의한다. 두 단째의 실측 수요는 라이트 한쪽뿐이었다(다크에서는 소비 측
      오버라이드가 두 값을 같은 단으로 합치고 있었다). */
   --u-bg-color-raised:       var(--u-neutral-50);
+
+  /* ⚠**라이트는 전역 hover 에 그대로 별칭한다 — 결손이 아니라 실측 결론이다**
+     (L2-11-1, dark.css 의 같은 자리 참조). 두 시트는 각각 완결적이어야 한다는
+     불변식(`token-fallbacks.test.ts` 「키 패리티」)이 있어 다크에만 선언할 수 없다.
+     라이트 팔레트는 raised(250)·hover(245)·active(238) 가 12단 안에 몰려 있어
+     (L≈0.956/0.913/0.855) 셋과 겹치지 않는 네 번째 단을 넣을 여유가 없다 — 대비를
+     조금만 올려도(≈1.10) active 와 거의 붙고(≈1단 차), 더 올리면 순서가 뒤집힌다.
+     다크와 달리 raised(250)≠hover(245) 라 «완전히 안 움직이는» 결함이 아니었으므로
+     (약한 대비 1.04 로 이미 알려진 채로 남는다 — 같은 초안이 지적한 곁가지),
+     새 단을 억지로 만들지 않고 기존 hover 를 그대로 쓴다. */
+  --u-bg-color-raised-hover: var(--u-bg-color-hover);
  
   /* 유채색 표면 — 정보/성공/위험 상태의 '면'.
      역할 층의 유채색은 전경 5단뿐이라, 상태 배경이 필요한 컴포넌트는 팔레트를 직접

package/dist/utilities/format.d.ts

@@ -0,0 +1,25 @@
+import { LocaleTag } from './Locale.js';
+/**
+ * Wraps `Intl.NumberFormat` with the active locale (`Locale.get()` if omitted).
+ */
+export declare function formatNumber(value: number, options?: Intl.NumberFormatOptions, locale?: LocaleTag): string;
+/**
+ * Formats a number as currency. The `currency` code is **required and has no default** —
+ * the caller must always specify it (e.g. `'KRW'`, `'USD'`). Currency selection is domain knowledge,
+ * and this utility does not assume a default.
+ *
+ * @note If `options` contains `currency` or `style`, they will override the explicit `currency` argument.
+ */
+export declare function formatCurrency(value: number, currency: string, options?: Intl.NumberFormatOptions, locale?: LocaleTag): string;
+/**
+ * Wraps `Intl.DateTimeFormat` with the active locale. Accepts a Date object or
+ * an ISO `YYYY-MM-DD` date string (parsed as local time, not UTC).
+ *
+ * A value that can't be resolved to a real date (malformed string, or an
+ * already-Invalid `Date`) degrades to `String(value)` rather than throwing —
+ * `Intl.DateTimeFormat.format()` throws `RangeError` on an Invalid Date, and this
+ * utility is called from render paths where an uncaught throw blanks the whole
+ * component. Same degrade-instead-of-throw contract as `formatCurrency`'s
+ * missing-`currency` fallback.
+ */
+export declare function formatDate(value: Date | string, options?: Intl.DateTimeFormatOptions, locale?: LocaleTag): string;

package/dist/utilities/format.js

@@ -0,0 +1,61 @@
+import { Locale } from "./Locale.js";
+//#region src/utilities/format.ts
+/**
+* Parses "YYYY-MM-DD" as midnight in the **local** timezone.
+* Using `Date.parse("YYYY-MM-DD")` (UTC interpretation) shifts the date
+* back a day in negative-UTC-offset regions — split y/m/d and construct
+* `new Date(y, m-1, d)` directly instead.
+*
+* A full ISO datetime (e.g. `2026-02-24T09:00:00Z`) is unambiguous — it carries
+* its own timezone — so the local-time-safe split isn't needed there; when the
+* split doesn't yield three numbers, fall back to native parsing instead of
+* producing an Invalid Date.
+*/
+function parseISODate(iso) {
+	const [y, m, d] = iso.split("-").map(Number);
+	return Number.isNaN(y) || Number.isNaN(m) || Number.isNaN(d) ? new Date(iso) : new Date(y, m - 1, d);
+}
+/**
+* Resolves a Date or ISO date string to a Date object.
+*/
+function resolve(value) {
+	return typeof value === "string" ? parseISODate(value) : value;
+}
+/**
+* Wraps `Intl.NumberFormat` with the active locale (`Locale.get()` if omitted).
+*/
+function formatNumber(value, options, locale) {
+	return new Intl.NumberFormat(locale ?? Locale.get(), options).format(value);
+}
+/**
+* Formats a number as currency. The `currency` code is **required and has no default** —
+* the caller must always specify it (e.g. `'KRW'`, `'USD'`). Currency selection is domain knowledge,
+* and this utility does not assume a default.
+*
+* @note If `options` contains `currency` or `style`, they will override the explicit `currency` argument.
+*/
+function formatCurrency(value, currency, options, locale) {
+	return new Intl.NumberFormat(locale ?? Locale.get(), {
+		style: "currency",
+		currency,
+		...options
+	}).format(value);
+}
+/**
+* Wraps `Intl.DateTimeFormat` with the active locale. Accepts a Date object or
+* an ISO `YYYY-MM-DD` date string (parsed as local time, not UTC).
+*
+* A value that can't be resolved to a real date (malformed string, or an
+* already-Invalid `Date`) degrades to `String(value)` rather than throwing —
+* `Intl.DateTimeFormat.format()` throws `RangeError` on an Invalid Date, and this
+* utility is called from render paths where an uncaught throw blanks the whole
+* component. Same degrade-instead-of-throw contract as `formatCurrency`'s
+* missing-`currency` fallback.
+*/
+function formatDate(value, options, locale) {
+	const date = resolve(value);
+	if (Number.isNaN(date.getTime())) return String(value);
+	return new Intl.DateTimeFormat(locale ?? Locale.get(), options).format(date);
+}
+//#endregion
+export { formatCurrency, formatDate, formatNumber };

package/dist/utilities/icons.js

@@ -1,6 +1,7 @@
 import alert_circle_fill_svg_default from "../_virtual/_glob-assets_raw/alert-circle-fill.svg.1e438750.js";
 import alert_triangle_fill_svg_default from "../_virtual/_glob-assets_raw/alert-triangle-fill.svg.1a8797c4.js";
 import bell_fill_svg_default from "../_virtual/_glob-assets_raw/bell-fill.svg.d37c41d9.js";
+import calendar_svg_default from "../_virtual/_glob-assets_raw/calendar.svg.02c3abd8.js";
 import check_svg_default from "../_virtual/_glob-assets_raw/check.svg.4690b01e.js";
 import chevron_down_svg_default from "../_virtual/_glob-assets_raw/chevron-down.svg.0ccd06ea.js";
 import chevron_left_svg_default from "../_virtual/_glob-assets_raw/chevron-left.svg.b4601050.js";
@@ -41,6 +42,7 @@ var InternalIconBundle = new Map(Object.entries(/* #__PURE__ */ Object.assign({
 	"../assets/icons/alert-circle-fill.svg": alert_circle_fill_svg_default,
 	"../assets/icons/alert-triangle-fill.svg": alert_triangle_fill_svg_default,
 	"../assets/icons/bell-fill.svg": bell_fill_svg_default,
+	"../assets/icons/calendar.svg": calendar_svg_default,
 	"../assets/icons/check.svg": check_svg_default,
 	"../assets/icons/chevron-down.svg": chevron_down_svg_default,
 	"../assets/icons/chevron-left.svg": chevron_left_svg_default,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.25.0",
+  "version": "1.27.0",
   "keywords": [
     "iyulab",
     "components",
@@ -29,8 +29,11 @@
     "node": ">=20"
   },
   "sideEffects": [
+    "./dist/components/*/U*.js",
     "./src/components/*/U*.ts",
-    "./dist/components/*/U*.js"
+    "./dist/index.js",
+    "./src/index.ts",
+    "./dist/react/index.js"
   ],
   "exports": {
     ".": {