wimui 0.17.0 → 0.19.0

package/dist/components/_internal/FeedbackIcon.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../icon/alert-circle.cjs"),n=require("../../icon/alert-triangle.cjs"),r=require("../../icon/check.cjs"),i=require("../../icon/circle.cjs"),a=require("../../icon/info-circle.cjs"),o=require("../media/Icon/Icon.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({intent:e=`info`,icon:t,size:n=`sm`,className:r,color:a})=>t&&s.default.isValidElement(t)?(0,c.jsx)(c.Fragment,{children:t}):t===!1?null:(0,c.jsx)(o.Icon,{component:u[e]??i.default,size:n,className:r,color:a}),u={success:r.default,danger:t.default,warning:n.default,info:a.default};exports.FeedbackIcon=l;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../icon/alert-circle.cjs"),n=require("../../icon/alert-triangle.cjs"),r=require("../../icon/check.cjs"),i=require("../../icon/circle.cjs"),a=require("../../icon/info-circle.cjs"),o=require("../media/Icon/Icon.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({intent:e=`info`,icon:t,size:n=`sm`,className:r,tinted:a=!1})=>t&&s.default.isValidElement(t)?(0,c.jsx)(c.Fragment,{children:t}):t===!1?null:(0,c.jsx)(o.Icon,{component:u[e]??i.default,size:n,className:r,color:a?e:void 0}),u={success:r.default,danger:t.default,warning:n.default,info:a.default};exports.FeedbackIcon=l;

package/dist/components/_internal/FeedbackIcon.d.ts

@@ -23,9 +23,20 @@ export interface FeedbackIconProps {
      */
     className?: string;
     /**
-     * Explicit color for the icon.
+     * intent の色でアイコンを塗る。省略時は継承（容器の文字色）。
+     *
+     * 以前は `color?: "danger" | "success" | "warning" | "info"` で、intent と
+     * 同じ語彙を取っていた。そのため `intent="success" color="danger"` という
+     * 矛盾が型で書けた（実際に書いている箇所は無く、唯一の利用者 `Notification` は
+     * `typeToColorMap[intent]` ＝ 恒等写像を渡していた）。真偽値にして矛盾を
+     * 書けなくする（T119）。
+     *
+     * prop を消すことはできない。 容器の扱いが 3 通りに割れている ──
+     * `Alert` / `Banner` は容器が `color: text-{intent}` を当てるので継承で足り、
+     * `Snackbar` は濃い intent 色が背景なので継承（on-color）でなければならず、
+     * `Notification` は左の縦線しか intent 色にしないため明示が要る。
      */
-    color?: "danger" | "success" | "warning" | "info";
+    tinted?: boolean;
 }
 /**
  * FeedbackIcon is an internal component that resolves and displays the appropriate
@@ -36,4 +47,4 @@ export interface FeedbackIconProps {
  * - Returns null if `icon` is explicitly `false`.
  * - Maps `intent` to default system icons (e.g., success -> CheckIcon).
  */
-export declare const FeedbackIcon: ({ intent, icon, size, className, color, }: FeedbackIconProps) => React.JSX.Element | null;
+export declare const FeedbackIcon: ({ intent, icon, size, className, tinted, }: FeedbackIconProps) => React.JSX.Element | null;

package/dist/components/_internal/FeedbackIcon.js

@@ -8,11 +8,11 @@ import { Icon as a } from "../media/Icon/Icon.js";
 import o from "react";
 import { Fragment as s, jsx as c } from "react/jsx-runtime";
 //#region src/components/_internal/FeedbackIcon.tsx
-var l = ({ intent: e = "info", icon: t, size: n = "sm", className: i, color: l }) => t && o.isValidElement(t) ? /* @__PURE__ */ c(s, { children: t }) : t === !1 ? null : /* @__PURE__ */ c(a, {
+var l = ({ intent: e = "info", icon: t, size: n = "sm", className: i, tinted: l = !1 }) => t && o.isValidElement(t) ? /* @__PURE__ */ c(s, { children: t }) : t === !1 ? null : /* @__PURE__ */ c(a, {
 	component: u[e] ?? r,
 	size: n,
 	className: i,
-	color: l
+	color: l ? e : void 0
 }), u = {
 	success: n,
 	danger: e,

package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./field-character-count.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({count:e,maxLength:n,alwaysShow:a=!1,className:o,isError:s=!1})=>!a&&e===0&&n===void 0?null:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.root,{[t.default.danger]:s||n!==void 0&&e>n,[t.default.warning]:n!==void 0&&e>=n*.9&&e<=n},o),"aria-live":`polite`,children:[(0,i.jsx)(`span`,{className:t.default.count,children:e}),n!==void 0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:t.default.separator,children:` / `}),(0,i.jsx)(`span`,{className:t.default.max,children:n})]})]});exports.FieldCharacterCount=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./field-character-count.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({count:e,maxLength:n,alwaysShow:a=!1,className:o,isError:s=!1})=>!a&&e===0&&n===void 0?null:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.root,{[t.default.danger]:s||n!==void 0&&e>n,[t.default.warning]:n!==void 0&&e>=n*.9&&e<=n},o),"aria-live":`polite`,children:[(0,i.jsx)(`span`,{children:e}),n!==void 0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:t.default.separator,children:` / `}),(0,i.jsx)(`span`,{children:n})]})]});exports.FieldCharacterCount=a;

package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.js

@@ -10,16 +10,10 @@ var a = ({ count: a, maxLength: o, alwaysShow: s = !1, className: c, isError: l
 		[e.warning]: o !== void 0 && a >= o * .9 && a <= o
 	}, c),
 	"aria-live": "polite",
-	children: [/* @__PURE__ */ r("span", {
-		className: e.count,
-		children: a
-	}), o !== void 0 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+	children: [/* @__PURE__ */ r("span", { children: a }), o !== void 0 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
 		className: e.separator,
 		children: " / "
-	}), /* @__PURE__ */ r("span", {
-		className: e.max,
-		children: o
-	})] })]
+	}), /* @__PURE__ */ r("span", { children: o })] })]
 });
 //#endregion
 export { a as FieldCharacterCount };

