wimui 0.28.0 → 0.29.1

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

@@ -0,0 +1,132 @@
+import { default as React } from 'react';
+/** Who wrote the comment. */
+export type CommentAuthor = {
+    /** Display name. Also names the comment for assistive tech. */
+    name: string;
+    /** Avatar image URL. */
+    avatarSrc?: string;
+    /** Initials shown when there is no avatar image. */
+    initials?: string;
+    /** Optional marker next to the name — "Author", "Moderator", a `Tag`, etc. */
+    badge?: React.ReactNode;
+};
+export type CommentProps = Omit<React.ComponentPropsWithoutRef<"article">, "id" | "children"> & {
+    /**
+     * Identifies this comment. The `replyingTo` / `editingId` props are compared
+     * against it, and the callbacks pass it back.
+     */
+    id: string;
+    /** Who wrote it. */
+    author: CommentAuthor;
+    /**
+     * When it was written. Pass a `RelativeTime`, or any node — this component
+     * does not format dates, because the surrounding page decides whether
+     * "3 hours ago" or an absolute date is the useful thing to read.
+     */
+    timestamp?: React.ReactNode;
+    /** The comment itself. Any node — Markdown, mentions, attachments. */
+    children?: React.ReactNode;
+    /**
+     * Nested replies: `Comment` elements. The nesting is drawn as a list, so
+     * assistive tech reads the depth rather than inferring it from indentation.
+     */
+    replies?: React.ReactNode;
+    /**
+     * Marks the comment as changed since it was posted. A comment that was
+     * silently rewritten reads as if it always said the new thing.
+     * @default false
+     */
+    edited?: boolean;
+    /**
+     * Id of the comment whose reply box is open. When it equals `id`, `composer`
+     * is rendered below this comment.
+     */
+    replyingTo?: string;
+    /**
+     * Id of the comment being edited. When it equals `id`, `editor` replaces the
+     * body rather than appearing alongside it.
+     */
+    editingId?: string;
+    /** The reply box. Rendered only while `replyingTo` equals `id`. */
+    composer?: React.ReactNode;
+    /** The edit form. Rendered only while `editingId` equals `id`. */
+    editor?: React.ReactNode;
+    /** Shows a Reply button when set. */
+    onReply?: (id: string) => void;
+    /** Shows an Edit button when set. */
+    onEdit?: (id: string) => void;
+    /** Shows a Delete button when set. */
+    onDelete?: (id: string) => void;
+    /** Extra actions, placed after the built-in ones. */
+    actions?: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+};
+/**
+ * Comment renders one comment in a discussion — the author, when it was
+ * written, the text, the actions on it, and any replies nested underneath.
+ *
+ * **The reply box and the edit form are slots, not state.** Which one is open
+ * is passed in (`replyingTo` / `editingId`) and the form itself is passed in
+ * (`composer` / `editor`), so the surrounding app keeps ownership of drafts,
+ * validation, and submission — the parts that differ in every product. What
+ * this component owns is the part that is the same everywhere and easy to get
+ * wrong: the heading structure, the nesting semantics, and the fact that an
+ * edited comment says so.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const Comment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "id" | "children"> & {
+    /**
+     * Identifies this comment. The `replyingTo` / `editingId` props are compared
+     * against it, and the callbacks pass it back.
+     */
+    id: string;
+    /** Who wrote it. */
+    author: CommentAuthor;
+    /**
+     * When it was written. Pass a `RelativeTime`, or any node — this component
+     * does not format dates, because the surrounding page decides whether
+     * "3 hours ago" or an absolute date is the useful thing to read.
+     */
+    timestamp?: React.ReactNode;
+    /** The comment itself. Any node — Markdown, mentions, attachments. */
+    children?: React.ReactNode;
+    /**
+     * Nested replies: `Comment` elements. The nesting is drawn as a list, so
+     * assistive tech reads the depth rather than inferring it from indentation.
+     */
+    replies?: React.ReactNode;
+    /**
+     * Marks the comment as changed since it was posted. A comment that was
+     * silently rewritten reads as if it always said the new thing.
+     * @default false
+     */
+    edited?: boolean;
+    /**
+     * Id of the comment whose reply box is open. When it equals `id`, `composer`
+     * is rendered below this comment.
+     */
+    replyingTo?: string;
+    /**
+     * Id of the comment being edited. When it equals `id`, `editor` replaces the
+     * body rather than appearing alongside it.
+     */
+    editingId?: string;
+    /** The reply box. Rendered only while `replyingTo` equals `id`. */
+    composer?: React.ReactNode;
+    /** The edit form. Rendered only while `editingId` equals `id`. */
+    editor?: React.ReactNode;
+    /** Shows a Reply button when set. */
+    onReply?: (id: string) => void;
+    /** Shows an Edit button when set. */
+    onEdit?: (id: string) => void;
+    /** Shows a Delete button when set. */
+    onDelete?: (id: string) => void;
+    /** Extra actions, placed after the built-in ones. */
+    actions?: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,86 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { Avatar as n } from "../Avatar/Avatar.js";
+import r from "./comment.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/data-display/Comment/Comment.tsx
+var c = i.forwardRef(({ id: c, author: l, timestamp: u, children: d, replies: f, edited: p = !1, replyingTo: m, editingId: h, composer: g, editor: _, onReply: v, onEdit: y, onDelete: b, actions: x, className: S, ...C }, w) => {
+	let { t: T } = e("common"), E = `${c}-author`, D = h !== void 0 && h === c, O = m !== void 0 && m === c, k = {
+		reply: v,
+		edit: y,
+		delete: b
+	}, A = [
+		"reply",
+		"edit",
+		"delete"
+	].filter((e) => k[e] !== void 0);
+	return /* @__PURE__ */ s("article", {
+		ref: w,
+		"aria-labelledby": E,
+		className: a("wim-comment", r.root, S),
+		...C,
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: r.head,
+				children: [/* @__PURE__ */ o(n, {
+					src: l.avatarSrc,
+					initials: l.initials,
+					size: "sm",
+					alt: "",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ s("div", {
+					className: r.meta,
+					children: [
+						/* @__PURE__ */ o("span", {
+							id: E,
+							className: r.author,
+							children: l.name
+						}),
+						l.badge && /* @__PURE__ */ o("span", {
+							className: r.badge,
+							children: l.badge
+						}),
+						u && /* @__PURE__ */ o("span", {
+							className: r.timestamp,
+							children: u
+						}),
+						p && /* @__PURE__ */ o("span", {
+							className: r.edited,
+							children: T("comment.edited")
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: r.body,
+				children: D ? _ : d
+			}),
+			(A.length > 0 || x) && /* @__PURE__ */ s("div", {
+				className: r.actions,
+				children: [A.map((e) => /* @__PURE__ */ s("button", {
+					type: "button",
+					className: r.action,
+					onClick: () => k[e]?.(c),
+					children: [T(`comment.${e}`), /* @__PURE__ */ s(t, { children: [" ", T("comment.action_context", { name: l.name })] })]
+				}, e)), x]
+			}),
+			O && g && /* @__PURE__ */ o("div", {
+				className: r.composer,
+				children: g
+			}),
+			f && /* @__PURE__ */ o("ul", {
+				className: r.replies,
+				children: i.Children.map(f, (e, t) => /* @__PURE__ */ o("li", {
+					className: r.reply,
+					children: e
+				}, t))
+			})
+		]
+	});
+});
+c.displayName = "Comment";
+//#endregion
+export { c as Comment };

package/dist/components/data-display/Comment/comment.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1nfbe_3`,t=`_head_1nfbe_9`,n=`_meta_1nfbe_18`,r=`_author_1nfbe_25`,i=`_badge_1nfbe_29`,a=`_timestamp_1nfbe_33`,o=`_edited_1nfbe_34`,s=`_body_1nfbe_42`,c=`_actions_1nfbe_46`,l=`_action_1nfbe_46`,u=`_composer_1nfbe_88`,d=`_replies_1nfbe_96`,f=`_reply_1nfbe_106`,p={root:e,head:t,meta:n,author:r,badge:i,timestamp:a,edited:o,body:s,actions:c,action:l,composer:u,replies:d,reply:f};exports.action=l,exports.actions=c,exports.author=r,exports.badge=i,exports.body=s,exports.composer=u,exports.default=p,exports.edited=o,exports.head=t,exports.meta=n,exports.replies=d,exports.reply=f,exports.root=e,exports.timestamp=a;

package/dist/components/data-display/Comment/comment.module.js

@@ -0,0 +1,19 @@
+"use client";
+//#region src/components/data-display/Comment/comment.module.scss
+var e = "_root_1nfbe_3", t = "_head_1nfbe_9", n = "_meta_1nfbe_18", r = "_author_1nfbe_25", i = "_badge_1nfbe_29", a = "_timestamp_1nfbe_33", o = "_edited_1nfbe_34", s = "_body_1nfbe_42", c = "_actions_1nfbe_46", l = "_action_1nfbe_46", u = "_composer_1nfbe_88", d = "_replies_1nfbe_96", f = "_reply_1nfbe_106", p = {
+	root: e,
+	head: t,
+	meta: n,
+	author: r,
+	badge: i,
+	timestamp: a,
+	edited: o,
+	body: s,
+	actions: c,
+	action: l,
+	composer: u,
+	replies: d,
+	reply: f
+};
+//#endregion
+export { l as action, c as actions, r as author, i as badge, s as body, u as composer, p as default, o as edited, t as head, n as meta, d as replies, f as reply, e as root, a as timestamp };

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/Checkbox/Checkbox.cjs"),r=require("../../navigation/Pagination/Pagination.cjs"),i=require("../Table/Table.cjs"),a=require("./useFixedColumns.cjs"),o=require("./useDataGridKeyboard.cjs"),s=require("./useInfiniteScroll.cjs"),c=require("./datagrid.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({columns:e,data:f,rowKey:p=`id`,loading:m=!1,striped:h=!1,bordered:g=!1,hoverable:_=!0,stickyHeader:v=!0,height:y,maxHeight:b,emptyMessage:x,mobileCard:S=!1,selection:C,selectedRowKeys:w,onSelectionChange:T,sortConfig:E,onSortChange:D,pagination:O,infiniteScroll:k,className:A,ariaLabel:j}){let{t:M}=t.useWimTranslation(`common`),N=m!==!1&&m!==void 0,P=m===!0||m===`blocking`,F=(0,l.useMemo)(()=>C?C===!0?{type:`checkbox`,selectedRowKeys:w??[],onChange:(e,t)=>{T?.(e,t)}}:C:null,[C,w,T]),{fixedLeftOffsets:I,fixedRightOffsets:L}=a.useFixedColumns(e,!!F),R=(e,t=!1)=>{let n=I[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,u.default)(c.default.cellFixed,n.isLast&&c.default.cellFixedLeftLast)};let r=L[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,u.default)(c.default.cellFixed,r.isFirst&&c.default.cellFixedRightFirst)}:{}},z=(0,l.useCallback)(e=>typeof p==`function`?p(e):e[p],[p]),B=(0,l.useMemo)(()=>!F||f.length===0?!1:f.every(e=>F.selectedRowKeys.includes(z(e))),[f,F,z]),V=(0,l.useMemo)(()=>F?!B&&f.some(e=>F.selectedRowKeys.includes(z(e))):!1,[f,F,B,z]),H=e=>{if(!F)return;let t=e.target.checked,n=t?f.map(z):[],r=t?f:[];F.onChange(n,r)},U=(e,t)=>{if(!F)return;let n=t.target.checked,r=z(e),i=n?[...F.selectedRowKeys,r]:F.selectedRowKeys.filter(e=>e!==r),a=f.filter(e=>i.includes(z(e)));F.onChange(i,a)},{focusedCell:W,handleKeyDown:G,containerRef:K}=o.useDataGridKeyboard(e,f,!!F),{loaderRef:q}=s.useInfiniteScroll(k),J=e.length+ +!!F;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-data-grid`,c.default.root,P&&c.default.loading,S===`md`?c.default.mobileCardMd:S&&c.default.mobileCard,A),"aria-busy":N||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.container,style:{height:y,maxHeight:b},inert:P||void 0,children:[(0,d.jsxs)(i.Table,{ref:K,onKeyDown:G,tabIndex:0,role:`grid`,"aria-label":j??M(`a11y.data_grid`),"aria-rowcount":f.length+1,"aria-colcount":J,striped:h,bordered:g,hoverable:_,stickyHeader:v,mobileCard:S,fullWidth:!0,className:(0,u.default)(`wim-table`,c.default.table),containerClassName:c.default.tableContainer,children:[(0,d.jsx)(i.Table.Header,{children:(0,d.jsxs)(i.Table.Row,{children:[F&&(0,d.jsx)(i.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":M(`a11y.select_all_rows`),tabIndex:W.row===-1&&W.col===-1?0:-1,children:(F.type??`checkbox`)===`checkbox`&&(0,d.jsx)(n.Checkbox,{checked:B,indeterminate:V,onChange:H,"aria-label":M(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=R(e.key,!0);return(0,d.jsx)(i.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:e.sortable,sortDirection:E?.key===e.key?E.direction:`none`,onSort:()=>{if(!e.sortable||!D)return;let t=E?.key===e.key?E.direction===`asc`?`desc`:E.direction===`desc`?`none`:`asc`:`asc`;D(e.key,t)},...n,tabIndex:W.row===-1&&W.col===(F?t+1:t)?0:-1,"data-row":-1,"data-col":F?t+1:t,children:e.title},e.key)})]})}),(0,d.jsx)(i.Table.Body,{children:f.map((t,r)=>{let a=z(t),o=F?.selectedRowKeys.includes(a);return(0,d.jsxs)(i.Table.Row,{selected:o,children:[F&&(0,d.jsx)(i.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":r,"data-col":-1,tabIndex:W.row===r&&W.col===-1?0:-1,children:(0,d.jsx)(n.Checkbox,{checked:o,onChange:e=>U(t,e),"aria-label":M(`a11y.select_row`)})}),e.map((e,n)=>{let a=R(e.key,!1),o=t[e.dataIndex??e.key];return(0,d.jsx)(i.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...a,"data-row":r,"data-col":F?n+1:n,tabIndex:W.row===r&&W.col===(F?n+1:n)?0:-1,children:e.maxWidth==null?e.render?e.render(o,t,r):o:(0,d.jsx)(`div`,{style:{maxWidth:e.maxWidth},children:e.render?e.render(o,t,r):o})},e.key)})]},a)})})]}),f.length===0&&x&&(0,d.jsx)(`div`,{role:`status`,className:c.default.empty,children:x}),k?.hasMore&&(0,d.jsx)(`div`,{ref:q,className:c.default.loader,children:k.hasMore&&M(`dataGrid.loading_more`)})]}),O&&(0,d.jsxs)(`div`,{className:c.default.footer,inert:P||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.info,children:[M(`dataGrid.displaying`,{shown:f.length,total:O.total}),F?.selectedRowKeys&&F.selectedRowKeys.length>0&&(0,d.jsx)(`span`,{className:c.default.selectionInfo,children:M(`dataGrid.rows_selected`,{selected:F.selectedRowKeys.length})})]}),(0,d.jsx)(`div`,{className:c.default.pagination,children:(0,d.jsx)(r.Pagination,{className:c.default.paginationContent,current:O.current,total:O.total,pageSize:O.pageSize,onChange:O.onChange})})]})]})}exports.DataGrid=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/Checkbox/Checkbox.cjs"),r=require("../../navigation/Pagination/Pagination.cjs"),i=require("../Table/Table.cjs"),a=require("./useFixedColumns.cjs"),o=require("./useDataGridKeyboard.cjs"),s=require("./useInfiniteScroll.cjs"),c=require("./datagrid.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({columns:e,data:f,rowKey:p=`id`,loading:m=!1,striped:h=!1,bordered:g=!1,hoverable:_=!0,stickyHeader:v=!0,height:y,maxHeight:b,emptyMessage:x,mobileCard:S=!1,selection:C,selectedRowKeys:w,onSelectionChange:T,sortConfig:E,onSortChange:D,pagination:O,infiniteScroll:k,className:A,ariaLabel:j}){let{t:M}=t.useWimTranslation(`common`),N=m!==!1&&m!==void 0,P=m===!0||m===`blocking`,F=(0,l.useMemo)(()=>C?C===!0?{type:`checkbox`,selectedRowKeys:w??[],onChange:(e,t)=>{T?.(e,t)}}:C:null,[C,w,T]),{fixedLeftOffsets:I,fixedRightOffsets:L}=a.useFixedColumns(e,!!F),R=(e,t=!1)=>{let n=I[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,u.default)(c.default.cellFixed,n.isLast&&c.default.cellFixedLeftLast)};let r=L[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,u.default)(c.default.cellFixed,r.isFirst&&c.default.cellFixedRightFirst)}:{}},z=(0,l.useCallback)(e=>typeof p==`function`?p(e):e[p],[p]),B=(0,l.useMemo)(()=>!F||f.length===0?!1:f.every(e=>F.selectedRowKeys.includes(z(e))),[f,F,z]),V=(0,l.useMemo)(()=>F?!B&&f.some(e=>F.selectedRowKeys.includes(z(e))):!1,[f,F,B,z]),H=e=>{if(!F)return;let t=e.target.checked,n=t?f.map(z):[],r=t?f:[];F.onChange(n,r)},U=(e,t)=>{if(!F)return;let n=t.target.checked,r=z(e),i=n?[...F.selectedRowKeys,r]:F.selectedRowKeys.filter(e=>e!==r),a=f.filter(e=>i.includes(z(e)));F.onChange(i,a)},{focusedCell:W,handleKeyDown:G,containerRef:K}=o.useDataGridKeyboard(e,f,!!F),{loaderRef:q}=s.useInfiniteScroll(k),J=e.length+ +!!F;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-data-grid`,c.default.root,P&&c.default.loading,S===`md`?c.default.mobileCardMd:S&&c.default.mobileCard,A),"aria-busy":N||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.container,style:{height:y,maxHeight:b},inert:P||void 0,children:[(0,d.jsxs)(i.Table,{ref:K,onKeyDown:G,tabIndex:0,role:`grid`,"aria-label":j??M(`a11y.data_grid`),"aria-rowcount":f.length+1,"aria-colcount":J,striped:h,bordered:g,hoverable:_,stickyHeader:v,mobileCard:S,fullWidth:!0,className:(0,u.default)(`wim-table`,c.default.table),containerClassName:c.default.tableContainer,children:[(0,d.jsx)(i.Table.Header,{children:(0,d.jsxs)(i.Table.Row,{children:[F&&(0,d.jsx)(i.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":M(`a11y.select_all_rows`),tabIndex:W.row===-1&&W.col===-1?0:-1,children:(F.type??`checkbox`)===`checkbox`&&(0,d.jsx)(n.Checkbox,{checked:B,indeterminate:V,onChange:H,"aria-label":M(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=R(e.key,!0);return(0,d.jsx)(i.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:!!(e.sortable&&D),sortDirection:E?.key===e.key?E.direction:`none`,onSort:()=>{if(!e.sortable||!D)return;let t=E?.key===e.key?E.direction===`asc`?`desc`:E.direction===`desc`?`none`:`asc`:`asc`;D(e.key,t)},...n,tabIndex:W.row===-1&&W.col===(F?t+1:t)?0:-1,"data-row":-1,"data-col":F?t+1:t,children:e.title},e.key)})]})}),(0,d.jsx)(i.Table.Body,{children:f.map((t,r)=>{let a=z(t),o=F?.selectedRowKeys.includes(a);return(0,d.jsxs)(i.Table.Row,{selected:o,children:[F&&(0,d.jsx)(i.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":r,"data-col":-1,tabIndex:W.row===r&&W.col===-1?0:-1,children:(0,d.jsx)(n.Checkbox,{checked:o,onChange:e=>U(t,e),"aria-label":M(`a11y.select_row`)})}),e.map((e,n)=>{let a=R(e.key,!1),o=t[e.dataIndex??e.key];return(0,d.jsx)(i.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...a,"data-row":r,"data-col":F?n+1:n,tabIndex:W.row===r&&W.col===(F?n+1:n)?0:-1,children:e.maxWidth==null?e.render?e.render(o,t,r):o:(0,d.jsx)(`div`,{style:{maxWidth:e.maxWidth},children:e.render?e.render(o,t,r):o})},e.key)})]},a)})})]}),f.length===0&&x&&(0,d.jsx)(`div`,{role:`status`,className:c.default.empty,children:x}),k?.hasMore&&(0,d.jsx)(`div`,{ref:q,className:c.default.loader,children:k.hasMore&&M(`dataGrid.loading_more`)})]}),O&&(0,d.jsxs)(`div`,{className:c.default.footer,inert:P||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.info,children:[M(`dataGrid.displaying`,{shown:f.length,total:O.total}),F?.selectedRowKeys&&F.selectedRowKeys.length>0&&(0,d.jsx)(`span`,{className:c.default.selectionInfo,children:M(`dataGrid.rows_selected`,{selected:F.selectedRowKeys.length})})]}),(0,d.jsx)(`div`,{className:c.default.pagination,children:(0,d.jsx)(r.Pagination,{className:c.default.paginationContent,current:O.current,total:O.total,pageSize:O.pageSize,onChange:O.onChange})})]})]})}exports.DataGrid=f;

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

@@ -106,7 +106,7 @@ function p({ columns: p, data: m, rowKey: h = "id", loading: g = !1, striped: _
 								width: e.width,
 								minWidth: e.width
 							},
-							sortable: e.sortable,
+							sortable: !!(e.sortable && k),
 							sortDirection: O?.key === e.key ? O.direction : "none",
 							onSort: () => {
 								if (!e.sortable || !k) return;

package/dist/components/data-display/Table/table.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_scope_wv4j1_6`,t=`_container_wv4j1_16`,n=`_mobileCard_wv4j1_24`,r=`_mobileCardMd_wv4j1_24`,i=`_sticky_wv4j1_27`,a=`_cardContainer_wv4j1_30`,o=`_root_wv4j1_5`,s=`_fullWidth_wv4j1_75`,c=`_striped_wv4j1_78`,l=`_bordered_wv4j1_82`,u=`_hoverable_wv4j1_89`,d=`_stickyLeft_wv4j1_93`,f=`_stickyRight_wv4j1_93`,p=`_stickyHeader_wv4j1_96`,m=`_selection_wv4j1_197`,h=`_header_wv4j1_22`,g=`_body_wv4j1_22`,_=`_row_wv4j1_314`,v=`_selected_wv4j1_319`,y=`_head_wv4j1_22`,b=`_sortable_wv4j1_330`,x=`_cell_wv4j1_357`,S=`_headContent_wv4j1_387`,C=`_sortIcon_wv4j1_395`,w=`_asc_wv4j1_400`,T=`_desc_wv4j1_404`,E=`_noScrollbar_wv4j1_407`,D=`_subtleScrollbar_wv4j1_415`,O={scope:e,container:t,mobileCard:n,mobileCardMd:r,sticky:i,cardContainer:a,root:o,fullWidth:s,striped:c,bordered:l,hoverable:u,stickyLeft:d,stickyRight:f,stickyHeader:p,selection:m,header:h,body:g,row:_,selected:v,head:y,sortable:b,cell:x,headContent:S,sortIcon:C,asc:w,desc:T,noScrollbar:E,subtleScrollbar:D};exports.asc=w,exports.body=g,exports.bordered=l,exports.cardContainer=a,exports.cell=x,exports.container=t,exports.default=O,exports.desc=T,exports.fullWidth=s,exports.head=y,exports.headContent=S,exports.header=h,exports.hoverable=u,exports.mobileCard=n,exports.mobileCardMd=r,exports.noScrollbar=E,exports.root=o,exports.row=_,exports.scope=e,exports.selected=v,exports.selection=m,exports.sortIcon=C,exports.sortable=b,exports.sticky=i,exports.stickyHeader=p,exports.stickyLeft=d,exports.stickyRight=f,exports.striped=c,exports.subtleScrollbar=D;
+var e=`_scope_qi2i0_6`,t=`_container_qi2i0_16`,n=`_mobileCard_qi2i0_24`,r=`_mobileCardMd_qi2i0_24`,i=`_sticky_qi2i0_27`,a=`_cardContainer_qi2i0_30`,o=`_root_qi2i0_5`,s=`_fullWidth_qi2i0_82`,c=`_striped_qi2i0_85`,l=`_bordered_qi2i0_89`,u=`_hoverable_qi2i0_96`,d=`_stickyLeft_qi2i0_100`,f=`_stickyRight_qi2i0_100`,p=`_stickyHeader_qi2i0_103`,m=`_selection_qi2i0_221`,h=`_header_qi2i0_22`,g=`_body_qi2i0_22`,_=`_row_qi2i0_355`,v=`_selected_qi2i0_360`,y=`_head_qi2i0_22`,b=`_sortable_qi2i0_371`,x=`_cell_qi2i0_447`,S=`_headContent_qi2i0_511`,C=`_sortIcon_qi2i0_519`,w=`_asc_qi2i0_524`,T=`_desc_qi2i0_528`,E=`_noScrollbar_qi2i0_531`,D=`_subtleScrollbar_qi2i0_539`,O={scope:e,container:t,mobileCard:n,mobileCardMd:r,sticky:i,cardContainer:a,root:o,fullWidth:s,striped:c,bordered:l,hoverable:u,stickyLeft:d,stickyRight:f,stickyHeader:p,selection:m,header:h,body:g,row:_,selected:v,head:y,sortable:b,cell:x,headContent:S,sortIcon:C,asc:w,desc:T,noScrollbar:E,subtleScrollbar:D};exports.asc=w,exports.body=g,exports.bordered=l,exports.cardContainer=a,exports.cell=x,exports.container=t,exports.default=O,exports.desc=T,exports.fullWidth=s,exports.head=y,exports.headContent=S,exports.header=h,exports.hoverable=u,exports.mobileCard=n,exports.mobileCardMd=r,exports.noScrollbar=E,exports.root=o,exports.row=_,exports.scope=e,exports.selected=v,exports.selection=m,exports.sortIcon=C,exports.sortable=b,exports.sticky=i,exports.stickyHeader=p,exports.stickyLeft=d,exports.stickyRight=f,exports.striped=c,exports.subtleScrollbar=D;

