@solibo/solibo-ui 0.5.10 → 0.5.11

package/dist/assets/index45.css

@@ -1 +1 @@
-._label_19s8w_1{display:block}._textarea_19s8w_5{field-sizing:content;font-size:var(--typography-font-sizes-body-md);height:auto;min-height:calc((var(--min-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));max-height:calc((var(--max-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));overflow-y:auto;resize:none;transition:height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%;word-break:break-word}
+label span{display:block}._textarea_1qef6_5{field-sizing:content;font-size:var(--typography-font-sizes-body-md);height:auto;min-height:calc((var(--min-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));max-height:calc((var(--max-rows) * var(--utils-tokens-unit) * 1.25) + (2 * var(--utils-tokens-unit)));overflow-y:auto;resize:none;transition:height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%;word-break:break-word}

package/dist/components/button-group/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const i=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),c=require("react"),l={"button-group":"_button-group_19gda_1"},d={primary:3,danger:2,default:1,minimal:0},p=r=>d[(r==null?void 0:r.props.variant)??"default"],g=({children:r,className:o,...s})=>{const n=r.filter(t=>t!==void 0);if(n.length===0)return null;const a=n.map((t,e)=>({button:t,index:e,rank:p(t)})).sort((t,e)=>t.rank-e.rank||t.index-e.index).map(({button:t,index:e})=>c.cloneElement(t,{key:t.key??e}));return i.jsx("div",{className:u.t(l["button-group"],o),...s,"data-component":"buttongroup",children:a})};exports.ButtonGroup=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const i=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),r=require("react"),c={"button-group":"_button-group_19gda_1"},d={primary:3,danger:2,default:1,minimal:0},p=n=>d[n.props.variant??"default"],m=({children:n,className:a,...s})=>{const o=r.Children.toArray(n).filter(t=>r.isValidElement(t));if(o.length===0)return null;const u=o.map((t,e)=>({button:t,index:e,rank:p(t)})).sort((t,e)=>t.rank-e.rank||t.index-e.index).map(({button:t,index:e})=>r.cloneElement(t,{key:t.key??e}));return i.jsx("div",{className:l.t(c["button-group"],a),...s,"data-component":"buttongroup",children:u})};exports.ButtonGroup=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button-group/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button-group/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, type ReactElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst variantOrder = {\n  primary: 3,\n  danger: 2,\n  default: 1,\n  minimal: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\ntype ButtonGroupButton = ReactElement<ButtonProps, typeof Button> | undefined;\n\nexport type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ButtonGroupButton[];\n};\n\nconst getButtonRank = (button: ButtonGroupButton) =>\n  variantOrder[button?.props.variant ?? 'default'];\n\nexport const ButtonGroup = ({ children, className, ...props }: ButtonGroupProps) => {\n  const filteredButtons = children.filter((button) => button !== undefined);\n\n  if (filteredButtons.length === 0) return null;\n\n  const sortedButtons = filteredButtons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  return (\n    <div\n      className={cx(styles['button-group'], className)}\n      {...props}\n    >\n      {sortedButtons}\n    </div>\n  );\n};\n"],"names":["variantOrder","primary","danger","default","minimal","getButtonRank","button","props","variant","ButtonGroup","children","className","filteredButtons","filter","undefined","length","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","jsx","cx","styles"],"mappings":"2NAMMA,EAAe,CACnBC,QAAS,EACTC,OAAQ,EACRC,QAAS,EACTC,QAAS,CACX,EAQMC,EAAiBC,GACrBN,GAAaM,GAAAA,YAAAA,EAAQC,MAAMC,UAAW,SAAS,EAEpCC,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAW,GAAGJ,CAAwB,IAAM,CAClF,MAAMK,EAAkBF,EAASG,OAAQP,GAAWA,IAAWQ,MAAS,EAExE,GAAIF,EAAgBG,SAAW,EAAG,OAAO,KAEzC,MAAMC,EAAgBJ,EACnBK,IAAI,CAACX,EAAQY,KAAW,CAAEZ,OAAAA,EAAQY,MAAAA,EAAOC,KAAMd,EAAcC,CAAM,CAAA,EAAI,EACvEc,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAEX,OAAAA,EAAQY,MAAAA,CAAAA,IACdK,EAAAA,aAAajB,EAAQ,CACnBkB,IAAKlB,EAAOkB,KAAON,CAAAA,CACpB,CACH,EAEF,OACEO,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,cAAc,EAAGhB,CAAS,EAC/C,GAAIJ,EAAM,iBAAA,cAETS,SAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button-group/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst variantOrder = {\n  primary: 3,\n  danger: 2,\n  default: 1,\n  minimal: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nexport type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  children?: React.ReactNode;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n  variantOrder[button.props.variant ?? 'default'];\n\nexport const ButtonGroup = ({ children, className, ...props }: ButtonGroupProps) => {\n  const filteredButtons = Children.toArray(children).filter(\n    (child): child is React.ReactElement<ButtonProps> => isValidElement<ButtonProps>(child)\n  );\n\n  if (filteredButtons.length === 0) return null;\n\n  const sortedButtons = filteredButtons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  return (\n    <div\n      className={cx(styles['button-group'], className)}\n      {...props}\n    >\n      {sortedButtons}\n    </div>\n  );\n};\n"],"names":["variantOrder","primary","danger","default","minimal","getButtonRank","button","props","variant","ButtonGroup","children","className","filteredButtons","Children","toArray","filter","child","isValidElement","length","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","jsx","cx","styles"],"mappings":"2NAMMA,EAAe,CACnBC,QAAS,EACTC,OAAQ,EACRC,QAAS,EACTC,QAAS,CACX,EAMMC,EAAiBC,GACrBN,EAAaM,EAAOC,MAAMC,SAAW,SAAS,EAEnCC,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAW,GAAGJ,CAAwB,IAAM,CAClF,MAAMK,EAAkBC,WAASC,QAAQJ,CAAQ,EAAEK,OAChDC,GAAoDC,iBAA4BD,CAAK,CACxF,EAEA,GAAIJ,EAAgBM,SAAW,EAAG,OAAO,KAEzC,MAAMC,EAAgBP,EACnBQ,IAAI,CAACd,EAAQe,KAAW,CAAEf,OAAAA,EAAQe,MAAAA,EAAOC,KAAMjB,EAAcC,CAAM,CAAA,EAAI,EACvEiB,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAEd,OAAAA,EAAQe,MAAAA,CAAAA,IACdK,EAAAA,aAAapB,EAAQ,CACnBqB,IAAKrB,EAAOqB,KAAON,CAAAA,CACpB,CACH,EAEF,OACEO,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,cAAc,EAAGnB,CAAS,EAC/C,GAAIJ,EAAM,iBAAA,cAETY,SAAAA,EACH,CAEJ"}

package/dist/components/button-group/index.js

@@ -1,33 +1,33 @@
 import { jsx as s } from "react/jsx-runtime";
-import { t as p } from "../../classix-DG18itHa.js";
-import { cloneElement as m } from "react";
+import { t as l } from "../../classix-DG18itHa.js";
+import { Children as u, isValidElement as m, cloneElement as p } from "react";
 import '../../assets/index13.css';const d = {
   "button-group": "_button-group_19gda_1"
-}, l = {
+}, c = {
   primary: 3,
   danger: 2,
   default: 1,
   minimal: 0
-}, u = (n) => l[(n == null ? void 0 : n.props.variant) ?? "default"], k = ({
+}, f = (n) => c[n.props.variant ?? "default"], x = ({
   children: n,
   className: e,
   ...a
 }) => {
-  const o = n.filter((r) => r !== void 0);
+  const o = u.toArray(n).filter((t) => m(t));
   if (o.length === 0) return null;
-  const i = o.map((r, t) => ({
-    button: r,
-    index: t,
-    rank: u(r)
-  })).sort((r, t) => r.rank - t.rank || r.index - t.index).map(({
-    button: r,
-    index: t
-  }) => m(r, {
-    key: r.key ?? t
+  const i = o.map((t, r) => ({
+    button: t,
+    index: r,
+    rank: f(t)
+  })).sort((t, r) => t.rank - r.rank || t.index - r.index).map(({
+    button: t,
+    index: r
+  }) => p(t, {
+    key: t.key ?? r
   }));
-  return /* @__PURE__ */ s("div", { className: p(d["button-group"], e), ...a, "data-component": "buttongroup", children: i });
+  return /* @__PURE__ */ s("div", { className: l(d["button-group"], e), ...a, "data-component": "buttongroup", children: i });
 };
 export {
-  k as ButtonGroup
+  x as ButtonGroup
 };
 //# sourceMappingURL=index.js.map

package/dist/components/button-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button-group/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, type ReactElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst variantOrder = {\n  primary: 3,\n  danger: 2,\n  default: 1,\n  minimal: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\ntype ButtonGroupButton = ReactElement<ButtonProps, typeof Button> | undefined;\n\nexport type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ButtonGroupButton[];\n};\n\nconst getButtonRank = (button: ButtonGroupButton) =>\n  variantOrder[button?.props.variant ?? 'default'];\n\nexport const ButtonGroup = ({ children, className, ...props }: ButtonGroupProps) => {\n  const filteredButtons = children.filter((button) => button !== undefined);\n\n  if (filteredButtons.length === 0) return null;\n\n  const sortedButtons = filteredButtons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  return (\n    <div\n      className={cx(styles['button-group'], className)}\n      {...props}\n    >\n      {sortedButtons}\n    </div>\n  );\n};\n"],"names":["variantOrder","primary","danger","default","minimal","getButtonRank","button","props","variant","ButtonGroup","children","className","filteredButtons","filter","undefined","length","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","jsx","cx","styles"],"mappings":";;;;;GAMMA,IAAe;AAAA,EACnBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,SAAS;AACX,GAQMC,IAAgBA,CAACC,MACrBN,GAAaM,KAAAA,gBAAAA,EAAQC,MAAMC,YAAW,SAAS,GAEpCC,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGJ;AAAwB,MAAM;AAClF,QAAMK,IAAkBF,EAASG,OAAQP,CAAAA,MAAWA,MAAWQ,MAAS;AAExE,MAAIF,EAAgBG,WAAW,EAAG,QAAO;AAEzC,QAAMC,IAAgBJ,EACnBK,IAAI,CAACX,GAAQY,OAAW;AAAA,IAAEZ,QAAAA;AAAAA,IAAQY,OAAAA;AAAAA,IAAOC,MAAMd,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEc,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAEX,QAAAA;AAAAA,IAAQY,OAAAA;AAAAA,EAAAA,MACdK,EAAajB,GAAQ;AAAA,IACnBkB,KAAKlB,EAAOkB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SACE,gBAAAO,EAAC,OAAA,EACC,WAAWC,EAAGC,EAAO,cAAc,GAAGhB,CAAS,GAC/C,GAAIJ,GAAM,kBAAA,eAETS,UAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button-group/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { Children, cloneElement, isValidElement } from 'react';\n\nimport { type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst variantOrder = {\n  primary: 3,\n  danger: 2,\n  default: 1,\n  minimal: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\nexport type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  children?: React.ReactNode;\n};\n\nconst getButtonRank = (button: React.ReactElement<ButtonProps>) =>\n  variantOrder[button.props.variant ?? 'default'];\n\nexport const ButtonGroup = ({ children, className, ...props }: ButtonGroupProps) => {\n  const filteredButtons = Children.toArray(children).filter(\n    (child): child is React.ReactElement<ButtonProps> => isValidElement<ButtonProps>(child)\n  );\n\n  if (filteredButtons.length === 0) return null;\n\n  const sortedButtons = filteredButtons\n    .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map(({ button, index }) =>\n      cloneElement(button, {\n        key: button.key ?? index,\n      })\n    );\n\n  return (\n    <div\n      className={cx(styles['button-group'], className)}\n      {...props}\n    >\n      {sortedButtons}\n    </div>\n  );\n};\n"],"names":["variantOrder","primary","danger","default","minimal","getButtonRank","button","props","variant","ButtonGroup","children","className","filteredButtons","Children","toArray","filter","child","isValidElement","length","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","jsx","cx","styles"],"mappings":";;;;;GAMMA,IAAe;AAAA,EACnBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,SAAS;AACX,GAMMC,IAAgBA,CAACC,MACrBN,EAAaM,EAAOC,MAAMC,WAAW,SAAS,GAEnCC,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGJ;AAAwB,MAAM;AAClF,QAAMK,IAAkBC,EAASC,QAAQJ,CAAQ,EAAEK,OACjD,CAACC,MAAoDC,EAA4BD,CAAK,CACxF;AAEA,MAAIJ,EAAgBM,WAAW,EAAG,QAAO;AAEzC,QAAMC,IAAgBP,EACnBQ,IAAI,CAACd,GAAQe,OAAW;AAAA,IAAEf,QAAAA;AAAAA,IAAQe,OAAAA;AAAAA,IAAOC,MAAMjB,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEiB,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAEd,QAAAA;AAAAA,IAAQe,OAAAA;AAAAA,EAAAA,MACdK,EAAapB,GAAQ;AAAA,IACnBqB,KAAKrB,EAAOqB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SACE,gBAAAO,EAAC,OAAA,EACC,WAAWC,EAAGC,EAAO,cAAc,GAAGnB,CAAS,GAC/C,GAAIJ,GAAM,kBAAA,eAETY,UAAAA,GACH;AAEJ;"}

package/dist/components/textarea/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),x=require("../../utils-DBzf7CFq.cjs"),t=require("../../styles.module-CitJm17A.cjs"),d="_textarea_19s8w_5",m={textarea:d},y=({label:s,maxRows:o=12,minRows:c=3,required:r,value:a,...u})=>{const{touched:i,onBlur:l}=x.useTouched(a==="");return e.jsxs("label",{"data-component":"textarea",children:[s&&e.jsx("span",{className:n.t(r&&t.inputStyles.required),children:s}),e.jsx("textarea",{className:n.t(t.inputStyles.input,m.textarea,i&&t.inputStyles.touched),onBlur:l,...u,required:r,style:{"--min-rows":c,"--max-rows":o},value:a})]})};exports.Textarea=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),x=require("../../utils-DBzf7CFq.cjs"),t=require("../../styles.module-CitJm17A.cjs"),d="_textarea_1qef6_5",m={textarea:d},y=({label:s,maxRows:o=12,minRows:c=3,required:r,value:a,...u})=>{const{touched:i,onBlur:l}=x.useTouched(a==="");return e.jsxs("label",{"data-component":"textarea",children:[s&&e.jsx("span",{className:n.t(r&&t.inputStyles.required),children:s}),e.jsx("textarea",{className:n.t(t.inputStyles.input,m.textarea,i&&t.inputStyles.touched),onBlur:l,...u,required:r,style:{"--min-rows":c,"--max-rows":o},value:a})]})};exports.Textarea=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/textarea/index.js

@@ -1,10 +1,10 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { t as o } from "../../classix-DG18itHa.js";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { t as s } from "../../classix-DG18itHa.js";
 import { u } from "../../utils--n2yqjCy.js";
 import { i as t } from "../../styles.module-Ioe0wPWW.js";
-import '../../assets/index45.css';const l = "_textarea_19s8w_5", d = {
+import '../../assets/index45.css';const l = "_textarea_1qef6_5", d = {
   textarea: l
-}, _ = ({
+}, j = ({
   label: e,
   maxRows: n = 12,
   minRows: m = 3,
@@ -17,14 +17,14 @@ import '../../assets/index45.css';const l = "_textarea_19s8w_5", d = {
     onBlur: i
   } = u(r === "");
   return /* @__PURE__ */ p("label", { "data-component": "textarea", children: [
-    e && /* @__PURE__ */ s("span", { className: o(a && t.required), children: e }),
-    /* @__PURE__ */ s("textarea", { className: o(t.input, d.textarea, x && t.touched), onBlur: i, ...c, required: a, style: {
+    e && /* @__PURE__ */ o("span", { className: s(a && t.required), children: e }),
+    /* @__PURE__ */ o("textarea", { className: s(t.input, d.textarea, x && t.touched), onBlur: i, ...c, required: a, style: {
       "--min-rows": m,
       "--max-rows": n
     }, value: r })
   ] });
 };
 export {
-  _ as Textarea
+  j as Textarea
 };
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -4,7 +4,6 @@ import { ComponentPropsWithoutRef } from 'react';
 import { default as default_2 } from 'react';
 import { ImgHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
-import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 
 export declare const Accordion: ({ children, open, summary }: AccordionProps) => JSX.Element;
@@ -83,10 +82,8 @@ export declare function Button({ children, className, disabled, icon, onClick, r
 
 export declare const ButtonGroup: ({ children, className, ...props }: ButtonGroupProps) => JSX.Element | null;
 
-declare type ButtonGroupButton = ReactElement<ButtonProps, typeof Button> | undefined;
-
 declare type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {
-    children: ButtonGroupButton[];
+    children?: React.ReactNode;
 };
 
 declare type ButtonProps = React.ComponentPropsWithRef<'button'> & {

package/dist/tokens.json

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

package/package.json

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