wimui 0.18.0 → 0.19.0

package/dist/components/data-display/Tag/tag.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Tag/tag.module.scss
-var e = "_root_1et4b_2", t = "_md_1et4b_14", n = "_sm_1et4b_18", r = "_lg_1et4b_22", i = "_primary_1et4b_26", a = "_solid_1et4b_26", o = "_outline_1et4b_32", s = "_subtle_1et4b_37", c = "_success_1et4b_43", l = "_warning_1et4b_60", u = "_danger_1et4b_77", d = "_info_1et4b_94", f = "_neutral_1et4b_111", p = "_disabled_1et4b_128", m = "_closeButton_1et4b_136", h = "_interactive_1et4b_139", g = "_icon_1et4b_151", _ = {
+var e = "_root_1jf97_3", t = "_md_1jf97_15", n = "_sm_1jf97_19", r = "_lg_1jf97_23", i = "_primary_1jf97_27", a = "_solid_1jf97_27", o = "_outline_1jf97_33", s = "_subtle_1jf97_38", c = "_success_1jf97_44", l = "_warning_1jf97_61", u = "_danger_1jf97_78", d = "_info_1jf97_95", f = "_neutral_1jf97_112", p = "_disabled_1jf97_129", m = "_closeButton_1jf97_137", h = "_interactive_1jf97_140", g = "_icon_1jf97_152", _ = {
 	root: e,
 	md: t,
 	sm: n,

package/dist/components/data-display/Timeline/Timeline.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("./timeline.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.forwardRef)(({children:e,align:o=`left`,className:s,asChild:c,...l},u)=>(0,a.jsx)(c?t.Root:`div`,{ref:u,className:(0,i.default)(`wim-timeline`,n.default.root,n.default[o],s),...l,children:r.default.Children.map(e,e=>r.default.isValidElement(e)?r.default.cloneElement(e,{align:o}):e)}));o.displayName=`Timeline`;var s=(0,r.forwardRef)(({children:e,className:r,align:o,asChild:s,...c},l)=>(0,a.jsx)(s?t.Root:`div`,{ref:l,className:(0,i.default)(n.default.item,o&&n.default[o],r),...c,children:e}));s.displayName=`TimelineItem`;var c=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.separator,r),...s,children:e}));c.displayName=`TimelineSeparator`;var l=(0,r.forwardRef)(({className:e,asChild:r,...o},s)=>(0,a.jsx)(r?t.Root:`div`,{ref:s,className:(0,i.default)(n.default.connector,e),...o}));l.displayName=`TimelineConnector`;var u=(0,r.forwardRef)(({children:e,variant:r,className:o,asChild:s,...c},l)=>{let u=s?t.Root:`div`,d=!!e;return(0,a.jsx)(u,{ref:l,className:(0,i.default)(n.default.point,r&&n.default[r],d&&n.default.icon,o),...c,children:e})});u.displayName=`TimelinePoint`;var d=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.content,r),...s,children:e}));d.displayName=`TimelineContent`;var f=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.oppositeContent,r),...s,children:e}));f.displayName=`TimelineOppositeContent`,exports.Timeline=o,exports.TimelineConnector=l,exports.TimelineContent=d,exports.TimelineItem=s,exports.TimelineOppositeContent=f,exports.TimelinePoint=u,exports.TimelineSeparator=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("./timeline.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.forwardRef)(({children:e,align:o=`left`,className:s,asChild:c,...l},u)=>(0,a.jsx)(c?t.Root:`div`,{ref:u,className:(0,i.default)(`wim-timeline`,n.default.root,n.default[o],s),...l,children:r.default.Children.map(e,e=>r.default.isValidElement(e)?r.default.cloneElement(e,{align:o}):e)}));o.displayName=`Timeline`;var s=(0,r.forwardRef)(({children:e,className:r,align:o,asChild:s,...c},l)=>(0,a.jsx)(s?t.Root:`div`,{ref:l,className:(0,i.default)(n.default.item,o&&n.default[o],r),...c,children:e}));s.displayName=`TimelineItem`;var c=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.separator,r),...s,children:e}));c.displayName=`TimelineSeparator`;var l=(0,r.forwardRef)(({className:e,asChild:r,...o},s)=>(0,a.jsx)(r?t.Root:`div`,{ref:s,className:(0,i.default)(n.default.connector,e),...o}));l.displayName=`TimelineConnector`;var u=(0,r.forwardRef)(({children:e,intent:r,className:o,asChild:s,...c},l)=>{let u=s?t.Root:`div`,d=!!e;return(0,a.jsx)(u,{ref:l,className:(0,i.default)(n.default.point,r&&n.default[r],d&&n.default.icon,o),...c,children:e})});u.displayName=`TimelinePoint`;var d=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.content,r),...s,children:e}));d.displayName=`TimelineContent`;var f=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.oppositeContent,r),...s,children:e}));f.displayName=`TimelineOppositeContent`,exports.Timeline=o,exports.TimelineConnector=l,exports.TimelineContent=d,exports.TimelineItem=s,exports.TimelineOppositeContent=f,exports.TimelinePoint=u,exports.TimelineSeparator=c;