package/dist/components/data-display/Table/table.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Table/table.module.scss
-var e = "_scope_wv4j1_6", t = "_container_wv4j1_16", n = "_mobileCard_wv4j1_24", r = "_mobileCardMd_wv4j1_24", i = "_sticky_wv4j1_27", a = "_cardContainer_wv4j1_30", o = "_root_wv4j1_5", s = "_fullWidth_wv4j1_75", c = "_striped_wv4j1_78", l = "_bordered_wv4j1_82", u = "_hoverable_wv4j1_89", d = "_stickyLeft_wv4j1_93", f = "_stickyRight_wv4j1_93", p = "_stickyHeader_wv4j1_96", m = "_selection_wv4j1_197", h = "_header_wv4j1_22", g = "_body_wv4j1_22", _ = "_row_wv4j1_314", v = "_selected_wv4j1_319", y = "_head_wv4j1_22", b = "_sortable_wv4j1_330", x = "_cell_wv4j1_357", S = "_headContent_wv4j1_387", C = "_sortIcon_wv4j1_395", w = "_asc_wv4j1_400", T = "_desc_wv4j1_404", E = "_noScrollbar_wv4j1_407", D = "_subtleScrollbar_wv4j1_415", O = {
+var e = "_scope_qi2i0_6", t = "_container_qi2i0_16", n = "_mobileCard_qi2i0_24", r = "_mobileCardMd_qi2i0_24", i = "_sticky_qi2i0_27", a = "_cardContainer_qi2i0_30", o = "_root_qi2i0_5", s = "_fullWidth_qi2i0_82", c = "_striped_qi2i0_85", l = "_bordered_qi2i0_89", u = "_hoverable_qi2i0_96", d = "_stickyLeft_qi2i0_100", f = "_stickyRight_qi2i0_100", p = "_stickyHeader_qi2i0_103", m = "_selection_qi2i0_221", h = "_header_qi2i0_22", g = "_body_qi2i0_22", _ = "_row_qi2i0_355", v = "_selected_qi2i0_360", y = "_head_qi2i0_22", b = "_sortable_qi2i0_371", x = "_cell_qi2i0_447", S = "_headContent_qi2i0_511", C = "_sortIcon_qi2i0_519", w = "_asc_qi2i0_524", T = "_desc_qi2i0_528", E = "_noScrollbar_qi2i0_531", D = "_subtleScrollbar_qi2i0_539", O = {
 	scope: e,
 	container: t,
 	mobileCard: n,

package/dist/components/form/Checkbox/Checkbox.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("../../../hooks/useMergedRef.cjs"),r=require("./checkbox.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=i.default.forwardRef(({asChild:e=!1,children:s,indeterminate:c=!1,error:l=!1,className:u,disabled:d,...f},p)=>{let m=(0,i.useRef)(null),h=n.useMergedRef(m,p);return(0,i.useEffect)(()=>{m.current&&(m.current.indeterminate=c)},[c]),(0,o.jsxs)(e?t.Root:`label`,{className:(0,a.default)(`wim-checkbox`,r.default.root,d&&r.default.disabled,u),children:[(0,o.jsx)(`input`,{type:`checkbox`,className:(0,a.default)(r.default.input,l&&r.default.danger),disabled:d,"aria-invalid":l||void 0,ref:h,...f}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Checkbox`,exports.Checkbox=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("./checkbox.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=i.default.forwardRef(({asChild:e=!1,children:s,indeterminate:c=!1,error:l=!1,className:u,disabled:d,...f},p)=>{let m=(0,i.useRef)(null),h=n.useMergedRef(m,p);(0,i.useEffect)(()=>{m.current&&(m.current.indeterminate=c)},[c]);let g=e?t.Root:`label`,_=i.default.Children.count(s)===0;return(0,o.jsxs)(g,{className:(0,a.default)(`wim-checkbox`,r.default.root,_&&r.default.bare,d&&r.default.disabled,u),children:[(0,o.jsx)(`input`,{type:`checkbox`,className:(0,a.default)(r.default.input,l&&r.default.danger),disabled:d,"aria-invalid":l||void 0,ref:h,...f}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Checkbox`,exports.Checkbox=s;

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

@@ -6,20 +6,22 @@ import i, { useEffect as a, useRef as o } from "react";
 import s from "classnames";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/form/Checkbox/Checkbox.tsx
-var u = i.forwardRef(({ asChild: i = !1, children: u, indeterminate: d = !1, error: f = !1, className: p, disabled: m, ...h }, g) => {
-	let _ = o(null), v = n(_, g);
-	return a(() => {
-		_.current && (_.current.indeterminate = d);
-	}, [d]), /* @__PURE__ */ l(i ? e : "label", {
-		className: s("wim-checkbox", r.root, m && r.disabled, p),
+var u = i.forwardRef(({ asChild: u = !1, children: d, indeterminate: f = !1, error: p = !1, className: m, disabled: h, ...g }, _) => {
+	let v = o(null), y = n(v, _);
+	a(() => {
+		v.current && (v.current.indeterminate = f);
+	}, [f]);
+	let b = u ? e : "label", x = i.Children.count(d) === 0;
+	return /* @__PURE__ */ l(b, {
+		className: s("wim-checkbox", r.root, x && r.bare, h && r.disabled, m),
 		children: [/* @__PURE__ */ c("input", {
 			type: "checkbox",
-			className: s(r.input, f && r.danger),
-			disabled: m,
-			"aria-invalid": f || void 0,
-			ref: v,
-			...h
-		}), /* @__PURE__ */ c(t, { children: u })]
+			className: s(r.input, p && r.danger),
+			disabled: h,
+			"aria-invalid": p || void 0,
+			ref: y,
+			...g
+		}), /* @__PURE__ */ c(t, { children: d })]
 	});
 });
 u.displayName = "Checkbox";

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

@@ -1,2 +1,2 @@
 "use client";
-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;
+var e=`_root_1v4xl_16`,t=`_bare_1v4xl_45`,n=`_input_1v4xl_21`,r=`_disabled_1v4xl_51`,i=`_danger_1v4xl_7`,a={root:e,bare:t,input:n,disabled:r,danger:i};exports.bare=t,exports.danger=i,exports.default=a,exports.disabled=r,exports.input=n,exports.root=e;

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

@@ -1,10 +1,11 @@
 "use client";
 //#region src/components/form/Checkbox/checkbox.module.scss
-var e = "_root_fwj5v_16", t = "_disabled_fwj5v_34", n = "_input_fwj5v_21", r = "_danger_fwj5v_7", i = {
+var e = "_root_1v4xl_16", t = "_bare_1v4xl_45", n = "_input_1v4xl_21", r = "_disabled_1v4xl_51", i = "_danger_1v4xl_7", a = {
 	root: e,
-	disabled: t,
+	bare: t,
 	input: n,
-	danger: r
+	disabled: r,
+	danger: i
 };
 //#endregion
-export { r as danger, i as default, t as disabled, n as input, e as root };
+export { t as bare, i as danger, a as default, r as disabled, n as input, e as root };

package/dist/components/form/Radio/Radio.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("../../../hooks/useMergedRef.cjs"),r=require("./radio.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=i.default.forwardRef(({asChild:e=!1,children:s,error:c=!1,className:l,disabled:u,...d},f)=>{let p=n.useMergedRef((0,i.useRef)(null),f);return(0,o.jsxs)(e?t.Root:`label`,{className:(0,a.default)(`wim-radio`,r.default.root,u&&r.default.disabled,l),children:[(0,o.jsx)(`input`,{type:`radio`,className:(0,a.default)(r.default.input,c&&r.default.danger),disabled:u,ref:p,...d}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Radio`,exports.Radio=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("./radio.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=i.default.forwardRef(({asChild:e=!1,children:s,error:c=!1,className:l,disabled:u,...d},f)=>{let p=n.useMergedRef((0,i.useRef)(null),f),m=e?t.Root:`label`,h=i.default.Children.count(s)===0;return(0,o.jsxs)(m,{className:(0,a.default)(`wim-radio`,r.default.root,h&&r.default.bare,u&&r.default.disabled,l),children:[(0,o.jsx)(`input`,{type:`radio`,className:(0,a.default)(r.default.input,c&&r.default.danger),disabled:u,ref:p,...d}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Radio`,exports.Radio=s;

package/dist/components/form/Radio/Radio.js

@@ -6,17 +6,17 @@ import i, { useRef as a } from "react";
 import o from "classnames";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/form/Radio/Radio.tsx
-var l = i.forwardRef(({ asChild: i = !1, children: l, error: u = !1, className: d, disabled: f, ...p }, m) => {
-	let h = n(a(null), m);
-	return /* @__PURE__ */ c(i ? e : "label", {
-		className: o("wim-radio", r.root, f && r.disabled, d),
+var l = i.forwardRef(({ asChild: l = !1, children: u, error: d = !1, className: f, disabled: p, ...m }, h) => {
+	let g = n(a(null), h), _ = l ? e : "label", v = i.Children.count(u) === 0;
+	return /* @__PURE__ */ c(_, {
+		className: o("wim-radio", r.root, v && r.bare, p && r.disabled, f),
 		children: [/* @__PURE__ */ s("input", {
 			type: "radio",
-			className: o(r.input, u && r.danger),
-			disabled: f,
-			ref: h,
-			...p
-		}), /* @__PURE__ */ s(t, { children: l })]
+			className: o(r.input, d && r.danger),
+			disabled: p,
+			ref: g,
+			...m
+		}), /* @__PURE__ */ s(t, { children: u })]
 	});
 });
 l.displayName = "Radio";

package/dist/components/form/Radio/radio.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_7sg4q_16`,t=`_disabled_7sg4q_34`,n=`_input_7sg4q_21`,r=`_danger_7sg4q_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;
+var e=`_root_5vcyg_16`,t=`_bare_5vcyg_36`,n=`_input_5vcyg_21`,r=`_disabled_5vcyg_42`,i=`_danger_5vcyg_7`,a={root:e,bare:t,input:n,disabled:r,danger:i};exports.bare=t,exports.danger=i,exports.default=a,exports.disabled=r,exports.input=n,exports.root=e;

package/dist/components/form/Radio/radio.module.js

@@ -1,10 +1,11 @@
 "use client";
 //#region src/components/form/Radio/radio.module.scss
-var e = "_root_7sg4q_16", t = "_disabled_7sg4q_34", n = "_input_7sg4q_21", r = "_danger_7sg4q_7", i = {
+var e = "_root_5vcyg_16", t = "_bare_5vcyg_36", n = "_input_5vcyg_21", r = "_disabled_5vcyg_42", i = "_danger_5vcyg_7", a = {
 	root: e,
-	disabled: t,
+	bare: t,
 	input: n,
-	danger: r
+	disabled: r,
+	danger: i
 };
 //#endregion
-export { r as danger, i as default, t as disabled, n as input, e as root };
+export { t as bare, i as danger, a as default, r as disabled, n as input, e as root };

package/dist/components/form/Switch/Switch.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("../../../hooks/useMergedRef.cjs"),r=require("./switch.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=i.default.forwardRef(({asChild:e=!1,children:s,size:c=`md`,error:l=!1,className:u,disabled:d,id:f,...p},m)=>{let h=n.useMergedRef((0,i.useRef)(null),m),g=(0,i.useId)(),_=f||g;return(0,o.jsxs)(e?t.Root:`label`,{htmlFor:e?void 0:_,className:(0,a.default)(`wim-switch`,r.default.root,d&&r.default.disabled,u),children:[(0,o.jsx)(`input`,{id:_,type:`checkbox`,role:`switch`,switch:``,className:(0,a.default)(r.default.input,c!==`md`&&r.default[c],l&&r.default.danger),disabled:d,"aria-invalid":l||void 0,ref:h,...p}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Switch`,exports.Switch=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("./switch.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=i.default.forwardRef(({asChild:e=!1,children:s,size:c=`md`,error:l=!1,className:u,disabled:d,id:f,...p},m)=>{let h=n.useMergedRef((0,i.useRef)(null),m),g=(0,i.useId)(),_=f||g,v=e?t.Root:`label`,y=i.default.Children.count(s)===0;return(0,o.jsxs)(v,{htmlFor:e?void 0:_,className:(0,a.default)(`wim-switch`,r.default.root,y&&r.default.bare,d&&r.default.disabled,u),children:[(0,o.jsx)(`input`,{id:_,type:`checkbox`,role:`switch`,switch:``,className:(0,a.default)(r.default.input,c!==`md`&&r.default[c],l&&r.default.danger),disabled:d,"aria-invalid":l||void 0,ref:h,...p}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Switch`,exports.Switch=s;

package/dist/components/form/Switch/Switch.js

@@ -6,22 +6,22 @@ import i, { useId as a, useRef as o } from "react";
 import s from "classnames";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/form/Switch/Switch.tsx
-var u = i.forwardRef(({ asChild: i = !1, children: u, size: d = "md", error: f = !1, className: p, disabled: m, id: h, ...g }, _) => {
-	let v = n(o(null), _), y = a(), b = h || y;
-	return /* @__PURE__ */ l(i ? e : "label", {
-		htmlFor: i ? void 0 : b,
-		className: s("wim-switch", r.root, m && r.disabled, p),
+var u = i.forwardRef(({ asChild: u = !1, children: d, size: f = "md", error: p = !1, className: m, disabled: h, id: g, ..._ }, v) => {
+	let y = n(o(null), v), b = a(), x = g || b, S = u ? e : "label", C = i.Children.count(d) === 0;
+	return /* @__PURE__ */ l(S, {
+		htmlFor: u ? void 0 : x,
+		className: s("wim-switch", r.root, C && r.bare, h && r.disabled, m),
 		children: [/* @__PURE__ */ c("input", {
-			id: b,
+			id: x,
 			type: "checkbox",
 			role: "switch",
 			switch: "",
-			className: s(r.input, d !== "md" && r[d], f && r.danger),
-			disabled: m,
-			"aria-invalid": f || void 0,
-			ref: v,
-			...g
-		}), /* @__PURE__ */ c(t, { children: u })]
+			className: s(r.input, f !== "md" && r[f], p && r.danger),
+			disabled: h,
+			"aria-invalid": p || void 0,
+			ref: y,
+			..._
+		}), /* @__PURE__ */ c(t, { children: d })]
 	});
 });
 u.displayName = "Switch";

package/dist/components/form/Switch/switch.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_rwj47_16`,t=`_disabled_rwj47_26`,n=`_input_rwj47_30`,r=`_sm_rwj47_75`,i=`_lg_rwj47_83`,a=`_danger_rwj47_7`,o={root:e,disabled:t,input:n,sm:r,lg:i,danger:a};exports.danger=a,exports.default=o,exports.disabled=t,exports.input=n,exports.lg=i,exports.root=e,exports.sm=r;
+var e=`_root_1jqxm_16`,t=`_bare_1jqxm_29`,n=`_input_1jqxm_29`,r=`_disabled_1jqxm_32`,i=`_sm_1jqxm_81`,a=`_lg_1jqxm_89`,o=`_danger_1jqxm_7`,s={root:e,bare:t,input:n,disabled:r,sm:i,lg:a,danger:o};exports.bare=t,exports.danger=o,exports.default=s,exports.disabled=r,exports.input=n,exports.lg=a,exports.root=e,exports.sm=i;

package/dist/components/form/Switch/switch.module.js

@@ -1,12 +1,13 @@
 "use client";
 //#region src/components/form/Switch/switch.module.scss
-var e = "_root_rwj47_16", t = "_disabled_rwj47_26", n = "_input_rwj47_30", r = "_sm_rwj47_75", i = "_lg_rwj47_83", a = "_danger_rwj47_7", o = {
+var e = "_root_1jqxm_16", t = "_bare_1jqxm_29", n = "_input_1jqxm_29", r = "_disabled_1jqxm_32", i = "_sm_1jqxm_81", a = "_lg_1jqxm_89", o = "_danger_1jqxm_7", s = {
 	root: e,
-	disabled: t,
+	bare: t,
 	input: n,
-	sm: r,
-	lg: i,
-	danger: a
+	disabled: r,
+	sm: i,
+	lg: a,
+	danger: o
 };
 //#endregion
-export { a as danger, o as default, t as disabled, n as input, i as lg, e as root, r as sm };
+export { t as bare, o as danger, s as default, r as disabled, n as input, a as lg, e as root, i as sm };

package/dist/data-display-core.d.ts

@@ -29,6 +29,7 @@ export * from './components/data-display/CalendarHeatmap/CalendarHeatmap';
 export * from './components/data-display/Reaction/Reaction';
 export * from './components/data-display/Leaderboard/Leaderboard';
 export * from './components/data-display/RelativeTime/RelativeTime';
+export * from './components/data-display/Comment/Comment';
 export * from './components/data-display/Countdown/Countdown';
 export * from './components/data-display/Presence/Presence';
 export * from './components/data-display/Barcode/Barcode';

package/dist/data-display.cjs

@@ -1,2 +1,2 @@
 "use client";
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/data-display/Card/Card.cjs"),t=require("./components/data-display/Badge/Badge.cjs"),n=require("./components/data-display/Calendar/Calendar.cjs"),r=require("./components/data-display/Chip/Chip.cjs"),i=require("./components/data-display/VirtualList/VirtualList.cjs"),a=require("./components/data-display/TreeView/TreeView.cjs"),o=require("./components/data-display/Tag/Tag.cjs"),s=require("./components/data-display/Accordion/Accordion.cjs"),c=require("./components/data-display/Avatar/Avatar.cjs"),l=require("./components/data-display/AvatarGroup/AvatarGroup.cjs"),u=require("./components/data-display/Calendar/RangeCalendar.cjs"),d=require("./components/data-display/Carousel/Carousel.cjs"),f=require("./components/data-display/Table/useTableSort.cjs"),p=require("./components/data-display/Table/Table.cjs"),m=require("./components/data-display/DataGrid/DataGrid.cjs"),h=require("./components/data-display/DescriptionList/DescriptionList.cjs"),g=require("./components/data-display/EmptyState/EmptyState.cjs"),_=require("./components/data-display/Kanban/Kanban.cjs"),v=require("./components/data-display/List/List.cjs"),y=require("./components/data-display/Marquee/Marquee.cjs"),b=require("./components/data-display/Stats/Stats.cjs"),x=require("./components/data-display/Timeline/Timeline.cjs"),S=require("./components/data-display/FAQSection/FAQSection.cjs"),C=require("./components/data-display/InfiniteScroll/InfiniteScroll.cjs"),w=require("./components/data-display/SortableList/SortableList.cjs"),T=require("./components/data-display/SwipeAction/SwipeAction.cjs"),E=require("./components/data-display/PullToRefresh/PullToRefresh.cjs"),D=require("./components/data-display/JsonViewer/JsonViewer.cjs"),O=require("./components/data-display/CalendarHeatmap/CalendarHeatmap.cjs"),k=require("./components/data-display/Reaction/Reaction.cjs"),A=require("./components/data-display/Leaderboard/Leaderboard.cjs"),j=require("./components/data-display/RelativeTime/RelativeTime.cjs"),M=require("./components/data-display/Countdown/Countdown.cjs"),N=require("./components/data-display/Presence/Presence.cjs"),P=require("./components/data-display/Barcode/Barcode.cjs");exports.Accordion=s.Accordion,exports.AccordionContent=s.AccordionContent,exports.AccordionItem=s.AccordionItem,exports.AccordionTrigger=s.AccordionTrigger,exports.Avatar=c.Avatar,exports.AvatarGroup=l.AvatarGroup,exports.Badge=t.Badge,exports.Barcode=P.Barcode,exports.Calendar=n.Calendar,exports.CalendarHeatmap=O.CalendarHeatmap,exports.Card=e.Card,exports.CardBody=e.CardBody,exports.CardFooter=e.CardFooter,exports.CardHeader=e.CardHeader,exports.Carousel=d.Carousel,exports.Chip=r.Chip,exports.Countdown=M.Countdown,exports.DataGrid=m.DataGrid,exports.DescriptionList=h.DescriptionList,exports.DescriptionListDetails=h.DescriptionListDetails,exports.DescriptionListItem=h.DescriptionListItem,exports.DescriptionListTerm=h.DescriptionListTerm,exports.EmptyState=g.EmptyState,exports.FAQSection=S.FAQSection,exports.InfiniteScroll=C.InfiniteScroll,exports.JsonViewer=D.JsonViewer,exports.Kanban=_.Kanban,exports.KanbanBoard=_.KanbanBoard,exports.KanbanCard=_.KanbanCard,exports.KanbanColumn=_.KanbanColumn,exports.Leaderboard=A.Leaderboard,exports.List=v.List,exports.ListItem=v.ListItem,exports.Marquee=y.Marquee,exports.Presence=N.Presence,exports.PullToRefresh=E.PullToRefresh,exports.RangeCalendar=u.RangeCalendar,exports.Reaction=k.Reaction,exports.RelativeTime=j.RelativeTime,exports.SortableList=w.SortableList,exports.SortableListDragHandle=w.SortableListDragHandle,exports.SortableListItem=w.SortableListItem,exports.Stats=b.Stats,exports.StatsDescription=b.StatsDescription,exports.StatsLabel=b.StatsLabel,exports.StatsTrend=b.StatsTrend,exports.StatsValue=b.StatsValue,exports.SwipeAction=T.SwipeAction,exports.Table=p.Table,exports.TableBody=p.TableBody,exports.TableCell=p.TableCell,exports.TableFooter=p.TableFooter,exports.TableHead=p.TableHead,exports.TableHeader=p.TableHeader,exports.TableRow=p.TableRow,exports.Tag=o.Tag,exports.Timeline=x.Timeline,exports.TimelineConnector=x.TimelineConnector,exports.TimelineContent=x.TimelineContent,exports.TimelineItem=x.TimelineItem,exports.TimelineOppositeContent=x.TimelineOppositeContent,exports.TimelinePoint=x.TimelinePoint,exports.TimelineSeparator=x.TimelineSeparator,exports.TreeView=a.TreeView,exports.TreeViewItem=a.TreeViewItem,exports.VirtualList=i.VirtualList,exports.getNextSortDirection=f.getNextSortDirection,exports.useTableSort=f.useTableSort;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/data-display/Card/Card.cjs"),t=require("./components/data-display/Badge/Badge.cjs"),n=require("./components/data-display/Calendar/Calendar.cjs"),r=require("./components/data-display/Chip/Chip.cjs"),i=require("./components/data-display/VirtualList/VirtualList.cjs"),a=require("./components/data-display/TreeView/TreeView.cjs"),o=require("./components/data-display/Tag/Tag.cjs"),s=require("./components/data-display/Accordion/Accordion.cjs"),c=require("./components/data-display/Avatar/Avatar.cjs"),l=require("./components/data-display/AvatarGroup/AvatarGroup.cjs"),u=require("./components/data-display/Calendar/RangeCalendar.cjs"),d=require("./components/data-display/Carousel/Carousel.cjs"),f=require("./components/data-display/Table/useTableSort.cjs"),p=require("./components/data-display/Table/Table.cjs"),m=require("./components/data-display/DataGrid/DataGrid.cjs"),h=require("./components/data-display/DescriptionList/DescriptionList.cjs"),g=require("./components/data-display/EmptyState/EmptyState.cjs"),_=require("./components/data-display/Kanban/Kanban.cjs"),v=require("./components/data-display/List/List.cjs"),y=require("./components/data-display/Marquee/Marquee.cjs"),b=require("./components/data-display/Stats/Stats.cjs"),x=require("./components/data-display/Timeline/Timeline.cjs"),S=require("./components/data-display/FAQSection/FAQSection.cjs"),C=require("./components/data-display/InfiniteScroll/InfiniteScroll.cjs"),w=require("./components/data-display/SortableList/SortableList.cjs"),T=require("./components/data-display/SwipeAction/SwipeAction.cjs"),E=require("./components/data-display/PullToRefresh/PullToRefresh.cjs"),D=require("./components/data-display/JsonViewer/JsonViewer.cjs"),O=require("./components/data-display/CalendarHeatmap/CalendarHeatmap.cjs"),k=require("./components/data-display/Reaction/Reaction.cjs"),A=require("./components/data-display/Leaderboard/Leaderboard.cjs"),j=require("./components/data-display/RelativeTime/RelativeTime.cjs"),M=require("./components/data-display/Comment/Comment.cjs"),N=require("./components/data-display/Countdown/Countdown.cjs"),P=require("./components/data-display/Presence/Presence.cjs"),F=require("./components/data-display/Barcode/Barcode.cjs");exports.Accordion=s.Accordion,exports.AccordionContent=s.AccordionContent,exports.AccordionItem=s.AccordionItem,exports.AccordionTrigger=s.AccordionTrigger,exports.Avatar=c.Avatar,exports.AvatarGroup=l.AvatarGroup,exports.Badge=t.Badge,exports.Barcode=F.Barcode,exports.Calendar=n.Calendar,exports.CalendarHeatmap=O.CalendarHeatmap,exports.Card=e.Card,exports.CardBody=e.CardBody,exports.CardFooter=e.CardFooter,exports.CardHeader=e.CardHeader,exports.Carousel=d.Carousel,exports.Chip=r.Chip,exports.Comment=M.Comment,exports.Countdown=N.Countdown,exports.DataGrid=m.DataGrid,exports.DescriptionList=h.DescriptionList,exports.DescriptionListDetails=h.DescriptionListDetails,exports.DescriptionListItem=h.DescriptionListItem,exports.DescriptionListTerm=h.DescriptionListTerm,exports.EmptyState=g.EmptyState,exports.FAQSection=S.FAQSection,exports.InfiniteScroll=C.InfiniteScroll,exports.JsonViewer=D.JsonViewer,exports.Kanban=_.Kanban,exports.KanbanBoard=_.KanbanBoard,exports.KanbanCard=_.KanbanCard,exports.KanbanColumn=_.KanbanColumn,exports.Leaderboard=A.Leaderboard,exports.List=v.List,exports.ListItem=v.ListItem,exports.Marquee=y.Marquee,exports.Presence=P.Presence,exports.PullToRefresh=E.PullToRefresh,exports.RangeCalendar=u.RangeCalendar,exports.Reaction=k.Reaction,exports.RelativeTime=j.RelativeTime,exports.SortableList=w.SortableList,exports.SortableListDragHandle=w.SortableListDragHandle,exports.SortableListItem=w.SortableListItem,exports.Stats=b.Stats,exports.StatsDescription=b.StatsDescription,exports.StatsLabel=b.StatsLabel,exports.StatsTrend=b.StatsTrend,exports.StatsValue=b.StatsValue,exports.SwipeAction=T.SwipeAction,exports.Table=p.Table,exports.TableBody=p.TableBody,exports.TableCell=p.TableCell,exports.TableFooter=p.TableFooter,exports.TableHead=p.TableHead,exports.TableHeader=p.TableHeader,exports.TableRow=p.TableRow,exports.Tag=o.Tag,exports.Timeline=x.Timeline,exports.TimelineConnector=x.TimelineConnector,exports.TimelineContent=x.TimelineContent,exports.TimelineItem=x.TimelineItem,exports.TimelineOppositeContent=x.TimelineOppositeContent,exports.TimelinePoint=x.TimelinePoint,exports.TimelineSeparator=x.TimelineSeparator,exports.TreeView=a.TreeView,exports.TreeViewItem=a.TreeViewItem,exports.VirtualList=i.VirtualList,exports.getNextSortDirection=f.getNextSortDirection,exports.useTableSort=f.useTableSort;

package/dist/data-display.js

@@ -31,7 +31,8 @@ import { CalendarHeatmap as se } from "./components/data-display/CalendarHeatmap
 import { Reaction as ce } from "./components/data-display/Reaction/Reaction.js";
 import { Leaderboard as le } from "./components/data-display/Leaderboard/Leaderboard.js";
 import { RelativeTime as ue } from "./components/data-display/RelativeTime/RelativeTime.js";
-import { Countdown as de } from "./components/data-display/Countdown/Countdown.js";
-import { Presence as fe } from "./components/data-display/Presence/Presence.js";
-import { Barcode as pe } from "./components/data-display/Barcode/Barcode.js";
-export { d as Accordion, f as AccordionContent, p as AccordionItem, m as AccordionTrigger, h as Avatar, g as AvatarGroup, i as Badge, pe as Barcode, a as Calendar, se as CalendarHeatmap, e as Card, t as CardBody, n as CardFooter, r as CardHeader, v as Carousel, o as Chip, de as Countdown, O as DataGrid, k as DescriptionList, A as DescriptionListDetails, j as DescriptionListItem, M as DescriptionListTerm, N as EmptyState, $ as FAQSection, ee as InfiniteScroll, oe as JsonViewer, P as Kanban, F as KanbanBoard, I as KanbanCard, L as KanbanColumn, le as Leaderboard, R as List, z as ListItem, B as Marquee, fe as Presence, ae as PullToRefresh, _ as RangeCalendar, ce as Reaction, ue as RelativeTime, te as SortableList, ne as SortableListDragHandle, re as SortableListItem, V as Stats, H as StatsDescription, U as StatsLabel, W as StatsTrend, G as StatsValue, ie as SwipeAction, x as Table, S as TableBody, C as TableCell, w as TableFooter, T as TableHead, E as TableHeader, D as TableRow, u as Tag, K as Timeline, q as TimelineConnector, J as TimelineContent, Y as TimelineItem, X as TimelineOppositeContent, Z as TimelinePoint, Q as TimelineSeparator, c as TreeView, l as TreeViewItem, s as VirtualList, y as getNextSortDirection, b as useTableSort };
+import { Comment as de } from "./components/data-display/Comment/Comment.js";
+import { Countdown as fe } from "./components/data-display/Countdown/Countdown.js";
+import { Presence as pe } from "./components/data-display/Presence/Presence.js";
+import { Barcode as me } from "./components/data-display/Barcode/Barcode.js";
+export { d as Accordion, f as AccordionContent, p as AccordionItem, m as AccordionTrigger, h as Avatar, g as AvatarGroup, i as Badge, me as Barcode, a as Calendar, se as CalendarHeatmap, e as Card, t as CardBody, n as CardFooter, r as CardHeader, v as Carousel, o as Chip, de as Comment, fe as Countdown, O as DataGrid, k as DescriptionList, A as DescriptionListDetails, j as DescriptionListItem, M as DescriptionListTerm, N as EmptyState, $ as FAQSection, ee as InfiniteScroll, oe as JsonViewer, P as Kanban, F as KanbanBoard, I as KanbanCard, L as KanbanColumn, le as Leaderboard, R as List, z as ListItem, B as Marquee, pe as Presence, ae as PullToRefresh, _ as RangeCalendar, ce as Reaction, ue as RelativeTime, te as SortableList, ne as SortableListDragHandle, re as SortableListItem, V as Stats, H as StatsDescription, U as StatsLabel, W as StatsTrend, G as StatsValue, ie as SwipeAction, x as Table, S as TableBody, C as TableCell, w as TableFooter, T as TableHead, E as TableHeader, D as TableRow, u as Tag, K as Timeline, q as TimelineConnector, J as TimelineContent, Y as TimelineItem, X as TimelineOppositeContent, Z as TimelinePoint, Q as TimelineSeparator, c as TreeView, l as TreeViewItem, s as VirtualList, y as getNextSortDirection, b as useTableSort };