@solibo/solibo-ui 0.2.14 → 0.2.16

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  tabs: styles.tabs,\n  pills: styles.pills,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":"oRAKMA,EAAW,CACf,QAAS,GACT,KAAMC,EAAO,KACb,MAAOA,EAAO,KAChB,EASaC,EAAM,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAa,GAAO,QAAAC,EAAU,aAErEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EACTL,GAAaA,EACbE,GAAcJ,EAAO,WACrBA,EAAO,IACPD,EAASM,CAAO,CAAA,EAElB,mBAAkBD,EAAa,aAAe,WAE7C,SAAAD,CAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\nimport { Input } from '@/components/input';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  pills: styles.pills,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  isResultsPage?: boolean;\n  isSearchable?: boolean;\n  onSearchSubmit?: (value: string) => void;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({\n  animation,\n  children,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const [searching, setSearching] = useState(props.isResultsPage ?? false);\n  const isSearchable = props.isSearchable && variant === 'pills';\n\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        searching && styles.searching,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n\n      {isSearchable && (\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            const value = searchInputRef.current?.value ?? '';\n            props.onSearchSubmit?.(value);\n          }}\n        >\n          <Input\n            ref={searchInputRef}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape') {\n                setSearching(false);\n\n                if (searchInputRef.current) searchInputRef.current.value = '';\n              }\n            }}\n          />\n\n          {searching && (\n            <Button\n              variant={'minimal'}\n              onClick={() => setSearching(false)}\n            >\n              <Icon name={'x'} />\n            </Button>\n          )}\n\n          <Button\n            className={cx(styles.search)}\n            onClick={(e) => {\n              if (searching) {\n                return;\n              } else {\n                e?.preventDefault();\n                setSearching(true);\n                searchInputRef.current?.focus();\n              }\n            }}\n            type={'submit'}\n            variant={'minimal'}\n          >\n            <Icon\n              name={'search'}\n              size={'medium'}\n              variant={searching ? 'white' : 'default'}\n            />\n          </Button>\n        </form>\n      )}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","props","searchInputRef","useRef","searching","setSearching","useState","isSearchable","jsxs","cx","value","_a","_b","jsx","Input","Button","Icon"],"mappings":"2cAUMA,EAAW,CACf,QAAS,GACT,MAAOC,EAAO,MACd,KAAMA,EAAO,IACf,EAYaC,EAAM,CAAC,CAClB,UAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,QAAAC,EAAU,UACV,GAAGC,CACL,IAAgB,CACd,MAAMC,EAAiBC,EAAAA,OAAyB,IAAI,EAC9C,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAASL,EAAM,eAAiB,EAAK,EACjEM,EAAeN,EAAM,cAAgBD,IAAY,QAEvD,OACEQ,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EACTZ,GAAaA,EACbE,GAAcJ,EAAO,WACrBS,GAAaT,EAAO,UACpBA,EAAO,IACPD,EAASM,CAAO,CAAA,EAElB,mBAAkBD,EAAa,aAAe,WAE7C,SAAA,CAAAD,EAEAS,GACCC,EAAAA,KAAC,OAAA,CACC,SAAW,GAAM,SACf,EAAE,eAAA,EACF,MAAME,IAAQC,EAAAT,EAAe,UAAf,YAAAS,EAAwB,QAAS,IAC/CC,EAAAX,EAAM,iBAAN,MAAAW,EAAA,KAAAX,EAAuBS,EACzB,EAEA,SAAA,CAAAG,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAKZ,EACL,UAAY,GAAM,CACZ,EAAE,MAAQ,WACZG,EAAa,EAAK,EAEdH,EAAe,UAASA,EAAe,QAAQ,MAAQ,IAE/D,CAAA,CAAA,EAGDE,GACCS,EAAAA,IAACE,EAAAA,OAAA,CACC,QAAS,UACT,QAAS,IAAMV,EAAa,EAAK,EAEjC,SAAAQ,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAM,GAAA,CAAK,CAAA,CAAA,EAIrBH,EAAAA,IAACE,EAAAA,OAAA,CACC,UAAWN,EAAAA,EAAGd,EAAO,MAAM,EAC3B,QAAU,GAAM,OACVS,IAGF,WAAG,iBACHC,EAAa,EAAI,GACjBM,EAAAT,EAAe,UAAf,MAAAS,EAAwB,QAE5B,EACA,KAAM,SACN,QAAS,UAET,SAAAE,EAAAA,IAACG,EAAAA,KAAA,CACC,KAAM,SACN,KAAM,SACN,QAASZ,EAAY,QAAU,SAAA,CAAA,CACjC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}

package/dist/components/nav/index.js

@@ -1,28 +1,96 @@
-import { jsx as n } from "react/jsx-runtime";
-import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index2.css';const i = "_nav_tvxly_1", v = "_horizontal_tvxly_11", _ = "_tabs_tvxly_18", c = "_pills_tvxly_38", t = {
-  nav: i,
-  horizontal: v,
-  tabs: _,
-  pills: c
-}, e = {
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import { useRef as d, useState as p } from "react";
+import { Button as v } from "../button/index.js";
+import { Icon as g } from "../icon/index.js";
+import { Input as S } from "../input/index.js";
+import '../../assets/index3.css';const q = "_nav_agq5y_1", z = "_horizontal_agq5y_11", x = "_tabs_agq5y_18", k = "_pills_agq5y_39", D = "_searching_agq5y_122", I = "_search_agq5y_122", e = {
+  nav: q,
+  horizontal: z,
+  tabs: x,
+  pills: k,
+  searching: D,
+  search: I
+}, N = {
   default: "",
-  tabs: t.tabs,
-  pills: t.pills
-}, b = ({ animation: a, children: s, horizontal: l = !1, variant: o = "default" }) => /* @__PURE__ */ n(
-  "nav",
-  {
-    className: r(
-      a && a,
-      l && t.horizontal,
-      t.nav,
-      e[o]
-    ),
-    "data-orientation": l ? "horizontal" : "vertical",
-    children: s
-  }
-);
+  pills: e.pills,
+  tabs: e.tabs
+}, K = ({
+  animation: c,
+  children: b,
+  horizontal: o = !1,
+  variant: u = "default",
+  ...t
+}) => {
+  const n = d(null), [r, l] = p(t.isResultsPage ?? !1), y = t.isSearchable && u === "pills";
+  return /* @__PURE__ */ f(
+    "nav",
+    {
+      className: _(
+        c && c,
+        o && e.horizontal,
+        r && e.searching,
+        e.nav,
+        N[u]
+      ),
+      "data-orientation": o ? "horizontal" : "vertical",
+      children: [
+        b,
+        y && /* @__PURE__ */ f(
+          "form",
+          {
+            onSubmit: (a) => {
+              var m, h;
+              a.preventDefault();
+              const i = ((m = n.current) == null ? void 0 : m.value) ?? "";
+              (h = t.onSearchSubmit) == null || h.call(t, i);
+            },
+            children: [
+              /* @__PURE__ */ s(
+                S,
+                {
+                  ref: n,
+                  onKeyDown: (a) => {
+                    a.key === "Escape" && (l(!1), n.current && (n.current.value = ""));
+                  }
+                }
+              ),
+              r && /* @__PURE__ */ s(
+                v,
+                {
+                  variant: "minimal",
+                  onClick: () => l(!1),
+                  children: /* @__PURE__ */ s(g, { name: "x" })
+                }
+              ),
+              /* @__PURE__ */ s(
+                v,
+                {
+                  className: _(e.search),
+                  onClick: (a) => {
+                    var i;
+                    r || (a == null || a.preventDefault(), l(!0), (i = n.current) == null || i.focus());
+                  },
+                  type: "submit",
+                  variant: "minimal",
+                  children: /* @__PURE__ */ s(
+                    g,
+                    {
+                      name: "search",
+                      size: "medium",
+                      variant: r ? "white" : "default"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  b as Nav
+  K as Nav
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  tabs: styles.tabs,\n  pills: styles.pills,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":";;;;;;;GAKMA,IAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAMC,EAAO;AAAA,EACb,OAAOA,EAAO;AAChB,GASaC,IAAM,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,IAAO,SAAAC,IAAU,gBAErE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MACTL,KAAaA;AAAA,MACbE,KAAcJ,EAAO;AAAA,MACrBA,EAAO;AAAA,MACPD,EAASM,CAAO;AAAA,IAAA;AAAA,IAElB,oBAAkBD,IAAa,eAAe;AAAA,IAE7C,UAAAD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\nimport { Input } from '@/components/input';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: '',\n  pills: styles.pills,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  horizontal?: boolean;\n  isResultsPage?: boolean;\n  isSearchable?: boolean;\n  onSearchSubmit?: (value: string) => void;\n  variant?: keyof typeof variants;\n};\n\nexport const Nav = ({\n  animation,\n  children,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const [searching, setSearching] = useState(props.isResultsPage ?? false);\n  const isSearchable = props.isSearchable && variant === 'pills';\n\n  return (\n    <nav\n      className={cx(\n        animation && animation,\n        horizontal && styles.horizontal,\n        searching && styles.searching,\n        styles.nav,\n        variants[variant]\n      )}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n    >\n      {children}\n\n      {isSearchable && (\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            const value = searchInputRef.current?.value ?? '';\n            props.onSearchSubmit?.(value);\n          }}\n        >\n          <Input\n            ref={searchInputRef}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape') {\n                setSearching(false);\n\n                if (searchInputRef.current) searchInputRef.current.value = '';\n              }\n            }}\n          />\n\n          {searching && (\n            <Button\n              variant={'minimal'}\n              onClick={() => setSearching(false)}\n            >\n              <Icon name={'x'} />\n            </Button>\n          )}\n\n          <Button\n            className={cx(styles.search)}\n            onClick={(e) => {\n              if (searching) {\n                return;\n              } else {\n                e?.preventDefault();\n                setSearching(true);\n                searchInputRef.current?.focus();\n              }\n            }}\n            type={'submit'}\n            variant={'minimal'}\n          >\n            <Icon\n              name={'search'}\n              size={'medium'}\n              variant={searching ? 'white' : 'default'}\n            />\n          </Button>\n        </form>\n      )}\n    </nav>\n  );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","props","searchInputRef","useRef","searching","setSearching","useState","isSearchable","jsxs","cx","e","value","_a","_b","jsx","Input","Button","Icon"],"mappings":";;;;;;;;;;;;;GAUMA,IAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAOC,EAAO;AAAA,EACd,MAAMA,EAAO;AACf,GAYaC,IAAM,CAAC;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAgB;AACd,QAAMC,IAAiBC,EAAyB,IAAI,GAC9C,CAACC,GAAWC,CAAY,IAAIC,EAASL,EAAM,iBAAiB,EAAK,GACjEM,IAAeN,EAAM,gBAAgBD,MAAY;AAEvD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QACTZ,KAAaA;AAAA,QACbE,KAAcJ,EAAO;AAAA,QACrBS,KAAaT,EAAO;AAAA,QACpBA,EAAO;AAAA,QACPD,EAASM,CAAO;AAAA,MAAA;AAAA,MAElB,oBAAkBD,IAAa,eAAe;AAAA,MAE7C,UAAA;AAAA,QAAAD;AAAA,QAEAS,KACC,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAACE,MAAM;;AACf,cAAAA,EAAE,eAAA;AACF,oBAAMC,MAAQC,IAAAV,EAAe,YAAf,gBAAAU,EAAwB,UAAS;AAC/C,eAAAC,IAAAZ,EAAM,mBAAN,QAAAY,EAAA,KAAAZ,GAAuBU;AAAA,YACzB;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,KAAKb;AAAA,kBACL,WAAW,CAACQ,MAAM;AAChB,oBAAIA,EAAE,QAAQ,aACZL,EAAa,EAAK,GAEdH,EAAe,YAASA,EAAe,QAAQ,QAAQ;AAAA,kBAE/D;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGDE,KACC,gBAAAU;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,SAAS,MAAMX,EAAa,EAAK;AAAA,kBAEjC,UAAA,gBAAAS,EAACG,GAAA,EAAK,MAAM,IAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIrB,gBAAAH;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWP,EAAGd,EAAO,MAAM;AAAA,kBAC3B,SAAS,CAACe,MAAM;;AACd,oBAAIN,MAGFM,KAAA,QAAAA,EAAG,kBACHL,EAAa,EAAI,IACjBO,IAAAV,EAAe,YAAf,QAAAU,EAAwB;AAAA,kBAE5B;AAAA,kBACA,MAAM;AAAA,kBACN,SAAS;AAAA,kBAET,UAAA,gBAAAE;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,MAAM;AAAA,sBACN,MAAM;AAAA,sBACN,SAASb,IAAY,UAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/toggle/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),r="_toggle_1l1p3_1",g="_track_1l1p3_15",d="_dot_1l1p3_24",t={toggle:r,track:g,dot:d},i=({checked:l,disabled:c,isLoading:s,label:o,onChange:a})=>e.jsxs("label",{className:t.toggle,children:[e.jsx("input",{checked:l,disabled:c||s,onChange:a,type:"checkbox"}),e.jsx("span",{"aria-hidden":"true",className:t.track,children:e.jsx("span",{className:n.t(t.dot,s&&"loading")})}),e.jsx("span",{className:"toggle",children:o})]});exports.Toggle=i;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && 'loading')}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","jsx","cx"],"mappings":"kPAYaA,EAAS,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,SAAAC,KAE1DC,EAAAA,KAAC,QAAA,CAAM,UAAWC,EAAO,OACvB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAAP,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,UAAA,CAAA,EAEPG,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWD,EAAO,MAElB,SAAAC,EAAAA,IAAC,QAAK,UAAWC,IAAGF,EAAO,IAAKJ,GAAa,SAAS,CAAA,CAAG,CAAA,CAAA,EAE3DK,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAU,SAAAJ,CAAA,CAAM,CAAA,EAClC"}

package/dist/components/toggle/index.js

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { t as n } from "../../classix-DG18itHa.js";
+import '../../assets/index2.css';const g = "_toggle_1l1p3_1", d = "_track_1l1p3_15", p = "_dot_1l1p3_24", e = {
+  toggle: g,
+  track: d,
+  dot: p
+}, m = ({ checked: o, disabled: s, isLoading: l, label: a, onChange: c }) => /* @__PURE__ */ r("label", { className: e.toggle, children: [
+  /* @__PURE__ */ t(
+    "input",
+    {
+      checked: o,
+      disabled: s || l,
+      onChange: c,
+      type: "checkbox"
+    }
+  ),
+  /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: e.track,
+      children: /* @__PURE__ */ t("span", { className: n(e.dot, l && "loading") })
+    }
+  ),
+  /* @__PURE__ */ t("span", { className: "toggle", children: a })
+] });
+export {
+  m as Toggle
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        <span className={cx(styles.dot, isLoading && 'loading')}></span>\n      </span>\n      <span className='toggle'>{label}</span>\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","jsx","cx"],"mappings":";;;;;;GAYaA,IAAS,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,UAAAC,QAE1D,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,UAAUC,KAAYC;AAAA,MACtB,UAAAE;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEP,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWD,EAAO;AAAA,MAElB,UAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAGF,EAAO,KAAKJ,KAAa,SAAS,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AAAA,EAE3D,gBAAAK,EAAC,QAAA,EAAK,WAAU,UAAU,UAAAJ,EAAA,CAAM;AAAA,GAClC;"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const n=require("./components/accordion/index.cjs"),e=require("./components/aside/index.cjs"),o=require("./components/banner/index.cjs"),r=require("./components/branding/index.cjs"),i=require("./components/button/index.cjs"),t=require("./components/card/index.cjs"),c=require("./components/dialog/index.cjs"),d=require("./components/dropdown/index.cjs"),s=require("./components/editor/index.cjs"),_=require("./components/figure/index.cjs"),u=require("./components/form/index.cjs"),p=require("./components/header/index.cjs"),a=require("./components/icon/index.cjs"),m=require("./components/input/index.cjs"),q=require("./components/link/index.cjs"),x=require("./components/list/index.cjs"),g=require("./components/nav/index.cjs");exports.Accordion=n.Accordion;exports.AccordionGroup=n.AccordionGroup;exports.Aside=e.Aside;exports.Banner=o.Banner;exports.Branding=r.Branding;exports.Button=i.Button;exports.Card=t.Card;exports.Dialog=c.Dialog;exports.Dropdown=d.Dropdown;exports.Editor=s.Editor;exports.Figure=_.Figure;exports.Form=u.Form;exports.Header=p.Header;exports.Icon=a.Icon;exports.Input=m.Input;exports.Link=q.Link;exports.List=x.List;exports.Nav=g.Nav;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/accordion/index.cjs"),n=require("./components/aside/index.cjs"),o=require("./components/banner/index.cjs"),r=require("./components/branding/index.cjs"),i=require("./components/button/index.cjs"),t=require("./components/card/index.cjs"),c=require("./components/checkbox/index.cjs"),s=require("./components/dialog/index.cjs"),d=require("./components/dropdown/index.cjs"),_=require("./components/dropzone/index.cjs"),u=require("./components/editor/index.cjs"),p=require("./components/figure/index.cjs"),m=require("./components/file/index.cjs"),x=require("./components/footer/index.cjs"),a=require("./components/form/index.cjs"),q=require("./components/header/index.cjs"),g=require("./components/icon/index.cjs"),l=require("./components/input/index.cjs"),b=require("./components/layout/index.cjs"),F=require("./components/link/index.cjs"),k=require("./components/list/index.cjs"),A=require("./components/nav/index.cjs"),B=require("./components/toggle/index.cjs");exports.Accordion=e.Accordion;exports.AccordionGroup=e.AccordionGroup;exports.Aside=n.Aside;exports.Banner=o.Banner;exports.Branding=r.Branding;exports.Button=i.Button;exports.Card=t.Card;exports.Checkbox=c.Checkbox;exports.Dialog=s.Dialog;exports.Dropdown=d.Dropdown;exports.Dropzone=_.Dropzone;exports.Editor=u.Editor;exports.Figure=p.Figure;exports.File=m.File;exports.Footer=x.Footer;exports.Form=a.Form;exports.Header=q.Header;exports.Icon=g.Icon;exports.Input=l.Input;exports.Layout=b.Layout;exports.Link=F.Link;exports.List=k.List;exports.Nav=A.Nav;exports.Toggle=B.Toggle;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -33,7 +33,7 @@ declare type AsideProps = {
     variant?: keyof typeof variants;
 };
 
-export declare const Banner: ({ button, message, onClick, onDismiss, visible, ...props }: BannerProps) => JSX.Element;
+export declare const Banner: ({ button, message, onClick, onDismiss, visible }: BannerProps) => JSX.Element;
 
 declare type BannerProps = {
     button: string;
@@ -55,48 +55,62 @@ declare const brandingSVG: {
     logo: string;
 };
 
-export declare const Button: ({ children, className, disabled, label, title, icon, iconOnly, type, variant, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, className, disabled, onClick, variant, ...props }: ButtonProps) => JSX.Element;
 
 declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: React.ReactNode;
+    children: React.ReactNode;
     className?: string;
     disabled?: boolean;
-    label?: string;
-    title?: string;
-    iconOnly?: boolean;
-    icon?: IconName;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     variant?: keyof typeof variants_3;
-    type?: 'button' | 'submit' | 'reset';
 };
 
-export declare const Card: ({ ...props }: CardProps) => JSX.Element;
+export declare const Card: ({ children, draft, image, onClick }: CardProps) => JSX.Element;
 
 declare type CardProps = {
-    image?: React.ReactNode;
-    headerText?: string;
-    subHeaderText?: string;
-    contentText?: string;
     children: React.ReactNode;
-    onClick?: () => void;
+    draft?: boolean;
+    image?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+};
+
+export declare const Checkbox: ({ checked, disabled, isLoading, label, onChange, ...props }: CheckboxProps) => JSX.Element;
+
+declare type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    checked?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
-export declare const Dialog: ({ button, children, message, title, ...props }: DialogProps) => JSX.Element;
+export declare const Dialog: ({ children, ...props }: DialogProps) => JSX.Element;
 
 declare type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {
-    button?: string;
-    children?: React.ReactNode;
-    message?: string;
-    title?: string;
+    children: React.ReactNode;
 };
 
-export declare const Dropdown: ({ children, label, placeholder, ...props }: DropdownProps) => JSX.Element;
+export declare const Dropdown: ({ children, inline, label, placeholder, ...props }: DropdownProps) => JSX.Element;
 
-declare type DropdownProps = {
+declare type DropdownProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     children?: React.ReactNode;
+    inline?: boolean;
     label?: string;
     placeholder?: string;
 };
 
+export declare const Dropzone: (props: DropzoneProps) => JSX.Element;
+
+declare type DropzoneProps = {
+    allowDirectoryUpload?: boolean;
+    inputId?: string;
+    isMultiple?: boolean;
+    label?: string;
+    maxFileSizeMB?: number;
+    mimeTypes?: string[];
+    onUpload: (uploadContent: File[] | FileList) => void;
+};
+
 export declare const Editor: ({ autofocus, autolink, content, inline, onChange, }: EditorProps) => JSX.Element;
 
 declare type EditorProps = {
@@ -114,21 +128,36 @@ declare type FigureProps = {
     label?: string;
 };
 
+declare const File_2: ({ name, url }: FileProps) => JSX.Element;
+export { File_2 as File }
+
+declare type FileProps = {
+    name: string;
+    url: string;
+};
+
+export declare const Footer: ({ children, ...props }: FooterProps) => JSX.Element;
+
+declare type FooterProps = {
+    children?: React.ReactNode;
+};
+
 export declare const Form: ({ animation, children, inline, ...props }: FormProps) => JSX.Element;
 
-declare type FormProps = {
+declare type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {
     animation?: AnimationName;
     children?: React.ReactNode;
     inline?: boolean;
 };
 
-export declare const Header: ({ children, size, label, subtitle }: HeaderProps) => JSX.Element;
+export declare const Header: ({ children, size, label, ...props }: HeaderProps) => JSX.Element;
 
 declare type HeaderProps = {
     children?: React.ReactNode;
-    label: string;
+    label?: string;
     size?: 1 | 2 | 3;
-    subtitle?: string;
+    superHeader?: string;
+    subHeader?: string;
 };
 
 export declare const Icon: ({ name, size, variant }: IconProps) => JSX.Element;
@@ -137,28 +166,48 @@ declare type IconName = keyof typeof iconPaths;
 
 declare const iconPaths: {
     bold: string;
+    buildings: string;
+    card: string;
     chevron: string;
+    clipboard: string;
+    gear: string;
+    document: string;
     home: string;
     italic: string;
     link: string;
     list: string;
+    pencil: string;
+    people: string;
+    phone: string;
+    plus: string;
     search: string;
+    toDocument: string;
+    upload: string;
+    user: string;
     x: string;
 };
 
 declare type IconProps = {
-    variant?: keyof typeof variants_4;
     name: IconName;
     size?: keyof typeof sizes;
+    variant?: keyof typeof variants_4;
+    loading?: boolean;
 };
 
 export declare const Input: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
 disabled?: boolean;
 label?: string;
 placeholder?: string;
-type?: "email" | "number" | "password" | "search" | "tel" | "text";
+type?: "datetime-local" | "email" | "number" | "password" | "radio" | "search" | "tel" | "text";
 } & RefAttributes<HTMLInputElement>>;
 
+export declare const Layout: ({ children, feature, ...props }: LayoutProps) => JSX.Element;
+
+declare type LayoutProps = {
+    children: React.ReactNode;
+    feature: 'home';
+};
+
 export declare const Link: ({ children, className, to, label, ...props }: LinkProps) => JSX.Element;
 
 declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -175,24 +224,38 @@ declare type ListProps = {
     className?: string;
 };
 
-export declare const Nav: ({ animation, children, horizontal, variant }: NavProps) => JSX.Element;
+export declare const Nav: ({ animation, children, horizontal, variant, ...props }: NavProps) => JSX.Element;
 
 declare type NavProps = {
     animation?: AnimationName;
     children?: React.ReactNode;
     horizontal?: boolean;
+    isResultsPage?: boolean;
+    isSearchable?: boolean;
+    onSearchSubmit?: (value: string) => void;
     variant?: keyof typeof variants_5;
 };
 
 declare const sizes: {
-    medium: string;
     large: string;
+    medium: string;
     small: string;
 };
 
+export declare const Toggle: ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => JSX.Element;
+
+declare type ToggleProps = {
+    checked?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
 declare const variants: {
     default: string;
-    'site-wide': string;
+    nav: string;
+    meta: string;
 };
 
 declare const variants_2: {
@@ -203,23 +266,20 @@ declare const variants_2: {
 
 declare const variants_3: {
     default: string;
-    destructive: string;
     minimal: string;
     primary: string;
-    secondary: string;
-    white: string;
 };
 
 declare const variants_4: {
     default: string;
-    dialog: string;
+    primary: string;
     white: string;
 };
 
 declare const variants_5: {
     default: string;
-    tabs: string;
     pills: string;
+    tabs: string;
 };
 
 export { }

package/dist/index.js

@@ -1,38 +1,50 @@
 import { Accordion as e, AccordionGroup as t } from "./components/accordion/index.js";
 import { Aside as m } from "./components/aside/index.js";
-import { Banner as x } from "./components/banner/index.js";
+import { Banner as f } from "./components/banner/index.js";
 import { Branding as i } from "./components/branding/index.js";
 import { Button as a } from "./components/button/index.js";
-import { Card as u } from "./components/card/index.js";
+import { Card as g } from "./components/card/index.js";
+import { Checkbox as F } from "./components/checkbox/index.js";
 import { Dialog as A } from "./components/dialog/index.js";
-import { Dropdown as s } from "./components/dropdown/index.js";
-import { Editor as F } from "./components/editor/index.js";
-import { Figure as L } from "./components/figure/index.js";
-import { Form as l } from "./components/form/index.js";
-import { Header as w } from "./components/header/index.js";
-import { Icon as E } from "./components/icon/index.js";
-import { Input as H } from "./components/input/index.js";
-import { Link as b } from "./components/link/index.js";
-import { List as j } from "./components/list/index.js";
-import { Nav as y } from "./components/nav/index.js";
+import { Dropdown as D } from "./components/dropdown/index.js";
+import { Dropzone as k } from "./components/dropzone/index.js";
+import { Editor as C } from "./components/editor/index.js";
+import { Figure as b } from "./components/figure/index.js";
+import { File as v } from "./components/file/index.js";
+import { Footer as y } from "./components/footer/index.js";
+import { Form as E } from "./components/form/index.js";
+import { Header as H } from "./components/header/index.js";
+import { Icon as T } from "./components/icon/index.js";
+import { Input as q } from "./components/input/index.js";
+import { Layout as K } from "./components/layout/index.js";
+import { Link as O } from "./components/link/index.js";
+import { List as Q } from "./components/list/index.js";
+import { Nav as S } from "./components/nav/index.js";
+import { Toggle as V } from "./components/toggle/index.js";
 import './assets/index.css';export {
   e as Accordion,
   t as AccordionGroup,
   m as Aside,
-  x as Banner,
+  f as Banner,
   i as Branding,
   a as Button,
-  u as Card,
+  g as Card,
+  F as Checkbox,
   A as Dialog,
-  s as Dropdown,
-  F as Editor,
-  L as Figure,
-  l as Form,
-  w as Header,
-  E as Icon,
-  H as Input,
-  b as Link,
-  j as List,
-  y as Nav
+  D as Dropdown,
+  k as Dropzone,
+  C as Editor,
+  b as Figure,
+  v as File,
+  y as Footer,
+  E as Form,
+  H as Header,
+  T as Icon,
+  q as Input,
+  K as Layout,
+  O as Link,
+  Q as List,
+  S as Nav,
+  V as Toggle
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",

package/dist/components/component/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const e=require("react/jsx-runtime"),n=require("../icon/index.cjs"),i="_component_1nxex_1",t={component:i},s=({...o})=>e.jsx("div",{className:t.component,...o,children:e.jsxs("article",{children:[e.jsx("h1",{children:"Hello world"}),e.jsxs("p",{children:["Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium in. ",e.jsx("b",{children:"Explicabo quod eius numquam?"})]}),e.jsx("a",{href:"/?path=/docs/introduction--docs",children:e.jsx(n.Icon,{name:"home",variant:"dialog"})}),e.jsx("p",{children:"Feel free to copy this folder to have a bare minimum component."})]})});exports.Component=s;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/component/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport const Component = ({ ...props }) => {\n  return (\n    <div\n      className={styles.component}\n      {...props}\n    >\n      <article>\n        <h1>Hello world</h1>\n\n        <p>\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim\n          provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium\n          in. <b>Explicabo quod eius numquam?</b>\n        </p>\n\n        <a href='/?path=/docs/introduction--docs'>\n          <Icon\n            name='home'\n            variant='dialog'\n          />\n        </a>\n\n        <p>Feel free to copy this folder to have a bare minimum component.</p>\n      </article>\n    </div>\n  );\n};\n"],"names":["Component","props","jsx","styles","Icon"],"mappings":"2LAGaA,EAAY,CAAC,CAAE,GAAGC,KAE3BC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAO,UACjB,GAAGF,EAEJ,gBAAC,UAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,MAAG,SAAA,aAAA,CAAW,SAEd,IAAA,CAAE,SAAA,CAAA,0LAGGA,EAAAA,IAAC,KAAE,SAAA,8BAAA,CAA4B,CAAA,EACrC,EAEAA,EAAAA,IAAC,IAAA,CAAE,KAAK,kCACN,SAAAA,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,OACL,QAAQ,QAAA,CAAA,EAEZ,EAEAF,EAAAA,IAAC,KAAE,SAAA,iEAAA,CAA+D,CAAA,CAAA,CACpE,CAAA,CAAA"}

package/dist/components/component/index.js

@@ -1,30 +0,0 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { Icon as n } from "../icon/index.js";
-import '../../assets/index11.css';const t = "_component_1nxex_1", r = {
-  component: t
-}, s = ({ ...i }) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: r.component,
-    ...i,
-    children: /* @__PURE__ */ o("article", { children: [
-      /* @__PURE__ */ e("h1", { children: "Hello world" }),
-      /* @__PURE__ */ o("p", { children: [
-        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium in. ",
-        /* @__PURE__ */ e("b", { children: "Explicabo quod eius numquam?" })
-      ] }),
-      /* @__PURE__ */ e("a", { href: "/?path=/docs/introduction--docs", children: /* @__PURE__ */ e(
-        n,
-        {
-          name: "home",
-          variant: "dialog"
-        }
-      ) }),
-      /* @__PURE__ */ e("p", { children: "Feel free to copy this folder to have a bare minimum component." })
-    ] })
-  }
-);
-export {
-  s as Component
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/component/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport const Component = ({ ...props }) => {\n  return (\n    <div\n      className={styles.component}\n      {...props}\n    >\n      <article>\n        <h1>Hello world</h1>\n\n        <p>\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad doloribus odio, aperiam enim\n          provident voluptates, eos illum, error nihil amet iste necessitatibus ab unde accusantium\n          in. <b>Explicabo quod eius numquam?</b>\n        </p>\n\n        <a href='/?path=/docs/introduction--docs'>\n          <Icon\n            name='home'\n            variant='dialog'\n          />\n        </a>\n\n        <p>Feel free to copy this folder to have a bare minimum component.</p>\n      </article>\n    </div>\n  );\n};\n"],"names":["Component","props","jsx","styles","Icon"],"mappings":";;;;GAGaA,IAAY,CAAC,EAAE,GAAGC,QAE3B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEJ,4BAAC,WAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,wBAEd,KAAA,EAAE,UAAA;AAAA,QAAA;AAAA,QAGG,gBAAAA,EAAC,OAAE,UAAA,+BAAA,CAA4B;AAAA,MAAA,GACrC;AAAA,MAEA,gBAAAA,EAAC,KAAA,EAAE,MAAK,mCACN,UAAA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,MAEA,gBAAAF,EAAC,OAAE,UAAA,kEAAA,CAA+D;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA;AAAA;"}