@solibo/solibo-ui 0.5.6 → 0.5.8

package/dist/components/_sortable/index.js

@@ -1,48 +1,48 @@
-import { jsx as y } from "react/jsx-runtime";
-import { t as I } from "../../classix-DG18itHa.js";
-import _, { useMemo as V, useRef as k, useState as h, useEffect as z } from "react";
-import { i as B } from "../../icons-DkF2p6NO.js";
-import { List as M } from "../list/index.js";
-import '../../assets/index24.css';const N = "_sortable_scp0q_5", j = "_dragging_scp0q_35", F = "_dropping_scp0q_50", G = "_columns_scp0q_63", L = "_pseudo_scp0q_72", s = {
-  sortable: N,
-  dragging: j,
-  dropping: F,
-  columns: G,
-  pseudo: L,
-  "target-above": "_target-above_scp0q_87",
-  "target-below": "_target-below_scp0q_88"
+import { jsx as I } from "react/jsx-runtime";
+import { t as T } from "../../classix-DG18itHa.js";
+import _, { useMemo as z, useRef as B, useState as h, useEffect as M } from "react";
+import { i as N } from "../../icons-DkF2p6NO.js";
+import { List as k } from "../list/index.js";
+import '../../assets/index24.css';const j = "_sortable_c1ptl_5", F = "_dragging_c1ptl_35", G = "_dropping_c1ptl_50", L = "_columns_c1ptl_63", W = "_pseudo_c1ptl_73", s = {
+  sortable: j,
+  dragging: F,
+  dropping: G,
+  columns: L,
+  pseudo: W,
+  "target-above": "_target-above_c1ptl_88",
+  "target-below": "_target-below_c1ptl_89"
 };
 function P({
   children: b,
-  className: T,
+  className: E,
   columns: u = 1,
   isRearranging: d = !1,
   onChangeOrder: g,
   ...x
 }) {
-  const w = Number.isFinite(u) ? Math.max(1, Math.floor(u)) : 1, v = V(() => _.Children.toArray(b), [b]), r = k(-1), [i, E] = h({
+  const v = Number.isFinite(u) ? Math.max(1, Math.floor(u)) : 1, w = z(() => _.Children.toArray(b), [b]), r = B(-1), [i, $] = h({
     height: 0,
     width: 0
-  }), [a, f] = h(null), [$, D] = h(null), A = {
+  }), [a, f] = h(null), [A, D] = h(null), H = {
     ...x.style,
-    "--icon-svg": B("sort", !0),
-    "--height": `${i.height}px`,
-    "--width": w > 1 ? `calc(${i.width}px - var(--utils-tokens-unit))` : `${i.width}px`
+    "--icon-svg": N("sort", !0),
+    "--height": `calc(${i.height}px - var(--scale-16))`,
+    "--width": v > 1 ? `calc(${i.width}px - var(--scale-16))` : `${i.width}px`
   }, S = () => {
     r.current = -1, f(null);
   };
-  return z(() => {
+  return M(() => {
     d || D(null);
-  }, [d]), /* @__PURE__ */ y(M, { className: I(T, s.sortable, w > 1 && s.columns), columns: u, ordered: !0, style: A, ...x, "data-component": "sortable", children: v.map((m, t) => {
-    const H = _.isValidElement(m) ? m.key : null;
-    return /* @__PURE__ */ y("li", { className: I(a !== null && a > t - 10 && a < t + 10 && s.pseudo, a === t && r.current < t && s["target-below"], a === t && r.current > t && s["target-above"], r.current === t && s.dragging, $ === t && d && s.dropping), draggable: !d, onDragEnd: () => S(), onDragOver: (e) => {
+  }, [d]), /* @__PURE__ */ I(k, { className: T(E, s.sortable, v > 1 && s.columns), columns: u, ordered: !0, style: H, ...x, "data-component": "sortable", children: w.map((m, t) => {
+    const V = _.isValidElement(m) ? m.key : null;
+    return /* @__PURE__ */ I("li", { className: T(a !== null && a > t - 10 && a < t + 10 && s.pseudo, a === t && r.current < t && s["target-below"], a === t && r.current > t && s["target-above"], r.current === t && s.dragging, A === t && d && s.dropping), draggable: !d, onDragEnd: () => S(), onDragOver: (e) => {
       e.preventDefault(), e.dataTransfer.dropEffect = "move";
       const o = r.current;
       if (o < 0 || o === t) return;
       const n = e.currentTarget.getBoundingClientRect(), c = t === o + 1 ? i.height : n.height, l = e.clientY > n.top + c / 2 ? t + 1 : t, p = l > o ? l - 1 : l;
       f(p);
     }, onDragStart: (e) => {
-      r.current = t, E({
+      r.current = t, $({
         height: e.currentTarget.offsetHeight,
         width: e.currentTarget.offsetWidth
       }), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move", f(t);
@@ -51,12 +51,12 @@ function P({
       const o = r.current, n = a;
       if (o < 0 || n === null || o === n) return;
       D(n);
-      const c = v.slice(), [q] = c.splice(o, 1);
-      c.splice(n, 0, q), g == null || g(c.map((l, p) => ({
+      const c = w.slice(), [y] = c.splice(o, 1);
+      c.splice(n, 0, y), g == null || g(c.map((l, p) => ({
         id: String(_.isValidElement(l) ? l.props["data-id"] ?? `idx-${p}` : `idx-${p}`),
         weight: c.length - 1 - p
       }))), S();
-    }, "data-component": "sortable", children: m }, H ?? t);
+    }, "data-component": "sortable", children: m }, V ?? t);
   }) });
 }
 export {

package/dist/components/_sortable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/_sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n  '--height'?: string;\n  '--width'?: string;\n  '--icon-svg'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const [zoneSize, setZoneSize] = useState({\n    height: 0,\n    width: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [droppedAtIndex, setDroppedAtIndex] = useState<number | null>(null);\n  const withVars: withVars = {\n    ...props.style,\n    '--icon-svg': iconSVG('sort', true),\n    '--height': `${zoneSize.height}px`,\n    '--width':\n      cols > 1 ? `calc(${zoneSize.width}px - var(--utils-tokens-unit))` : `${zoneSize.width}px`,\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(() => {\n    if (!isRearranging) {\n      setDroppedAtIndex(null);\n    }\n  }, [isRearranging]);\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging,\n              droppedAtIndex === i && isRearranging && styles.dropping\n            )}\n            draggable={!isRearranging}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              const rect = e.currentTarget.getBoundingClientRect();\n              const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n              const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n              const rawIndex = isBottomHalf ? i + 1 : i;\n              const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              drag.current = i;\n              setZoneSize({\n                height: e.currentTarget.offsetHeight,\n                width: e.currentTarget.offsetWidth,\n              });\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n              setDropIndex(i);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n\n              setDroppedAtIndex(to);\n              const next = arr.slice();\n              const [moved] = next.splice(from, 1);\n              next.splice(to, 0, moved);\n\n              onChangeOrder?.(\n                next.map((c, idx) => ({\n                  id: String(\n                    React.isValidElement(c)\n                      ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                      : `idx-${idx}`\n                  ),\n\n                  weight: next.length - 1 - idx,\n                }))\n              );\n\n              resetDragState();\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","droppedAtIndex","setDroppedAtIndex","withVars","style","iconSVG","resetDragState","current","useEffect","jsx","List","cx","styles","sortable","map","child","i","key","isValidElement","pseudo","dragging","dropping","e","preventDefault","dataTransfer","dropEffect","from","rect","currentTarget","getBoundingClientRect","itemHeight","rawIndex","clientY","top","nextDropIndex","offsetHeight","offsetWidth","setData","effectAllowed","to","next","slice","moved","splice","c","idx","id","String","weight","length"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/_sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n  '--height'?: string;\n  '--width'?: string;\n  '--icon-svg'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const [zoneSize, setZoneSize] = useState({\n    height: 0,\n    width: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [droppedAtIndex, setDroppedAtIndex] = useState<number | null>(null);\n  const withVars: withVars = {\n    ...props.style,\n    '--icon-svg': iconSVG('sort', true),\n    '--height': `calc(${zoneSize.height}px - var(--scale-16))`,\n    '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--scale-16))` : `${zoneSize.width}px`,\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(() => {\n    if (!isRearranging) {\n      setDroppedAtIndex(null);\n    }\n  }, [isRearranging]);\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging,\n              droppedAtIndex === i && isRearranging && styles.dropping\n            )}\n            draggable={!isRearranging}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              const rect = e.currentTarget.getBoundingClientRect();\n              const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n              const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n              const rawIndex = isBottomHalf ? i + 1 : i;\n              const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              drag.current = i;\n              setZoneSize({\n                height: e.currentTarget.offsetHeight,\n                width: e.currentTarget.offsetWidth,\n              });\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n              setDropIndex(i);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n\n              setDroppedAtIndex(to);\n              const next = arr.slice();\n              const [moved] = next.splice(from, 1);\n              next.splice(to, 0, moved);\n\n              onChangeOrder?.(\n                next.map((c, idx) => ({\n                  id: String(\n                    React.isValidElement(c)\n                      ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                      : `idx-${idx}`\n                  ),\n\n                  weight: next.length - 1 - idx,\n                }))\n              );\n\n              resetDragState();\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","droppedAtIndex","setDroppedAtIndex","withVars","style","iconSVG","resetDragState","current","useEffect","jsx","List","cx","styles","sortable","map","child","i","key","isValidElement","pseudo","dragging","dropping","e","preventDefault","dataTransfer","dropEffect","from","rect","currentTarget","getBoundingClientRect","itemHeight","rawIndex","clientY","top","nextDropIndex","offsetHeight","offsetWidth","setData","effectAllowed","to","next","slice","moved","splice","c","idx","id","String","weight","length"],"mappings":"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"}

package/dist/components/badge/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),s=require("../button/index.cjs"),c=require("../icon/index.cjs"),d="_badge_17jf9_1",m="_primary_17jf9_7",l="_info_17jf9_12",n={badge:d,primary:m,info:l},u={default:n.default,info:n.info,primary:n.primary},_=({children:t,deleteAccessibleLabel:i="Remove",onDelete:a,variant:o="default"})=>e.jsxs("span",{className:r.t(n.badge,u[o]),"data-component":"badge",children:[t,a&&e.jsx(s.Button,{"aria-label":i,onClick:a,variant:"minimal",children:e.jsx(c.Icon,{name:"x"})})]});exports.Badge=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const n=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),s=require("../button/index.cjs"),c=require("../icon/index.cjs"),d="_badge_j10be_1",m="_primary_j10be_8",l="_info_j10be_13",e={badge:d,primary:m,info:l},u={default:e.default,info:e.info,primary:e.primary},_=({children:t,deleteAccessibleLabel:i="Remove",onDelete:a,variant:o="default"})=>n.jsxs("span",{className:r.t(e.badge,u[o]),"data-component":"badge",children:[t,a&&n.jsx(s.Button,{"aria-label":i,onClick:a,variant:"minimal",children:n.jsx(c.Icon,{name:"x"})})]});exports.Badge=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/badge/index.js

@@ -1,10 +1,10 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { t as e } from "../../classix-DG18itHa.js";
-import { Button as f } from "../button/index.js";
-import { Icon as s } from "../icon/index.js";
-import '../../assets/index29.css';const c = "_badge_17jf9_1", d = "_primary_17jf9_7", p = "_info_17jf9_12", a = {
-  badge: c,
-  primary: d,
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { t as m } from "../../classix-DG18itHa.js";
+import { Button as s } from "../button/index.js";
+import { Icon as c } from "../icon/index.js";
+import '../../assets/index29.css';const d = "_badge_j10be_1", f = "_primary_j10be_8", p = "_info_j10be_13", a = {
+  badge: d,
+  primary: f,
   info: p
 }, l = {
   default: a.default,
@@ -15,9 +15,9 @@ import '../../assets/index29.css';const c = "_badge_17jf9_1", d = "_primary_17jf
   deleteAccessibleLabel: i = "Remove",
   onDelete: r,
   variant: t = "default"
-}) => /* @__PURE__ */ m("span", { className: e(a.badge, l[t]), "data-component": "badge", children: [
+}) => /* @__PURE__ */ e("span", { className: m(a.badge, l[t]), "data-component": "badge", children: [
   n,
-  r && /* @__PURE__ */ o(f, { "aria-label": i, onClick: r, variant: "minimal", children: /* @__PURE__ */ o(s, { name: "x" }) })
+  r && /* @__PURE__ */ o(s, { "aria-label": i, onClick: r, variant: "minimal", children: /* @__PURE__ */ o(c, { name: "x" }) })
 ] });
 export {
   j as Badge

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const a=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),c=require("../icon/index.cjs"),d="_button_l8m83_1",_="_danger_l8m83_22",p="_minimal_l8m83_35",b="_primary_l8m83_42",t={button:d,danger:_,minimal:p,primary:b},g={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function y({children:i,className:r,disabled:m=!1,icon:e,onClick:o,ref:s,variant:n="default",...l}){return a.jsxs("button",{className:u.t(t.button,g[n],r),disabled:m,onClick:o,ref:s,type:"button",...l,"data-component":"button",children:[e&&a.jsx(c.Icon,{gap:"right",name:e,size:"small",variant:n==="minimal"||n==="default"?"default":"white"}),i]})}exports.Button=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),l=require("../icon/index.cjs"),d="_button_1scj6_1",_="_danger_1scj6_22",p="_minimal_1scj6_35",b="_primary_1scj6_42",t={button:d,danger:_,minimal:p,primary:b},g={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function y({children:i,className:s,disabled:r=!1,icon:e,onClick:o,ref:m,variant:n="default",...u}){return a.jsxs("button",{className:c.t(t.button,g[n],s),disabled:r,onClick:o,ref:m,type:"button",...u,"data-component":"button",children:[e&&a.jsx(l.Icon,{gap:"right",name:e,size:"small",variant:n==="minimal"||n==="default"?"default":"white"}),i]})}exports.Button=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.js

@@ -1,9 +1,9 @@
-import { jsxs as s, jsx as u } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
-import { Icon as p } from "../icon/index.js";
-import '../../assets/index31.css';const _ = "_button_l8m83_1", c = "_danger_l8m83_22", f = "_minimal_l8m83_35", b = "_primary_l8m83_42", t = {
-  button: _,
-  danger: c,
+import { jsxs as l, jsx as u } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { Icon as d } from "../icon/index.js";
+import '../../assets/index31.css';const p = "_button_1scj6_1", _ = "_danger_1scj6_22", f = "_minimal_1scj6_35", b = "_primary_1scj6_42", t = {
+  button: p,
+  danger: _,
   minimal: f,
   primary: b
 }, g = {
@@ -12,22 +12,22 @@ import '../../assets/index31.css';const _ = "_button_l8m83_1", c = "_danger_l8m8
   minimal: t.minimal,
   primary: t.primary
 };
-function j({
-  children: a,
+function x({
+  children: m,
   className: r,
   disabled: i = !1,
-  icon: m,
+  icon: a,
   onClick: o,
   ref: e,
   variant: n = "default",
-  ...l
+  ...s
 }) {
-  return /* @__PURE__ */ s("button", { className: d(t.button, g[n], r), disabled: i, onClick: o, ref: e, type: "button", ...l, "data-component": "button", children: [
-    m && /* @__PURE__ */ u(p, { gap: "right", name: m, size: "small", variant: n === "minimal" || n === "default" ? "default" : "white" }),
-    a
+  return /* @__PURE__ */ l("button", { className: c(t.button, g[n], r), disabled: i, onClick: o, ref: e, type: "button", ...s, "data-component": "button", children: [
+    a && /* @__PURE__ */ u(d, { gap: "right", name: a, size: "small", variant: n === "minimal" || n === "default" ? "default" : "white" }),
+    m
   ] });
 }
 export {
-  j as Button
+  x as Button
 };
 //# sourceMappingURL=index.js.map

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),r=require("../icon/index.cjs"),d="_file_tncrs_1",l={file:d,delete:"_delete_tncrs_52"},m=({deleteAccessibleLabel:c,name:s,onClick:t,onDelete:a,ref:o,url:i})=>e.jsxs("div",{className:l.file,ref:o,"data-component":"file",children:[e.jsxs("a",{href:i,onClick:n=>{n.stopPropagation(),(t||!i)&&(n.preventDefault(),t==null||t())},title:s,children:[e.jsx(r.Icon,{name:"document",size:"small",variant:"primary"}),s]}),a&&e.jsx("a",{"aria-label":c??`Delete ${s}`,className:l.delete,onClick:()=>a(),tabIndex:0,children:e.jsx(r.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),n=require("../icon/index.cjs"),d="_file_1ik2m_1",r={file:d,delete:"_delete_1ik2m_52"},m=({deleteAccessibleLabel:o,name:s,onClick:t,onDelete:i,ref:c,url:a})=>e.jsxs("div",{className:r.file,ref:c,"data-component":"file",children:[e.jsxs("a",{href:a,onClick:l=>{l.stopPropagation(),(t||!a)&&(l.preventDefault(),t==null||t())},title:s,children:[e.jsx(n.Icon,{name:"document",size:"small",variant:"primary"}),s]}),i&&e.jsx("a",{"aria-label":o??`Delete ${s}`,className:r.delete,onClick:()=>i(),tabIndex:0,children:e.jsx(n.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/file/index.js

@@ -1,23 +1,23 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { Icon as n } from "../icon/index.js";
-import '../../assets/index10.css';const c = "_file_tncrs_1", d = {
-  file: c,
-  delete: "_delete_tncrs_52"
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Icon as m } from "../icon/index.js";
+import '../../assets/index10.css';const f = "_file_1ik2m_1", n = {
+  file: f,
+  delete: "_delete_1ik2m_52"
 }, _ = ({
-  deleteAccessibleLabel: m,
-  name: t,
+  deleteAccessibleLabel: d,
+  name: a,
   onClick: e,
-  onDelete: r,
+  onDelete: i,
   ref: o,
-  url: s
-}) => /* @__PURE__ */ i("div", { className: d.file, ref: o, "data-component": "file", children: [
-  /* @__PURE__ */ i("a", { href: s, onClick: (l) => {
-    l.stopPropagation(), (e || !s) && (l.preventDefault(), e == null || e());
-  }, title: t, children: [
-    /* @__PURE__ */ a(n, { name: "document", size: "small", variant: "primary" }),
-    t
+  url: l
+}) => /* @__PURE__ */ s("div", { className: n.file, ref: o, "data-component": "file", children: [
+  /* @__PURE__ */ s("a", { href: l, onClick: (r) => {
+    r.stopPropagation(), (e || !l) && (r.preventDefault(), e == null || e());
+  }, title: a, children: [
+    /* @__PURE__ */ t(m, { name: "document", size: "small", variant: "primary" }),
+    a
   ] }),
-  r && /* @__PURE__ */ a("a", { "aria-label": m ?? `Delete ${t}`, className: d.delete, onClick: () => r(), tabIndex: 0, children: /* @__PURE__ */ a(n, { name: "trash", size: "small", variant: "danger" }) })
+  i && /* @__PURE__ */ t("a", { "aria-label": d ?? `Delete ${a}`, className: n.delete, onClick: () => i(), tabIndex: 0, children: /* @__PURE__ */ t(m, { name: "trash", size: "small", variant: "danger" }) })
 ] });
 export {
   _ as File

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const c=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),n=require("../../icons-vqS7W0cD.cjs"),_="_icon_1034p_1",m="_small_1034p_9",p="_medium_1034p_14",d="_large_1034p_19",u="_danger_1034p_24",g="_primary_1034p_32",y="_white_1034p_36",e={icon:_,small:m,medium:p,large:d,danger:u,default:"_default_1034p_28",primary:g,white:y,"gap-right":"_gap-right_1034p_40","gap-left":"_gap-left_1034p_44"},f={large:e.large,medium:e.medium,small:e.small},h={danger:e.danger,default:e.default,primary:e.primary,white:e.white},w=({fill:a,gap:t="none",name:s,size:i="medium",variant:r="default"})=>{const o={maskImage:n.iconSVG(s,a??!1)};return c.jsx("span",{"aria-hidden":"true",className:l.t(t!=="none"&&e[`gap-${t}`],f[i],e.icon,h[r]),style:o,"data-component":"icon"})},I=()=>Object.keys(n.iconPaths);exports.Icon=w;exports.Icons=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const r=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),n=require("../../icons-vqS7W0cD.cjs"),l="_icon_1uucz_1",_="_small_1uucz_9",m="_medium_1uucz_14",d="_large_1uucz_19",g="_danger_1uucz_24",p="_primary_1uucz_32",y="_white_1uucz_36",e={icon:l,small:_,medium:m,large:d,danger:g,default:"_default_1uucz_28",primary:p,white:y,"gap-right":"_gap-right_1uucz_40","gap-left":"_gap-left_1uucz_44"},z={large:e.large,medium:e.medium,small:e.small},f={danger:e.danger,default:e.default,primary:e.primary,white:e.white},h=({fill:a,gap:t="none",name:c,size:s="medium",variant:u="default"})=>{const i={maskImage:n.iconSVG(c,a??!1)};return r.jsx("span",{"aria-hidden":"true",className:o.t(t!=="none"&&e[`gap-${t}`],z[s],e.icon,f[u]),style:i,"data-component":"icon"})},w=()=>Object.keys(n.iconPaths);exports.Icon=h;exports.Icons=w;
 //# sourceMappingURL=index.cjs.map

package/dist/components/icon/index.js

@@ -1,40 +1,40 @@
-import { jsx as o } from "react/jsx-runtime";
-import { t as m } from "../../classix-DG18itHa.js";
-import { i as _, a as l } from "../../icons-DkF2p6NO.js";
-import '../../assets/index35.css';const c = "_icon_1034p_1", p = "_small_1034p_9", d = "_medium_1034p_14", g = "_large_1034p_19", u = "_danger_1034p_24", f = "_primary_1034p_32", h = "_white_1034p_36", a = {
-  icon: c,
-  small: p,
+import { jsx as i } from "react/jsx-runtime";
+import { t as o } from "../../classix-DG18itHa.js";
+import { i as u, a as m } from "../../icons-DkF2p6NO.js";
+import '../../assets/index35.css';const _ = "_icon_1uucz_1", l = "_small_1uucz_9", d = "_medium_1uucz_14", g = "_large_1uucz_19", p = "_danger_1uucz_24", f = "_primary_1uucz_32", z = "_white_1uucz_36", a = {
+  icon: _,
+  small: l,
   medium: d,
   large: g,
-  danger: u,
-  default: "_default_1034p_28",
+  danger: p,
+  default: "_default_1uucz_28",
   primary: f,
-  white: h,
-  "gap-right": "_gap-right_1034p_40",
-  "gap-left": "_gap-left_1034p_44"
-}, y = {
+  white: z,
+  "gap-right": "_gap-right_1uucz_40",
+  "gap-left": "_gap-left_1uucz_44"
+}, h = {
   large: a.large,
   medium: a.medium,
   small: a.small
-}, w = {
+}, y = {
   danger: a.danger,
   default: a.default,
   primary: a.primary,
   white: a.white
-}, x = ({
+}, k = ({
   fill: t,
   gap: e = "none",
   name: n,
-  size: r = "medium",
-  variant: s = "default"
+  size: c = "medium",
+  variant: r = "default"
 }) => {
-  const i = {
-    maskImage: _(n, t ?? !1)
+  const s = {
+    maskImage: u(n, t ?? !1)
   };
-  return /* @__PURE__ */ o("span", { "aria-hidden": "true", className: m(e !== "none" && a[`gap-${e}`], y[r], a.icon, w[s]), style: i, "data-component": "icon" });
-}, S = () => Object.keys(l);
+  return /* @__PURE__ */ i("span", { "aria-hidden": "true", className: o(e !== "none" && a[`gap-${e}`], h[c], a.icon, y[r]), style: s, "data-component": "icon" });
+}, x = () => Object.keys(m);
 export {
-  x as Icon,
-  S as Icons
+  k as Icon,
+  x as Icons
 };
 //# sourceMappingURL=index.js.map

package/dist/components/loading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c="_loading_1nndz_23",l="_spin_1nndz_1",_="_ping_1nndz_39",r="_sticky_1nndz_65",s={loading:c,default:"_default_1nndz_28",spin:l,ping:_,sticky:r},g=({variant:o="default",size:n,sticky:d=!1,...a})=>{const e={"--border-size":n?n/8+"px":void 0,"--size":n?n+"px":void 0};return t.jsx("div",{className:i.t(s.loading,d&&s.sticky),"data-component":"loading",children:t.jsx("span",{className:i.t(s.loading,s[o]),style:e,...a})})};exports.Loading=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),d="_loading_2k531_23",l="_spin_2k531_1",_="_ping_2k531_39",r="_sticky_2k531_65",n={loading:d,default:"_default_2k531_28",spin:l,ping:_,sticky:r},g=({variant:o="default",size:s,sticky:a=!1,...e})=>{const c={"--border-size":s?s/8+"px":void 0,"--size":s?s+"px":void 0};return t.jsx("div",{className:i.t(n.loading,a&&n.sticky),"data-component":"loading",children:t.jsx("span",{className:i.t(n.loading,n[o]),style:c,...e})})};exports.Loading=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/loading/index.js

@@ -1,24 +1,24 @@
 import { jsx as s } from "react/jsx-runtime";
 import { t } from "../../classix-DG18itHa.js";
-import '../../assets/index38.css';const l = "_loading_1nndz_23", _ = "_spin_1nndz_1", p = "_ping_1nndz_39", e = "_sticky_1nndz_65", o = {
+import '../../assets/index38.css';const l = "_loading_2k531_23", _ = "_spin_2k531_1", p = "_ping_2k531_39", e = "_sticky_2k531_65", o = {
   loading: l,
-  default: "_default_1nndz_28",
+  default: "_default_2k531_28",
   spin: _,
   ping: p,
   sticky: e
-}, m = ({
+}, k = ({
   variant: i = "default",
   size: n,
-  sticky: d = !1,
-  ...a
+  sticky: a = !1,
+  ...d
 }) => {
   const c = {
     "--border-size": n ? n / 8 + "px" : void 0,
     "--size": n ? n + "px" : void 0
   };
-  return /* @__PURE__ */ s("div", { className: t(o.loading, d && o.sticky), "data-component": "loading", children: /* @__PURE__ */ s("span", { className: t(o.loading, o[i]), style: c, ...a }) });
+  return /* @__PURE__ */ s("div", { className: t(o.loading, a && o.sticky), "data-component": "loading", children: /* @__PURE__ */ s("span", { className: t(o.loading, o[i]), style: c, ...d }) });
 };
 export {
-  m as Loading
+  k as Loading
 };
 //# sourceMappingURL=index.js.map

package/dist/components/message/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),c="_message_k0j8z_1",m="_preview_k0j8z_40",t={message:c,preview:m},g=({content:a,id:n,preview:i,type:e="default"})=>s.jsxs("div",{className:o.t(t.message,i&&t.preview),"data-id":n,"data-type":e,"data-component":"message",children:[e=="system"&&s.jsx(r.Icon,{gap:"right",name:"info"}),a]});exports.Message=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),c="_message_1whow_1",m="_preview_1whow_40",t={message:c,preview:m},g=({content:a,id:n,preview:o,type:e="default"})=>s.jsxs("div",{className:i.t(t.message,o&&t.preview),"data-id":n,"data-type":e,"data-component":"message",children:[e=="system"&&s.jsx(r.Icon,{gap:"right",name:"info"}),a]});exports.Message=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/message/index.js

@@ -1,19 +1,19 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { t as i } from "../../classix-DG18itHa.js";
 import { Icon as n } from "../icon/index.js";
-import '../../assets/index39.css';const p = "_message_k0j8z_1", c = "_preview_k0j8z_40", s = {
+import '../../assets/index39.css';const p = "_message_1whow_1", c = "_preview_1whow_40", s = {
   message: p,
   preview: c
-}, f = ({
+}, _ = ({
   content: t,
   id: a,
-  preview: m,
+  preview: o,
   type: e = "default"
-}) => /* @__PURE__ */ o("div", { className: i(s.message, m && s.preview), "data-id": a, "data-type": e, "data-component": "message", children: [
+}) => /* @__PURE__ */ m("div", { className: i(s.message, o && s.preview), "data-id": a, "data-type": e, "data-component": "message", children: [
   e == "system" && /* @__PURE__ */ r(n, { gap: "right", name: "info" }),
   t
 ] });
 export {
-  f as Message
+  _ as Message
 };
 //# sourceMappingURL=index.js.map

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_81frv_1",d="_thumb_81frv_15",u="_track_81frv_26",e={toggle:g,thumb:d,track:u},m=({checked:s,disabled:c,isLoading:o,label:n,onChange:a})=>{const l=s!==void 0&&a===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:a,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_7uv10_1",u="_thumb_7uv10_15",d="_track_7uv10_26",e={toggle:g,thumb:u,track:d},m=({checked:s,disabled:c,isLoading:o,label:n,onChange:a})=>{const l=s!==void 0&&a===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:a,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toggle/index.js

@@ -1,24 +1,24 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { Loading as i } from "../loading/index.js";
-import '../../assets/index2.css';const m = "_toggle_81frv_1", d = "_thumb_81frv_15", p = "_track_81frv_26", o = {
+import '../../assets/index2.css';const m = "_toggle_7uv10_1", d = "_thumb_7uv10_15", p = "_track_7uv10_26", o = {
   toggle: m,
   thumb: d,
   track: p
-}, u = ({
+}, h = ({
   checked: s,
-  disabled: c,
+  disabled: l,
   isLoading: a,
   label: e,
-  onChange: r
+  onChange: c
 }) => {
-  const l = s !== void 0 && r === void 0;
-  return /* @__PURE__ */ g("label", { className: o.toggle, onClick: (n) => n.stopPropagation(), "data-component": "toggle", children: [
-    /* @__PURE__ */ t("input", { checked: s, disabled: c || a, onChange: r, readOnly: l, type: "checkbox" }),
+  const n = s !== void 0 && c === void 0;
+  return /* @__PURE__ */ g("label", { className: o.toggle, onClick: (r) => r.stopPropagation(), "data-component": "toggle", children: [
+    /* @__PURE__ */ t("input", { checked: s, disabled: l || a, onChange: c, readOnly: n, type: "checkbox" }),
     /* @__PURE__ */ t("span", { "aria-hidden": "true", className: o.track, children: a ? /* @__PURE__ */ t(i, { size: 24 }) : /* @__PURE__ */ t("span", { className: o.thumb }) }),
     e && /* @__PURE__ */ t("span", { className: "toggle", children: e })
   ] });
 };
 export {
-  u as Toggle
+  h as Toggle
 };
 //# sourceMappingURL=index.js.map

package/dist/tokens.json

@@ -256,7 +256,7 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "0.5.6"
+      "packageVersion": "0.5.8"
     }
   },
   "$name": "Solibo UI Tokens",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "type": "module",
   "scripts": {
     "dev": "pnpm run tokens:build && vite build --watch",