@solibo/solibo-ui 0.2.13 → 0.2.15

package/dist/components/input/index.js

@@ -1,22 +1,26 @@
-import { j as i } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as e } from "../../classix-DG18itHa.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
 import { forwardRef as m } from "react";
-import '../../assets/index7.css';const u = "_input_1qkbh_1", f = {
-  input: u
-}, j = m(
-  ({ className: t, disabled: o = !1, placeholder: r, type: s = "text", ...n }, p) => /* @__PURE__ */ i.jsx(
-    "input",
-    {
-      ref: p,
-      className: e(f.input, t),
-      disabled: o,
-      placeholder: r,
-      type: s,
-      ...n
-    }
-  )
+import '../../assets/index13.css';const u = "_input_1r1le_1", f = "_label_1r1le_33", l = {
+  input: u,
+  label: f
+}, d = m(
+  ({ className: r, disabled: s = !1, label: t, placeholder: n, type: o = "text", ...a }, p) => /* @__PURE__ */ i("label", { children: [
+    t && /* @__PURE__ */ e("span", { className: l.label, children: t }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: p,
+        className: c(l.input, r),
+        disabled: s,
+        placeholder: n,
+        type: o,
+        ...a
+      }
+    )
+  ] })
 );
 export {
-  j as Input
+  d as Input
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  placeholder?: string;\n  type?: 'text' | 'password' | 'search' | 'number';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        className={cx(styles.input, className)}\n        disabled={disabled}\n        placeholder={placeholder}\n        type={type}\n        {...props}\n      />\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","placeholder","type","props","ref","jsx","cx","styles"],"mappings":";;;;;GAWaA,IAAQC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,UAAAC,IAAW,IAAO,aAAAC,GAAa,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAASC,MAEpEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAGC,EAAO,OAAOR,CAAS;AAAA,MACrC,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,MAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  type?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, disabled = false, label, placeholder, type = 'text', ...props }, ref) => {\n    return (\n      <label>\n        {label && <span className={styles.label}>{label}</span>}\n        <input\n          ref={ref}\n          className={cx(styles.input, className)}\n          disabled={disabled}\n          placeholder={placeholder}\n          type={type}\n          {...props}\n        />\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","disabled","label","placeholder","type","props","ref","jsx","styles","cx"],"mappings":";;;;;;GAYaA,IAAQC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,UAAAC,IAAW,IAAO,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAASC,wBAE1E,SAAA,EACE,UAAA;AAAA,IAAAJ,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,UAAAN,GAAM;AAAA,IAChD,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAWG,EAAGD,EAAO,OAAOR,CAAS;AAAA,QACrC,UAAAC;AAAA,QACA,aAAAE;AAAA,QACA,MAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAGN;"}

package/dist/components/layout/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const u=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),n="_layout_b6ho7_1",c="_home_b6ho7_2",o={layout:n,home:c},l=({children:t,feature:e="home",...s})=>u.jsx("main",{className:a.t(o.layout,o[e]),...s,children:t});exports.Layout=l;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"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 = { children: React.ReactNode; feature: 'home' };\n\nexport const Layout = ({ children, feature = 'home', ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature])}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","feature","props","jsx","cx","styles"],"mappings":"uNAMaA,EAAS,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAU,OAAQ,GAAGC,KAEpDC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,OAAQA,EAAOJ,CAAO,CAAC,EAC3C,GAAGC,EAEH,SAAAF,CAAA,CAAA"}

package/dist/components/layout/index.js

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import { t as e } from "../../classix-DG18itHa.js";
+import '../../assets/index7.css';const r = "_layout_b6ho7_1", h = "_home_b6ho7_2", o = {
+  layout: r,
+  home: h
+}, u = ({ children: t, feature: m = "home", ...s }) => /* @__PURE__ */ a(
+  "main",
+  {
+    className: e(o.layout, o[m]),
+    ...s,
+    children: t
+  }
+);
+export {
+  u as Layout
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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 = { children: React.ReactNode; feature: 'home' };\n\nexport const Layout = ({ children, feature = 'home', ...props }: LayoutProps) => {\n  return (\n    <main\n      className={cx(styles.layout, styles[feature])}\n      {...props}\n    >\n      {children}\n    </main>\n  );\n};\n"],"names":["Layout","children","feature","props","jsx","cx","styles"],"mappings":";;;;;GAMaA,IAAS,CAAC,EAAE,UAAAC,GAAU,SAAAC,IAAU,QAAQ,GAAGC,QAEpD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,EAAO,QAAQA,EAAOJ,CAAO,CAAC;AAAA,IAC3C,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}