package/dist/components/ai/ChatUI/ChatUI.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/paperclip.cjs"),r=require("../../../icon/send.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../../hooks/useAutoResize.cjs"),o=require("./chat-ui.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(`wim-chat-ui`,o.default.container,t),...n,children:e}),d=(0,s.forwardRef)(({children:e,className:t,...n},r)=>(0,l.jsx)(`div`,{ref:r,className:(0,c.default)(o.default.messageList,t),...n,children:e}));d.displayName=`ChatMessageList`;var f=({children:e,position:t=`left`,variant:n=`default`,showAvatar:r=!0,avatar:i,timestamp:a,senderName:s,isTyping:u=!1,actions:d,actionsVisible:f=!0,className:p,...m})=>(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.message,o.default[t],o.default[n],{[o.default.hasAvatar]:r},p),...m,children:[r&&t===`left`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i}),(0,l.jsxs)(`div`,{className:o.default.contentWrapper,children:[s&&(0,l.jsx)(`div`,{className:o.default.sender,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.bubble,{[o.default.typing]:u}),children:u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot})]}):e}),d&&(0,l.jsx)(`div`,{className:(0,c.default)(o.default.actions,{[o.default.hoverOnly]:!f}),children:d}),a&&(0,l.jsx)(`div`,{className:o.default.timestamp,children:a})]}),r&&t===`right`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i})]}),p=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.inputArea,t),...n,children:e}),m=(0,s.forwardRef)(({onSend:e,onAttach:c,sendButtonLabel:u,sendButtonIcon:d=r.default,showSendButton:f=!0,showAttach:m=!1,maxRows:h=8,className:g,..._},v)=>{let{t:y}=t.useWimTranslation(`common`),[b,x]=s.default.useState(``),S=_.value!==void 0,C=S?_.value:b,w=a.useAutoResize(C,h);s.default.useImperativeHandle(v,()=>w.current);let T=!!u,E=()=>{e&&(e(C),S||x(``))};return(0,l.jsx)(p,{className:g,children:(0,l.jsxs)(`div`,{className:o.default.fieldContainer,children:[m&&(0,l.jsx)(`button`,{type:`button`,className:o.default.attachButton,onClick:c,"aria-label":y(`a11y.attach_file`),children:(0,l.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,l.jsx)(`textarea`,{ref:w,className:o.default.field,value:C,onChange:e=>{S||x(e.target.value),_.onChange?.(e)},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),E())},placeholder:_.placeholder||`Type a message...`,rows:1,..._}),f&&(0,l.jsx)(`button`,{className:o.default.sendButton,onClick:E,disabled:!C.trim(),type:`button`,"aria-label":u||`Send`,children:T?u:(0,l.jsx)(i.Icon,{component:d,size:`sm`})})]})})});m.displayName=`ChatInput`;var h=({src:e,alt:t,fallback:n,size:r=`md`,color:i=`s18`,className:a,...u})=>{let[d,f]=s.default.useState(!1),p=t||`User Avatar`;return(0,l.jsx)(`div`,{className:(0,c.default)(o.default.avatar,o.default[r],o.default[i],a),...u,children:e&&!d?(0,l.jsx)(`img`,{src:e,alt:p,className:o.default.image,onError:()=>f(!0)}):(0,l.jsx)(`div`,{className:o.default.fallback,children:n||p.charAt(0).toUpperCase()})})};exports.ChatAvatar=h,exports.ChatContainer=u,exports.ChatInput=m,exports.ChatInputArea=p,exports.ChatMessage=f,exports.ChatMessageList=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/paperclip.cjs"),r=require("../../../icon/send.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../../hooks/useAutoResize.cjs"),o=require("./chat-ui.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(`wim-chat-ui`,o.default.container,t),...n,children:e}),d=(0,s.forwardRef)(({children:e,className:t,...n},r)=>(0,l.jsx)(`div`,{ref:r,className:(0,c.default)(o.default.messageList,t),...n,children:e}));d.displayName=`ChatMessageList`;var f=({children:e,position:t=`left`,variant:n=`default`,showAvatar:r=!0,avatar:i,timestamp:a,senderName:s,isTyping:u=!1,actions:d,actionsVisible:f=!0,className:p,...m})=>(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.message,o.default[t],o.default[n],{[o.default.hasAvatar]:r},p),...m,children:[r&&t===`left`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i}),(0,l.jsxs)(`div`,{className:o.default.contentWrapper,children:[s&&(0,l.jsx)(`div`,{className:o.default.sender,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.bubble,{[o.default.typing]:u}),children:u?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot}),(0,l.jsx)(`span`,{className:o.default.typingDot})]}):e}),d&&(0,l.jsx)(`div`,{className:(0,c.default)(o.default.actions,{[o.default.hoverOnly]:!f}),children:d}),a&&(0,l.jsx)(`div`,{className:o.default.timestamp,children:a})]}),r&&t===`right`&&(0,l.jsx)(`div`,{className:o.default.messageAvatar,children:i})]}),p=({children:e,className:t,...n})=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.inputArea,t),...n,children:e}),m=(0,s.forwardRef)(({onSend:e,onAttach:c,sendButtonLabel:u,sendButtonIcon:d=r.default,showSendButton:f=!0,showAttach:m=!1,maxRows:h=8,className:g,..._},v)=>{let{t:y}=t.useWimTranslation(`common`),[b,x]=s.default.useState(``),S=_.value!==void 0,C=S?_.value:b,w=a.useAutoResize(C,h);s.default.useImperativeHandle(v,()=>w.current);let T=!!u,E=()=>{e&&(e(C),S||x(``))};return(0,l.jsx)(p,{className:g,children:(0,l.jsxs)(`div`,{className:o.default.fieldContainer,children:[m&&(0,l.jsx)(`button`,{type:`button`,className:o.default.attachButton,onClick:c,"aria-label":y(`a11y.attach_file`),children:(0,l.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,l.jsx)(`textarea`,{ref:w,className:o.default.field,value:C,onChange:e=>{S||x(e.target.value),_.onChange?.(e)},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),E())},placeholder:_.placeholder||`Type a message...`,rows:1,..._}),f&&(0,l.jsx)(`button`,{className:o.default.sendButton,onClick:E,disabled:!C.trim(),type:`button`,"aria-label":u||`Send`,children:T?u:(0,l.jsx)(i.Icon,{component:d,size:`sm`})})]})})});m.displayName=`ChatInput`;var h=({src:e,alt:t,fallback:n,size:r=`md`,tone:i=`s18`,className:a,...u})=>{let[d,f]=s.default.useState(!1),p=t||`User Avatar`;return(0,l.jsx)(`div`,{className:(0,c.default)(o.default.avatar,o.default[r],o.default[i],a),...u,children:e&&!d?(0,l.jsx)(`img`,{src:e,alt:p,className:o.default.image,onError:()=>f(!0)}):(0,l.jsx)(`div`,{className:o.default.fallback,children:n||p.charAt(0).toUpperCase()})})};exports.ChatAvatar=h,exports.ChatContainer=u,exports.ChatInput=m,exports.ChatInputArea=p,exports.ChatMessage=f,exports.ChatMessageList=d;

package/dist/components/ai/ChatUI/ChatUI.d.ts

@@ -19,8 +19,14 @@ export interface ChatMessageProps extends React.ComponentPropsWithoutRef<"div">
     children?: React.ReactNode;
     /** Side the message is aligned to (typically left for others, right for self) */
     position?: "left" | "right";
-    /** Visual style variant of the message bubble */
-    variant?: "default" | "primary" | "secondary";
+    /**
+     * バブルの色。`position` が既に色を決める（`left` は受信色、`right` は送信色）ので、
+     * これはその上書き ── 右寄せのまま受信色にする、といった例外用。
+     *
+     * 以前は `primary` / `secondary` という名前だったが、指しているトークンは
+     * `--wim-comp-chat-bubble-sent` / `-received` で、intent ではなく送受信だった（T114）。
+     */
+    variant?: "default" | "sent" | "received";
     /** Whether to show the avatar */
     showAvatar?: boolean;
     /** Avatar element */
@@ -89,8 +95,13 @@ export interface ChatAvatarProps extends React.ComponentPropsWithoutRef<"div"> {
     /** Size of the avatar */
     size?: ComponentSizeBasic;
     /** Background color token used for the fallback */
-    color?: "s1" | "s3" | "s5" | "s7" | "s10" | "s12" | "s14" | "s16" | "s18" | "s20" | "s22" | "s24";
+    /**
+     * PCCS の色調スケール。色そのものではなく明度・彩度の段なので、
+     * 他のコンポーネントの `color`（トークン色や任意の CSS 色）とは軸が違う。
+     * 以前は `color` という名前で、同じ prop 名が 3 つの語彙を運ぶ状態の一角だった（T118）。
+     */
+    tone?: "s1" | "s3" | "s5" | "s7" | "s10" | "s12" | "s14" | "s16" | "s18" | "s20" | "s22" | "s24";
     /** Additional class names */
     className?: string;
 }
-export declare const ChatAvatar: ({ src, alt: altProp, fallback, size, color, className, ...props }: ChatAvatarProps) => React.ReactElement;
+export declare const ChatAvatar: ({ src, alt: altProp, fallback, size, tone, className, ...props }: ChatAvatarProps) => React.ReactElement;

package/dist/components/ai/ChatUI/ChatUI.js

@@ -113,7 +113,7 @@ var m = ({ children: e, position: t = "left", variant: n = "default", showAvatar
 	});
 });
 g.displayName = "ChatInput";
