@solibo/solibo-ui 0.2.13 → 0.2.15

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const r=require("../../jsx-runtime-BJcCX4ED.cjs"),s="_figure_b0otf_1",i={figure:s},u=({children:e,label:t})=>r.jsxRuntimeExports.jsxs("figure",{className:i.figure,children:[e&&e,t&&r.jsxRuntimeExports.jsx("figcaption",{children:t})]});exports.Figure=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const i=require("react/jsx-runtime"),s="_figure_11j06_1",t={figure:s},u=({children:e,label:r})=>i.jsxs("figure",{className:t.figure,children:[e&&e,r&&i.jsx("figcaption",{children:r})]});exports.Figure=u;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":"mKAOaA,EAAS,CAAC,CAAE,SAAAC,EAAU,MAAAC,KAE/BC,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACvB,SAAA,CAAAH,GAAYA,EACZC,GAASG,EAAAA,kBAAAA,IAAC,aAAA,CAAY,SAAAH,CAAA,CAAM,CAAA,EAC/B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":"sJAOaA,EAAS,CAAC,CAAE,SAAAC,EAAU,MAAAC,KAE/BC,EAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACvB,SAAA,CAAAH,GAAYA,EACZC,GAASG,EAAAA,IAAC,aAAA,CAAY,SAAAH,CAAA,CAAM,CAAA,EAC/B"}

package/dist/components/figure/index.js