package/dist/components/link/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const r=require("../../jsx-runtime-BJcCX4ED.cjs"),l=require("../../classix-5H4IWnMA.cjs"),o="_link_hn9kh_1",c={link:o},u=({children:e,className:n,to:s="#",label:t,...i})=>r.jsxRuntimeExports.jsx("a",{className:l.t(n,c.link),href:s,...i,children:e||t});exports.Link=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const r=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),l="_link_ci6no_1",o={link:l},u=({children:e,className:n,to:s="#",label:t,...i})=>r.jsx("a",{className:c.t(n,o.link),href:s,...i,children:e||t});exports.Link=u;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":"uMAWaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAK,IAAK,MAAAC,EAAO,GAAGC,KAE5DC,EAAAA,kBAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWM,EAAO,IAAI,EACpC,KAAML,EACL,GAAGE,EAEH,YAAsBD,CAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":"0LAWaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAK,IAAK,MAAAC,EAAO,GAAGC,KAE5DC,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,EAAGL,EAAWM,EAAO,IAAI,EACpC,KAAML,EACL,GAAGE,EAEH,YAAsBD,CAAA,CAAA"}

package/dist/components/link/index.js

@@ -1,17 +1,17 @@
-import { j as i } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index4.css';const k = "_link_hn9kh_1", l = {
-  link: k
-}, c = ({ children: n, className: s, to: t = "#", label: o, ...r }) => /* @__PURE__ */ i.jsx(
+import { jsx as s } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import '../../assets/index6.css';const c = "_link_ci6no_1", e = {
+  link: c
+}, a = ({ children: n, className: o, to: t = "#", label: i, ...r }) => /* @__PURE__ */ s(
   "a",
   {
-    className: e(s, l.link),
+    className: l(o, e.link),
     href: t,
     ...r,
-    children: n || o
+    children: n || i
   }
 );
 export {
-  c as Link
+  a as Link
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":";;;;GAWaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,IAAAC,IAAK,KAAK,OAAAC,GAAO,GAAGC,QAE5DC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGL,GAAWM,EAAO,IAAI;AAAA,IACpC,MAAML;AAAA,IACL,GAAGE;AAAA,IAEH,eAAsBD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  label?: string;\n  to?: string;\n};\n\nexport const Link = ({ children, className, to = '#', label, ...props }: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link)}\n      href={to}\n      {...props}\n    >\n      {children ? children : label}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","label","props","jsx","cx","styles"],"mappings":";;;;GAWaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,IAAAC,IAAK,KAAK,OAAAC,GAAO,GAAGC,QAE5D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGL,GAAWM,EAAO,IAAI;AAAA,IACpC,MAAML;AAAA,IACL,GAAGE;AAAA,IAEH,eAAsBD;AAAA,EAAA;AAAA;"}

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),i=require("../../classix-5H4IWnMA.cjs"),l="_list_1f3ya_1",r={list:l},n=({children:s,className:t})=>e.jsxRuntimeExports.jsx("ul",{className:i.t(t,r.list),children:s});exports.List=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_list_9ltl4_1",r={list:l},c=({children:t,className:s})=>e.jsx("ul",{className:i.t(s,r.list),children:t});exports.List=c;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":"uMASaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,KACxBC,EAAAA,kBAAAA,IAAC,MAAG,UAAWC,EAAAA,EAAGF,EAAWG,EAAO,IAAI,EAAI,SAAAJ,EAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":"0LASaA,EAAO,CAAC,CAAE,SAAAC,EAAU,UAAAC,KACxBC,EAAAA,IAAC,MAAG,UAAWC,EAAAA,EAAGF,EAAWG,EAAO,IAAI,EAAI,SAAAJ,EAAS"}

package/dist/components/list/index.js