-var _ = ({ src: e, alt: t, fallback: n, size: r = "md", color: i = "s18", className: s, ...l }) => {
+var _ = ({ src: e, alt: t, fallback: n, size: r = "md", tone: i = "s18", className: s, ...l }) => {
 	let [d, f] = o.useState(!1), p = t || "User Avatar";
 	return /* @__PURE__ */ u("div", {
 		className: c(a.avatar, a[r], a[i], s),

package/dist/components/ai/ChatUI/chat-ui.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_u2tvr_3`,t=`_messageList_u2tvr_19`,n=`_message_u2tvr_19`,r=`_left_u2tvr_51`,i=`_right_u2tvr_56`,a=`_contentWrapper_u2tvr_61`,o=`_primary_u2tvr_64`,s=`_secondary_u2tvr_67`,c=`_messageAvatar_u2tvr_70`,l=`_sender_u2tvr_79`,u=`_bubble_u2tvr_84`,d=`_typing_u2tvr_95`,f=`_typingDot_u2tvr_102`,p=`_actions_u2tvr_126`,m=`_hoverOnly_u2tvr_133`,h=`_hasAvatar_u2tvr_151`,g=`_timestamp_u2tvr_191`,_=`_inputArea_u2tvr_196`,v=`_fieldContainer_u2tvr_209`,y=`_field_u2tvr_209`,b=`_sendButton_u2tvr_244`,x=`_attachButton_u2tvr_271`,S=`_avatar_u2tvr_293`,C=`_sm_u2tvr_303`,w=`_md_u2tvr_308`,T=`_lg_u2tvr_313`,E=`_s1_u2tvr_321`,D=`_s3_u2tvr_324`,O=`_s5_u2tvr_327`,k=`_s7_u2tvr_330`,A=`_s10_u2tvr_333`,j=`_s12_u2tvr_336`,M=`_s14_u2tvr_339`,N=`_s16_u2tvr_342`,P=`_s18_u2tvr_345`,F=`_s20_u2tvr_348`,I=`_s22_u2tvr_351`,L=`_s24_u2tvr_354`,R=`_image_u2tvr_357`,z=`_fallback_u2tvr_362`,B={container:e,messageList:t,message:n,left:r,right:i,contentWrapper:a,primary:o,secondary:s,messageAvatar:c,sender:l,bubble:u,typing:d,typingDot:f,"chat-typing":`_chat-typing_u2tvr_1`,actions:p,hoverOnly:m,hasAvatar:h,timestamp:g,inputArea:_,fieldContainer:v,field:y,sendButton:b,attachButton:x,avatar:S,sm:C,md:w,lg:T,s1:E,s3:D,s5:O,s7:k,s10:A,s12:j,s14:M,s16:N,s18:P,s20:F,s22:I,s24:L,image:R,fallback:z};exports.actions=p,exports.attachButton=x,exports.avatar=S,exports.bubble=u,exports.container=e,exports.contentWrapper=a,exports.default=B,exports.fallback=z,exports.field=y,exports.fieldContainer=v,exports.hasAvatar=h,exports.hoverOnly=m,exports.image=R,exports.inputArea=_,exports.left=r,exports.lg=T,exports.md=w,exports.message=n,exports.messageAvatar=c,exports.messageList=t,exports.primary=o,exports.right=i,exports.s1=E,exports.s10=A,exports.s12=j,exports.s14=M,exports.s16=N,exports.s18=P,exports.s20=F,exports.s22=I,exports.s24=L,exports.s3=D,exports.s5=O,exports.s7=k,exports.secondary=s,exports.sendButton=b,exports.sender=l,exports.sm=C,exports.timestamp=g,exports.typing=d,exports.typingDot=f;
+var e=`_container_1qce0_3`,t=`_messageList_1qce0_19`,n=`_message_1qce0_19`,r=`_left_1qce0_51`,i=`_right_1qce0_56`,a=`_contentWrapper_1qce0_61`,o=`_sent_1qce0_64`,s=`_received_1qce0_67`,c=`_messageAvatar_1qce0_70`,l=`_sender_1qce0_79`,u=`_bubble_1qce0_84`,d=`_typing_1qce0_95`,f=`_typingDot_1qce0_102`,p=`_actions_1qce0_126`,m=`_hoverOnly_1qce0_133`,h=`_hasAvatar_1qce0_151`,g=`_timestamp_1qce0_191`,_=`_inputArea_1qce0_196`,v=`_fieldContainer_1qce0_209`,y=`_field_1qce0_209`,b=`_sendButton_1qce0_244`,x=`_attachButton_1qce0_271`,S=`_avatar_1qce0_293`,C=`_sm_1qce0_306`,w=`_md_1qce0_311`,T=`_lg_1qce0_316`,E=`_s1_1qce0_324`,D=`_s3_1qce0_328`,O=`_s5_1qce0_332`,k=`_s7_1qce0_336`,A=`_s10_1qce0_340`,j=`_s12_1qce0_344`,M=`_s14_1qce0_348`,N=`_s16_1qce0_352`,P=`_s18_1qce0_356`,F=`_s20_1qce0_360`,I=`_s22_1qce0_364`,L=`_s24_1qce0_368`,R=`_image_1qce0_372`,z=`_fallback_1qce0_377`,B={container:e,messageList:t,message:n,left:r,right:i,contentWrapper:a,sent:o,received:s,messageAvatar:c,sender:l,bubble:u,typing:d,typingDot:f,"chat-typing":`_chat-typing_1qce0_1`,actions:p,hoverOnly:m,hasAvatar:h,timestamp:g,inputArea:_,fieldContainer:v,field:y,sendButton:b,attachButton:x,avatar:S,sm:C,md:w,lg:T,s1:E,s3:D,s5:O,s7:k,s10:A,s12:j,s14:M,s16:N,s18:P,s20:F,s22:I,s24:L,image:R,fallback:z};exports.actions=p,exports.attachButton=x,exports.avatar=S,exports.bubble=u,exports.container=e,exports.contentWrapper=a,exports.default=B,exports.fallback=z,exports.field=y,exports.fieldContainer=v,exports.hasAvatar=h,exports.hoverOnly=m,exports.image=R,exports.inputArea=_,exports.left=r,exports.lg=T,exports.md=w,exports.message=n,exports.messageAvatar=c,exports.messageList=t,exports.received=s,exports.right=i,exports.s1=E,exports.s10=A,exports.s12=j,exports.s14=M,exports.s16=N,exports.s18=P,exports.s20=F,exports.s22=I,exports.s24=L,exports.s3=D,exports.s5=O,exports.s7=k,exports.sendButton=b,exports.sender=l,exports.sent=o,exports.sm=C,exports.timestamp=g,exports.typing=d,exports.typingDot=f;

package/dist/components/ai/ChatUI/chat-ui.module.js

@@ -1,20 +1,20 @@
 "use client";
 //#region src/components/ai/ChatUI/chat-ui.module.scss
-var e = "_container_u2tvr_3", t = "_messageList_u2tvr_19", n = "_message_u2tvr_19", r = "_left_u2tvr_51", i = "_right_u2tvr_56", a = "_contentWrapper_u2tvr_61", o = "_primary_u2tvr_64", s = "_secondary_u2tvr_67", c = "_messageAvatar_u2tvr_70", l = "_sender_u2tvr_79", u = "_bubble_u2tvr_84", d = "_typing_u2tvr_95", f = "_typingDot_u2tvr_102", p = "_actions_u2tvr_126", m = "_hoverOnly_u2tvr_133", h = "_hasAvatar_u2tvr_151", g = "_timestamp_u2tvr_191", _ = "_inputArea_u2tvr_196", v = "_fieldContainer_u2tvr_209", y = "_field_u2tvr_209", b = "_sendButton_u2tvr_244", x = "_attachButton_u2tvr_271", S = "_avatar_u2tvr_293", C = "_sm_u2tvr_303", w = "_md_u2tvr_308", T = "_lg_u2tvr_313", E = "_s1_u2tvr_321", D = "_s3_u2tvr_324", O = "_s5_u2tvr_327", k = "_s7_u2tvr_330", A = "_s10_u2tvr_333", j = "_s12_u2tvr_336", M = "_s14_u2tvr_339", N = "_s16_u2tvr_342", P = "_s18_u2tvr_345", F = "_s20_u2tvr_348", I = "_s22_u2tvr_351", L = "_s24_u2tvr_354", R = "_image_u2tvr_357", z = "_fallback_u2tvr_362", B = {
+var e = "_container_1qce0_3", t = "_messageList_1qce0_19", n = "_message_1qce0_19", r = "_left_1qce0_51", i = "_right_1qce0_56", a = "_contentWrapper_1qce0_61", o = "_sent_1qce0_64", s = "_received_1qce0_67", c = "_messageAvatar_1qce0_70", l = "_sender_1qce0_79", u = "_bubble_1qce0_84", d = "_typing_1qce0_95", f = "_typingDot_1qce0_102", p = "_actions_1qce0_126", m = "_hoverOnly_1qce0_133", h = "_hasAvatar_1qce0_151", g = "_timestamp_1qce0_191", _ = "_inputArea_1qce0_196", v = "_fieldContainer_1qce0_209", y = "_field_1qce0_209", b = "_sendButton_1qce0_244", x = "_attachButton_1qce0_271", S = "_avatar_1qce0_293", C = "_sm_1qce0_306", w = "_md_1qce0_311", T = "_lg_1qce0_316", E = "_s1_1qce0_324", D = "_s3_1qce0_328", O = "_s5_1qce0_332", k = "_s7_1qce0_336", A = "_s10_1qce0_340", j = "_s12_1qce0_344", M = "_s14_1qce0_348", N = "_s16_1qce0_352", P = "_s18_1qce0_356", F = "_s20_1qce0_360", I = "_s22_1qce0_364", L = "_s24_1qce0_368", R = "_image_1qce0_372", z = "_fallback_1qce0_377", B = {
 	container: e,
 	messageList: t,
 	message: n,
 	left: r,
 	right: i,
 	contentWrapper: a,
-	primary: o,
-	secondary: s,
+	sent: o,
+	received: s,
 	messageAvatar: c,
 	sender: l,
 	bubble: u,
 	typing: d,
 	typingDot: f,
-	"chat-typing": "_chat-typing_u2tvr_1",
+	"chat-typing": "_chat-typing_1qce0_1",
 	actions: p,
 	hoverOnly: m,
 	hasAvatar: h,
@@ -44,4 +44,4 @@ var e = "_container_u2tvr_3", t = "_messageList_u2tvr_19", n = "_message_u2tvr_1
 	fallback: z
 };
 //#endregion
-export { p as actions, x as attachButton, S as avatar, u as bubble, e as container, a as contentWrapper, B as default, z as fallback, y as field, v as fieldContainer, h as hasAvatar, m as hoverOnly, R as image, _ as inputArea, r as left, T as lg, w as md, n as message, c as messageAvatar, t as messageList, o as primary, i as right, E as s1, A as s10, j as s12, M as s14, N as s16, P as s18, F as s20, I as s22, L as s24, D as s3, O as s5, k as s7, s as secondary, b as sendButton, l as sender, C as sm, g as timestamp, d as typing, f as typingDot };
+export { p as actions, x as attachButton, S as avatar, u as bubble, e as container, a as contentWrapper, B as default, z as fallback, y as field, v as fieldContainer, h as hasAvatar, m as hoverOnly, R as image, _ as inputArea, r as left, T as lg, w as md, n as message, c as messageAvatar, t as messageList, s as received, i as right, E as s1, A as s10, j as s12, M as s14, N as s16, P as s18, F as s20, I as s22, L as s24, D as s3, O as s5, k as s7, b as sendButton, l as sender, o as sent, C as sm, g as timestamp, d as typing, f as typingDot };

package/dist/components/ai/PromptInput/prompt-input.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1j5aj_16`,t=`_fullWidth_1j5aj_32`,n=`_disabled_1j5aj_36`,r=`_danger_1j5aj_8`,i=`_textarea_1j5aj_53`,a=`_actionButton_1j5aj_55`,o=`_loading_1j5aj_62`,s=`_inputArea_1j5aj_66`,c=`_noAttach_1j5aj_73`,l=`_sendButton_1j5aj_124`,u=`_charCount_1j5aj_131`,d={root:e,fullWidth:t,disabled:n,danger:r,textarea:i,actionButton:a,loading:o,inputArea:s,noAttach:c,sendButton:l,charCount:u};exports.actionButton=a,exports.charCount=u,exports.danger=r,exports.default=d,exports.disabled=n,exports.fullWidth=t,exports.inputArea=s,exports.loading=o,exports.noAttach=c,exports.root=e,exports.sendButton=l,exports.textarea=i;
+var e=`_root_3n8bo_16`,t=`_fullWidth_3n8bo_32`,n=`_disabled_3n8bo_36`,r=`_danger_3n8bo_8`,i=`_textarea_3n8bo_53`,a=`_actionButton_3n8bo_55`,o=`_loading_3n8bo_62`,s=`_inputArea_3n8bo_66`,c=`_noAttach_3n8bo_73`,l=`_sendButton_3n8bo_124`,u=`_charCount_3n8bo_131`,d={root:e,fullWidth:t,disabled:n,danger:r,textarea:i,actionButton:a,loading:o,inputArea:s,noAttach:c,sendButton:l,charCount:u};exports.actionButton=a,exports.charCount=u,exports.danger=r,exports.default=d,exports.disabled=n,exports.fullWidth=t,exports.inputArea=s,exports.loading=o,exports.noAttach=c,exports.root=e,exports.sendButton=l,exports.textarea=i;

package/dist/components/ai/PromptInput/prompt-input.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/PromptInput/prompt-input.module.scss
-var e = "_root_1j5aj_16", t = "_fullWidth_1j5aj_32", n = "_disabled_1j5aj_36", r = "_danger_1j5aj_8", i = "_textarea_1j5aj_53", a = "_actionButton_1j5aj_55", o = "_loading_1j5aj_62", s = "_inputArea_1j5aj_66", c = "_noAttach_1j5aj_73", l = "_sendButton_1j5aj_124", u = "_charCount_1j5aj_131", d = {
+var e = "_root_3n8bo_16", t = "_fullWidth_3n8bo_32", n = "_disabled_3n8bo_36", r = "_danger_3n8bo_8", i = "_textarea_3n8bo_53", a = "_actionButton_3n8bo_55", o = "_loading_3n8bo_62", s = "_inputArea_3n8bo_66", c = "_noAttach_3n8bo_73", l = "_sendButton_3n8bo_124", u = "_charCount_3n8bo_131", d = {
 	root: e,
 	fullWidth: t,
 	disabled: n,

package/dist/components/ai/Terminal/terminal.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1si8m_35`,t=`_titleBar_1si8m_48`,n=`_dot_1si8m_57`,r=`_titleText_1si8m_73`,i=`_titleActions_1si8m_89`,a=`_titleBtn_1si8m_95`,o=`_copied_1si8m_116`,s=`_body_1si8m_123`,c=`_line_1si8m_138`,l=`_prompt_1si8m_144`,u=`_content_1si8m_149`,d=`_input_1si8m_156`,f=`_output_1si8m_159`,p=`_error_1si8m_162`,m=`_info_1si8m_168`,h={root:e,titleBar:t,dot:n,titleText:r,titleActions:i,titleBtn:a,copied:o,body:s,line:c,prompt:l,content:u,input:d,output:f,error:p,info:m};exports.body=s,exports.content=u,exports.copied=o,exports.default=h,exports.dot=n,exports.error=p,exports.info=m,exports.input=d,exports.line=c,exports.output=f,exports.prompt=l,exports.root=e,exports.titleActions=i,exports.titleBar=t,exports.titleBtn=a,exports.titleText=r;
+var e=`_root_1adbo_35`,t=`_titleBar_1adbo_48`,n=`_dot_1adbo_57`,r=`_titleText_1adbo_73`,i=`_titleActions_1adbo_89`,a=`_titleBtn_1adbo_95`,o=`_copied_1adbo_119`,s=`_body_1adbo_126`,c=`_line_1adbo_141`,l=`_prompt_1adbo_147`,u=`_content_1adbo_152`,d=`_input_1adbo_159`,f=`_output_1adbo_162`,p=`_error_1adbo_165`,m=`_info_1adbo_171`,h={root:e,titleBar:t,dot:n,titleText:r,titleActions:i,titleBtn:a,copied:o,body:s,line:c,prompt:l,content:u,input:d,output:f,error:p,info:m};exports.body=s,exports.content=u,exports.copied=o,exports.default=h,exports.dot=n,exports.error=p,exports.info=m,exports.input=d,exports.line=c,exports.output=f,exports.prompt=l,exports.root=e,exports.titleActions=i,exports.titleBar=t,exports.titleBtn=a,exports.titleText=r;

package/dist/components/ai/Terminal/terminal.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/Terminal/terminal.module.scss
-var e = "_root_1si8m_35", t = "_titleBar_1si8m_48", n = "_dot_1si8m_57", r = "_titleText_1si8m_73", i = "_titleActions_1si8m_89", a = "_titleBtn_1si8m_95", o = "_copied_1si8m_116", s = "_body_1si8m_123", c = "_line_1si8m_138", l = "_prompt_1si8m_144", u = "_content_1si8m_149", d = "_input_1si8m_156", f = "_output_1si8m_159", p = "_error_1si8m_162", m = "_info_1si8m_168", h = {
+var e = "_root_1adbo_35", t = "_titleBar_1adbo_48", n = "_dot_1adbo_57", r = "_titleText_1adbo_73", i = "_titleActions_1adbo_89", a = "_titleBtn_1adbo_95", o = "_copied_1adbo_119", s = "_body_1adbo_126", c = "_line_1adbo_141", l = "_prompt_1adbo_147", u = "_content_1adbo_152", d = "_input_1adbo_159", f = "_output_1adbo_162", p = "_error_1adbo_165", m = "_info_1adbo_171", h = {
 	root: e,
 	titleBar: t,
 	dot: n,

package/dist/components/ai/ThoughtProcess/ThoughtProcess.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/alert-circle.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../data-display/Timeline/Timeline.cjs"),o=require("./thought-process.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,status:r=`completed`,label:s,isLast:u=!1,isStreaming:d=!1})=>{let f=r===`pending`?(0,l.jsx)(`div`,{className:o.default.spinner,"aria-hidden":`true`}):r===`completed`?(0,l.jsx)(i.Icon,{component:n.default,size:`xs`}):r===`error`?(0,l.jsx)(i.Icon,{component:t.default,size:`xs`}):null,p=r===`completed`?`success`:r===`error`?`danger`:`secondary`;return(0,l.jsxs)(a.TimelineItem,{className:(0,c.default)(o.default.item,o.default[r]),"aria-busy":r===`pending`||void 0,children:[(0,l.jsxs)(a.TimelineSeparator,{children:[(0,l.jsx)(a.TimelinePoint,{variant:p,children:f}),!u&&(0,l.jsx)(a.TimelineConnector,{className:o.default.connector})]}),(0,l.jsxs)(a.TimelineContent,{className:o.default.content,children:[s&&(0,l.jsx)(`div`,{className:o.default.label,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.text,d&&o.default.streaming),children:e})]})]})},d=({children:e,title:t=`Thinking Process`,className:n,isCollapsible:u=!0,defaultExpanded:d=!0,isThinking:f=!1})=>{let[p,m]=s.default.useState(d),h=(0,s.useId)();return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-thought-process`,o.default.root,f&&o.default.thinking,n),children:[u?(0,l.jsxs)(`button`,{type:`button`,className:o.default.header,onClick:()=>m(e=>!e),"aria-expanded":p,"aria-controls":h,children:[(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,p&&o.default.expanded),"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.title,children:t})]}):(0,l.jsx)(`div`,{className:o.default.header,role:`heading`,"aria-level":3,children:(0,l.jsx)(`span`,{className:o.default.title,children:t})}),(0,l.jsx)(`div`,{id:h,className:(0,c.default)(o.default.bodyWrapper,p&&o.default.open),"aria-hidden":!p,children:(0,l.jsx)(`div`,{className:o.default.body,children:(0,l.jsx)(a.Timeline,{align:`left`,children:e})})})]})};exports.ThoughtProcess=d,exports.ThoughtStep=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/alert-circle.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../data-display/Timeline/Timeline.cjs"),o=require("./thought-process.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,status:r=`completed`,label:s,isLast:u=!1,isStreaming:d=!1})=>{let f=r===`pending`?(0,l.jsx)(`div`,{className:o.default.spinner,"aria-hidden":`true`}):r===`completed`?(0,l.jsx)(i.Icon,{component:n.default,size:`xs`}):r===`error`?(0,l.jsx)(i.Icon,{component:t.default,size:`xs`}):null,p=r===`completed`?`success`:r===`error`?`danger`:`neutral`;return(0,l.jsxs)(a.TimelineItem,{className:(0,c.default)(o.default.item,o.default[r]),"aria-busy":r===`pending`||void 0,children:[(0,l.jsxs)(a.TimelineSeparator,{children:[(0,l.jsx)(a.TimelinePoint,{intent:p,children:f}),!u&&(0,l.jsx)(a.TimelineConnector,{className:o.default.connector})]}),(0,l.jsxs)(a.TimelineContent,{className:o.default.content,children:[s&&(0,l.jsx)(`div`,{className:o.default.label,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.text,d&&o.default.streaming),children:e})]})]})},d=({children:e,title:t=`Thinking Process`,className:n,isCollapsible:u=!0,defaultExpanded:d=!0,isThinking:f=!1})=>{let[p,m]=s.default.useState(d),h=(0,s.useId)();return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-thought-process`,o.default.root,f&&o.default.thinking,n),children:[u?(0,l.jsxs)(`button`,{type:`button`,className:o.default.header,onClick:()=>m(e=>!e),"aria-expanded":p,"aria-controls":h,children:[(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,p&&o.default.expanded),"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.title,children:t})]}):(0,l.jsx)(`div`,{className:o.default.header,role:`heading`,"aria-level":3,children:(0,l.jsx)(`span`,{className:o.default.title,children:t})}),(0,l.jsx)(`div`,{id:h,className:(0,c.default)(o.default.bodyWrapper,p&&o.default.open),"aria-hidden":!p,children:(0,l.jsx)(`div`,{className:o.default.body,children:(0,l.jsx)(a.Timeline,{align:`left`,children:e})})})]})};exports.ThoughtProcess=d,exports.ThoughtStep=u;