@@ -1,11 +1,11 @@
-import { j as e } from "../../jsx-runtime-CDbhiqmm.js";
-import '../../assets/index5.css';const i = "_figure_b0otf_1", t = {
-  figure: i
-}, f = ({ children: r, label: s }) => /* @__PURE__ */ e.jsxs("figure", { className: t.figure, children: [
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import '../../assets/index11.css';const t = "_figure_11j06_1", f = {
+  figure: t
+}, o = ({ children: r, label: e }) => /* @__PURE__ */ i("figure", { className: f.figure, children: [
   r && r,
-  s && /* @__PURE__ */ e.jsx("figcaption", { children: s })
+  e && /* @__PURE__ */ s("figcaption", { children: e })
 ] });
 export {
-  f as Figure
+  o as Figure
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":";;;GAOaA,IAAS,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE/BC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAAH,KAAYA;AAAA,EACZC,KAASG,gBAAAA,EAAAA,IAAC,cAAA,EAAY,UAAAH,EAAA,CAAM;AAAA,GAC/B;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n  children?: React.ReactNode;\n  label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n  return (\n    <figure className={styles.figure}>\n      {children && children}\n      {label && <figcaption>{label}</figcaption>}\n    </figure>\n  );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":";;;GAOaA,IAAS,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE/B,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAAH,KAAYA;AAAA,EACZC,KAAS,gBAAAG,EAAC,cAAA,EAAY,UAAAH,EAAA,CAAM;AAAA,GAC/B;"}

package/dist/components/footer/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const t=require("react/jsx-runtime"),r="_footer_18shx_1",s={footer:r},n=({children:o,...e})=>t.jsx("footer",{className:s.footer,...e,children:o});exports.Footer=n;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/footer/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const Footer = ({ children, ...props }: FooterProps) => {\n  return (\n    <footer\n      className={styles.footer}\n      {...props}\n    >\n      {children}\n    </footer>\n  );\n};\n"],"names":["Footer","children","props","jsx","styles"],"mappings":"sJAMaA,EAAS,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAElCC,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAO,OACjB,GAAGF,EAEH,SAAAD,CAAA,CAAA"}

package/dist/components/footer/index.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import '../../assets/index10.css';const e = "_footer_18shx_1", s = {
+  footer: e
+}, c = ({ children: o, ...t }) => /* @__PURE__ */ r(
+  "footer",
+  {
+    className: s.footer,
+    ...t,
+    children: o
+  }
+);
+export {
+  c as Footer
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/footer/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const Footer = ({ children, ...props }: FooterProps) => {\n  return (\n    <footer\n      className={styles.footer}\n      {...props}\n    >\n      {children}\n    </footer>\n  );\n};\n"],"names":["Footer","children","props","jsx","styles"],"mappings":";;;GAMaA,IAAS,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAElC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}

package/dist/components/form/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_form_1akkl_1",c="_inline_1akkl_23",s={form:l,inline:c},m=({animation:e,children:r,inline:n=!1,...o})=>t.jsx("form",{className:i.t(e&&e,n&&s.inline,s.form),...o,children:r&&r});exports.Form=m;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","jsx","cx","styles"],"mappings":"wNAWaA,EAAO,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAS,GAAO,GAAGC,KAE3DC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGL,GAAaA,EAAWE,GAAUI,EAAO,OAAQA,EAAO,IAAI,EACzE,GAAGH,EAEH,SAAAF,GAAYA,CAAA,CAAA"}

package/dist/components/form/index.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import '../../assets/index9.css';const t = "_form_1akkl_1", f = "_inline_1akkl_23", n = {
+  form: t,
+  inline: f
+}, c = ({ animation: o, children: r, inline: m = !1, ...s }) => /* @__PURE__ */ e(
+  "form",
+  {
+    className: l(o && o, m && n.inline, n.form),
+    ...s,
+    children: r && r
+  }
+);
+export {
+  c as Form
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n  animation?: AnimationName;\n  children?: React.ReactNode;\n  inline?: boolean;\n};\n\nexport const Form = ({ animation, children, inline = false, ...props }: FormProps) => {\n  return (\n    <form\n      className={cx(animation && animation, inline && styles.inline, styles.form)}\n      {...props}\n    >\n      {children && children}\n    </form>\n  );\n};\n"],"names":["Form","animation","children","inline","props","jsx","cx","styles"],"mappings":";;;;;GAWaA,IAAO,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,QAAAC,IAAS,IAAO,GAAGC,QAE3D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGL,KAAaA,GAAWE,KAAUI,EAAO,QAAQA,EAAO,IAAI;AAAA,IACzE,GAAGH;AAAA,IAEH,UAAAF,KAAYA;AAAA,EAAA;AAAA;"}

package/dist/components/grid/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const i=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),c=require("react"),D=require("../button/index.cjs"),S="_grid_1x08g_1",q="_items_1x08g_8",E="_controls_1x08g_19",O="_item_1x08g_8",d={grid:S,items:q,"item-container":"_item-container_1x08g_14",controls:E,"active-controls":"_active-controls_1x08g_27",item:O,"arrow-button-up":"_arrow-button-up_1x08g_59"},I=({canRearrange:o=!1,className:j,columns:p,items:a=[],onRearrange:r,...C})=>{const[b,h]=c.useState(a),m=c.useRef(null),v=c.useRef(null);c.useEffect(()=>{const t=a.map(n=>n.id),e=v.current;e&&e.length===t.length&&e.every((n,s)=>n===t[s])||(v.current=t,h(a))},[a]);const k=c.useCallback(t=>e=>{!o||!e.dataTransfer||(m.current=t,e.dataTransfer.effectAllowed="move")},[o]),w=c.useCallback(t=>{!o||!t.dataTransfer||(t.preventDefault(),t.dataTransfer.dropEffect="move")},[o]),y=c.useCallback(t=>e=>{if(!o)return;e.preventDefault();const n=m.current;n===null||n===t||(h(s=>{if(n<0||n>=s.length||t<0||t>s.length)return s;const l=[...s],[u]=l.splice(n,1);if(!u)return s;const f=Math.max(0,Math.min(t,l.length)),_=n<t?Math.min(f,l.length):f;return l.splice(_,0,u),r==null||r(l.map((T,N)=>({id:T.id,index:N}))),l}),m.current=null)},[o,r]),M=c.useCallback(()=>m.current=null,[]),x=c.useCallback((t,e)=>{h(n=>{const s=e==="up"?t-1:t+1;if(s<0||s>=n.length)return n;const l=[...n],[u]=l.splice(t,1);return u?(l.splice(s,0,u),r==null||r(l.map((f,_)=>({id:f.id,index:_}))),l):n})},[r]);return i.jsx("div",{className:g.t(d.grid,j),...C,children:i.jsx("div",{className:d.items,style:p?{gridTemplateColumns:`repeat(${p}, 1fr)`}:{},children:b.map((t,e)=>i.jsxs("div",{className:d["item-container"],children:[i.jsx("div",{className:d.item,"data-grid-id":t.id,draggable:o,onDragEnd:M,onDragOver:w,onDragStart:k(e),onDrop:y(e),children:t.component}),i.jsxs("div",{className:g.t(d.controls,o&&d["active-controls"]),children:[e>0&&i.jsx(D.Button,{"aria-label":"Move item up",variant:"minimal",className:d["arrow-button-up"],"data-direction":"up",type:"button",icon:"chevron",onClick:()=>x(e,"up")}),e<b.length-1&&i.jsx(D.Button,{"aria-label":"Move item down",variant:"minimal","data-direction":"down",type:"button",icon:"chevron",onClick:()=>x(e,"down")})]})]},t.id))})})};exports.Grid=I;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/grid/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\n\nimport styles from './styles.module.css';\n\nexport type GridItem = {\n  component: React.ReactNode;\n  id: number;\n};\n\ntype DivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type GridProps = DivProps & {\n  canRearrange?: boolean;\n  columns?: number;\n  items: GridItem[];\n  onRearrange?: (items: Array<{ id: number; index: number }>) => void;\n};\n\nexport const Grid = ({\n  canRearrange = false,\n  className,\n  columns,\n  items = [],\n  onRearrange,\n  ...props\n}: GridProps) => {\n  const [orderedItems, setOrderedItems] = useState<GridItem[]>(items);\n  const dragIndexRef = useRef<number | null>(null);\n  const previousItemIdsRef = useRef<number[]>(null);\n\n  useEffect(() => {\n    const nextItemIds = items.map((item) => item.id);\n    const previousItemIds = previousItemIdsRef.current;\n\n    if (\n      previousItemIds &&\n      previousItemIds.length === nextItemIds.length &&\n      previousItemIds.every((id, index) => id === nextItemIds[index])\n    ) {\n      return;\n    }\n\n    previousItemIdsRef.current = nextItemIds;\n    setOrderedItems(items);\n  }, [items]);\n\n  const handleDragStart = useCallback(\n    (index: number) => (event: React.DragEvent<HTMLDivElement>) => {\n      if (!canRearrange || !event.dataTransfer) {\n        return;\n      }\n\n      dragIndexRef.current = index;\n      event.dataTransfer.effectAllowed = 'move';\n    },\n    [canRearrange]\n  );\n\n  const handleDragOver = useCallback(\n    (event: React.DragEvent<HTMLDivElement>) => {\n      if (!canRearrange || !event.dataTransfer) {\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'move';\n    },\n    [canRearrange]\n  );\n\n  const handleDrop = useCallback(\n    (targetIndex: number) => (event: React.DragEvent<HTMLDivElement>) => {\n      if (!canRearrange) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const fromIndex = dragIndexRef.current;\n\n      if (fromIndex === null || fromIndex === targetIndex) {\n        return;\n      }\n\n      setOrderedItems((previousItems) => {\n        if (\n          fromIndex < 0 ||\n          fromIndex >= previousItems.length ||\n          targetIndex < 0 ||\n          targetIndex > previousItems.length\n        ) {\n          return previousItems;\n        }\n\n        const nextItems = [...previousItems];\n        const [movedItem] = nextItems.splice(fromIndex, 1);\n\n        if (!movedItem) {\n          return previousItems;\n        }\n\n        const boundedTarget = Math.max(0, Math.min(targetIndex, nextItems.length));\n        const nextIndex =\n          fromIndex < targetIndex ? Math.min(boundedTarget, nextItems.length) : boundedTarget;\n\n        nextItems.splice(nextIndex, 0, movedItem);\n\n        onRearrange?.(\n          nextItems.map((item, index) => ({\n            id: item.id,\n            index,\n          }))\n        );\n\n        return nextItems;\n      });\n\n      dragIndexRef.current = null;\n    },\n    [canRearrange, onRearrange]\n  );\n\n  const handleDragEnd = useCallback(() => (dragIndexRef.current = null), []);\n\n  const handleMove = useCallback(\n    (fromIndex: number, direction: 'up' | 'down') => {\n      setOrderedItems((previousItems) => {\n        const targetIndex = direction === 'up' ? fromIndex - 1 : fromIndex + 1;\n\n        if (targetIndex < 0 || targetIndex >= previousItems.length) {\n          return previousItems;\n        }\n\n        const nextItems = [...previousItems];\n        const [movedItem] = nextItems.splice(fromIndex, 1);\n\n        if (!movedItem) {\n          return previousItems;\n        }\n\n        nextItems.splice(targetIndex, 0, movedItem);\n\n        onRearrange?.(\n          nextItems.map((item, index) => ({\n            id: item.id,\n            index,\n          }))\n        );\n\n        return nextItems;\n      });\n    },\n    [onRearrange]\n  );\n\n  return (\n    <div\n      className={cx(styles.grid, className)}\n      {...props}\n    >\n      <div\n        className={styles.items}\n        style={columns ? { gridTemplateColumns: `repeat(${columns}, 1fr)` } : {}}\n      >\n        {orderedItems.map((item, index) => (\n          <div\n            key={item.id}\n            className={styles['item-container']}\n          >\n            <div\n              className={styles.item}\n              data-grid-id={item.id}\n              draggable={canRearrange}\n              onDragEnd={handleDragEnd}\n              onDragOver={handleDragOver}\n              onDragStart={handleDragStart(index)}\n              onDrop={handleDrop(index)}\n            >\n              {item.component}\n            </div>\n\n            <div className={cx(styles.controls, canRearrange && styles['active-controls'])}>\n              {index > 0 && (\n                <Button\n                  aria-label='Move item up'\n                  variant='minimal'\n                  className={styles['arrow-button-up']}\n                  data-direction='up'\n                  type='button'\n                  icon='chevron'\n                  onClick={() => handleMove(index, 'up')}\n                />\n              )}\n              {index < orderedItems.length - 1 && (\n                <Button\n                  aria-label='Move item down'\n                  variant='minimal'\n                  data-direction='down'\n                  type='button'\n                  icon='chevron'\n                  onClick={() => handleMove(index, 'down')}\n                />\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["Grid","canRearrange","className","columns","items","onRearrange","props","orderedItems","setOrderedItems","useState","dragIndexRef","useRef","previousItemIdsRef","useEffect","nextItemIds","item","previousItemIds","id","index","handleDragStart","useCallback","event","handleDragOver","handleDrop","targetIndex","fromIndex","previousItems","nextItems","movedItem","boundedTarget","nextIndex","handleDragEnd","handleMove","direction","jsx","cx","styles","jsxs","Button"],"mappings":"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"}

package/dist/components/grid/index.js

@@ -0,0 +1,140 @@
+import { jsx as d, jsxs as D } from "react/jsx-runtime";
+import { t as x } from "../../classix-DG18itHa.js";
+import { useState as S, useRef as w, useEffect as j, useCallback as m } from "react";
+import { Button as M } from "../button/index.js";
+import '../../assets/index8.css';const A = "_grid_1x08g_1", B = "_items_1x08g_8", G = "_controls_1x08g_19", $ = "_item_1x08g_8", c = {
+  grid: A,
+  items: B,
+  "item-container": "_item-container_1x08g_14",
+  controls: G,
+  "active-controls": "_active-controls_1x08g_27",
+  item: $,
+  "arrow-button-up": "_arrow-button-up_1x08g_59"
+}, J = ({
+  canRearrange: i = !1,
+  className: N,
+  columns: _,
+  items: a = [],
+  onRearrange: l,
+  ...T
+}) => {
+  const [v, p] = S(a), u = w(null), b = w(null);
+  j(() => {
+    const t = a.map((o) => o.id), n = b.current;
+    n && n.length === t.length && n.every((o, r) => o === t[r]) || (b.current = t, p(a));
+  }, [a]);
+  const y = m(
+    (t) => (n) => {
+      !i || !n.dataTransfer || (u.current = t, n.dataTransfer.effectAllowed = "move");
+    },
+    [i]
+  ), C = m(
+    (t) => {
+      !i || !t.dataTransfer || (t.preventDefault(), t.dataTransfer.dropEffect = "move");
+    },
+    [i]
+  ), E = m(
+    (t) => (n) => {
+      if (!i)
+        return;
+      n.preventDefault();
+      const o = u.current;
+      o === null || o === t || (p((r) => {
+        if (o < 0 || o >= r.length || t < 0 || t > r.length)
+          return r;
+        const e = [...r], [s] = e.splice(o, 1);
+        if (!s)
+          return r;
+        const f = Math.max(0, Math.min(t, e.length)), h = o < t ? Math.min(f, e.length) : f;
+        return e.splice(h, 0, s), l == null || l(
+          e.map((I, O) => ({
+            id: I.id,
+            index: O
+          }))
+        ), e;
+      }), u.current = null);
+    },
+    [i, l]
+  ), k = m(() => u.current = null, []), g = m(
+    (t, n) => {
+      p((o) => {
+        const r = n === "up" ? t - 1 : t + 1;
+        if (r < 0 || r >= o.length)
+          return o;
+        const e = [...o], [s] = e.splice(t, 1);
+        return s ? (e.splice(r, 0, s), l == null || l(
+          e.map((f, h) => ({
+            id: f.id,
+            index: h
+          }))
+        ), e) : o;
+      });
+    },
+    [l]
+  );
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: x(c.grid, N),
+      ...T,
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          className: c.items,
+          style: _ ? { gridTemplateColumns: `repeat(${_}, 1fr)` } : {},
+          children: v.map((t, n) => /* @__PURE__ */ D(
+            "div",
+            {
+              className: c["item-container"],
+              children: [
+                /* @__PURE__ */ d(
+                  "div",
+                  {
+                    className: c.item,
+                    "data-grid-id": t.id,
+                    draggable: i,
+                    onDragEnd: k,
+                    onDragOver: C,
+                    onDragStart: y(n),
+                    onDrop: E(n),
+                    children: t.component
+                  }
+                ),
+                /* @__PURE__ */ D("div", { className: x(c.controls, i && c["active-controls"]), children: [
+                  n > 0 && /* @__PURE__ */ d(
+                    M,
+                    {
+                      "aria-label": "Move item up",
+                      variant: "minimal",
+                      className: c["arrow-button-up"],
+                      "data-direction": "up",
+                      type: "button",
+                      icon: "chevron",
+                      onClick: () => g(n, "up")
+                    }
+                  ),
+                  n < v.length - 1 && /* @__PURE__ */ d(
+                    M,
+                    {
+                      "aria-label": "Move item down",
+                      variant: "minimal",
+                      "data-direction": "down",
+                      type: "button",
+                      icon: "chevron",
+                      onClick: () => g(n, "down")
+                    }
+                  )
+                ] })
+              ]
+            },
+            t.id
+          ))
+        }
+      )
+    }
+  );
+};
+export {
+  J as Grid
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/grid/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\n\nimport styles from './styles.module.css';\n\nexport type GridItem = {\n  component: React.ReactNode;\n  id: number;\n};\n\ntype DivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type GridProps = DivProps & {\n  canRearrange?: boolean;\n  columns?: number;\n  items: GridItem[];\n  onRearrange?: (items: Array<{ id: number; index: number }>) => void;\n};\n\nexport const Grid = ({\n  canRearrange = false,\n  className,\n  columns,\n  items = [],\n  onRearrange,\n  ...props\n}: GridProps) => {\n  const [orderedItems, setOrderedItems] = useState<GridItem[]>(items);\n  const dragIndexRef = useRef<number | null>(null);\n  const previousItemIdsRef = useRef<number[]>(null);\n\n  useEffect(() => {\n    const nextItemIds = items.map((item) => item.id);\n    const previousItemIds = previousItemIdsRef.current;\n\n    if (\n      previousItemIds &&\n      previousItemIds.length === nextItemIds.length &&\n      previousItemIds.every((id, index) => id === nextItemIds[index])\n    ) {\n      return;\n    }\n\n    previousItemIdsRef.current = nextItemIds;\n    setOrderedItems(items);\n  }, [items]);\n\n  const handleDragStart = useCallback(\n    (index: number) => (event: React.DragEvent<HTMLDivElement>) => {\n      if (!canRearrange || !event.dataTransfer) {\n        return;\n      }\n\n      dragIndexRef.current = index;\n      event.dataTransfer.effectAllowed = 'move';\n    },\n    [canRearrange]\n  );\n\n  const handleDragOver = useCallback(\n    (event: React.DragEvent<HTMLDivElement>) => {\n      if (!canRearrange || !event.dataTransfer) {\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'move';\n    },\n    [canRearrange]\n  );\n\n  const handleDrop = useCallback(\n    (targetIndex: number) => (event: React.DragEvent<HTMLDivElement>) => {\n      if (!canRearrange) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const fromIndex = dragIndexRef.current;\n\n      if (fromIndex === null || fromIndex === targetIndex) {\n        return;\n      }\n\n      setOrderedItems((previousItems) => {\n        if (\n          fromIndex < 0 ||\n          fromIndex >= previousItems.length ||\n          targetIndex < 0 ||\n          targetIndex > previousItems.length\n        ) {\n          return previousItems;\n        }\n\n        const nextItems = [...previousItems];\n        const [movedItem] = nextItems.splice(fromIndex, 1);\n\n        if (!movedItem) {\n          return previousItems;\n        }\n\n        const boundedTarget = Math.max(0, Math.min(targetIndex, nextItems.length));\n        const nextIndex =\n          fromIndex < targetIndex ? Math.min(boundedTarget, nextItems.length) : boundedTarget;\n\n        nextItems.splice(nextIndex, 0, movedItem);\n\n        onRearrange?.(\n          nextItems.map((item, index) => ({\n            id: item.id,\n            index,\n          }))\n        );\n\n        return nextItems;\n      });\n\n      dragIndexRef.current = null;\n    },\n    [canRearrange, onRearrange]\n  );\n\n  const handleDragEnd = useCallback(() => (dragIndexRef.current = null), []);\n\n  const handleMove = useCallback(\n    (fromIndex: number, direction: 'up' | 'down') => {\n      setOrderedItems((previousItems) => {\n        const targetIndex = direction === 'up' ? fromIndex - 1 : fromIndex + 1;\n\n        if (targetIndex < 0 || targetIndex >= previousItems.length) {\n          return previousItems;\n        }\n\n        const nextItems = [...previousItems];\n        const [movedItem] = nextItems.splice(fromIndex, 1);\n\n        if (!movedItem) {\n          return previousItems;\n        }\n\n        nextItems.splice(targetIndex, 0, movedItem);\n\n        onRearrange?.(\n          nextItems.map((item, index) => ({\n            id: item.id,\n            index,\n          }))\n        );\n\n        return nextItems;\n      });\n    },\n    [onRearrange]\n  );\n\n  return (\n    <div\n      className={cx(styles.grid, className)}\n      {...props}\n    >\n      <div\n        className={styles.items}\n        style={columns ? { gridTemplateColumns: `repeat(${columns}, 1fr)` } : {}}\n      >\n        {orderedItems.map((item, index) => (\n          <div\n            key={item.id}\n            className={styles['item-container']}\n          >\n            <div\n              className={styles.item}\n              data-grid-id={item.id}\n              draggable={canRearrange}\n              onDragEnd={handleDragEnd}\n              onDragOver={handleDragOver}\n              onDragStart={handleDragStart(index)}\n              onDrop={handleDrop(index)}\n            >\n              {item.component}\n            </div>\n\n            <div className={cx(styles.controls, canRearrange && styles['active-controls'])}>\n              {index > 0 && (\n                <Button\n                  aria-label='Move item up'\n                  variant='minimal'\n                  className={styles['arrow-button-up']}\n                  data-direction='up'\n                  type='button'\n                  icon='chevron'\n                  onClick={() => handleMove(index, 'up')}\n                />\n              )}\n              {index < orderedItems.length - 1 && (\n                <Button\n                  aria-label='Move item down'\n                  variant='minimal'\n                  data-direction='down'\n                  type='button'\n                  icon='chevron'\n                  onClick={() => handleMove(index, 'down')}\n                />\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["Grid","canRearrange","className","columns","items","onRearrange","props","orderedItems","setOrderedItems","useState","dragIndexRef","useRef","previousItemIdsRef","useEffect","nextItemIds","item","previousItemIds","id","index","handleDragStart","useCallback","event","handleDragOver","handleDrop","targetIndex","fromIndex","previousItems","nextItems","movedItem","boundedTarget","nextIndex","handleDragEnd","handleMove","direction","jsx","cx","styles","jsxs","Button"],"mappings":"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"}

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),n="_header_1xswd_1",o={header:n},x=({children:r,size:t=1,label:a="Header",subtitle:s})=>{const d=`h${t}`;return e.jsxRuntimeExports.jsxs("header",{className:o.header,children:[e.jsxRuntimeExports.jsx(d,{children:a}),s&&e.jsxRuntimeExports.jsx("p",{children:s}),r&&r]})};exports.Header=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const r=require("react/jsx-runtime"),n="_header_104ft_1",u={header:n},c=({children:s,size:a=1,label:d="Header",...e})=>{const t=`h${a}`;return r.jsxs("header",{className:u.header,children:[e.superHeader&&r.jsx("sup",{children:e.superHeader}),d&&r.jsx(t,{children:d}),e.subHeader&&r.jsx("sub",{children:e.subHeader}),s&&s]})};exports.Header=c;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label: string;\n  size?: 1 | 2 | 3;\n  subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      <HeaderTag>{label}</HeaderTag>\n      {subtitle && <p>{subtitle}</p>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":"mKAWaA,EAAS,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,EAAG,MAAAC,EAAQ,SAAU,SAAAC,KAA4B,CACzF,MAAMC,EAAY,IAAIH,CAAI,GAE1B,OACEI,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACxB,SAAA,CAAAC,EAAAA,kBAAAA,IAACH,GAAW,SAAAF,CAAA,CAAM,EACjBC,GAAYI,EAAAA,kBAAAA,IAAC,IAAA,CAAG,SAAAJ,CAAA,CAAS,EACzBH,GAAYA,CAAA,EACf,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label?: string;\n  size?: 1 | 2 | 3;\n  superHeader?: string;\n  subHeader?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', ...props }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      {props.superHeader && <sup>{props.superHeader}</sup>}\n      {label && <HeaderTag>{label}</HeaderTag>}\n      {props.subHeader && <sub>{props.subHeader}</sub>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","props","HeaderTag","jsxs","styles","jsx"],"mappings":"sJAYaA,EAAS,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,EAAG,MAAAC,EAAQ,SAAU,GAAGC,KAAyB,CACzF,MAAMC,EAAY,IAAIH,CAAI,GAE1B,OACEI,EAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACvB,SAAA,CAAAH,EAAM,aAAeI,MAAC,MAAA,CAAK,SAAAJ,EAAM,YAAY,EAC7CD,GAASK,EAAAA,IAACH,EAAA,CAAW,SAAAF,CAAA,CAAM,EAC3BC,EAAM,WAAaI,MAAC,MAAA,CAAK,WAAM,UAAU,EACzCP,GAAYA,CAAA,EACf,CAEJ"}

package/dist/components/header/index.js

@@ -1,15 +1,16 @@
-import { j as e } from "../../jsx-runtime-CDbhiqmm.js";
-import '../../assets/index12.css';const n = "_header_1xswd_1", o = {
-  header: n
-}, c = ({ children: r, size: a = 1, label: d = "Header", subtitle: s }) => {
-  const h = `h${a}`;
-  return /* @__PURE__ */ e.jsxs("header", { className: o.header, children: [
-    /* @__PURE__ */ e.jsx(h, { children: d }),
-    s && /* @__PURE__ */ e.jsx("p", { children: s }),
-    r && r
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import '../../assets/index21.css';const c = "_header_104ft_1", n = {
+  header: c
+}, H = ({ children: d, size: s = 1, label: a = "Header", ...e }) => {
+  const h = `h${s}`;
+  return /* @__PURE__ */ t("header", { className: n.header, children: [
+    e.superHeader && /* @__PURE__ */ r("sup", { children: e.superHeader }),
+    a && /* @__PURE__ */ r(h, { children: a }),
+    e.subHeader && /* @__PURE__ */ r("sub", { children: e.subHeader }),
+    d && d
   ] });
 };
 export {
-  c as Header
+  H as Header
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label: string;\n  size?: 1 | 2 | 3;\n  subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      <HeaderTag>{label}</HeaderTag>\n      {subtitle && <p>{subtitle}</p>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":";;;GAWaA,IAAS,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,GAAG,OAAAC,IAAQ,UAAU,UAAAC,QAA4B;AACzF,QAAMC,IAAY,IAAIH,CAAI;AAE1B,SACEI,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWC,EAAO,QACxB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACH,KAAW,UAAAF,EAAA,CAAM;AAAA,IACjBC,KAAYI,gBAAAA,EAAAA,IAAC,KAAA,EAAG,UAAAJ,EAAA,CAAS;AAAA,IACzBH,KAAYA;AAAA,EAAA,GACf;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n  children?: React.ReactNode;\n  label?: string;\n  size?: 1 | 2 | 3;\n  superHeader?: string;\n  subHeader?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', ...props }: HeaderProps) => {\n  const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n  return (\n    <header className={styles.header}>\n      {props.superHeader && <sup>{props.superHeader}</sup>}\n      {label && <HeaderTag>{label}</HeaderTag>}\n      {props.subHeader && <sub>{props.subHeader}</sub>}\n      {children && children}\n    </header>\n  );\n};\n"],"names":["Header","children","size","label","props","HeaderTag","jsxs","styles","jsx"],"mappings":";;;GAYaA,IAAS,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,GAAG,OAAAC,IAAQ,UAAU,GAAGC,QAAyB;AACzF,QAAMC,IAAY,IAAIH,CAAI;AAE1B,SACE,gBAAAI,EAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,IAAAH,EAAM,eAAe,gBAAAI,EAAC,OAAA,EAAK,UAAAJ,EAAM,aAAY;AAAA,IAC7CD,KAAS,gBAAAK,EAACH,GAAA,EAAW,UAAAF,EAAA,CAAM;AAAA,IAC3BC,EAAM,aAAa,gBAAAI,EAAC,OAAA,EAAK,YAAM,WAAU;AAAA,IACzCP,KAAYA;AAAA,EAAA,GACf;AAEJ;"}

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const t=require("../../jsx-runtime-BJcCX4ED.cjs"),r=require("../../classix-5H4IWnMA.cjs");function u(s){return`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${s}' /%3E%3C/svg%3E%0A")`}const i={bold:"M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z",chevron:"m19.5 8.25-7.5 7.5-7.5-7.5",home:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",italic:"M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803",link:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244",list:"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",search:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",x:"M6 18 18 6M6 6l12 12"},c="_icon_u4umi_1",h="_small_u4umi_8",d="_medium_u4umi_13",_="_large_u4umi_18",p="_dialog_u4umi_27",g="_white_u4umi_31",v="_wrapper_u4umi_35",e={icon:c,small:h,medium:d,large:_,default:"_default_u4umi_23",dialog:p,white:g,wrapper:v},x={medium:e.medium,large:e.large,small:e.small},w={default:e.default,dialog:e.dialog,white:e.white},j=({name:s="home",size:o="medium",variant:m="default"})=>{const n={maskImage:u(i[s].toString())},l=({children:a})=>m==="dialog"?t.jsxRuntimeExports.jsx("span",{className:e.wrapper,"data-testid":"wrapper",children:a}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:a});return t.jsxRuntimeExports.jsx(l,{children:t.jsxRuntimeExports.jsx("span",{className:r.t(x[o],e.icon,w[m]),style:n})})},M=()=>Object.keys(i);exports.Icon=j;exports.Icons=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const t=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),M=require("../../styles.module-B_pXIacc.cjs");function i(a){return`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${a}' /%3E%3C/svg%3E%0A")`}const s={bold:"M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z",buildings:"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z",card:"M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z",chevron:"m19.5 8.25-7.5 7.5-7.5-7.5",clipboard:"M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75",gear:"M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1",document:"M5.50 5.00A2.00 2.00 0 0 1 7.50 3.00H12.25A0.25 0.25 0 0 1 12.50 3.25V8.00A2.00 2.00 0 0 0 14.50 10.00H19.25A0.25 0.25 0 0 1 19.50 10.25V19.00A2.00 2.00 0 0 1 17.50 21.00H7.50A2.00 2.00 0 0 1 5.50 19.00V5.00Z M13.50 8.00V3.60A0.25 0.25 0 0 1 13.93 3.43L19.07 8.57A0.25 0.25 0 0 1 18.89 9.00H14.50A1.00 1.00 0 0 1 13.50 8.00Z",home:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",italic:"M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803",link:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244",list:"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",pencil:"M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z",people:"M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z",phone:"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z",plus:"M12 4.5v15m7.5-7.5h-15",search:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",toDocument:"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25",upload:"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5",user:"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z",x:"M6 18 18 6M6 6l12 12"},d="_icon_d115m_1",r="_small_d115m_8",v="_medium_d115m_13",u="_large_d115m_18",_="_clickable_d115m_27",L="_deletable_d115m_31",Z="_dialog_d115m_35",p="_white_d115m_39",g="_wrapper_d115m_43",e={icon:d,small:r,medium:v,large:u,default:"_default_d115m_23",clickable:_,deletable:L,dialog:Z,white:p,wrapper:g},A={large:e.large,medium:e.medium,small:e.small},b={clickable:e.clickable,default:e.default,deletable:e.deletable,dialog:e.dialog,white:e.white},H=({name:a="home",size:h="medium",variant:m="default",loading:l=!1})=>{const o={maskImage:i(s[a].toString())},c=t.jsx("span",{className:n.t(A[h],e.icon,l?M.loadingStyles.spinner:b[m]),style:l?{}:o});return m==="dialog"?t.jsx("span",{className:e.wrapper,"data-testid":"wrapper",children:c}):c},V=()=>Object.keys(s);exports.Icon=H;exports.Icons=V;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string) {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  medium: styles.medium,\n  large: styles.large,\n  small: styles.small,\n};\n\nconst variants = {\n  default: styles.default,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: IconName;\n  size?: keyof typeof sizes;\n};\n\nexport const Icon = ({ name = 'home', size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const Wrapper = ({ children }: { children: React.ReactNode }) =>\n    variant === 'dialog' ? (\n      <span\n        className={styles.wrapper}\n        data-testid='wrapper'\n      >\n        {children}\n      </span>\n    ) : (\n      <>{children}</>\n    );\n\n  return (\n    <Wrapper>\n      <span\n        className={cx(sizes[size], styles.icon, variants[variant])}\n        style={iconStyle}\n      />\n    </Wrapper>\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","iconStyle","Wrapper","children","jsx","cx","Icons"],"mappings":"0KAAO,SAASA,EAASC,EAAkB,CACzC,MAAO,mMAAmMA,CAAQ,uBACpN,CAEO,MAAMC,EAAY,CACvB,KAAM,uUACN,QAAS,6BACT,KAAM,6OACN,OAAQ,8EACR,KAAM,4KACN,KAAM,wRACN,OAAQ,gFACR,EAAG,sBACL,0OCPMC,EAAQ,CACZ,OAAQC,EAAO,OACf,MAAOA,EAAO,MACd,MAAOA,EAAO,KAChB,EAEMC,EAAW,CACf,QAASD,EAAO,QAChB,OAAQA,EAAO,OACf,MAAOA,EAAO,KAChB,EAQaE,EAAO,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAO,SAAU,QAAAC,EAAU,aAA2B,CAC1F,MAAMC,EAAY,CAChB,UAAWV,EAASE,EAAUK,CAAI,EAAE,UAAU,CAAA,EAG1CI,EAAU,CAAC,CAAE,SAAAC,CAAA,IACjBH,IAAY,SACVI,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWT,EAAO,QAClB,cAAY,UAEX,SAAAQ,CAAA,CAAA,wDAGA,SAAAA,EAAS,EAGhB,+BACGD,EAAA,CACC,SAAAE,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGX,EAAMK,CAAI,EAAGJ,EAAO,KAAMC,EAASI,CAAO,CAAC,EACzD,MAAOC,CAAA,CAAA,EAEX,CAEJ,EAEaK,EAAQ,IACZ,OAAO,KAAKb,CAAS"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string): string {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  buildings:\n    'M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z',\n  card: 'M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  clipboard:\n    'M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75',\n  gear: 'M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1',\n  document:\n    'M5.50 5.00A2.00 2.00 0 0 1 7.50 3.00H12.25A0.25 0.25 0 0 1 12.50 3.25V8.00A2.00 2.00 0 0 0 14.50 10.00H19.25A0.25 0.25 0 0 1 19.50 10.25V19.00A2.00 2.00 0 0 1 17.50 21.00H7.50A2.00 2.00 0 0 1 5.50 19.00V5.00Z M13.50 8.00V3.60A0.25 0.25 0 0 1 13.93 3.43L19.07 8.57A0.25 0.25 0 0 1 18.89 9.00H14.50A1.00 1.00 0 0 1 13.50 8.00Z',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  pencil:\n    'M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z',\n  people:\n    'M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z',\n  phone:\n    'M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z',\n  plus: 'M12 4.5v15m7.5-7.5h-15',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  toDocument:\n    'M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25',\n  upload:\n    'M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5',\n  user: 'M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  clickable: styles.clickable,\n  default: styles.default,\n  deletable: styles.deletable,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({\n  name = 'home',\n  size = 'medium',\n  variant = 'default',\n  loading = false,\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(sizes[size], styles.icon, loading ? loadingStyles.spinner : variants[variant])}\n      style={loading ? {} : iconStyle}\n    />\n  );\n\n  return variant === 'dialog' ? (\n    <span\n      className={styles.wrapper}\n      data-testid='wrapper'\n    >\n      {iconElement}\n    </span>\n  ) : (\n    iconElement\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","loading","iconStyle","iconElement","jsx","cx","loadingStyles","Icons"],"mappings":"2MAAO,SAASA,EAASC,EAA0B,CACjD,MAAO,mMAAmMA,CAAQ,uBACpN,CAEO,MAAMC,EAAY,CACvB,KAAM,uUACN,UACE,6SACF,KAAM,+TACN,QAAS,6BACT,UACE,iiBACF,KAAM,2eACN,SACE,uUACF,KAAM,6OACN,OAAQ,8EACR,KAAM,4KACN,KAAM,wRACN,OACE,2PACF,OACE,4XACF,MACE,oWACF,KAAM,yBACN,OAAQ,gFACR,WACE,uIACF,OACE,6GACF,KAAM,0JACN,EAAG,sBACL,kTC1BMC,EAAQ,CACZ,MAAOC,EAAO,MACd,OAAQA,EAAO,OACf,MAAOA,EAAO,KAChB,EAEMC,EAAW,CACf,UAAWD,EAAO,UAClB,QAASA,EAAO,QAChB,UAAWA,EAAO,UAClB,OAAQA,EAAO,OACf,MAAOA,EAAO,KAChB,EASaE,EAAO,CAAC,CACnB,KAAAC,EAAO,OACP,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,QAAAC,EAAU,EACZ,IAAiB,CACf,MAAMC,EAAY,CAChB,UAAWX,EAASE,EAAUK,CAAI,EAAE,UAAU,CAAA,EAG1CK,EACJC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGX,EAAMK,CAAI,EAAGJ,EAAO,KAAMM,EAAUK,EAAAA,cAAc,QAAUV,EAASI,CAAO,CAAC,EAC3F,MAAOC,EAAU,GAAKC,CAAA,CAAA,EAI1B,OAAOF,IAAY,SACjBI,EAAAA,IAAC,OAAA,CACC,UAAWT,EAAO,QAClB,cAAY,UAEX,SAAAQ,CAAA,CAAA,EAGHA,CAEJ,EAEaI,EAAQ,IACZ,OAAO,KAAKd,CAAS"}

package/dist/components/icon/index.js

@@ -1,55 +1,77 @@
-import { j as a } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';function c(e) {
-  return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${e}' /%3E%3C/svg%3E%0A")`;
+import { jsx as h } from "react/jsx-runtime";
+import { t as M } from "../../classix-DG18itHa.js";
+import { l as i } from "../../styles.module-BhmNqlYd.js";
+import '../../assets/index27.css';function n(a) {
+  return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${a}' /%3E%3C/svg%3E%0A")`;
 }
-const o = {
+const t = {
   bold: "M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z",
+  buildings: "M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z",
+  card: "M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z",
   chevron: "m19.5 8.25-7.5 7.5-7.5-7.5",
+  clipboard: "M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75",
+  gear: "M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1",
+  document: "M5.50 5.00A2.00 2.00 0 0 1 7.50 3.00H12.25A0.25 0.25 0 0 1 12.50 3.25V8.00A2.00 2.00 0 0 0 14.50 10.00H19.25A0.25 0.25 0 0 1 19.50 10.25V19.00A2.00 2.00 0 0 1 17.50 21.00H7.50A2.00 2.00 0 0 1 5.50 19.00V5.00Z M13.50 8.00V3.60A0.25 0.25 0 0 1 13.93 3.43L19.07 8.57A0.25 0.25 0 0 1 18.89 9.00H14.50A1.00 1.00 0 0 1 13.50 8.00Z",
   home: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",
   italic: "M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803",
   link: "M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244",
   list: "M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",
+  pencil: "M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z",
+  people: "M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z",
+  phone: "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z",
+  plus: "M12 4.5v15m7.5-7.5h-15",
   search: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",
+  toDocument: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25",
+  upload: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5",
+  user: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z",
   x: "M6 18 18 6M6 6l12 12"
-}, h = "_icon_u4umi_1", u = "_small_u4umi_8", d = "_medium_u4umi_13", _ = "_large_u4umi_18", p = "_dialog_u4umi_27", g = "_white_u4umi_31", v = "_wrapper_u4umi_35", m = {
-  icon: h,
-  small: u,
-  medium: d,
+}, d = "_icon_d115m_1", r = "_small_d115m_8", v = "_medium_d115m_13", _ = "_large_d115m_18", p = "_clickable_d115m_27", L = "_deletable_d115m_31", Z = "_dialog_d115m_35", u = "_white_d115m_39", A = "_wrapper_d115m_43", m = {
+  icon: d,
+  small: r,
+  medium: v,
   large: _,
-  default: "_default_u4umi_23",
-  dialog: p,
-  white: g,
-  wrapper: v
-}, w = {
-  medium: m.medium,
+  default: "_default_d115m_23",
+  clickable: p,
+  deletable: L,
+  dialog: Z,
+  white: u,
+  wrapper: A
+}, g = {
   large: m.large,
+  medium: m.medium,
   small: m.small
-}, x = {
+}, H = {
+  clickable: m.clickable,
   default: m.default,
+  deletable: m.deletable,
   dialog: m.dialog,
   white: m.white
-}, f = ({ name: e = "home", size: i = "medium", variant: t = "default" }) => {
-  const l = {
-    maskImage: c(o[e].toString())
-  }, n = ({ children: s }) => t === "dialog" ? /* @__PURE__ */ a.jsx(
+}, k = ({
+  name: a = "home",
+  size: o = "medium",
+  variant: e = "default",
+  loading: l = !1
+}) => {
+  const s = {
+    maskImage: n(t[a].toString())
+  }, c = /* @__PURE__ */ h(
     "span",
     {
-      className: m.wrapper,
-      "data-testid": "wrapper",
-      children: s
+      className: M(g[o], m.icon, l ? i.spinner : H[e]),
+      style: l ? {} : s
     }
-  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: s });
-  return /* @__PURE__ */ a.jsx(n, { children: /* @__PURE__ */ a.jsx(
+  );
+  return e === "dialog" ? /* @__PURE__ */ h(
     "span",
     {
-      className: r(w[i], m.icon, x[t]),
-      style: l
+      className: m.wrapper,
+      "data-testid": "wrapper",
+      children: c
     }
-  ) });
-}, j = () => Object.keys(o);
+  ) : c;
+}, f = () => Object.keys(t);
 export {
-  f as Icon,
-  j as Icons
+  k as Icon,
+  f as Icons
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string) {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  medium: styles.medium,\n  large: styles.large,\n  small: styles.small,\n};\n\nconst variants = {\n  default: styles.default,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  variant?: keyof typeof variants;\n  name: IconName;\n  size?: keyof typeof sizes;\n};\n\nexport const Icon = ({ name = 'home', size = 'medium', variant = 'default' }: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const Wrapper = ({ children }: { children: React.ReactNode }) =>\n    variant === 'dialog' ? (\n      <span\n        className={styles.wrapper}\n        data-testid='wrapper'\n      >\n        {children}\n      </span>\n    ) : (\n      <>{children}</>\n    );\n\n  return (\n    <Wrapper>\n      <span\n        className={cx(sizes[size], styles.icon, variants[variant])}\n        style={iconStyle}\n      />\n    </Wrapper>\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","iconStyle","Wrapper","children","jsx","cx","Icons"],"mappings":";;AAAO,SAASA,EAASC,GAAkB;AACzC,SAAO,mMAAmMA,CAAQ;AACpN;AAEO,MAAMC,IAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAG;AACL;;;;;;;;;GCPMC,IAAQ;AAAA,EACZ,QAAQC,EAAO;AAAA,EACf,OAAOA,EAAO;AAAA,EACd,OAAOA,EAAO;AAChB,GAEMC,IAAW;AAAA,EACf,SAASD,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GAQaE,IAAO,CAAC,EAAE,MAAAC,IAAO,QAAQ,MAAAC,IAAO,UAAU,SAAAC,IAAU,gBAA2B;AAC1F,QAAMC,IAAY;AAAA,IAChB,WAAWV,EAASE,EAAUK,CAAI,EAAE,UAAU;AAAA,EAAA,GAG1CI,IAAU,CAAC,EAAE,UAAAC,EAAA,MACjBH,MAAY,WACVI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWT,EAAO;AAAA,MAClB,eAAY;AAAA,MAEX,UAAAQ;AAAA,IAAA;AAAA,EAAA,wCAGA,UAAAA,GAAS;AAGhB,+BACGD,GAAA,EACC,UAAAE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGX,EAAMK,CAAI,GAAGJ,EAAO,MAAMC,EAASI,CAAO,CAAC;AAAA,MACzD,OAAOC;AAAA,IAAA;AAAA,EAAA,GAEX;AAEJ,GAEaK,IAAQ,MACZ,OAAO,KAAKb,CAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/icons.ts","../../../src/components/icon/index.tsx"],"sourcesContent":["export function embedSVG(iconPath: string): string {\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='${iconPath}' /%3E%3C/svg%3E%0A\")`;\n}\n\nexport const iconPaths = {\n  bold: 'M6.75 3.744h-.753v8.25h7.125a4.125 4.125 0 0 0 0-8.25H6.75Zm0 0v.38m0 16.122h6.747a4.5 4.5 0 0 0 0-9.001h-7.5v9h.753Zm0 0v-.37m0-15.751h6a3.75 3.75 0 1 1 0 7.5h-6m0-7.5v7.5m0 0v8.25m0-8.25h6.375a4.125 4.125 0 0 1 0 8.25H6.75m.747-15.38h4.875a3.375 3.375 0 0 1 0 6.75H7.497v-6.75Zm0 7.5h5.25a3.75 3.75 0 0 1 0 7.5h-5.25v-7.5Z',\n  buildings:\n    'M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z',\n  card: 'M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z',\n  chevron: 'm19.5 8.25-7.5 7.5-7.5-7.5',\n  clipboard:\n    'M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75',\n  gear: 'M2.3 11.2C2.3 16.2 6.4 20.3 11.4 20.3C16.4 20.3 20.4 16.2 20.4 11.2M2.3 11.2C2.3 6.2 6.4 2.1 11.4 2.1C16.4 2.1 20.4 6.2 20.4 11.2M2.3 11.2L0.5 11.2M20.4 11.2L22.2 11.2M20.4 11.2L11.4 11.2M1.2 14.9L2.9 14.3M19.9 8.1L21.6 7.5M3 18.2L4.4 17M18.3 5.4L19.7 4.2M5.9 20.6L6.8 19.1M15.9 3.4L16.8 1.8M9.5 21.9L9.8 20.1M12.9 2.3L13.3 0.5M13.3 21.9L12.9 20.1M9.8 2.3L9.5 0.5M16.8 20.6L15.9 19.1M5.9 1.8L11.4 11.2M19.7 18.2L18.3 17M4.4 5.4L3 4.2M21.6 14.9L19.9 14.3M2.9 8.1L1.2 7.5M11.4 11.2L6.8 19.1',\n  document:\n    'M5.50 5.00A2.00 2.00 0 0 1 7.50 3.00H12.25A0.25 0.25 0 0 1 12.50 3.25V8.00A2.00 2.00 0 0 0 14.50 10.00H19.25A0.25 0.25 0 0 1 19.50 10.25V19.00A2.00 2.00 0 0 1 17.50 21.00H7.50A2.00 2.00 0 0 1 5.50 19.00V5.00Z M13.50 8.00V3.60A0.25 0.25 0 0 1 13.93 3.43L19.07 8.57A0.25 0.25 0 0 1 18.89 9.00H14.50A1.00 1.00 0 0 1 13.50 8.00Z',\n  home: 'm2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25',\n  italic: 'M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803',\n  link: 'M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244',\n  list: 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',\n  pencil:\n    'M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z',\n  people:\n    'M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z',\n  phone:\n    'M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z',\n  plus: 'M12 4.5v15m7.5-7.5h-15',\n  search: 'm21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z',\n  toDocument:\n    'M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25',\n  upload:\n    'M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5',\n  user: 'M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z',\n  x: 'M6 18 18 6M6 6l12 12',\n};\n\nexport type IconName = keyof typeof iconPaths;\n","import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport type { IconName } from './icons';\nimport { embedSVG, iconPaths } from './icons';\nimport styles from './styles.module.css';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  clickable: styles.clickable,\n  default: styles.default,\n  deletable: styles.deletable,\n  dialog: styles.dialog,\n  white: styles.white,\n};\n\nexport type IconProps = {\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  loading?: boolean;\n};\n\nexport const Icon = ({\n  name = 'home',\n  size = 'medium',\n  variant = 'default',\n  loading = false,\n}: IconProps) => {\n  const iconStyle = {\n    maskImage: embedSVG(iconPaths[name].toString()),\n  } as React.CSSProperties;\n\n  const iconElement = (\n    <span\n      className={cx(sizes[size], styles.icon, loading ? loadingStyles.spinner : variants[variant])}\n      style={loading ? {} : iconStyle}\n    />\n  );\n\n  return variant === 'dialog' ? (\n    <span\n      className={styles.wrapper}\n      data-testid='wrapper'\n    >\n      {iconElement}\n    </span>\n  ) : (\n    iconElement\n  );\n};\n\nexport const Icons = () => {\n  return Object.keys(iconPaths);\n};\n"],"names":["embedSVG","iconPath","iconPaths","sizes","styles","variants","Icon","name","size","variant","loading","iconStyle","iconElement","jsx","cx","loadingStyles","Icons"],"mappings":";;;AAAO,SAASA,EAASC,GAA0B;AACjD,SAAO,mMAAmMA,CAAQ;AACpN;AAEO,MAAMC,IAAY;AAAA,EACvB,MAAM;AAAA,EACN,WACE;AAAA,EACF,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WACE;AAAA,EACF,MAAM;AAAA,EACN,UACE;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QACE;AAAA,EACF,QACE;AAAA,EACF,OACE;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,GAAG;AACL;;;;;;;;;;;GC1BMC,IAAQ;AAAA,EACZ,OAAOC,EAAO;AAAA,EACd,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GAEMC,IAAW;AAAA,EACf,WAAWD,EAAO;AAAA,EAClB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAClB,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB,GASaE,IAAO,CAAC;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AACZ,MAAiB;AACf,QAAMC,IAAY;AAAA,IAChB,WAAWX,EAASE,EAAUK,CAAI,EAAE,UAAU;AAAA,EAAA,GAG1CK,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGX,EAAMK,CAAI,GAAGJ,EAAO,MAAMM,IAAUK,EAAc,UAAUV,EAASI,CAAO,CAAC;AAAA,MAC3F,OAAOC,IAAU,KAAKC;AAAA,IAAA;AAAA,EAAA;AAI1B,SAAOF,MAAY,WACjB,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWT,EAAO;AAAA,MAClB,eAAY;AAAA,MAEX,UAAAQ;AAAA,IAAA;AAAA,EAAA,IAGHA;AAEJ,GAEaI,IAAQ,MACZ,OAAO,KAAKd,CAAS;"}

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const i=require("../../jsx-runtime-BJcCX4ED.cjs"),o=require("../../classix-5H4IWnMA.cjs"),c=require("react"),p="_input_1qkbh_1",a={input:p},l=c.forwardRef(({className:t,disabled:e=!1,placeholder:s,type:n="text",...r},u)=>i.jsxRuntimeExports.jsx("input",{ref:u,className:o.t(a.input,t),disabled:e,placeholder:s,type:n,...r}));exports.Input=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const e=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),o=require("react"),p="_input_1r1le_1",b="_label_1r1le_33",s={input:p,label:b},x=o.forwardRef(({className:n,disabled:l=!1,label:t,placeholder:r,type:i="text",...u},a)=>e.jsxs("label",{children:[t&&e.jsx("span",{className:s.label,children:t}),e.jsx("input",{ref:a,className:c.t(s.input,n),disabled:l,placeholder:r,type:i,...u})]}));exports.Input=x;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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":"4NAWaA,EAAQC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAW,GAAO,YAAAC,EAAa,KAAAC,EAAO,OAAQ,GAAGC,CAAA,EAASC,IAEpEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,EAAGC,EAAO,MAAOR,CAAS,EACrC,SAAAC,EACA,YAAAC,EACA,KAAAC,EACC,GAAGC,CAAA,CAAA,CAIZ"}
+{"version":3,"file":"index.cjs","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":"2OAYaA,EAAQC,EAAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAW,GAAO,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,OAAQ,GAAGC,CAAA,EAASC,WAE1E,QAAA,CACE,SAAA,CAAAJ,GAASK,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,MAAQ,SAAAN,EAAM,EAChDK,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,UAAWG,EAAAA,EAAGD,EAAO,MAAOR,CAAS,EACrC,SAAAC,EACA,YAAAE,EACA,KAAAC,EACC,GAAGC,CAAA,CAAA,CACN,EACF,CAGN"}