@@ -1,9 +1,9 @@
-import { j as o } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as i } from "../../classix-DG18itHa.js";
-import '../../assets/index3.css';const r = "_list_1f3ya_1", l = {
-  list: r
-}, n = ({ children: s, className: t }) => /* @__PURE__ */ o.jsx("ul", { className: i(t, l.list), children: s });
+import { jsx as l } from "react/jsx-runtime";
+import { t as o } from "../../classix-DG18itHa.js";
+import '../../assets/index5.css';const i = "_list_9ltl4_1", r = {
+  list: i
+}, e = ({ children: t, className: s }) => /* @__PURE__ */ l("ul", { className: o(s, r.list), children: t });
 export {
-  n as List
+  e as List
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":";;;;GASaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,QACxBC,gBAAAA,EAAAA,IAAC,QAAG,WAAWC,EAAGF,GAAWG,EAAO,IAAI,GAAI,UAAAJ,GAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport const List = ({ children, className }: ListProps) => {\n  return <ul className={cx(className, styles.list)}>{children}</ul>;\n};\n"],"names":["List","children","className","jsx","cx","styles"],"mappings":";;;;GASaA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,QACxB,gBAAAC,EAAC,QAAG,WAAWC,EAAGF,GAAWG,EAAO,IAAI,GAAI,UAAAJ,GAAS;"}

package/dist/components/loading/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=({size:s=200})=>e.jsxs("svg",{width:s,viewBox:"0 0 135 125",role:"img","aria-label":"Loading",children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"grad",x1:"0",x2:135,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--color-primary)",stopOpacity:"0.1"}),e.jsx("stop",{offset:"50%",stopColor:"var(--color-primary)",stopOpacity:"1"}),e.jsx("stop",{offset:"100%",stopColor:"var(--color-primary)",stopOpacity:"0.1"}),e.jsx("animateTransform",{attributeName:"gradientTransform",type:"translate",values:"-135 0; 135 0; -135 0",keyTimes:"0; 0.5; 1",dur:"4s",repeatCount:"indefinite",calcMode:"spline",keySplines:"0.4 0 0.2 1; 0.4 0 0.2 1"})]}),e.jsx("mask",{id:"mask",maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse",x:"0",y:"0",width:135,height:125,children:e.jsxs("g",{fill:"#fff",children:[e.jsx("circle",{cx:"64",cy:"48",r:"13"}),e.jsx("path",{d:"M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z"}),e.jsx("path",{d:"M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z"})]})})]}),e.jsx("rect",{width:135,height:125,fill:"url(#grad)",mask:"url(#mask)"})]});exports.PageLoader=a;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/loading/index.tsx"],"sourcesContent":["export type PageLoaderProps = {\n  size?: number;\n};\n\nexport const PageLoader = ({ size = 200 }: PageLoaderProps) => {\n  const VB_W = 135;\n  const VB_H = 125;\n\n  return (\n    <svg\n      width={size}\n      viewBox={`0 0 ${VB_W} ${VB_H}`}\n      role='img'\n      aria-label='Loading'\n    >\n      <defs>\n        <linearGradient\n          id={'grad'}\n          x1='0'\n          x2={VB_W}\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop\n            offset='0%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <stop\n            offset='50%'\n            stopColor='var(--color-primary)'\n            stopOpacity='1'\n          />\n          <stop\n            offset='100%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <animateTransform\n            attributeName='gradientTransform'\n            type='translate'\n            values={`${-VB_W} 0; ${VB_W} 0; ${-VB_W} 0`}\n            keyTimes='0; 0.5; 1'\n            dur='4s'\n            repeatCount='indefinite'\n            calcMode='spline'\n            keySplines='0.4 0 0.2 1; 0.4 0 0.2 1'\n          />\n        </linearGradient>\n        <mask\n          id={'mask'}\n          maskUnits='userSpaceOnUse'\n          maskContentUnits='userSpaceOnUse'\n          x='0'\n          y='0'\n          width={VB_W}\n          height={VB_H}\n        >\n          <g fill='#fff'>\n            <circle\n              cx='64'\n              cy='48'\n              r='13'\n            />\n            <path d='M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z' />\n            <path d='M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z' />\n          </g>\n        </mask>\n      </defs>\n      <rect\n        width={VB_W}\n        height={VB_H}\n        fill={`url(#grad)`}\n        mask={`url(#mask)`}\n      />\n    </svg>\n  );\n};\n"],"names":["PageLoader","size","jsxs","jsx"],"mappings":"qHAIaA,EAAa,CAAC,CAAE,KAAAC,EAAO,OAKhCC,EAAAA,KAAC,MAAA,CACC,MAAOD,EACP,QAAS,cACT,KAAK,MACL,aAAW,UAEX,SAAA,CAAAC,OAAC,OAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,iBAAA,CACC,GAAI,OACJ,GAAG,IACH,GAAI,IACJ,cAAc,iBAEd,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,OAAO,KACP,UAAU,uBACV,YAAY,KAAA,CAAA,EAEdA,EAAAA,IAAC,OAAA,CACC,OAAO,MACP,UAAU,uBACV,YAAY,GAAA,CAAA,EAEdA,EAAAA,IAAC,OAAA,CACC,OAAO,OACP,UAAU,uBACV,YAAY,KAAA,CAAA,EAEdA,EAAAA,IAAC,mBAAA,CACC,cAAc,oBACd,KAAK,YACL,OAAQ,wBACR,SAAS,YACT,IAAI,KACJ,YAAY,aACZ,SAAS,SACT,WAAW,0BAAA,CAAA,CACb,CAAA,CAAA,EAEFA,EAAAA,IAAC,OAAA,CACC,GAAI,OACJ,UAAU,iBACV,iBAAiB,iBACjB,EAAE,IACF,EAAE,IACF,MAAO,IACP,OAAQ,IAER,SAAAD,EAAAA,KAAC,IAAA,CAAE,KAAK,OACN,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACC,GAAG,KACH,GAAG,KACH,EAAE,IAAA,CAAA,EAEJA,EAAAA,IAAC,OAAA,CAAK,EAAE,4CAAA,CAA6C,EACrDA,EAAAA,IAAC,OAAA,CAAK,EAAE,yWAAA,CAA0W,CAAA,CAAA,CACpX,CAAA,CAAA,CACF,EACF,EACAA,EAAAA,IAAC,OAAA,CACC,MAAO,IACP,OAAQ,IACR,KAAM,aACN,KAAM,YAAA,CAAA,CACR,CAAA,CAAA"}