package/dist/components/ai/ThoughtProcess/ThoughtProcess.js

@@ -19,12 +19,12 @@ var g = ({ children: n, status: i = "completed", label: d, isLast: f = !1, isStr
 	}) : i === "error" ? /* @__PURE__ */ m(r, {
 		component: e,
 		size: "xs"
-	}) : null, v = i === "completed" ? "success" : i === "error" ? "danger" : "secondary";
+	}) : null, v = i === "completed" ? "success" : i === "error" ? "danger" : "neutral";
 	return /* @__PURE__ */ h(s, {
 		className: p(u.item, u[i]),
 		"aria-busy": i === "pending" || void 0,
 		children: [/* @__PURE__ */ h(l, { children: [/* @__PURE__ */ m(c, {
-			variant: v,
+			intent: v,
 			children: _
 		}), !f && /* @__PURE__ */ m(a, { className: u.connector })] }), /* @__PURE__ */ h(o, {
 			className: u.content,

package/dist/components/ai/ThreadList/thread-list.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_h54tm_4`,t=`_newButton_h54tm_19`,n=`_empty_h54tm_43`,r=`_list_h54tm_50`,i=`_item_h54tm_58`,a=`_deleteButton_h54tm_63`,o=`_thread_h54tm_66`,s=`_active_h54tm_86`,c=`_icon_h54tm_89`,l=`_body_h54tm_96`,u=`_titleRow_h54tm_103`,d=`_unread_h54tm_109`,f=`_title_h54tm_103`,p=`_timestamp_h54tm_125`,m=`_preview_h54tm_130`,h={root:e,newButton:t,empty:n,list:r,item:i,deleteButton:a,thread:o,active:s,icon:c,body:l,titleRow:u,unread:d,title:f,timestamp:p,preview:m};exports.active=s,exports.body=l,exports.default=h,exports.deleteButton=a,exports.empty=n,exports.icon=c,exports.item=i,exports.list=r,exports.newButton=t,exports.preview=m,exports.root=e,exports.thread=o,exports.timestamp=p,exports.title=f,exports.titleRow=u,exports.unread=d;
+var e=`_root_1qshp_4`,t=`_newButton_1qshp_19`,n=`_empty_1qshp_43`,r=`_list_1qshp_50`,i=`_item_1qshp_58`,a=`_deleteButton_1qshp_63`,o=`_thread_1qshp_66`,s=`_active_1qshp_86`,c=`_icon_1qshp_89`,l=`_body_1qshp_96`,u=`_titleRow_1qshp_103`,d=`_unread_1qshp_109`,f=`_title_1qshp_103`,p=`_timestamp_1qshp_125`,m=`_preview_1qshp_130`,h={root:e,newButton:t,empty:n,list:r,item:i,deleteButton:a,thread:o,active:s,icon:c,body:l,titleRow:u,unread:d,title:f,timestamp:p,preview:m};exports.active=s,exports.body=l,exports.default=h,exports.deleteButton=a,exports.empty=n,exports.icon=c,exports.item=i,exports.list=r,exports.newButton=t,exports.preview=m,exports.root=e,exports.thread=o,exports.timestamp=p,exports.title=f,exports.titleRow=u,exports.unread=d;

package/dist/components/ai/ThreadList/thread-list.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/ThreadList/thread-list.module.scss
-var e = "_root_h54tm_4", t = "_newButton_h54tm_19", n = "_empty_h54tm_43", r = "_list_h54tm_50", i = "_item_h54tm_58", a = "_deleteButton_h54tm_63", o = "_thread_h54tm_66", s = "_active_h54tm_86", c = "_icon_h54tm_89", l = "_body_h54tm_96", u = "_titleRow_h54tm_103", d = "_unread_h54tm_109", f = "_title_h54tm_103", p = "_timestamp_h54tm_125", m = "_preview_h54tm_130", h = {
+var e = "_root_1qshp_4", t = "_newButton_1qshp_19", n = "_empty_1qshp_43", r = "_list_1qshp_50", i = "_item_1qshp_58", a = "_deleteButton_1qshp_63", o = "_thread_1qshp_66", s = "_active_1qshp_86", c = "_icon_1qshp_89", l = "_body_1qshp_96", u = "_titleRow_1qshp_103", d = "_unread_1qshp_109", f = "_title_1qshp_103", p = "_timestamp_1qshp_125", m = "_preview_1qshp_130", h = {
 	root: e,
 	newButton: t,
 	empty: n,

package/dist/components/charts/GanttChart/GanttChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./gantt-chart.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={ariaChart:`Gantt Chart`,ariaTaskBar:(e,t,n)=>`${e}: ${t} - ${n}`};function o(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function s(e,t){return Math.round((o(t).getTime()-o(e).getTime())/(1e3*60*60*24))}function c(e){let t=o(e),n=t.getDay(),r=n===0?-6:1-n;return t.setDate(t.getDate()+r),t}function l(e,t,n){let r=[];if(n===`day`){let n=o(e),i=o(t);for(;n<=i;)r.push({label:String(n.getDate()),date:new Date(n)}),n.setDate(n.getDate()+1)}else if(n===`week`){let n=c(e),i=o(t);for(;n<=i;){let e=n.getMonth()+1,t=n.getDate();r.push({label:`${e}/${t}`,date:new Date(n)}),n.setDate(n.getDate()+7)}}else{let n=new Date(e.getFullYear(),e.getMonth(),1),i=o(t);for(;n<=i;){let e=n.toLocaleString(void 0,{month:`short`,year:`2-digit`});r.push({label:e,date:new Date(n)}),n.setMonth(n.getMonth()+1)}}return r}function u(e){return e===`day`?1:e===`week`?7:30.44}function d(e,t,n,r){return s(t,e.startDate)/u(n)*r}function f(e,t,n){let r=Math.max(s(e.startDate,e.endDate),1),i=n*.5;return Math.max(r/u(t)*n,i)}var p={day:40,week:80,month:120},m=({tasks:e,startDate:s,endDate:c,viewMode:u=`day`,columnWidth:m,rowHeight:h=40,onTaskClick:g,className:_,labels:v})=>{let y={...a,...v},b=(0,n.useRef)(null),x=(0,n.useRef)(null),[S,C]=(0,n.useState)(-1),w=m??p[u],T=(0,n.useMemo)(()=>s?o(s):e.length===0?o(new Date):o(new Date(Math.min(...e.map(e=>e.startDate.getTime())))),[s,e]),E=(0,n.useMemo)(()=>{if(c)return o(c);if(e.length===0){let e=o(new Date);return e.setDate(e.getDate()+30),e}return o(new Date(Math.max(...e.map(e=>e.endDate.getTime()))))},[c,e]),D=(0,n.useMemo)(()=>l(T,E,u),[T,E,u]),O=D.length*w,k=(0,n.useCallback)(()=>{x.current&&b.current&&(x.current.scrollLeft=b.current.scrollLeft)},[]),A=(0,n.useCallback)((t,n,r)=>{if(t.key===`Enter`||t.key===` `)t.preventDefault(),g?.(n);else if(t.key===`ArrowDown`){t.preventDefault();let n=Math.min(r+1,e.length-1);C(n),document.querySelectorAll(`[data-gantt-bar="true"]`)[n]?.focus()}else if(t.key===`ArrowUp`){t.preventDefault();let e=Math.max(r-1,0);C(e),document.querySelectorAll(`[data-gantt-bar="true"]`)[e]?.focus()}},[g,e.length]);return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-gantt-chart`,t.default.root,_),role:`grid`,"aria-label":y.ariaChart,children:(0,i.jsxs)(`div`,{className:t.default.layout,children:[(0,i.jsxs)(`div`,{className:t.default.labelPanel,"aria-hidden":`true`,children:[(0,i.jsx)(`div`,{className:t.default.headerCell,"data-gantt-header-cell":`label`,style:{height:h}}),e.map(e=>(0,i.jsx)(`div`,{className:t.default.labelRow,style:{height:h},children:(0,i.jsx)(`span`,{className:t.default.labelText,children:e.label})},e.id))]}),(0,i.jsxs)(`div`,{className:t.default.timelineWrapper,children:[(0,i.jsx)(`div`,{ref:x,className:t.default.headerScroll,"data-gantt-header-scroll":`true`,children:(0,i.jsx)(`div`,{className:t.default.header,style:{width:O,height:h},role:`row`,children:D.map(e=>(0,i.jsx)(`div`,{className:t.default.headerCell,"data-gantt-header-cell":`true`,style:{width:w},role:`columnheader`,children:e.label},e.date.toISOString()))})}),(0,i.jsx)(`div`,{ref:b,className:t.default.bodyScroll,"data-gantt-body-scroll":`true`,onScroll:k,children:(0,i.jsx)(`div`,{className:t.default.body,style:{width:O,"--gantt-col-width":`${w}px`,"--gantt-row-height":`${h}px`},children:e.map((e,n)=>{let a=d(e,T,u,w),o=f(e,u,w),s=e.startDate.toLocaleDateString(),c=e.endDate.toLocaleDateString();return(0,i.jsx)(`div`,{className:t.default.row,style:{height:h},role:`row`,children:(0,i.jsx)(`div`,{role:`gridcell`,"data-gantt-bar":`true`,className:(0,r.default)(t.default.bar,{[t.default.clickable]:!!g}),style:{left:a,width:o,height:h-12,top:6,"--gantt-bar-bg":e.color??`var(--wim-color-primary)`,backgroundColor:`var(--gantt-bar-bg)`},tabIndex:0,"aria-label":y.ariaTaskBar(e.label,s,c),"aria-selected":S===n,onClick:()=>g?.(e),onKeyDown:t=>A(t,e,n),onFocus:()=>C(n),children:e.progress!==void 0&&(0,i.jsx)(`div`,{className:t.default.progress,"data-gantt-progress":`true`,style:{width:`${Math.min(e.progress,100)}%`},"aria-hidden":`true`})})},e.id)})})})]})]})})};exports.GanttChart=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./gantt-chart.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={ariaChart:`Gantt Chart`,ariaTaskBar:(e,t,n)=>`${e}: ${t} - ${n}`};function o(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function s(e,t){return Math.round((o(t).getTime()-o(e).getTime())/(1e3*60*60*24))}function c(e){let t=o(e),n=t.getDay(),r=n===0?-6:1-n;return t.setDate(t.getDate()+r),t}function l(e,t,n){let r=[];if(n===`day`){let n=o(e),i=o(t);for(;n<=i;)r.push({label:String(n.getDate()),date:new Date(n)}),n.setDate(n.getDate()+1)}else if(n===`week`){let n=c(e),i=o(t);for(;n<=i;){let e=n.getMonth()+1,t=n.getDate();r.push({label:`${e}/${t}`,date:new Date(n)}),n.setDate(n.getDate()+7)}}else{let n=new Date(e.getFullYear(),e.getMonth(),1),i=o(t);for(;n<=i;){let e=n.toLocaleString(void 0,{month:`short`,year:`2-digit`});r.push({label:e,date:new Date(n)}),n.setMonth(n.getMonth()+1)}}return r}function u(e){return e===`day`?1:e===`week`?7:30.44}function d(e,t,n,r){return s(t,e.startDate)/u(n)*r}function f(e,t,n){let r=Math.max(s(e.startDate,e.endDate),1),i=n*.5;return Math.max(r/u(t)*n,i)}var p={day:40,week:80,month:120},m=({tasks:e,startDate:s,endDate:c,viewMode:u=`day`,columnWidth:m,rowHeight:h=40,onTaskClick:g,className:_,labels:v})=>{let y={...a,...v},[b,x]=(0,n.useState)(-1),S=m??p[u],C=(0,n.useMemo)(()=>s?o(s):e.length===0?o(new Date):o(new Date(Math.min(...e.map(e=>e.startDate.getTime())))),[s,e]),w=(0,n.useMemo)(()=>{if(c)return o(c);if(e.length===0){let e=o(new Date);return e.setDate(e.getDate()+30),e}return o(new Date(Math.max(...e.map(e=>e.endDate.getTime()))))},[c,e]),T=(0,n.useMemo)(()=>l(C,w,u),[C,w,u]),E=T.length*S,D=(0,n.useCallback)((t,n,r)=>{if(t.key===`Enter`||t.key===` `)t.preventDefault(),g?.(n);else if(t.key===`ArrowDown`){t.preventDefault();let n=Math.min(r+1,e.length-1);x(n),document.querySelectorAll(`[data-gantt-bar="true"]`)[n]?.focus()}else if(t.key===`ArrowUp`){t.preventDefault();let e=Math.max(r-1,0);x(e),document.querySelectorAll(`[data-gantt-bar="true"]`)[e]?.focus()}},[g,e.length]);return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-gantt-chart`,t.default.root,_),role:`grid`,"aria-label":y.ariaChart,children:(0,i.jsxs)(`div`,{className:t.default.layout,children:[(0,i.jsxs)(`div`,{className:t.default.labelPanel,"aria-hidden":`true`,children:[(0,i.jsx)(`div`,{className:t.default.headerCell,"data-gantt-header-cell":`label`,style:{height:h}}),e.map(e=>(0,i.jsx)(`div`,{className:t.default.labelRow,style:{height:h},children:(0,i.jsx)(`span`,{className:t.default.labelText,children:e.label})},e.id))]}),(0,i.jsxs)(`div`,{className:t.default.timelineScroll,"data-gantt-timeline-scroll":`true`,children:[(0,i.jsx)(`div`,{className:t.default.header,style:{width:E,height:h},role:`row`,children:T.map(e=>(0,i.jsx)(`div`,{className:t.default.headerCell,"data-gantt-header-cell":`true`,style:{width:S},role:`columnheader`,children:e.label},e.date.toISOString()))}),(0,i.jsx)(`div`,{className:t.default.body,style:{width:E,"--gantt-col-width":`${S}px`,"--gantt-row-height":`${h}px`},"data-gantt-body":`true`,children:e.map((e,n)=>{let a=d(e,C,u,S),o=f(e,u,S),s=e.startDate.toLocaleDateString(),c=e.endDate.toLocaleDateString();return(0,i.jsx)(`div`,{className:t.default.row,style:{height:h},role:`row`,children:(0,i.jsx)(`div`,{role:`gridcell`,"data-gantt-bar":`true`,className:(0,r.default)(t.default.bar,{[t.default.clickable]:!!g}),style:{left:a,width:o,height:h-12,top:6,"--gantt-bar-bg":e.color??`var(--wim-color-primary)`,backgroundColor:`var(--gantt-bar-bg)`},tabIndex:0,"aria-label":y.ariaTaskBar(e.label,s,c),"aria-selected":b===n,onClick:()=>g?.(e),onKeyDown:t=>D(t,e,n),onFocus:()=>x(n),children:e.progress!==void 0&&(0,i.jsx)(`div`,{className:t.default.progress,"data-gantt-progress":`true`,style:{width:`${Math.min(e.progress,100)}%`},"aria-hidden":`true`})})},e.id)})})]})]})})};exports.GanttChart=m;

package/dist/components/charts/GanttChart/GanttChart.js

@@ -1,33 +1,33 @@
 "use client";
 import e from "./gantt-chart.module.js";
-import { useCallback as t, useMemo as n, useRef as r, useState as i } from "react";
-import a from "classnames";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useCallback as t, useMemo as n, useState as r } from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/charts/GanttChart/GanttChart.tsx
-var c = {
+var s = {
 	ariaChart: "Gantt Chart",
 	ariaTaskBar: (e, t, n) => `${e}: ${t} - ${n}`
 };
-function l(e) {
+function c(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function u(e, t) {
-	return Math.round((l(t).getTime() - l(e).getTime()) / (1e3 * 60 * 60 * 24));
+function l(e, t) {
+	return Math.round((c(t).getTime() - c(e).getTime()) / (1e3 * 60 * 60 * 24));
 }
-function d(e) {
-	let t = l(e), n = t.getDay(), r = n === 0 ? -6 : 1 - n;
+function u(e) {
+	let t = c(e), n = t.getDay(), r = n === 0 ? -6 : 1 - n;
 	return t.setDate(t.getDate() + r), t;
 }
-function f(e, t, n) {
+function d(e, t, n) {
 	let r = [];
 	if (n === "day") {
-		let n = l(e), i = l(t);
+		let n = c(e), i = c(t);
 		for (; n <= i;) r.push({
 			label: String(n.getDate()),
 			date: new Date(n)
 		}), n.setDate(n.getDate() + 1);
 	} else if (n === "week") {
-		let n = d(e), i = l(t);
+		let n = u(e), i = c(t);
 		for (; n <= i;) {
 			let e = n.getMonth() + 1, t = n.getDate();
 			r.push({
@@ -36,7 +36,7 @@ function f(e, t, n) {
 			}), n.setDate(n.getDate() + 7);
 		}
 	} else {
-		let n = new Date(e.getFullYear(), e.getMonth(), 1), i = l(t);
+		let n = new Date(e.getFullYear(), e.getMonth(), 1), i = c(t);
 		for (; n <= i;) {
 			let e = n.toLocaleString(void 0, {
 				month: "short",
@@ -50,136 +50,125 @@ function f(e, t, n) {
 	}
 	return r;
 }
-function p(e) {
+function f(e) {
 	return e === "day" ? 1 : e === "week" ? 7 : 30.44;
 }
-function m(e, t, n, r) {
-	return u(t, e.startDate) / p(n) * r;
+function p(e, t, n, r) {
+	return l(t, e.startDate) / f(n) * r;
 }
-function h(e, t, n) {
-	let r = Math.max(u(e.startDate, e.endDate), 1), i = n * .5;
-	return Math.max(r / p(t) * n, i);
+function m(e, t, n) {
+	let r = Math.max(l(e.startDate, e.endDate), 1), i = n * .5;
+	return Math.max(r / f(t) * n, i);
 }
-var g = {
+var h = {
 	day: 40,
 	week: 80,
 	month: 120
-}, _ = ({ tasks: u, startDate: d, endDate: p, viewMode: _ = "day", columnWidth: v, rowHeight: y = 40, onTaskClick: b, className: x, labels: S }) => {
-	let C = {
-		...c,
-		...S
-	}, w = r(null), T = r(null), [E, D] = i(-1), O = v ?? g[_], k = n(() => d ? l(d) : u.length === 0 ? l(/* @__PURE__ */ new Date()) : l(new Date(Math.min(...u.map((e) => e.startDate.getTime())))), [d, u]), A = n(() => {
-		if (p) return l(p);
-		if (u.length === 0) {
-			let e = l(/* @__PURE__ */ new Date());
+}, g = ({ tasks: l, startDate: u, endDate: f, viewMode: g = "day", columnWidth: _, rowHeight: v = 40, onTaskClick: y, className: b, labels: x }) => {
+	let S = {
+		...s,
+		...x
+	}, [C, w] = r(-1), T = _ ?? h[g], E = n(() => u ? c(u) : l.length === 0 ? c(/* @__PURE__ */ new Date()) : c(new Date(Math.min(...l.map((e) => e.startDate.getTime())))), [u, l]), D = n(() => {
+		if (f) return c(f);
+		if (l.length === 0) {
+			let e = c(/* @__PURE__ */ new Date());
 			return e.setDate(e.getDate() + 30), e;
 		}
-		return l(new Date(Math.max(...u.map((e) => e.endDate.getTime()))));
-	}, [p, u]), j = n(() => f(k, A, _), [
-		k,
-		A,
-		_
-	]), M = j.length * O, N = t(() => {
-		T.current && w.current && (T.current.scrollLeft = w.current.scrollLeft);
-	}, []), P = t((e, t, n) => {
-		if (e.key === "Enter" || e.key === " ") e.preventDefault(), b?.(t);
+		return c(new Date(Math.max(...l.map((e) => e.endDate.getTime()))));
+	}, [f, l]), O = n(() => d(E, D, g), [
+		E,
+		D,
+		g
+	]), k = O.length * T, A = t((e, t, n) => {
+		if (e.key === "Enter" || e.key === " ") e.preventDefault(), y?.(t);
 		else if (e.key === "ArrowDown") {
 			e.preventDefault();
-			let t = Math.min(n + 1, u.length - 1);
-			D(t), document.querySelectorAll("[data-gantt-bar=\"true\"]")[t]?.focus();
+			let t = Math.min(n + 1, l.length - 1);
+			w(t), document.querySelectorAll("[data-gantt-bar=\"true\"]")[t]?.focus();
 		} else if (e.key === "ArrowUp") {
 			e.preventDefault();
 			let t = Math.max(n - 1, 0);
-			D(t), document.querySelectorAll("[data-gantt-bar=\"true\"]")[t]?.focus();
+			w(t), document.querySelectorAll("[data-gantt-bar=\"true\"]")[t]?.focus();
 		}
-	}, [b, u.length]);
-	return /* @__PURE__ */ o("div", {
-		className: a("wim-gantt-chart", e.root, x),
+	}, [y, l.length]);
+	return /* @__PURE__ */ a("div", {
+		className: i("wim-gantt-chart", e.root, b),
 		role: "grid",
-		"aria-label": C.ariaChart,
-		children: /* @__PURE__ */ s("div", {
+		"aria-label": S.ariaChart,
+		children: /* @__PURE__ */ o("div", {
 			className: e.layout,
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ o("div", {
 				className: e.labelPanel,
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ o("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: e.headerCell,
 					"data-gantt-header-cell": "label",
-					style: { height: y }
-				}), u.map((t) => /* @__PURE__ */ o("div", {
+					style: { height: v }
+				}), l.map((t) => /* @__PURE__ */ a("div", {
 					className: e.labelRow,
-					style: { height: y },
-					children: /* @__PURE__ */ o("span", {
+					style: { height: v },
+					children: /* @__PURE__ */ a("span", {
 						className: e.labelText,
 						children: t.label
 					})
 				}, t.id))]
-			}), /* @__PURE__ */ s("div", {
-				className: e.timelineWrapper,
-				children: [/* @__PURE__ */ o("div", {
-					ref: T,
-					className: e.headerScroll,
-					"data-gantt-header-scroll": "true",
-					children: /* @__PURE__ */ o("div", {
-						className: e.header,
-						style: {
-							width: M,
-							height: y
-						},
-						role: "row",
-						children: j.map((t) => /* @__PURE__ */ o("div", {
-							className: e.headerCell,
-							"data-gantt-header-cell": "true",
-							style: { width: O },
-							role: "columnheader",
-							children: t.label
-						}, t.date.toISOString()))
-					})
-				}), /* @__PURE__ */ o("div", {
-					ref: w,
-					className: e.bodyScroll,
-					"data-gantt-body-scroll": "true",
-					onScroll: N,
-					children: /* @__PURE__ */ o("div", {
-						className: e.body,
-						style: {
-							width: M,
-							"--gantt-col-width": `${O}px`,
-							"--gantt-row-height": `${y}px`
-						},
-						children: u.map((t, n) => {
-							let r = m(t, k, _, O), i = h(t, _, O), s = t.startDate.toLocaleDateString(), c = t.endDate.toLocaleDateString();
-							return /* @__PURE__ */ o("div", {
-								className: e.row,
-								style: { height: y },
-								role: "row",
-								children: /* @__PURE__ */ o("div", {
-									role: "gridcell",
-									"data-gantt-bar": "true",
-									className: a(e.bar, { [e.clickable]: !!b }),
-									style: {
-										left: r,
-										width: i,
-										height: y - 12,
-										top: 6,
-										"--gantt-bar-bg": t.color ?? "var(--wim-color-primary)",
-										backgroundColor: "var(--gantt-bar-bg)"
-									},
-									tabIndex: 0,
-									"aria-label": C.ariaTaskBar(t.label, s, c),
-									"aria-selected": E === n,
-									onClick: () => b?.(t),
-									onKeyDown: (e) => P(e, t, n),
-									onFocus: () => D(n),
-									children: t.progress !== void 0 && /* @__PURE__ */ o("div", {
-										className: e.progress,
-										"data-gantt-progress": "true",
-										style: { width: `${Math.min(t.progress, 100)}%` },
-										"aria-hidden": "true"
-									})
+			}), /* @__PURE__ */ o("div", {
+				className: e.timelineScroll,
+				"data-gantt-timeline-scroll": "true",
+				children: [/* @__PURE__ */ a("div", {
+					className: e.header,
+					style: {
+						width: k,
+						height: v
+					},
+					role: "row",
+					children: O.map((t) => /* @__PURE__ */ a("div", {
+						className: e.headerCell,
+						"data-gantt-header-cell": "true",
+						style: { width: T },
+						role: "columnheader",
+						children: t.label
+					}, t.date.toISOString()))
+				}), /* @__PURE__ */ a("div", {
+					className: e.body,
+					style: {
+						width: k,
+						"--gantt-col-width": `${T}px`,
+						"--gantt-row-height": `${v}px`
+					},
+					"data-gantt-body": "true",
+					children: l.map((t, n) => {
+						let r = p(t, E, g, T), o = m(t, g, T), s = t.startDate.toLocaleDateString(), c = t.endDate.toLocaleDateString();
+						return /* @__PURE__ */ a("div", {
+							className: e.row,
+							style: { height: v },
+							role: "row",
+							children: /* @__PURE__ */ a("div", {
+								role: "gridcell",
+								"data-gantt-bar": "true",
+								className: i(e.bar, { [e.clickable]: !!y }),
+								style: {
+									left: r,
+									width: o,
+									height: v - 12,
+									top: 6,
+									"--gantt-bar-bg": t.color ?? "var(--wim-color-primary)",
+									backgroundColor: "var(--gantt-bar-bg)"
+								},
+								tabIndex: 0,
+								"aria-label": S.ariaTaskBar(t.label, s, c),
+								"aria-selected": C === n,
+								onClick: () => y?.(t),
+								onKeyDown: (e) => A(e, t, n),
+								onFocus: () => w(n),
+								children: t.progress !== void 0 && /* @__PURE__ */ a("div", {
+									className: e.progress,
+									"data-gantt-progress": "true",
+									style: { width: `${Math.min(t.progress, 100)}%` },
+									"aria-hidden": "true"
 								})
-							}, t.id);
-						})
+							})
+						}, t.id);
 					})
 				})]
 			})]
@@ -187,4 +176,4 @@ var g = {
 	});
 };
 //#endregion
-export { _ as GanttChart };
+export { g as GanttChart };