@solibo/solibo-ui 0.4.10 → 0.5.3

package/package.json

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

package/dist/components/layout/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const n=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_layout_zs9ip_16",_="_dashboard_zs9ip_30",c="_settings_zs9ip_34",u="_settlements_zs9ip_51",r="_home_zs9ip_92",t={layout:l,dashboard:_,settings:c,settlements:u,home:r},m=({children:s,isLoading:e=!1,feature:o,...a})=>n.jsx("main",{className:i.t(t.layout,t[o],e&&"is-loading"),...a,"data-component":"layout",children:s});exports.Layout=m;
-//# sourceMappingURL=index.cjs.map

package/dist/components/layout/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = {\n  children: React.ReactNode;\n  feature: string;\n  isLoading?: boolean;\n};\n\nexport const Layout = ({ children, isLoading = false, feature, ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature], isLoading && 'is-loading')}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","isLoading","feature","props","cx","styles","layout"],"mappings":"uUAUaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAY,GAAOC,QAAAA,EAAS,GAAGC,CAAmB,UAEhF,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQD,EAAOH,CAAO,EAAGD,GAAa,YAAY,EACvE,GAAIE,EAAM,iBAAA,SAETH,SAAAA,EACH"}

package/dist/components/layout/index.js

@@ -1,18 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { t as _ } from "../../classix-DG18itHa.js";
-import '../../assets/index4.css';const i = "_layout_zs9ip_16", m = "_dashboard_zs9ip_30", l = "_settings_zs9ip_34", r = "_settlements_zs9ip_51", c = "_home_zs9ip_92", t = {
-  layout: i,
-  dashboard: m,
-  settings: l,
-  settlements: r,
-  home: c
-}, u = ({
-  children: s,
-  isLoading: o = !1,
-  feature: e,
-  ...a
-}) => /* @__PURE__ */ n("main", { className: _(t.layout, t[e], o && "is-loading"), ...a, "data-component": "layout", children: s });
-export {
-  u as Layout
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LayoutProps = {\n  children: React.ReactNode;\n  feature: string;\n  isLoading?: boolean;\n};\n\nexport const Layout = ({ children, isLoading = false, feature, ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature], isLoading && 'is-loading')}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","isLoading","feature","props","cx","styles","layout"],"mappings":";;;;;;;;GAUaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA,IAAY;AAAA,EAAOC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,wBAEhF,QAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQD,EAAOH,CAAO,GAAGD,KAAa,YAAY,GACvE,GAAIE,GAAM,kBAAA,UAETH,UAAAA,GACH;"}

package/dist/index-BpUboRfJ.cjs

@@ -1,2 +0,0 @@
-"use strict";require('./assets/index41.css');const t=require("react/jsx-runtime"),m=require("./classix-5H4IWnMA.cjs"),v=require("./icons-C_cX1FYp.cjs"),n=require("./utils-DBzf7CFq.cjs"),y=new Set(["aria-activedescendant","aria-autocomplete","aria-busy","aria-controls","aria-describedby","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-required","aria-roledescription","autoComplete","autoFocus","className","defaultValue","dir","disabled","form","id","multiple","name","onBlur","onChange","onClick","onFocus","onInput","onInvalid","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","required","role","size","style","tabIndex","title","value"]);function l(s){return Object.fromEntries(Object.entries(s).filter(([e])=>e.startsWith("data-")||e.startsWith("aria-")||y.has(e)))}const f="_select_sotfn_1",x="_label_sotfn_24",i={select:f,label:x},j=({children:s,label:e,placeholder:a,...r})=>{const{touched:c,onBlur:u}=n.useTouched(r.value===""),d=l(r),{style:p,...h}=d,b={...p,"--icon-svg":v.iconSVG("chevron").replace("currentColor",n.resolveColor("--color-icon"))},o=t.jsxs("select",{className:m.t(i.select,c&&"touched"),onBlur:u,style:b,...h,children:[a&&t.jsx("option",{value:"",hidden:!0,children:a},"placeholder"),s]});return e?t.jsxs("label",{"data-component":"select",children:[t.jsx("span",{className:i.label,children:e}),o]}):o};exports.Select=j;exports.sanitizeSelectProps=l;
-//# sourceMappingURL=index-BpUboRfJ.cjs.map