package/dist/components/loading/index.js

@@ -0,0 +1,99 @@
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+const o = ({ size: r = 200 }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: r,
+    viewBox: "0 0 135 125",
+    role: "img",
+    "aria-label": "Loading",
+    children: [
+      /* @__PURE__ */ e("defs", { children: [
+        /* @__PURE__ */ e(
+          "linearGradient",
+          {
+            id: "grad",
+            x1: "0",
+            x2: 135,
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ a(
+                "stop",
+                {
+                  offset: "0%",
+                  stopColor: "var(--color-primary)",
+                  stopOpacity: "0.1"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "stop",
+                {
+                  offset: "50%",
+                  stopColor: "var(--color-primary)",
+                  stopOpacity: "1"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "stop",
+                {
+                  offset: "100%",
+                  stopColor: "var(--color-primary)",
+                  stopOpacity: "0.1"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "animateTransform",
+                {
+                  attributeName: "gradientTransform",
+                  type: "translate",
+                  values: "-135 0; 135 0; -135 0",
+                  keyTimes: "0; 0.5; 1",
+                  dur: "4s",
+                  repeatCount: "indefinite",
+                  calcMode: "spline",
+                  keySplines: "0.4 0 0.2 1; 0.4 0 0.2 1"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "mask",
+          {
+            id: "mask",
+            maskUnits: "userSpaceOnUse",
+            maskContentUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: 135,
+            height: 125,
+            children: /* @__PURE__ */ e("g", { fill: "#fff", children: [
+              /* @__PURE__ */ a(
+                "circle",
+                {
+                  cx: "64",
+                  cy: "48",
+                  r: "13"
+                }
+              ),
+              /* @__PURE__ */ a("path", { d: "M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z" }),
+              /* @__PURE__ */ a("path", { d: "M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z" })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "rect",
+        {
+          width: 135,
+          height: 125,
+          fill: "url(#grad)",
+          mask: "url(#mask)"
+        }
+      )
+    ]
+  }
+);
+export {
+  o as PageLoader
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/loading/index.tsx"],"sourcesContent":["export type PageLoaderProps = {\n  size?: number;\n};\n\nexport const PageLoader = ({ size = 200 }: PageLoaderProps) => {\n  const VB_W = 135;\n  const VB_H = 125;\n\n  return (\n    <svg\n      width={size}\n      viewBox={`0 0 ${VB_W} ${VB_H}`}\n      role='img'\n      aria-label='Loading'\n    >\n      <defs>\n        <linearGradient\n          id={'grad'}\n          x1='0'\n          x2={VB_W}\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop\n            offset='0%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <stop\n            offset='50%'\n            stopColor='var(--color-primary)'\n            stopOpacity='1'\n          />\n          <stop\n            offset='100%'\n            stopColor='var(--color-primary)'\n            stopOpacity='0.1'\n          />\n          <animateTransform\n            attributeName='gradientTransform'\n            type='translate'\n            values={`${-VB_W} 0; ${VB_W} 0; ${-VB_W} 0`}\n            keyTimes='0; 0.5; 1'\n            dur='4s'\n            repeatCount='indefinite'\n            calcMode='spline'\n            keySplines='0.4 0 0.2 1; 0.4 0 0.2 1'\n          />\n        </linearGradient>\n        <mask\n          id={'mask'}\n          maskUnits='userSpaceOnUse'\n          maskContentUnits='userSpaceOnUse'\n          x='0'\n          y='0'\n          width={VB_W}\n          height={VB_H}\n        >\n          <g fill='#fff'>\n            <circle\n              cx='64'\n              cy='48'\n              r='13'\n            />\n            <path d='M82 92V81a18 18 0 1 0-36 0v41l13-18h23V92Z' />\n            <path d='M124 104.7H56.7c-1.8 0 1-1.5 1-3.2l8.5-7a3.2 3.2 0 0 1 3.2-3.2h41a3.2 3.2 0 0 0 3.2-3.2v-46a3.2 3.2 0 0 0-1.7-3L65 15.59a3.2 3.2 0 0 0-3 0l-47 24a3.2 3.2 0 0 0-1.7 3v45.7a3.2 3.2 0 0 0 3.2 3.2H29v13.4h-26a3.2 3.2 0 0 1-3-2A3.2 3.2 0 0 1 0 101.5v-67a3.2 3.2 0 0 1 1.7-2.8L62.08.35a3.2 3.2 0 0 1 2.9 0l60.5 30.9a3.2 3.2 0 0 1 1.8 2.8v67.4a3.2 3.2 0 0 1-3.2 3.2Z' />\n          </g>\n        </mask>\n      </defs>\n      <rect\n        width={VB_W}\n        height={VB_H}\n        fill={`url(#grad)`}\n        mask={`url(#mask)`}\n      />\n    </svg>\n  );\n};\n"],"names":["PageLoader","size","jsxs","jsx"],"mappings":";AAIO,MAAMA,IAAa,CAAC,EAAE,MAAAC,IAAO,UAKhC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAOD;AAAA,IACP,SAAS;AAAA,IACT,MAAK;AAAA,IACL,cAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EACC,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,IAAG;AAAA,YACH,IAAI;AAAA,YACJ,eAAc;AAAA,YAEd,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAc;AAAA,kBACd,MAAK;AAAA,kBACL,QAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,KAAI;AAAA,kBACJ,aAAY;AAAA,kBACZ,UAAS;AAAA,kBACT,YAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YACV,kBAAiB;AAAA,YACjB,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YAER,UAAA,gBAAAD,EAAC,KAAA,EAAE,MAAK,QACN,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEJ,gBAAAA,EAAC,QAAA,EAAK,GAAE,6CAAA,CAA6C;AAAA,cACrD,gBAAAA,EAAC,QAAA,EAAK,GAAE,0WAAA,CAA0W;AAAA,YAAA,EAAA,CACpX;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAAA;"}

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const o=require("../../jsx-runtime-BJcCX4ED.cjs"),e=require("../../classix-5H4IWnMA.cjs"),i="_nav_tvxly_1",r="_horizontal_tvxly_11",c="_tabs_tvxly_18",v="_pills_tvxly_38",t={nav:i,horizontal:r,tabs:c,pills:v},_={default:"",tabs:t.tabs,pills:t.pills},u=({animation:s,children:l,horizontal:a=!1,variant:n="default"})=>o.jsxRuntimeExports.jsx("nav",{className:e.t(s&&s,a&&t.horizontal,t.nav,_[n]),"data-orientation":a?"horizontal":"vertical",children:l});exports.Nav=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const s=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),m=require("react"),v=require("../button/index.cjs"),d=require("../icon/index.cjs"),g=require("../input/index.cjs"),j="_nav_1es7u_1",S="_horizontal_1es7u_11",q="_tabs_1es7u_18",y="_pills_1es7u_39",p="_searching_1es7u_119",z="_search_1es7u_119",n={nav:j,horizontal:S,tabs:q,pills:y,searching:p,search:z},I={default:"",pills:n.pills,tabs:n.tabs},N=({animation:l,children:b,horizontal:o=!1,variant:u="default",...t})=>{const a=m.useRef(null),[c,r]=m.useState(t.isResultsPage??!1),x=t.isSearchable&&u==="pills";return s.jsxs("nav",{className:f.t(l&&l,o&&n.horizontal,c&&n.searching,n.nav,I[u]),"data-orientation":o?"horizontal":"vertical",children:[b,x&&s.jsxs("form",{onSubmit:e=>{var h,_;e.preventDefault();const i=((h=a.current)==null?void 0:h.value)??"";(_=t.onSearchSubmit)==null||_.call(t,i)},children:[s.jsx(g.Input,{ref:a,onKeyDown:e=>{e.key==="Escape"&&(r(!1),a.current&&(a.current.value=""))}}),c&&s.jsx(v.Button,{variant:"minimal",onClick:()=>r(!1),children:s.jsx(d.Icon,{name:"x"})}),s.jsx(v.Button,{className:f.t(n.search),onClick:e=>{var i;c||(e==null||e.preventDefault(),r(!0),(i=a.current)==null||i.focus())},type:"submit",variant:"minimal",children:s.jsx(d.Icon,{name:"search",size:"medium",variant:c?"white":"default"})})]})]})};exports.Nav=N;
 //# sourceMappingURL=index.cjs.map

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":"iSAKMA,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,kBAAAA,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 { j as n } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index2.css';const i = "_nav_tvxly_1", v = "_horizontal_tvxly_11", _ = "_tabs_tvxly_18", e = "_pills_tvxly_38", t = {
-  nav: i,
-  horizontal: v,
-  tabs: _,
-  pills: e
-}, c = {
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import { useRef as p, useState as S } from "react";
+import { Button as v } from "../button/index.js";
+import { Icon as b } from "../icon/index.js";
+import { Input as z } from "../input/index.js";
+import '../../assets/index4.css';const x = "_nav_1es7u_1", y = "_horizontal_1es7u_11", k = "_tabs_1es7u_18", D = "_pills_1es7u_39", I = "_searching_1es7u_119", N = "_search_1es7u_119", t = {
+  nav: x,
+  horizontal: y,
+  tabs: k,
+  pills: D,
+  searching: I,
+  search: N
+}, R = {
   default: "",
-  tabs: t.tabs,
-  pills: t.pills
-}, b = ({ animation: s, children: l, horizontal: a = !1, variant: o = "default" }) => /* @__PURE__ */ n.jsx(
-  "nav",
-  {
-    className: r(
-      s && s,
-      a && t.horizontal,
-      t.nav,
-      c[o]
-    ),
-    "data-orientation": a ? "horizontal" : "vertical",
-    children: l
-  }
-);
+  pills: t.pills,
+  tabs: t.tabs
+}, P = ({
+  animation: c,
+  children: d,
+  horizontal: o = !1,
+  variant: u = "default",
+  ...a
+}) => {
+  const s = p(null), [r, l] = S(a.isResultsPage ?? !1), g = a.isSearchable && u === "pills";
+  return /* @__PURE__ */ f(
+    "nav",
+    {
+      className: _(
+        c && c,
+        o && t.horizontal,
+        r && t.searching,
+        t.nav,
+        R[u]
+      ),
+      "data-orientation": o ? "horizontal" : "vertical",
+      children: [
+        d,
+        g && /* @__PURE__ */ f(
+          "form",
+          {
+            onSubmit: (e) => {
+              var m, h;
+              e.preventDefault();
+              const i = ((m = s.current) == null ? void 0 : m.value) ?? "";
+              (h = a.onSearchSubmit) == null || h.call(a, i);
+            },
+            children: [
+              /* @__PURE__ */ n(
+                z,
+                {
+                  ref: s,
+                  onKeyDown: (e) => {
+                    e.key === "Escape" && (l(!1), s.current && (s.current.value = ""));
+                  }
+                }
+              ),
+              r && /* @__PURE__ */ n(
+                v,
+                {
+                  variant: "minimal",
+                  onClick: () => l(!1),
+                  children: /* @__PURE__ */ n(b, { name: "x" })
+                }
+              ),
+              /* @__PURE__ */ n(
+                v,
+                {
+                  className: _(t.search),
+                  onClick: (e) => {
+                    var i;
+                    r || (e == null || e.preventDefault(), l(!0), (i = s.current) == null || i.focus());
+                  },
+                  type: "submit",
+                  variant: "minimal",
+                  children: /* @__PURE__ */ n(
+                    b,
+                    {
+                      name: "search",
+                      size: "medium",
+                      variant: r ? "white" : "default"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  b as Nav
+  P 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,gBAErEC,gBAAAA,EAAAA;AAAAA,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","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,CAAC,MAAM;;AACf,gBAAE,eAAA;AACF,oBAAME,MAAQC,IAAAT,EAAe,YAAf,gBAAAS,EAAwB,UAAS;AAC/C,eAAAC,IAAAX,EAAM,mBAAN,QAAAW,EAAA,KAAAX,GAAuBS;AAAA,YACzB;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,KAAKZ;AAAA,kBACL,WAAW,CAAC,MAAM;AAChB,oBAAI,EAAE,QAAQ,aACZG,EAAa,EAAK,GAEdH,EAAe,YAASA,EAAe,QAAQ,QAAQ;AAAA,kBAE/D;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGDE,KACC,gBAAAS;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,SAAS,MAAMV,EAAa,EAAK;AAAA,kBAEjC,UAAA,gBAAAQ,EAACG,GAAA,EAAK,MAAM,IAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIrB,gBAAAH;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWN,EAAGd,EAAO,MAAM;AAAA,kBAC3B,SAAS,CAAC,MAAM;;AACd,oBAAIS,MAGF,eAAG,kBACHC,EAAa,EAAI,IACjBM,IAAAT,EAAe,YAAf,QAAAS,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,SAASZ,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/picture/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const n=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),s=require("react"),P=require("../button/index.cjs"),R=require("../dialog/index.cjs"),k=require("../dropzone/index.cjs"),C=require("../figure/index.cjs"),M=require("../icon/index.cjs"),N="_picture_1ou2v_1",T="_image_1ou2v_17",W="_dropzone_1ou2v_29",O="_visible_1ou2v_36",B="_hidden_1ou2v_41",H="_profile_1ou2v_58",t={picture:N,image:T,dropzone:W,visible:O,hidden:B,"preview-buttons":"_preview-buttons_1ou2v_47",profile:H},$={default:t.default,profile:t.profile},A=({source:a,alt:y,variant:f="default",...e})=>{const[q,u]=s.useState(e.placeholderSrc??a),[F,E]=s.useState(!1),[_,v]=s.useState(null),[U,o]=s.useState(!1),[r,m]=s.useState(!1),[p,c]=s.useState(null),x=e.minimumImagePixelWidth??400,h=e.minimumImagePixelHeight??400,L=s.useRef(null),w=s.useCallback(()=>{m(!1),v(null),u(a),c(null)},[a]),b=["image/jpeg","image/png","image/gif","image/webp","image/bmp","image/svg+xml","image/tiff"];s.useEffect(()=>{if(!a)return;u(a),m(!1);const i=new window.Image(0,0);i.src=a,i.srcset=e.srcSet??a,i.onload=()=>{E(!0)}},[a,e.srcSet]);const S=i=>{const l=i[0];if(!l)return;b.includes(l.type)||c("Unsupported file type. Please upload a valid image.");const j=new FileReader;j.onload=I=>{var z;const d=new window.Image;d.onload=()=>{var D;(d.width<x||d.height<h)&&c(`Image is too small. Minimum size is ${x}x${h}px.`),m(!0),u((D=I.target)==null?void 0:D.result)},d.src=(z=I.target)==null?void 0:z.result},j.readAsDataURL(l),v(l)};return n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:g.t(t.picture,$[f],r?t.previewing:""),onMouseEnter:()=>o(e.canEdit),onMouseLeave:()=>o(!1),onDragOver:i=>{i.preventDefault(),o(e.canEdit)},onDragLeave:()=>o(!1),onDrop:i=>{var l;i.preventDefault(),o(!1),e.canEdit&&S((l=i.dataTransfer)==null?void 0:l.files)},children:[r?null:n.jsx("div",{className:g.t(t.dropzone,U&&t.visible,e.canEdit?"":t.hidden),children:n.jsx(k.Dropzone,{onUpload:i=>{S(i)},mimeTypes:b,inputId:e.inputId})}),f==="profile"&&!a?n.jsx(M.Icon,{name:"user"}):n.jsxs(C.Figure,{label:e.caption,children:[n.jsx("img",{src:q,srcSet:e.srcSet,sizes:e.sizes,alt:y,className:g.t(t.image,r?t.previewing:"",F?"":"loading"),loading:"lazy",ref:L}),r&&n.jsxs("div",{className:t["preview-buttons"],children:[n.jsx(P.Button,{label:"Save",loading:e.isUploading,onClick:()=>{_&&e.handleUpload&&e.handleUpload(_)},variant:"primary"}),n.jsx(P.Button,{label:"Cancel",onClick:()=>w()})]})]})]}),n.jsx(R.Dialog,{open:!!p,button:"Ok",message:p,onSubmit:()=>{c(null),w()}})]})};exports.Picture=A;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/picture/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Dialog } from '@/components/dialog';\nimport { Dropzone } from '@/components/dropzone';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  profile: styles.profile,\n};\n\nexport type ImageProps = {\n  alt: string;\n  canEdit: boolean;\n  caption?: string;\n  handleUpload?: (imageFile: File) => void;\n  inputId?: string;\n  isUploading?: boolean;\n  minimumImagePixelHeight?: number;\n  minimumImagePixelWidth?: number;\n  placeholderSrc?: string;\n  sizes?: string;\n  source?: string;\n  srcSet?: string;\n  variant?: keyof typeof variants;\n};\n\nexport const Picture = ({ source, alt, variant = 'default', ...props }: ImageProps) => {\n  const [imageSrc, setImageSrc] = useState(props.placeholderSrc ?? source);\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const [pendingFile, setPendingFile] = useState<File | null>(null);\n  const [showDropzone, setShowDropzone] = useState(false);\n  const [isPreviewing, setIsPreviewing] = useState(false);\n  const [dialogWarning, setDialogWarning] = useState<string | null>(null);\n\n  const minimumImagePixelWidth = props.minimumImagePixelWidth ?? 400;\n  const minimumImagePixelHeight = props.minimumImagePixelHeight ?? 400;\n  const imgRef = useRef<HTMLImageElement>(null);\n\n  const reset = useCallback(() => {\n    setIsPreviewing(false);\n    setPendingFile(null);\n    setImageSrc(source);\n    setDialogWarning(null);\n  }, [source]);\n\n  const allowedImageFileTypes = [\n    'image/jpeg',\n    'image/png',\n    'image/gif',\n    'image/webp',\n    'image/bmp',\n    'image/svg+xml',\n    'image/tiff',\n  ];\n\n  useEffect(() => {\n    if (!source) {\n      return;\n    }\n\n    setImageSrc(source);\n    setIsPreviewing(false);\n    const img = new window.Image(0, 0);\n    img.src = source;\n    img.srcset = props.srcSet ?? source;\n    img.onload = () => {\n      setImageLoaded(true);\n    };\n  }, [source, props.srcSet]);\n\n  const handleFiles = (files: FileList | File[]) => {\n    const file = files[0];\n    if (!file) return;\n\n    if (!allowedImageFileTypes.includes(file.type)) {\n      setDialogWarning('Unsupported file type. Please upload a valid image.');\n    }\n\n    const reader = new FileReader();\n    reader.onload = (event) => {\n      const img = new window.Image();\n      img.onload = () => {\n        if (img.width < minimumImagePixelWidth || img.height < minimumImagePixelHeight) {\n          setDialogWarning(\n            `Image is too small. Minimum size is ${minimumImagePixelWidth}x${minimumImagePixelHeight}px.`\n          );\n        }\n        setIsPreviewing(true);\n        setImageSrc(event.target?.result as string);\n      };\n      img.src = event.target?.result as string;\n    };\n    reader.readAsDataURL(file);\n    setPendingFile(file);\n  };\n\n  return (\n    <>\n      <div\n        className={cx(styles.picture, variants[variant], isPreviewing ? styles.previewing : '')}\n        onMouseEnter={() => setShowDropzone(props.canEdit)}\n        onMouseLeave={() => setShowDropzone(false)}\n        onDragOver={(e) => {\n          e.preventDefault();\n          setShowDropzone(props.canEdit);\n        }}\n        onDragLeave={() => setShowDropzone(false)}\n        onDrop={(e) => {\n          e.preventDefault();\n          setShowDropzone(false);\n          if (props.canEdit) {\n            handleFiles(e.dataTransfer?.files);\n          }\n        }}\n      >\n        {isPreviewing ? null : (\n          <div\n            className={cx(\n              styles.dropzone,\n              showDropzone && styles.visible,\n              props.canEdit ? '' : styles.hidden\n            )}\n          >\n            <Dropzone\n              onUpload={(files) => {\n                handleFiles(files);\n              }}\n              mimeTypes={allowedImageFileTypes}\n              inputId={props.inputId}\n            />\n          </div>\n        )}\n\n        {variant === 'profile' && !source ? (\n          <Icon name={'user'} />\n        ) : (\n          <Figure label={props.caption}>\n            <img\n              src={imageSrc}\n              srcSet={props.srcSet}\n              sizes={props.sizes}\n              alt={alt}\n              className={cx(\n                styles.image,\n                isPreviewing ? styles.previewing : '',\n                imageLoaded ? '' : 'loading'\n              )}\n              loading={'lazy'}\n              ref={imgRef}\n            />\n            {isPreviewing && (\n              <div className={styles['preview-buttons']}>\n                <Button\n                  label={'Save'}\n                  loading={props.isUploading}\n                  onClick={() => {\n                    if (pendingFile && props.handleUpload) {\n                      props.handleUpload(pendingFile);\n                    }\n                  }}\n                  variant={'primary'}\n                />\n                <Button\n                  label={'Cancel'}\n                  onClick={() => reset()}\n                />\n              </div>\n            )}\n          </Figure>\n        )}\n      </div>\n\n      <Dialog\n        open={!!dialogWarning}\n        button={'Ok'}\n        message={dialogWarning!}\n        onSubmit={() => {\n          setDialogWarning(null);\n          reset();\n        }}\n      />\n    </>\n  );\n};\n"],"names":["variants","styles","Picture","source","alt","variant","props","imageSrc","setImageSrc","useState","imageLoaded","setImageLoaded","pendingFile","setPendingFile","showDropzone","setShowDropzone","isPreviewing","setIsPreviewing","dialogWarning","setDialogWarning","minimumImagePixelWidth","minimumImagePixelHeight","imgRef","useRef","reset","useCallback","allowedImageFileTypes","useEffect","img","handleFiles","files","file","reader","event","_a","jsxs","Fragment","cx","e","jsx","Dropzone","Icon","Figure","Button","Dialog"],"mappings":"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"}