package/dist/components/data-display/Timeline/Timeline.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { IndicatorIntent } from '../../../types/tokens';
 export interface TimelineProps {
     /** Timeline items */
     children: React.ReactNode;
@@ -34,7 +35,11 @@ export interface TimelineConnectorProps {
 export declare const TimelineConnector: React.ForwardRefExoticComponent<TimelineConnectorProps & React.RefAttributes<HTMLDivElement>>;
 export interface TimelinePointProps {
     children?: React.ReactNode;
-    variant?: "primary" | "secondary" | "danger" | "success";
+    /**
+     * 意味の軸。`variant` という名前だったが、値は 4 つとも intent の色そのもので、
+     * 音量（solid / outline / subtle）ではなかった（T114）。
+     */
+    intent?: IndicatorIntent;
     className?: string;
     asChild?: boolean;
 }

package/dist/components/data-display/Timeline/Timeline.js

@@ -32,7 +32,7 @@ var l = r(({ className: n, asChild: r, ...o }, s) => /* @__PURE__ */ a(r ? e : "
 	...o
 }));
 l.displayName = "TimelineConnector";
-var u = r(({ children: n, variant: r, className: o, asChild: s, ...c }, l) => {
+var u = r(({ children: n, intent: r, className: o, asChild: s, ...c }, l) => {
 	let u = s ? e : "div", d = !!n;
 	return /* @__PURE__ */ a(u, {
 		ref: l,

package/dist/components/data-display/Timeline/timeline.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1bjus_3`,t=`_left_1bjus_11`,n=`_right_1bjus_14`,r=`_alternate_1bjus_17`,i=`_item_1bjus_20`,a=`_connector_1bjus_33`,o=`_content_1bjus_45`,s=`_oppositeContent_1bjus_48`,c=`_separator_1bjus_60`,l=`_point_1bjus_71`,u=`_primary_1bjus_86`,d=`_secondary_1bjus_89`,f=`_danger_1bjus_92`,p=`_success_1bjus_95`,m=`_icon_1bjus_98`,h={root:e,left:t,right:n,alternate:r,item:i,connector:a,content:o,oppositeContent:s,separator:c,point:l,primary:u,secondary:d,danger:f,success:p,icon:m};exports.alternate=r,exports.connector=a,exports.content=o,exports.danger=f,exports.default=h,exports.icon=m,exports.item=i,exports.left=t,exports.oppositeContent=s,exports.point=l,exports.primary=u,exports.right=n,exports.root=e,exports.secondary=d,exports.separator=c,exports.success=p;
+var e=`_root_160b9_3`,t=`_left_160b9_11`,n=`_right_160b9_14`,r=`_alternate_160b9_17`,i=`_item_160b9_20`,a=`_connector_160b9_33`,o=`_content_160b9_45`,s=`_oppositeContent_160b9_48`,c=`_separator_160b9_60`,l=`_point_160b9_71`,u=`_primary_160b9_88`,d=`_success_160b9_91`,f=`_warning_160b9_94`,p=`_danger_160b9_97`,m=`_info_160b9_100`,h=`_neutral_160b9_103`,g=`_icon_160b9_106`,_=`_secondary_160b9_120`,v={root:e,left:t,right:n,alternate:r,item:i,connector:a,content:o,oppositeContent:s,separator:c,point:l,primary:u,success:d,warning:f,danger:p,info:m,neutral:h,icon:g,secondary:_};exports.alternate=r,exports.connector=a,exports.content=o,exports.danger=p,exports.default=v,exports.icon=g,exports.info=m,exports.item=i,exports.left=t,exports.neutral=h,exports.oppositeContent=s,exports.point=l,exports.primary=u,exports.right=n,exports.root=e,exports.secondary=_,exports.separator=c,exports.success=d,exports.warning=f;

package/dist/components/data-display/Timeline/timeline.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Timeline/timeline.module.scss
-var e = "_root_1bjus_3", t = "_left_1bjus_11", n = "_right_1bjus_14", r = "_alternate_1bjus_17", i = "_item_1bjus_20", a = "_connector_1bjus_33", o = "_content_1bjus_45", s = "_oppositeContent_1bjus_48", c = "_separator_1bjus_60", l = "_point_1bjus_71", u = "_primary_1bjus_86", d = "_secondary_1bjus_89", f = "_danger_1bjus_92", p = "_success_1bjus_95", m = "_icon_1bjus_98", h = {
+var e = "_root_160b9_3", t = "_left_160b9_11", n = "_right_160b9_14", r = "_alternate_160b9_17", i = "_item_160b9_20", a = "_connector_160b9_33", o = "_content_160b9_45", s = "_oppositeContent_160b9_48", c = "_separator_160b9_60", l = "_point_160b9_71", u = "_primary_160b9_88", d = "_success_160b9_91", f = "_warning_160b9_94", p = "_danger_160b9_97", m = "_info_160b9_100", h = "_neutral_160b9_103", g = "_icon_160b9_106", _ = "_secondary_160b9_120", v = {
 	root: e,
 	left: t,
 	right: n,
@@ -12,10 +12,13 @@ var e = "_root_1bjus_3", t = "_left_1bjus_11", n = "_right_1bjus_14", r = "_alte
 	separator: c,
 	point: l,
 	primary: u,
-	secondary: d,
-	danger: f,
-	success: p,
-	icon: m
+	success: d,
+	warning: f,
+	danger: p,
+	info: m,
+	neutral: h,
+	icon: g,
+	secondary: _
 };
 //#endregion
-export { r as alternate, a as connector, o as content, f as danger, h as default, m as icon, i as item, t as left, s as oppositeContent, l as point, u as primary, n as right, e as root, d as secondary, c as separator, p as success };
+export { r as alternate, a as connector, o as content, p as danger, v as default, g as icon, m as info, i as item, t as left, h as neutral, s as oppositeContent, l as point, u as primary, n as right, e as root, _ as secondary, c as separator, d as success, f as warning };

package/dist/components/data-display/TreeView/tree-view.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_yc1mf_3`,t=`_item_yc1mf_18`,n=`_enter_yc1mf_1`,r=`_search_yc1mf_21`,i=`_searchInput_yc1mf_24`,a=`_selected_yc1mf_62`,o=`_labelContainer_yc1mf_62`,s=`_expandBtn_yc1mf_69`,c=`_disabled_yc1mf_72`,l=`_iconWrapper_yc1mf_92`,u=`_expanded_yc1mf_123`,d=`_spacer_yc1mf_129`,f=`_checkbox_yc1mf_133`,p=`_icon_yc1mf_92`,m=`_label_yc1mf_62`,h=`_children_yc1mf_157`,g=`_childrenInner_yc1mf_166`,_={root:e,"data-driven":`_data-driven_yc1mf_18`,item:t,enter:n,search:r,searchInput:i,selected:a,labelContainer:o,expandBtn:s,disabled:c,iconWrapper:l,expanded:u,spacer:d,checkbox:f,icon:p,label:m,children:h,childrenInner:g};exports.checkbox=f,exports.children=h,exports.childrenInner=g,exports.default=_,exports.disabled=c,exports.enter=n,exports.expandBtn=s,exports.expanded=u,exports.icon=p,exports.iconWrapper=l,exports.item=t,exports.label=m,exports.labelContainer=o,exports.root=e,exports.search=r,exports.searchInput=i,exports.selected=a,exports.spacer=d;
+var e=`_root_g5wqc_3`,t=`_dataDriven_g5wqc_18`,n=`_item_g5wqc_18`,r=`_enter_g5wqc_1`,i=`_search_g5wqc_21`,a=`_searchInput_g5wqc_24`,o=`_selected_g5wqc_62`,s=`_labelContainer_g5wqc_62`,c=`_expandBtn_g5wqc_69`,l=`_disabled_g5wqc_72`,u=`_iconWrapper_g5wqc_92`,d=`_expanded_g5wqc_127`,f=`_spacer_g5wqc_133`,p=`_checkbox_g5wqc_137`,m=`_icon_g5wqc_92`,h=`_label_g5wqc_62`,g=`_children_g5wqc_165`,_=`_childrenInner_g5wqc_174`,v={root:e,dataDriven:t,item:n,enter:r,search:i,searchInput:a,selected:o,labelContainer:s,expandBtn:c,disabled:l,iconWrapper:u,expanded:d,spacer:f,checkbox:p,icon:m,label:h,children:g,childrenInner:_};exports.checkbox=p,exports.children=g,exports.childrenInner=_,exports.dataDriven=t,exports.default=v,exports.disabled=l,exports.enter=r,exports.expandBtn=c,exports.expanded=d,exports.icon=m,exports.iconWrapper=u,exports.item=n,exports.label=h,exports.labelContainer=s,exports.root=e,exports.search=i,exports.searchInput=a,exports.selected=o,exports.spacer=f;

package/dist/components/data-display/TreeView/tree-view.module.js

@@ -1,24 +1,24 @@
 "use client";
 //#region src/components/data-display/TreeView/tree-view.module.scss
-var e = "_root_yc1mf_3", t = "_item_yc1mf_18", n = "_enter_yc1mf_1", r = "_search_yc1mf_21", i = "_searchInput_yc1mf_24", a = "_selected_yc1mf_62", o = "_labelContainer_yc1mf_62", s = "_expandBtn_yc1mf_69", c = "_disabled_yc1mf_72", l = "_iconWrapper_yc1mf_92", u = "_expanded_yc1mf_123", d = "_spacer_yc1mf_129", f = "_checkbox_yc1mf_133", p = "_icon_yc1mf_92", m = "_label_yc1mf_62", h = "_children_yc1mf_157", g = "_childrenInner_yc1mf_166", _ = {
+var e = "_root_g5wqc_3", t = "_dataDriven_g5wqc_18", n = "_item_g5wqc_18", r = "_enter_g5wqc_1", i = "_search_g5wqc_21", a = "_searchInput_g5wqc_24", o = "_selected_g5wqc_62", s = "_labelContainer_g5wqc_62", c = "_expandBtn_g5wqc_69", l = "_disabled_g5wqc_72", u = "_iconWrapper_g5wqc_92", d = "_expanded_g5wqc_127", f = "_spacer_g5wqc_133", p = "_checkbox_g5wqc_137", m = "_icon_g5wqc_92", h = "_label_g5wqc_62", g = "_children_g5wqc_165", _ = "_childrenInner_g5wqc_174", v = {
 	root: e,
-	"data-driven": "_data-driven_yc1mf_18",
-	item: t,
-	enter: n,
-	search: r,
-	searchInput: i,
-	selected: a,
-	labelContainer: o,
-	expandBtn: s,
-	disabled: c,
-	iconWrapper: l,
-	expanded: u,
-	spacer: d,
-	checkbox: f,
-	icon: p,
-	label: m,
-	children: h,
-	childrenInner: g
+	dataDriven: t,
+	item: n,
+	enter: r,
+	search: i,
+	searchInput: a,
+	selected: o,
+	labelContainer: s,
+	expandBtn: c,
+	disabled: l,
+	iconWrapper: u,
+	expanded: d,
+	spacer: f,
+	checkbox: p,
+	icon: m,
+	label: h,
+	children: g,
+	childrenInner: _
 };
 //#endregion
-export { f as checkbox, h as children, g as childrenInner, _ as default, c as disabled, n as enter, s as expandBtn, u as expanded, p as icon, l as iconWrapper, t as item, m as label, o as labelContainer, e as root, r as search, i as searchInput, a as selected, d as spacer };
+export { p as checkbox, g as children, _ as childrenInner, t as dataDriven, v as default, l as disabled, r as enter, c as expandBtn, d as expanded, m as icon, u as iconWrapper, n as item, h as label, s as labelContainer, e as root, i as search, a as searchInput, o as selected, f as spacer };

package/dist/components/data-display/VirtualList/virtual-list.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1brq7_2`,t=`_viewport_1brq7_13`,n=`_item_1brq7_17`,r={root:e,viewport:t,item:n};exports.default=r,exports.item=n,exports.root=e,exports.viewport=t;
+var e=`_root_syi4i_3`,t=`_viewport_syi4i_14`,n=`_item_syi4i_18`,r={root:e,viewport:t,item:n};exports.default=r,exports.item=n,exports.root=e,exports.viewport=t;

package/dist/components/data-display/VirtualList/virtual-list.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/VirtualList/virtual-list.module.scss
-var e = "_root_1brq7_2", t = "_viewport_1brq7_13", n = "_item_1brq7_17", r = {
+var e = "_root_syi4i_3", t = "_viewport_syi4i_14", n = "_item_syi4i_18", r = {
 	root: e,
 	viewport: t,
 	item: n

package/dist/components/feedback/LoadingOverlay/LoadingOverlay.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { WimColor } from '../../../types/tokens';
 export type LoadingOverlayProps = React.ComponentPropsWithoutRef<"div"> & {
     /**
      * Whether the overlay is shown.
@@ -19,7 +20,12 @@ export type LoadingOverlayProps = React.ComponentPropsWithoutRef<"div"> & {
      * Color of the loading indicator.
      * @default "primary"
      */
-    loaderColor?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "currentColor";
+    /**
+     * 渡した値はそのまま `Spinner` / `Loader` の `color` へ流れる。
+     * 以前はここだけが独自の閉じた集合を持っており、同じ値が 3 段で違う型を
+     * 通っていた（T118）。委譲先と同じ型にそろえる。
+     */
+    loaderColor?: "currentColor" | WimColor;
     /**
      * Background style of the overlay.
      * @default "dark"
@@ -38,7 +44,7 @@ export type LoadingOverlayProps = React.ComponentPropsWithoutRef<"div"> & {
      * Whether to use position: fixed (covers the whole screen).
      *
      * When `false` (the default) the overlay is `position: absolute`, so it covers
-     * **the nearest positioned ancestor** — not necessarily the element you wrapped.
+     * the nearest positioned ancestor — not necessarily the element you wrapped.
      * Give that element a position explicitly, e.g. `<Box position="relative">`.
      *
      * `Card` sets `position: relative` for this reason (T88), so

package/dist/components/feedback/Notification/Notification.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./notification.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({id:e,title:s,description:c,icon:l,intent:u=`default`,onClose:d,closable:f=!0,className:p})=>{let[m,h]=i.default.useState(!0);if(!m)return null;let g=()=>{h(!1),d&&d(e)},_={success:`success`,danger:`danger`,warning:`warning`,info:`info`},v=l!==void 0||u===`success`||u===`warning`||u===`danger`||u===`info`;return(0,o.jsx)(`div`,{className:(0,a.default)(`wim-notification`,r.default.root,r.default[u],p),role:`alert`,children:(0,o.jsxs)(`div`,{className:r.default.content,children:[v&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:u,icon:l,size:`md`,color:_[u]})}),(0,o.jsxs)(`div`,{className:r.default.messageContainer,children:[(0,o.jsx)(`div`,{className:r.default.title,children:s}),c&&(0,o.jsx)(`div`,{className:r.default.description,children:c})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:f?g:void 0,className:r.default.close,size:`sm`})]})})},c=(0,i.createContext)(void 0),l=({children:e,placement:t=`topRight`})=>{let[n,l]=(0,i.useState)([]),u=(0,i.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);l(n=>[...n,{...e,id:t}])},[]),d=(0,i.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e))},[]);return(0,o.jsxs)(c.Provider,{value:{show:u,remove:d},children:[e,(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,r.default[t]),children:n.map(e=>(0,o.jsx)(s,{...e,onClose:()=>d(e.id)},e.id))})]})},u=()=>{let e=(0,i.useContext)(c);if(!e)throw Error(`useNotification must be used within a NotificationProvider`);return e};exports.Notification=s,exports.NotificationProvider=l,exports.useNotification=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./notification.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({id:e,title:s,description:c,icon:l,intent:u=`default`,onClose:d,closable:f=!0,className:p})=>{let[m,h]=i.default.useState(!0);if(!m)return null;let g=()=>{h(!1),d&&d(e)},_=l!==void 0||u===`success`||u===`warning`||u===`danger`||u===`info`;return(0,o.jsx)(`div`,{className:(0,a.default)(`wim-notification`,r.default.root,r.default[u],p),role:`alert`,children:(0,o.jsxs)(`div`,{className:r.default.content,children:[_&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:u,icon:l,size:`md`,tinted:!0})}),(0,o.jsxs)(`div`,{className:r.default.messageContainer,children:[(0,o.jsx)(`div`,{className:r.default.title,children:s}),c&&(0,o.jsx)(`div`,{className:r.default.description,children:c})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:f?g:void 0,className:r.default.close,size:`sm`})]})})},c=(0,i.createContext)(void 0),l=({children:e,placement:t=`topRight`})=>{let[n,l]=(0,i.useState)([]),u=(0,i.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);l(n=>[...n,{...e,id:t}])},[]),d=(0,i.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e))},[]);return(0,o.jsxs)(c.Provider,{value:{show:u,remove:d},children:[e,(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,r.default[t]),children:n.map(e=>(0,o.jsx)(s,{...e,onClose:()=>d(e.id)},e.id))})]})},u=()=>{let e=(0,i.useContext)(c);if(!e)throw Error(`useNotification must be used within a NotificationProvider`);return e};exports.Notification=s,exports.NotificationProvider=l,exports.useNotification=u;

package/dist/components/feedback/Notification/Notification.js

@@ -11,25 +11,20 @@ var d = ({ id: i, title: a, description: o, icon: s, intent: d = "default", onCl
 	if (!h) return null;
 	let _ = () => {
 		g(!1), f && f(i);
-	}, v = {
-		success: "success",
-		danger: "danger",
-		warning: "warning",
-		info: "info"
-	}, y = s !== void 0 || d === "success" || d === "warning" || d === "danger" || d === "info";
+	}, v = s !== void 0 || d === "success" || d === "warning" || d === "danger" || d === "info";
 	return /* @__PURE__ */ l("div", {
 		className: c("wim-notification", n.root, n[d], m),
 		role: "alert",
 		children: /* @__PURE__ */ u("div", {
 			className: n.content,
 			children: [
-				y && /* @__PURE__ */ l("div", {
+				v && /* @__PURE__ */ l("div", {
 					className: n.icon,
 					children: /* @__PURE__ */ l(e, {
 						intent: d,
 						icon: s,
 						size: "md",
-						color: v[d]
+						tinted: !0
 					})
 				}),
 				/* @__PURE__ */ u("div", {

package/dist/components/feedback/Notification/notification.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_57muj_2`,t=`_content_57muj_13`,n=`_icon_57muj_18`,r=`_messageContainer_57muj_21`,i=`_title_57muj_27`,a=`_description_57muj_34`,o=`_close_57muj_39`,s=`_success_57muj_58`,c=`_info_57muj_61`,l=`_warning_57muj_64`,u=`_danger_57muj_67`,d=`_container_57muj_70`,f=`_topRight_57muj_81`,p=`_topLeft_57muj_85`,m=`_bottomRight_57muj_89`,h=`_bottomLeft_57muj_93`,g={root:e,content:t,icon:n,messageContainer:r,title:i,description:a,close:o,default:`_default_57muj_55`,success:s,info:c,warning:l,danger:u,container:d,topRight:f,topLeft:p,bottomRight:m,bottomLeft:h};exports.bottomLeft=h,exports.bottomRight=m,exports.close=o,exports.container=d,exports.content=t,exports.danger=u,exports.default=g,exports.description=a,exports.icon=n,exports.info=c,exports.messageContainer=r,exports.root=e,exports.success=s,exports.title=i,exports.topLeft=p,exports.topRight=f,exports.warning=l;
+var e=`_root_9efav_3`,t=`_content_9efav_14`,n=`_icon_9efav_19`,r=`_messageContainer_9efav_22`,i=`_title_9efav_28`,a=`_description_9efav_35`,o=`_close_9efav_40`,s=`_success_9efav_63`,c=`_info_9efav_66`,l=`_warning_9efav_69`,u=`_danger_9efav_72`,d=`_container_9efav_75`,f=`_topRight_9efav_86`,p=`_topLeft_9efav_90`,m=`_bottomRight_9efav_94`,h=`_bottomLeft_9efav_98`,g={root:e,content:t,icon:n,messageContainer:r,title:i,description:a,close:o,default:`_default_9efav_60`,success:s,info:c,warning:l,danger:u,container:d,topRight:f,topLeft:p,bottomRight:m,bottomLeft:h};exports.bottomLeft=h,exports.bottomRight=m,exports.close=o,exports.container=d,exports.content=t,exports.danger=u,exports.default=g,exports.description=a,exports.icon=n,exports.info=c,exports.messageContainer=r,exports.root=e,exports.success=s,exports.title=i,exports.topLeft=p,exports.topRight=f,exports.warning=l;

package/dist/components/feedback/Notification/notification.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/feedback/Notification/notification.module.scss
-var e = "_root_57muj_2", t = "_content_57muj_13", n = "_icon_57muj_18", r = "_messageContainer_57muj_21", i = "_title_57muj_27", a = "_description_57muj_34", o = "_close_57muj_39", s = "_success_57muj_58", c = "_info_57muj_61", l = "_warning_57muj_64", u = "_danger_57muj_67", d = "_container_57muj_70", f = "_topRight_57muj_81", p = "_topLeft_57muj_85", m = "_bottomRight_57muj_89", h = "_bottomLeft_57muj_93", g = {
+var e = "_root_9efav_3", t = "_content_9efav_14", n = "_icon_9efav_19", r = "_messageContainer_9efav_22", i = "_title_9efav_28", a = "_description_9efav_35", o = "_close_9efav_40", s = "_success_9efav_63", c = "_info_9efav_66", l = "_warning_9efav_69", u = "_danger_9efav_72", d = "_container_9efav_75", f = "_topRight_9efav_86", p = "_topLeft_9efav_90", m = "_bottomRight_9efav_94", h = "_bottomLeft_9efav_98", g = {
 	root: e,
 	content: t,
 	icon: n,
@@ -8,7 +8,7 @@ var e = "_root_57muj_2", t = "_content_57muj_13", n = "_icon_57muj_18", r = "_me
 	title: i,
 	description: a,
 	close: o,
-	default: "_default_57muj_55",
+	default: "_default_9efav_60",
 	success: s,
 	info: c,
 	warning: l,

package/dist/components/feedback/Result/Result.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/circle.cjs"),a=require("../../../icon/info-circle.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./result.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({intent:e,status:t,className:s})=>{if(t)return(0,u.jsx)(o.Icon,{component:n.default,color:`tertiary`,className:s});switch(e){case`success`:return(0,u.jsx)(o.Icon,{component:r.default,color:`success`,className:s});case`danger`:return(0,u.jsx)(o.Icon,{component:n.default,color:`danger`,className:s});case`warning`:return(0,u.jsx)(o.Icon,{component:n.default,color:`warning`,className:s});case`info`:return(0,u.jsx)(o.Icon,{component:a.default,color:`info`,className:s});default:return(0,u.jsx)(o.Icon,{component:i.default,color:`tertiary`,className:s})}},f=({intent:e=`default`,status:n,title:r,description:i,extra:a,icon:o,iconSurface:c=!1,className:f,children:p})=>(0,u.jsx)(t.InteractiveArea,{icon:o||(0,u.jsx)(d,{intent:e,status:n,className:s.default.icon}),title:r??void 0,description:i??void 0,actions:a,variant:`none`,bgVariant:`transparent`,className:(0,l.default)(`wim-result`,s.default.root,e&&s.default[e],n&&s.default[n],c&&s.default.iconSurface,f),styles:{inner:s.default.inner,icon:s.default.icon,content:s.default.content},children:p});exports.Result=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/circle.cjs"),a=require("../../../icon/info-circle.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./result.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({intent:e,status:t,className:s})=>{if(t)return(0,u.jsx)(o.Icon,{component:n.default,color:`text-tertiary`,className:s});switch(e){case`success`:return(0,u.jsx)(o.Icon,{component:r.default,color:`success`,className:s});case`danger`:return(0,u.jsx)(o.Icon,{component:n.default,color:`danger`,className:s});case`warning`:return(0,u.jsx)(o.Icon,{component:n.default,color:`warning`,className:s});case`info`:return(0,u.jsx)(o.Icon,{component:a.default,color:`info`,className:s});default:return(0,u.jsx)(o.Icon,{component:i.default,color:`text-tertiary`,className:s})}},f=({intent:e=`default`,status:n,title:r,description:i,extra:a,icon:o,iconSurface:c=!1,className:f,children:p})=>(0,u.jsx)(t.InteractiveArea,{icon:o||(0,u.jsx)(d,{intent:e,status:n,className:s.default.icon}),title:r??void 0,description:i??void 0,actions:a,variant:`none`,bgVariant:`transparent`,className:(0,l.default)(`wim-result`,s.default.root,e&&s.default[e],n&&s.default[n],c&&s.default.iconSurface,f),styles:{inner:s.default.inner,icon:s.default.icon,content:s.default.content},children:p});exports.Result=f;

package/dist/components/feedback/Result/Result.js

@@ -13,7 +13,7 @@ import { jsx as c } from "react/jsx-runtime";
 var l = ({ intent: e, status: o, className: s }) => {
 	if (o) return /* @__PURE__ */ c(a, {
 		component: t,
-		color: "tertiary",
+		color: "text-tertiary",
 		className: s
 	});
 	switch (e) {
@@ -39,7 +39,7 @@ var l = ({ intent: e, status: o, className: s }) => {
 		});
 		default: return /* @__PURE__ */ c(a, {
 			component: r,
-			color: "tertiary",
+			color: "text-tertiary",
 			className: s
 		});
 	}

package/dist/components/feedback/ScrollProgress/ScrollProgress.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("./scrollprogress.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({color:e=`primary`,target:o,className:s,"aria-label":c,...l})=>{let{t:u}=t.useWimTranslation(`common`),[d,f]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=()=>{let e=0;if(o&&o.current){let t=o.current,n=t.scrollHeight-t.clientHeight;n>0&&(e=t.scrollTop/n*100)}else{let t=document.documentElement.scrollHeight-window.innerHeight;t>0&&(e=window.scrollY/t*100)}f(e)},t=o&&o.current?o.current:window;return t.addEventListener(`scroll`,e),e(),()=>{t.removeEventListener(`scroll`,e)}},[o]),(0,a.jsx)(`div`,{className:(0,i.default)(`wim-scroll-progress`,n.default.root,e&&n.default[e],s),role:`progressbar`,"aria-valuenow":Math.round(d),"aria-valuemin":0,"aria-valuemax":100,"aria-label":c??u(`a11y.scroll_progress`),...l,children:(0,a.jsx)(`div`,{className:n.default.bar,style:{width:`${d}%`}})})};exports.ScrollProgress=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("./scrollprogress.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({intent:e=`primary`,target:o,className:s,"aria-label":c,...l})=>{let{t:u}=t.useWimTranslation(`common`),[d,f]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=()=>{let e=0;if(o&&o.current){let t=o.current,n=t.scrollHeight-t.clientHeight;n>0&&(e=t.scrollTop/n*100)}else{let t=document.documentElement.scrollHeight-window.innerHeight;t>0&&(e=window.scrollY/t*100)}f(e)},t=o&&o.current?o.current:window;return t.addEventListener(`scroll`,e),e(),()=>{t.removeEventListener(`scroll`,e)}},[o]),(0,a.jsx)(`div`,{className:(0,i.default)(`wim-scroll-progress`,n.default.root,n.default[e],s),role:`progressbar`,"aria-valuenow":Math.round(d),"aria-valuemin":0,"aria-valuemax":100,"aria-label":c??u(`a11y.scroll_progress`),...l,children:(0,a.jsx)(`div`,{className:n.default.bar,style:{width:`${d}%`}})})};exports.ScrollProgress=o;

package/dist/components/feedback/ScrollProgress/ScrollProgress.d.ts

@@ -1,10 +1,18 @@
 import { default as React } from 'react';
+import { IndicatorIntent } from '../../../types/tokens';
 export type ScrollProgressProps = React.ComponentPropsWithoutRef<"div"> & {
     /**
      * Color of the progress bar.
      * @default "primary"
      */
-    color?: "primary" | "secondary" | "success" | "warning" | "danger";
+    /**
+     * 意味の軸。兄弟の `Progress` / `ProgressRing` と同じ語彙にそろえてある。
+     *
+     * 以前は `color` という名前で、値も独自（`secondary` を含む）だった。
+     * 塗っているものは `Progress.intent` と構造まで同一だったので、prop 名だけが
+     * ずれていた（T114）。
+     */
+    intent?: IndicatorIntent;
     /**
      * Element whose scroll position is tracked. Defaults to `window`.
      */
@@ -13,4 +21,4 @@ export type ScrollProgressProps = React.ComponentPropsWithoutRef<"div"> & {
 /**
  * Visualizes reading progress or scroll position as a bar.
  */
-export declare const ScrollProgress: ({ color, target, className, "aria-label": ariaLabel, ...props }: ScrollProgressProps) => React.JSX.Element;
+export declare const ScrollProgress: ({ intent, target, className, "aria-label": ariaLabel, ...props }: ScrollProgressProps) => React.JSX.Element;

package/dist/components/feedback/ScrollProgress/ScrollProgress.js

@@ -5,7 +5,7 @@ import { useEffect as n, useState as r } from "react";
 import i from "classnames";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/feedback/ScrollProgress/ScrollProgress.tsx
-var o = ({ color: o = "primary", target: s, className: c, "aria-label": l, ...u }) => {
+var o = ({ intent: o = "primary", target: s, className: c, "aria-label": l, ...u }) => {
 	let { t: d } = e("common"), [f, p] = r(0);
 	return n(() => {
 		let e = () => {
@@ -23,7 +23,7 @@ var o = ({ color: o = "primary", target: s, className: c, "aria-label": l, ...u
 			t.removeEventListener("scroll", e);
 		};
 	}, [s]), /* @__PURE__ */ a("div", {
-		className: i("wim-scroll-progress", t.root, o && t[o], c),
+		className: i("wim-scroll-progress", t.root, t[o], c),
 		role: "progressbar",
 		"aria-valuenow": Math.round(f),
 		"aria-valuemin": 0,

package/dist/components/feedback/ScrollProgress/scrollprogress.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1bgld_2`,t=`_bar_1bgld_11`,n=`_secondary_1bgld_16`,r=`_success_1bgld_19`,i=`_warning_1bgld_22`,a=`_danger_1bgld_25`,o={root:e,bar:t,secondary:n,success:r,warning:i,danger:a};exports.bar=t,exports.danger=a,exports.default=o,exports.root=e,exports.secondary=n,exports.success=r,exports.warning=i;
+var e=`_root_1rt0b_3`,t=`_bar_1rt0b_12`,n=`_primary_1rt0b_22`,r=`_success_1rt0b_25`,i=`_warning_1rt0b_28`,a=`_danger_1rt0b_31`,o=`_info_1rt0b_34`,s=`_neutral_1rt0b_37`,c={root:e,bar:t,primary:n,success:r,warning:i,danger:a,info:o,neutral:s};exports.bar=t,exports.danger=a,exports.default=c,exports.info=o,exports.neutral=s,exports.primary=n,exports.root=e,exports.success=r,exports.warning=i;

package/dist/components/feedback/ScrollProgress/scrollprogress.module.js

@@ -1,12 +1,14 @@
 "use client";
 //#region src/components/feedback/ScrollProgress/scrollprogress.module.scss
-var e = "_root_1bgld_2", t = "_bar_1bgld_11", n = "_secondary_1bgld_16", r = "_success_1bgld_19", i = "_warning_1bgld_22", a = "_danger_1bgld_25", o = {
+var e = "_root_1rt0b_3", t = "_bar_1rt0b_12", n = "_primary_1rt0b_22", r = "_success_1rt0b_25", i = "_warning_1rt0b_28", a = "_danger_1rt0b_31", o = "_info_1rt0b_34", s = "_neutral_1rt0b_37", c = {
 	root: e,
 	bar: t,
-	secondary: n,
+	primary: n,
 	success: r,
 	warning: i,
-	danger: a
+	danger: a,
+	info: o,
+	neutral: s
 };
 //#endregion
-export { t as bar, a as danger, o as default, e as root, n as secondary, r as success, i as warning };
+export { t as bar, a as danger, c as default, o as info, s as neutral, n as primary, e as root, r as success, i as warning };

package/dist/components/feedback/Snackbar/snackbar.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_wrapper_17i4e_2`,t=`_root_17i4e_40`,n=`_hasCloseButton_17i4e_57`,r=`_visible_17i4e_72`,i=`_content_17i4e_76`,a=`_icon_17i4e_82`,o=`_message_17i4e_88`,s=`_actions_17i4e_93`,c=`_actionButton_17i4e_99`,l=`_closeButton_17i4e_103`,u=`_success_17i4e_127`,d=`_danger_17i4e_132`,f=`_warning_17i4e_137`,p=`_info_17i4e_143`,m={wrapper:e,"top-left":`_top-left_17i4e_10`,"top-center":`_top-center_17i4e_15`,"top-right":`_top-right_17i4e_20`,"bottom-left":`_bottom-left_17i4e_25`,"bottom-center":`_bottom-center_17i4e_30`,"bottom-right":`_bottom-right_17i4e_35`,root:t,hasCloseButton:n,visible:r,content:i,icon:a,message:o,actions:s,actionButton:c,closeButton:l,success:u,danger:d,warning:f,info:p};exports.actionButton=c,exports.actions=s,exports.closeButton=l,exports.content=i,exports.danger=d,exports.default=m,exports.hasCloseButton=n,exports.icon=a,exports.info=p,exports.message=o,exports.root=t,exports.success=u,exports.visible=r,exports.warning=f,exports.wrapper=e;
+var e=`_wrapper_522yj_3`,t=`_root_522yj_41`,n=`_hasCloseButton_522yj_58`,r=`_visible_522yj_73`,i=`_content_522yj_77`,a=`_icon_522yj_83`,o=`_message_522yj_89`,s=`_actions_522yj_94`,c=`_actionButton_522yj_100`,l=`_closeButton_522yj_104`,u=`_success_522yj_132`,d=`_danger_522yj_137`,f=`_warning_522yj_142`,p=`_info_522yj_148`,m={wrapper:e,"top-left":`_top-left_522yj_11`,"top-center":`_top-center_522yj_16`,"top-right":`_top-right_522yj_21`,"bottom-left":`_bottom-left_522yj_26`,"bottom-center":`_bottom-center_522yj_31`,"bottom-right":`_bottom-right_522yj_36`,root:t,hasCloseButton:n,visible:r,content:i,icon:a,message:o,actions:s,actionButton:c,closeButton:l,success:u,danger:d,warning:f,info:p};exports.actionButton=c,exports.actions=s,exports.closeButton=l,exports.content=i,exports.danger=d,exports.default=m,exports.hasCloseButton=n,exports.icon=a,exports.info=p,exports.message=o,exports.root=t,exports.success=u,exports.visible=r,exports.warning=f,exports.wrapper=e;

package/dist/components/feedback/Snackbar/snackbar.module.js

@@ -1,13 +1,13 @@
 "use client";
 //#region src/components/feedback/Snackbar/snackbar.module.scss
-var e = "_wrapper_17i4e_2", t = "_root_17i4e_40", n = "_hasCloseButton_17i4e_57", r = "_visible_17i4e_72", i = "_content_17i4e_76", a = "_icon_17i4e_82", o = "_message_17i4e_88", s = "_actions_17i4e_93", c = "_actionButton_17i4e_99", l = "_closeButton_17i4e_103", u = "_success_17i4e_127", d = "_danger_17i4e_132", f = "_warning_17i4e_137", p = "_info_17i4e_143", m = {
+var e = "_wrapper_522yj_3", t = "_root_522yj_41", n = "_hasCloseButton_522yj_58", r = "_visible_522yj_73", i = "_content_522yj_77", a = "_icon_522yj_83", o = "_message_522yj_89", s = "_actions_522yj_94", c = "_actionButton_522yj_100", l = "_closeButton_522yj_104", u = "_success_522yj_132", d = "_danger_522yj_137", f = "_warning_522yj_142", p = "_info_522yj_148", m = {
 	wrapper: e,
-	"top-left": "_top-left_17i4e_10",
-	"top-center": "_top-center_17i4e_15",
-	"top-right": "_top-right_17i4e_20",
-	"bottom-left": "_bottom-left_17i4e_25",
-	"bottom-center": "_bottom-center_17i4e_30",
-	"bottom-right": "_bottom-right_17i4e_35",
+	"top-left": "_top-left_522yj_11",
+	"top-center": "_top-center_522yj_16",
+	"top-right": "_top-right_522yj_21",
+	"bottom-left": "_bottom-left_522yj_26",
+	"bottom-center": "_bottom-center_522yj_31",
+	"bottom-right": "_bottom-right_522yj_36",
 	root: t,
 	hasCloseButton: n,
 	visible: r,

package/dist/components/feedback/Tour/Tour.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../overlay/Portal/Portal.cjs"),n=require("../../form/Button/Button.cjs"),r=require("./tour.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({steps:e,open:s,onClose:c,onFinish:l})=>{let[u,d]=(0,i.useState)(0),[f,p]=(0,i.useState)(null),m=e[u];if((0,i.useEffect)(()=>{if(s&&m){let e=()=>{let e=document.querySelector(m.target);e?(p(e.getBoundingClientRect()),e.scrollIntoView({behavior:`smooth`,block:`center`})):p(null)};e();let t=setTimeout(e,100);return()=>clearTimeout(t)}else p(null)},[s,u,m]),(0,i.useEffect)(()=>{let e=()=>{if(s&&m){let e=document.querySelector(m.target);e&&p(e.getBoundingClientRect())}};return window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e)}},[s,m]),!s||!m)return null;let h=()=>{u<e.length-1?d(u+1):(l?l():c(),d(0))},g=()=>{u>0&&d(u-1)},_={};if(f){let e=window.innerWidth,t=Math.min(300,e-32),n=m.placement||`bottom`;if(e<640&&(n===`left`||n===`right`)&&(n=`bottom`),n===`top`||n===`bottom`){let r=f.left+f.width/2,i=t/2+16,a=e-t/2-16;r=i>a?e/2:Math.max(i,Math.min(a,r)),_.left=r,n===`top`?(_.top=f.top-12,_.transform=`translate(-50%, -100%)`):(_.top=f.bottom+12,_.transform=`translateX(-50%)`)}else n===`left`?(_.left=f.left-12,_.top=f.top+f.height/2,_.transform=`translate(-100%, -50%)`):n===`right`&&(_.left=f.right+12,_.top=f.top+f.height/2,_.transform=`translateY(-50%)`)}return(0,o.jsxs)(t.Portal,{children:[(0,o.jsx)(`div`,{className:r.default.mask,onClick:c,role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&c()}}),f&&(0,o.jsx)(`div`,{className:r.default.highlight,style:{top:f.top-4,left:f.left-4,width:f.width+8,height:f.height+8}}),(0,o.jsx)(`div`,{className:(0,a.default)(`wim-tour`,r.default.bubble,m.placement&&r.default[m.placement]),style:_,children:(0,o.jsxs)(`div`,{className:r.default.inner,children:[(0,o.jsx)(`h3`,{className:r.default.title,children:m.title}),(0,o.jsx)(`p`,{className:r.default.description,children:m.description}),(0,o.jsxs)(`div`,{className:r.default.footer,children:[(0,o.jsxs)(`span`,{className:r.default.progress,children:[u+1,` / `,e.length]}),(0,o.jsxs)(`div`,{className:r.default.buttons,children:[u>0&&(0,o.jsx)(n.Button,{size:`sm`,variant:`outline`,onClick:g,children:`Back`}),(0,o.jsx)(n.Button,{size:`sm`,variant:`solid`,onClick:h,children:u===e.length-1?`Finish`:`Next`})]})]})]})})]})};exports.Tour=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../overlay/Portal/Portal.cjs"),n=require("../../form/Button/Button.cjs"),r=require("./tour.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({steps:e,open:s,onClose:c,onFinish:l})=>{let[u,d]=(0,i.useState)(0),[f,p]=(0,i.useState)(null),m=e[u];if((0,i.useEffect)(()=>{if(s&&m){let e=()=>{let e=document.querySelector(m.target);e?(p(e.getBoundingClientRect()),e.scrollIntoView({behavior:`smooth`,block:`center`})):p(null)};e();let t=setTimeout(e,100);return()=>clearTimeout(t)}else p(null)},[s,u,m]),(0,i.useEffect)(()=>{let e=()=>{if(s&&m){let e=document.querySelector(m.target);e&&p(e.getBoundingClientRect())}};return window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e)}},[s,m]),!s||!m)return null;let h=()=>{u<e.length-1?d(u+1):(l?l():c(),d(0))},g=()=>{u>0&&d(u-1)},_={},v=m.placement||`bottom`;if(f){let e=window.innerWidth,t=Math.min(300,e-32),n=v;if(e<640&&(n===`left`||n===`right`)&&(n=`bottom`),v=n,n===`top`||n===`bottom`){let r=f.left+f.width/2,i=t/2+16,a=e-t/2-16;r=i>a?e/2:Math.max(i,Math.min(a,r)),_.left=r,n===`top`?(_.top=f.top-12,_.transform=`translate(-50%, -100%)`):(_.top=f.bottom+12,_.transform=`translateX(-50%)`)}else n===`left`?(_.left=f.left-12,_.top=f.top+f.height/2,_.transform=`translate(-100%, -50%)`):n===`right`&&(_.left=f.right+12,_.top=f.top+f.height/2,_.transform=`translateY(-50%)`)}return(0,o.jsxs)(t.Portal,{children:[(0,o.jsx)(`div`,{className:r.default.mask,onClick:c,role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&c()}}),f&&(0,o.jsx)(`div`,{className:r.default.highlight,style:{top:f.top-4,left:f.left-4,width:f.width+8,height:f.height+8}}),(0,o.jsx)(`div`,{className:(0,a.default)(`wim-tour`,r.default.bubble),"data-placement":v,style:_,children:(0,o.jsxs)(`div`,{className:r.default.inner,children:[(0,o.jsx)(`h3`,{className:r.default.title,children:m.title}),(0,o.jsx)(`p`,{className:r.default.description,children:m.description}),(0,o.jsxs)(`div`,{className:r.default.footer,children:[(0,o.jsxs)(`span`,{className:r.default.progress,children:[u+1,` / `,e.length]}),(0,o.jsxs)(`div`,{className:r.default.buttons,children:[u>0&&(0,o.jsx)(n.Button,{size:`sm`,variant:`outline`,onClick:g,children:`Back`}),(0,o.jsx)(n.Button,{size:`sm`,variant:`solid`,onClick:h,children:u===e.length-1?`Finish`:`Next`})]})]})]})})]})};exports.Tour=s;

package/dist/components/feedback/Tour/Tour.js

@@ -40,10 +40,10 @@ var c = ({ steps: c, open: l, onClose: u, onFinish: d }) => {
 		f < c.length - 1 ? p(f + 1) : (d ? d() : u(), p(0));
 	}, v = () => {
 		f > 0 && p(f - 1);
-	}, y = {};
+	}, y = {}, b = g.placement || "bottom";
 	if (m) {
-		let e = window.innerWidth, t = Math.min(300, e - 32), n = g.placement || "bottom";
-		if (e < 640 && (n === "left" || n === "right") && (n = "bottom"), n === "top" || n === "bottom") {
+		let e = window.innerWidth, t = Math.min(300, e - 32), n = b;
+		if (e < 640 && (n === "left" || n === "right") && (n = "bottom"), b = n, n === "top" || n === "bottom") {
 			let r = m.left + m.width / 2, i = t / 2 + 16, a = e - t / 2 - 16;
 			r = i > a ? e / 2 : Math.max(i, Math.min(a, r)), y.left = r, n === "top" ? (y.top = m.top - 12, y.transform = "translate(-50%, -100%)") : (y.top = m.bottom + 12, y.transform = "translateX(-50%)");
 		} else n === "left" ? (y.left = m.left - 12, y.top = m.top + m.height / 2, y.transform = "translate(-100%, -50%)") : n === "right" && (y.left = m.right + 12, y.top = m.top + m.height / 2, y.transform = "translateY(-50%)");
@@ -68,7 +68,8 @@ var c = ({ steps: c, open: l, onClose: u, onFinish: d }) => {
 			}
 		}),
 		/* @__PURE__ */ o("div", {
-			className: a("wim-tour", n.bubble, g.placement && n[g.placement]),
+			className: a("wim-tour", n.bubble),
+			"data-placement": b,
 			style: y,
 			children: /* @__PURE__ */ s("div", {
 				className: n.inner,

package/dist/components/form/Checkbox/checkbox.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_bdu3m_15`,t=`_disabled_bdu3m_26`,n=`_input_bdu3m_30`,r=`_danger_bdu3m_6`,i={root:e,disabled:t,input:n,danger:r};exports.danger=r,exports.default=i,exports.disabled=t,exports.input=n,exports.root=e;
+var e=`_root_fwj5v_16`,t=`_disabled_fwj5v_34`,n=`_input_fwj5v_21`,r=`_danger_fwj5v_7`,i={root:e,disabled:t,input:n,danger:r};exports.danger=r,exports.default=i,exports.disabled=t,exports.input=n,exports.root=e;

package/dist/components/form/Checkbox/checkbox.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Checkbox/checkbox.module.scss
-var e = "_root_bdu3m_15", t = "_disabled_bdu3m_26", n = "_input_bdu3m_30", r = "_danger_bdu3m_6", i = {
+var e = "_root_fwj5v_16", t = "_disabled_fwj5v_34", n = "_input_fwj5v_21", r = "_danger_fwj5v_7", i = {
 	root: e,
 	disabled: t,
 	input: n,

package/dist/components/form/CreditCardInput/CreditCardInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../Input/Input.cjs"),r=require("./credit-card-input.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=e=>{let t=e.replace(/\D/g,``);return t.startsWith(`4`)?`visa`:/^5[1-5]/.test(t)?`mastercard`:/^3[47]/.test(t)?`amex`:/^6(?:011|5)/.test(t)?`discover`:/^(?:2131|1800|35)/.test(t)?`jcb`:/^3(?:0[0-5]|[68])/.test(t)?`diners`:`generic`},s=(e,t)=>{let n=e.replace(/\D/g,``);if(t===`amex`)return[n.slice(0,4),n.slice(4,10),n.slice(10,15)].filter(Boolean).join(` `);if(t===`diners`)return[n.slice(0,4),n.slice(4,10),n.slice(10,14)].filter(Boolean).join(` `);let r=n.match(/.{1,4}/g);return r?r.join(` `):n},c=e=>e===`amex`?17:e===`diners`?16:19,l=i.default.forwardRef(({onChange:e,onBrandChange:l,value:u,defaultValue:d,asChild:f=!1,children:p,...m},h)=>{let g=f?t.Root:n.Input,[_,v]=(0,i.useState)(()=>{let e=String(d||``);return s(e,o(e))}),y=u!==void 0,b=y?s(String(u),o(String(u))):_,x=(0,i.useMemo)(()=>o(b),[b]);(0,i.useEffect)(()=>{l?.(x)},[x,l]);let S=(0,i.useCallback)(t=>{let n=t.target.value.replace(/\D/g,``),r=s(n,o(n));y||v(r),e&&e({...t,target:{...t.target,value:r}})},[y,e]);return(0,a.jsx)(g,{...m,ref:h,type:`text`,inputMode:`numeric`,autoComplete:`cc-number`,value:b,onChange:S,maxLength:c(x),rightIcon:`CreditCardIcon`,className:`wim-credit-card-input ${r.default.root}`,children:p})});l.displayName=`CreditCardInput`,exports.CreditCardInput=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../Input/Input.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>{let t=e.replace(/\D/g,``);return t.startsWith(`4`)?`visa`:/^5[1-5]/.test(t)?`mastercard`:/^3[47]/.test(t)?`amex`:/^6(?:011|5)/.test(t)?`discover`:/^(?:2131|1800|35)/.test(t)?`jcb`:/^3(?:0[0-5]|[68])/.test(t)?`diners`:`generic`},o=(e,t)=>{let n=e.replace(/\D/g,``);if(t===`amex`)return[n.slice(0,4),n.slice(4,10),n.slice(10,15)].filter(Boolean).join(` `);if(t===`diners`)return[n.slice(0,4),n.slice(4,10),n.slice(10,14)].filter(Boolean).join(` `);let r=n.match(/.{1,4}/g);return r?r.join(` `):n},s=e=>e===`amex`?17:e===`diners`?16:19,c=r.default.forwardRef(({onChange:e,onBrandChange:c,value:l,defaultValue:u,asChild:d=!1,children:f,...p},m)=>{let h=d?t.Root:n.Input,[g,_]=(0,r.useState)(()=>{let e=String(u||``);return o(e,a(e))}),v=l!==void 0,y=v?o(String(l),a(String(l))):g,b=(0,r.useMemo)(()=>a(y),[y]);(0,r.useEffect)(()=>{c?.(b)},[b,c]);let x=(0,r.useCallback)(t=>{let n=t.target.value.replace(/\D/g,``),r=o(n,a(n));v||_(r),e&&e({...t,target:{...t.target,value:r}})},[v,e]);return(0,i.jsx)(h,{...p,ref:m,type:`text`,inputMode:`numeric`,autoComplete:`cc-number`,value:y,onChange:x,maxLength:s(b),rightIcon:`CreditCardIcon`,className:`wim-credit-card-input`,children:f})});c.displayName=`CreditCardInput`,exports.CreditCardInput=c;

package/dist/components/form/CreditCardInput/CreditCardInput.js

@@ -1,14 +1,13 @@
 "use client";
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { Input as t } from "../Input/Input.js";
-import n from "./credit-card-input.module.js";
-import r, { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import n, { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/form/CreditCardInput/CreditCardInput.tsx
-var l = (e) => {
+var c = (e) => {
 	let t = e.replace(/\D/g, "");
 	return t.startsWith("4") ? "visa" : /^5[1-5]/.test(t) ? "mastercard" : /^3[47]/.test(t) ? "amex" : /^6(?:011|5)/.test(t) ? "discover" : /^(?:2131|1800|35)/.test(t) ? "jcb" : /^3(?:0[0-5]|[68])/.test(t) ? "diners" : "generic";
-}, u = (e, t) => {
+}, l = (e, t) => {
 	let n = e.replace(/\D/g, "");
 	if (t === "amex") return [
 		n.slice(0, 4),
@@ -22,38 +21,38 @@ var l = (e) => {
 	].filter(Boolean).join(" ");
 	let r = n.match(/.{1,4}/g);
 	return r ? r.join(" ") : n;
-}, d = (e) => e === "amex" ? 17 : e === "diners" ? 16 : 19, f = r.forwardRef(({ onChange: r, onBrandChange: f, value: p, defaultValue: m, asChild: h = !1, children: g, ..._ }, v) => {
-	let y = h ? e : t, [b, x] = s(() => {
-		let e = String(m || "");
-		return u(e, l(e));
-	}), S = p !== void 0, C = S ? u(String(p), l(String(p))) : b, w = o(() => l(C), [C]);
-	a(() => {
-		f?.(w);
-	}, [w, f]);
-	let T = i((e) => {
-		let t = e.target.value.replace(/\D/g, ""), n = u(t, l(t));
-		S || x(n), r && r({
+}, u = (e) => e === "amex" ? 17 : e === "diners" ? 16 : 19, d = n.forwardRef(({ onChange: n, onBrandChange: d, value: f, defaultValue: p, asChild: m = !1, children: h, ...g }, _) => {
+	let v = m ? e : t, [y, b] = o(() => {
+		let e = String(p || "");
+		return l(e, c(e));
+	}), x = f !== void 0, S = x ? l(String(f), c(String(f))) : y, C = a(() => c(S), [S]);
+	i(() => {
+		d?.(C);
+	}, [C, d]);
+	let w = r((e) => {
+		let t = e.target.value.replace(/\D/g, ""), r = l(t, c(t));
+		x || b(r), n && n({
 			...e,
 			target: {
 				...e.target,
-				value: n
+				value: r
 			}
 		});
-	}, [S, r]);
-	return /* @__PURE__ */ c(y, {
-		..._,
-		ref: v,
+	}, [x, n]);
+	return /* @__PURE__ */ s(v, {
+		...g,
+		ref: _,
 		type: "text",
 		inputMode: "numeric",
 		autoComplete: "cc-number",
-		value: C,
-		onChange: T,
-		maxLength: d(w),
+		value: S,
+		onChange: w,
+		maxLength: u(C),
 		rightIcon: "CreditCardIcon",
-		className: `wim-credit-card-input ${n.root}`,
-		children: g
+		className: "wim-credit-card-input",
+		children: h
 	});
 });
-f.displayName = "CreditCardInput";
+d.displayName = "CreditCardInput";
 //#endregion
-export { f as CreditCardInput };
+export { d as CreditCardInput };

package/dist/components/form/DatePicker/DatePicker.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../Input/input.module.cjs"),s=require("../../data-display/Calendar/Calendar.cjs"),c=require("../../_internal/mergeRefs.cjs"),l=require("./date-picker.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.forwardRef)(({intent:e=`default`,variant:p=`outline`,fullWidth:m=!1,className:h,disabled:g,value:_,defaultValue:v,onChange:y,format:b=`YYYY-MM-DD`,clearable:x=!0,placeholder:S,minDate:ee,maxDate:te,disabledDates:ne,label:C,error:w,required:T,layout:E,id:D,labels:re,width:O,asChild:k=!1,children:A,...j},M)=>{let[N,P]=(0,u.useState)(!1),[F,I]=(0,u.useState)(v||null),L=(0,u.useRef)(null),R=(0,u.useRef)(null),z=c.mergeRefs(L,M),B=(0,u.useId)(),V=D||`wim-datepicker-${B}`,H=`${V}-dropdown`,U=C?`${V}-label`:void 0,W=w?`${V}-error`:void 0,G=_!==void 0,K=G?_:F,q=S??re?.placeholder,J=g,Y=w?`danger`:e;(0,u.useEffect)(()=>{let e=e=>{L.current&&!L.current.contains(e.target)&&P(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{let e=e=>{e.key===`Escape`&&N&&(P(!1),R.current?.focus())};return N&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[N]);let X=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return b.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},Z=e=>{G||I(e),y?.(e),P(!1),R.current?.focus()},Q=e=>{e?.stopPropagation(),J||(G||I(null),y?.(null))},$=()=>{J||P(!N)};return(0,u.useEffect)(()=>{if(N){let e=setTimeout(()=>{let e=L.current?.querySelector(`[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():L.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[N]),(0,f.jsx)(a.FieldTemplate,{label:C,error:w,required:T,layout:E,labelId:U,htmlFor:V,errorId:W,className:h,children:(0,f.jsxs)(k?t.Root:`div`,{ref:z,className:(0,d.default)(`wim-date-picker`,l.default.root,m&&l.default.fullWidth),children:[(0,f.jsxs)(t.Slottable,{children:[(0,f.jsx)(i.InputBase,{intent:Y,variant:p,width:O,fullWidth:m,disabled:J,allowClear:x,hasValue:!!K,onClear:Q,rightIcons:[{name:`ChevronDownIcon`,rotated:N,onClick:$}],children:(0,f.jsx)(`input`,{id:V,ref:R,type:`text`,readOnly:!0,role:`combobox`,className:(0,d.default)(o.default.root,l.default.input,m&&o.default.fullWidth),value:X(K),placeholder:q,disabled:J,onClick:$,onKeyDown:e=>{J||(e.key===`Escape`?(P(!1),R.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!N))&&(e.preventDefault(),P(!N)))},"aria-haspopup":`dialog`,"aria-expanded":N,"aria-controls":N?H:void 0,"aria-invalid":Y===`danger`,"aria-describedby":W,"aria-labelledby":U,"aria-required":T,...j})}),(0,f.jsx)(n.Transition,{show:N&&!g,preset:`fade`,id:H,className:l.default.dropdown,children:(0,f.jsx)(r.FocusTrap,{active:N,initialFocus:!1,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":U,children:(0,f.jsx)(s.Calendar,{value:K??void 0,onChange:Z})})})})]}),A]})})});p.displayName=`DatePicker`,exports.DatePicker=p,exports.default=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../Input/input.module.cjs"),s=require("../../data-display/Calendar/Calendar.cjs"),c=require("../../_internal/mergeRefs.cjs"),l=require("./date-picker.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.forwardRef)(({intent:e=`default`,variant:p=`outline`,fullWidth:m=!1,className:h,disabled:g,value:_,defaultValue:v,onChange:y,format:b=`YYYY-MM-DD`,clearable:x=!0,placeholder:S,minDate:ee,maxDate:te,disabledDates:ne,label:C,error:w,required:T,layout:re,id:E,labels:D,width:O,asChild:k=!1,children:A,...j},M)=>{let[N,P]=(0,u.useState)(!1),[F,I]=(0,u.useState)(v||null),L=(0,u.useRef)(null),R=(0,u.useRef)(null),z=c.mergeRefs(L,M),B=(0,u.useId)(),V=E||`wim-datepicker-${B}`,H=`${V}-dropdown`,U=C?`${V}-label`:void 0,W=w?`${V}-error`:void 0,G=_!==void 0,K=G?_:F,q=S??D?.placeholder,J=g,Y=w?`danger`:e;(0,u.useEffect)(()=>{let e=e=>{L.current&&!L.current.contains(e.target)&&P(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{let e=e=>{e.key===`Escape`&&N&&(P(!1),R.current?.focus())};return N&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[N]);let X=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return b.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},Z=e=>{G||I(e),y?.(e),P(!1),R.current?.focus()},Q=e=>{e?.stopPropagation(),J||(G||I(null),y?.(null))},$=()=>{J||P(!N)};return(0,u.useEffect)(()=>{if(N){let e=setTimeout(()=>{let e=L.current?.querySelector(`[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():L.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[N]),(0,f.jsx)(a.FieldTemplate,{label:C,error:w,required:T,layout:re,labelId:U,htmlFor:V,errorId:W,className:h,children:(0,f.jsxs)(k?t.Root:`div`,{ref:z,className:(0,d.default)(`wim-date-picker`,l.default.root,m&&l.default.fullWidth),children:[(0,f.jsxs)(t.Slottable,{children:[(0,f.jsx)(i.InputBase,{intent:Y,variant:p,width:O,fullWidth:m,disabled:J,allowClear:x,hasValue:!!K,onClear:Q,rightIcons:[{name:`ChevronDownIcon`,rotated:N,onClick:$}],children:(0,f.jsx)(`input`,{id:V,ref:R,type:`text`,readOnly:!0,role:`combobox`,className:(0,d.default)(o.default.root,l.default.input),value:X(K),placeholder:q,disabled:J,onClick:$,onKeyDown:e=>{J||(e.key===`Escape`?(P(!1),R.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!N))&&(e.preventDefault(),P(!N)))},"aria-haspopup":`dialog`,"aria-expanded":N,"aria-controls":N?H:void 0,"aria-invalid":Y===`danger`,"aria-describedby":W,"aria-labelledby":U,"aria-required":T,...j})}),(0,f.jsx)(n.Transition,{show:N&&!g,preset:`fade`,id:H,className:l.default.dropdown,children:(0,f.jsx)(r.FocusTrap,{active:N,initialFocus:!1,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":U,children:(0,f.jsx)(s.Calendar,{value:K??void 0,onChange:Z})})})})]}),A]})})});p.displayName=`DatePicker`,exports.DatePicker=p,exports.default=p;