package/dist/index-BpUboRfJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BpUboRfJ.cjs","sources":["../src/components/select/sanitizeSelectProps.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor, useTouched } from '@/utils.ts';\n\nimport { sanitizeSelectProps } from './sanitizeSelectProps';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace('currentColor', resolveColor('--color-icon')),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && 'touched')}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span className={styles.label}>{label}</span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","Select","children","label","placeholder","touched","onBlur","useTouched","value","selectProps","style","restSelectProps","withVars","iconSVG","replace","resolveColor","selectElement","jsxs","cx","styles","select","jsx"],"mappings":"0JAAMA,EAAa,IAAIC,IAAI,CACzB,wBACA,oBACA,YACA,gBACA,mBACA,eACA,gBACA,oBACA,gBACA,gBACA,cACA,eACA,oBACA,aACA,kBACA,YACA,YACA,gBACA,uBACA,eACA,YACA,YACA,eACA,MACA,WACA,OACA,KACA,WACA,OACA,SACA,WACA,UACA,UACA,UACA,YACA,YACA,UACA,cACA,YACA,gBACA,cACA,WACA,OACA,OACA,QACA,WACA,QACA,OAAO,CACR,EAEM,SAASC,EAAuDC,EAAU,CAC/E,OAAOC,OAAOC,YACZD,OAAOE,QAAQH,CAAK,EAAEI,OACpB,CAAC,CAACC,CAAG,IAAMA,EAAIC,WAAW,OAAO,GAAKD,EAAIC,WAAW,OAAO,GAAKT,EAAWU,IAAIF,CAAG,CACrF,CACF,CACF,oECvCaG,EAASA,CAAC,CAAEC,SAAAA,EAAUC,MAAAA,EAAOC,YAAAA,EAAa,GAAGX,CAAmB,IAAM,CACjF,KAAM,CAAEY,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,aAAWd,EAAMe,QAAU,EAAE,EACnDC,EAAcjB,EAAoBC,CAAK,EACvC,CAAEiB,MAAAA,EAAO,GAAGC,CAAAA,EAAoBF,EAChCG,EAAW,CACf,GAAGF,EACH,aAAcG,EAAAA,QAAQ,SAAS,EAAEC,QAAQ,eAAgBC,EAAAA,aAAa,cAAc,CAAC,CAAA,EAGjFC,EACJC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQf,GAAW,SAAS,EACjD,OAAAC,EACA,MAAOM,EACP,GAAID,EAEHP,SAAAA,CAAAA,SACE,SAAA,CAEC,MAAO,GACP,OAAM,GAELA,YAJG,aAKN,EAEDF,CAAAA,EACH,EAGF,OAAKC,EAKHc,EAAAA,KAAC,QAAA,CAAK,iBAAA,SACJ,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAOhB,MAAQA,SAAAA,EAAM,EACrCa,CAAAA,EACH,EAPOA,CASX"}

package/dist/index-ChKhFyp8.js

@@ -1,40 +0,0 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { t as h } from "./classix-DG18itHa.js";
-import { i as b } from "./icons-DfmpRbxE.js";
-import { u as f, r as v } from "./utils--n2yqjCy.js";
-import './assets/index41.css';const y = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
-function w(a) {
-  return Object.fromEntries(Object.entries(a).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || y.has(e)));
-}
-const S = "_select_sotfn_1", _ = "_label_sotfn_24", i = {
-  select: S,
-  label: _
-}, g = ({
-  children: a,
-  label: e,
-  placeholder: t,
-  ...o
-}) => {
-  const {
-    touched: l,
-    onBlur: c
-  } = f(o.value === ""), d = w(o), {
-    style: u,
-    ...p
-  } = d, m = {
-    ...u,
-    "--icon-svg": b("chevron").replace("currentColor", v("--color-icon"))
-  }, r = /* @__PURE__ */ s("select", { className: h(i.select, l && "touched"), onBlur: c, style: m, ...p, children: [
-    t && /* @__PURE__ */ n("option", { value: "", hidden: !0, children: t }, "placeholder"),
-    a
-  ] });
-  return e ? /* @__PURE__ */ s("label", { "data-component": "select", children: [
-    /* @__PURE__ */ n("span", { className: i.label, children: e }),
-    r
-  ] }) : r;
-};
-export {
-  g as S,
-  w as s
-};
-//# sourceMappingURL=index-ChKhFyp8.js.map

package/dist/index-ChKhFyp8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-ChKhFyp8.js","sources":["../src/components/select/sanitizeSelectProps.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor, useTouched } from '@/utils.ts';\n\nimport { sanitizeSelectProps } from './sanitizeSelectProps';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace('currentColor', resolveColor('--color-icon')),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && 'touched')}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span className={styles.label}>{label}</span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","Select","children","label","placeholder","touched","onBlur","useTouched","value","selectProps","style","restSelectProps","withVars","iconSVG","replace","resolveColor","selectElement","jsxs","cx","styles","select","jsx"],"mappings":";;;;AAAA,MAAMA,IAAa,oBAAIC,IAAI,CACzB,yBACA,qBACA,aACA,iBACA,oBACA,gBACA,iBACA,qBACA,iBACA,iBACA,eACA,gBACA,qBACA,cACA,mBACA,aACA,aACA,iBACA,wBACA,gBACA,aACA,aACA,gBACA,OACA,YACA,QACA,MACA,YACA,QACA,UACA,YACA,WACA,WACA,WACA,aACA,aACA,WACA,eACA,aACA,iBACA,eACA,YACA,QACA,QACA,SACA,YACA,SACA,OAAO,CACR;AAEM,SAASC,EAAuDC,GAAU;AAC/E,SAAOC,OAAOC,YACZD,OAAOE,QAAQH,CAAK,EAAEI,OACpB,CAAC,CAACC,CAAG,MAAMA,EAAIC,WAAW,OAAO,KAAKD,EAAIC,WAAW,OAAO,KAAKT,EAAWU,IAAIF,CAAG,CACrF,CACF;AACF;;;;GCvCaG,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAa,GAAGX;AAAmB,MAAM;AACjF,QAAM;AAAA,IAAEY,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWd,EAAMe,UAAU,EAAE,GACnDC,IAAcjB,EAAoBC,CAAK,GACvC;AAAA,IAAEiB,OAAAA;AAAAA,IAAO,GAAGC;AAAAA,EAAAA,IAAoBF,GAChCG,IAAW;AAAA,IACf,GAAGF;AAAAA,IACH,cAAcG,EAAQ,SAAS,EAAEC,QAAQ,gBAAgBC,EAAa,cAAc,CAAC;AAAA,EAAA,GAGjFC,IACJ,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQf,KAAW,SAAS,GACjD,QAAAC,GACA,OAAOM,GACP,GAAID,GAEHP,UAAAA;AAAAA,IAAAA,uBACE,UAAA,EAEC,OAAO,IACP,QAAM,IAELA,eAJG,aAKN;AAAA,IAEDF;AAAAA,EAAAA,GACH;AAGF,SAAKC,IAKH,gBAAAc,EAAC,SAAA,EAAK,kBAAA,UACJ,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAOhB,OAAQA,UAAAA,GAAM;AAAA,IACrCa;AAAAA,EAAAA,GACH,IAPOA;AASX;"}

package/dist/styles.module-DZXAP_eP.js

@@ -1,8 +0,0 @@
-import './assets/styles.css';const t = "_input_177qo_10", l = "_label_177qo_61", n = {
-  input: t,
-  label: l
-};
-export {
-  n as i
-};
-//# sourceMappingURL=styles.module-DZXAP_eP.js.map

package/dist/styles.module-DZXAP_eP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.module-DZXAP_eP.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/styles.module-Vt6mmlsz.cjs

@@ -1,2 +0,0 @@
-"use strict";require('./assets/styles.css');const t="_input_177qo_10",l="_label_177qo_61",n={input:t,label:l};exports.inputStyles=n;
-//# sourceMappingURL=styles.module-Vt6mmlsz.cjs.map

package/dist/styles.module-Vt6mmlsz.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.module-Vt6mmlsz.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}