@solibo/solibo-ui 0.2.14 → 0.2.15

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n  image?: React.ReactNode;\n  headerText?: string;\n  subHeaderText?: string;\n  contentText?: string;\n  children: React.ReactNode;\n  onClick?: () => void;\n};\n\nexport const Card = ({ ...props }: CardProps) => {\n  return (\n    <article\n      onClick={props.onClick}\n      className={styles.card}\n    >\n      {props.image && <section className={styles.image}>{props.image}</section>}\n      <section className={styles.content}>\n        {props.headerText && (\n          <Header\n            label={props.headerText}\n            size={1}\n            subtitle={props.subHeaderText}\n          />\n        )}\n        {props.contentText && <p>{props.contentText}</p>}\n        {props.children}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","props","jsxs","styles","jsx","Header"],"mappings":"8OAaaA,EAAO,CAAC,CAAE,GAAGC,KAEtBC,EAAAA,KAAC,UAAA,CACC,QAASD,EAAM,QACf,UAAWE,EAAO,KAEjB,SAAA,CAAAF,EAAM,OAASG,MAAC,UAAA,CAAQ,UAAWD,EAAO,MAAQ,WAAM,KAAA,CAAM,EAC/DD,EAAAA,KAAC,UAAA,CAAQ,UAAWC,EAAO,QACxB,SAAA,CAAAF,EAAM,YACLG,EAAAA,IAACC,EAAAA,OAAA,CACC,MAAOJ,EAAM,WACb,KAAM,EACN,SAAUA,EAAM,aAAA,CAAA,EAGnBA,EAAM,aAAeG,MAAC,IAAA,CAAG,WAAM,YAAY,EAC3CH,EAAM,QAAA,CAAA,CACT,CAAA,CAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { DragEvent, ReactNode } from 'react';\n\nimport { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n  children?: ReactNode;\n  contentHtml?: string;\n  contentText?: string;\n  draft?: boolean;\n  headerText?: string;\n  image?: ReactNode;\n  onClick?: () => void;\n  onDrop?: (event: DragEvent<HTMLElement>) => void;\n  subHeaderText?: string;\n};\n\nexport const Card = ({\n  children,\n  contentHtml,\n  contentText,\n  draft = false,\n  headerText,\n  image,\n  onClick,\n  onDrop,\n  subHeaderText,\n}: CardProps) => {\n  return (\n    <article\n      className={cx(styles.card, draft && styles.draft)}\n      onClick={onClick}\n      onDrop={onDrop}\n    >\n      {image && <section className={styles.image}>{image}</section>}\n      <section className={styles.content}>\n        {headerText && (\n          <Header\n            size={2}\n            label={headerText}\n            subHeader={subHeaderText}\n          />\n        )}\n        {contentText && <p>{contentText}</p>}\n        {contentHtml && <div dangerouslySetInnerHTML={{ __html: contentHtml }}></div>}\n      </section>\n      {children}\n    </article>\n  );\n};\n"],"names":["Card","children","contentHtml","contentText","draft","headerText","image","onClick","onDrop","subHeaderText","jsxs","cx","styles","jsx","Header"],"mappings":"mTAmBaA,EAAO,CAAC,CACnB,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,GACR,WAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,cAAAC,CACF,IAEIC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,KAAMR,GAASQ,EAAO,KAAK,EAChD,QAAAL,EACA,OAAAC,EAEC,SAAA,CAAAF,GAASO,EAAAA,IAAC,UAAA,CAAQ,UAAWD,EAAO,MAAQ,SAAAN,EAAM,EACnDI,EAAAA,KAAC,UAAA,CAAQ,UAAWE,EAAO,QACxB,SAAA,CAAAP,GACCQ,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAM,EACN,MAAOT,EACP,UAAWI,CAAA,CAAA,EAGdN,GAAeU,EAAAA,IAAC,IAAA,CAAG,SAAAV,CAAA,CAAY,EAC/BD,GAAeW,EAAAA,IAAC,MAAA,CAAI,wBAAyB,CAAE,OAAQX,EAAY,CAAG,CAAA,EACzE,EACCD,CAAA,CAAA,CAAA"}

package/dist/components/card/index.js

@@ -1,32 +1,46 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { Header as a } from "../header/index.js";
-import '../../assets/index12.css';const i = "_card_y12bj_1", l = "_image_y12bj_9", d = "_content_y12bj_21", c = {
-  card: i,
-  image: l,
-  content: d
-}, s = ({ ...e }) => /* @__PURE__ */ n(
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { t as m } from "../../classix-DG18itHa.js";
+import { Header as f } from "../header/index.js";
+import '../../assets/index20.css';const h = "_card_jh3n1_1", j = "_image_jh3n1_14", p = "_content_jh3n1_26", g = "_draft_jh3n1_33", e = {
+  card: h,
+  image: j,
+  content: p,
+  draft: g
+}, y = ({
+  children: o,
+  contentHtml: n,
+  contentText: a,
+  draft: d = !1,
+  headerText: s,
+  image: t,
+  onClick: i,
+  onDrop: _,
+  subHeaderText: l
+}) => /* @__PURE__ */ c(
   "article",
   {
-    onClick: e.onClick,
-    className: c.card,
+    className: m(e.card, d && e.draft),
+    onClick: i,
+    onDrop: _,
     children: [
-      e.image && /* @__PURE__ */ t("section", { className: c.image, children: e.image }),
-      /* @__PURE__ */ n("section", { className: c.content, children: [
-        e.headerText && /* @__PURE__ */ t(
-          a,
+      t && /* @__PURE__ */ r("section", { className: e.image, children: t }),
+      /* @__PURE__ */ c("section", { className: e.content, children: [
+        s && /* @__PURE__ */ r(
+          f,
           {
-            label: e.headerText,
-            size: 1,
-            subtitle: e.subHeaderText
+            size: 2,
+            label: s,
+            subHeader: l
           }
         ),
-        e.contentText && /* @__PURE__ */ t("p", { children: e.contentText }),
-        e.children
-      ] })
+        a && /* @__PURE__ */ r("p", { children: a }),
+        n && /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: n } })
+      ] }),
+      o
     ]
   }
 );
 export {
-  s as Card
+  y as Card
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n  image?: React.ReactNode;\n  headerText?: string;\n  subHeaderText?: string;\n  contentText?: string;\n  children: React.ReactNode;\n  onClick?: () => void;\n};\n\nexport const Card = ({ ...props }: CardProps) => {\n  return (\n    <article\n      onClick={props.onClick}\n      className={styles.card}\n    >\n      {props.image && <section className={styles.image}>{props.image}</section>}\n      <section className={styles.content}>\n        {props.headerText && (\n          <Header\n            label={props.headerText}\n            size={1}\n            subtitle={props.subHeaderText}\n          />\n        )}\n        {props.contentText && <p>{props.contentText}</p>}\n        {props.children}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","props","jsxs","styles","jsx","Header"],"mappings":";;;;;;GAaaA,IAAO,CAAC,EAAE,GAAGC,QAEtB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAASD,EAAM;AAAA,IACf,WAAWE,EAAO;AAAA,IAEjB,UAAA;AAAA,MAAAF,EAAM,SAAS,gBAAAG,EAAC,WAAA,EAAQ,WAAWD,EAAO,OAAQ,YAAM,MAAA,CAAM;AAAA,MAC/D,gBAAAD,EAAC,WAAA,EAAQ,WAAWC,EAAO,SACxB,UAAA;AAAA,QAAAF,EAAM,cACL,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOJ,EAAM;AAAA,YACb,MAAM;AAAA,YACN,UAAUA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGnBA,EAAM,eAAe,gBAAAG,EAAC,KAAA,EAAG,YAAM,aAAY;AAAA,QAC3CH,EAAM;AAAA,MAAA,EAAA,CACT;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { DragEvent, ReactNode } from 'react';\n\nimport { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n  children?: ReactNode;\n  contentHtml?: string;\n  contentText?: string;\n  draft?: boolean;\n  headerText?: string;\n  image?: ReactNode;\n  onClick?: () => void;\n  onDrop?: (event: DragEvent<HTMLElement>) => void;\n  subHeaderText?: string;\n};\n\nexport const Card = ({\n  children,\n  contentHtml,\n  contentText,\n  draft = false,\n  headerText,\n  image,\n  onClick,\n  onDrop,\n  subHeaderText,\n}: CardProps) => {\n  return (\n    <article\n      className={cx(styles.card, draft && styles.draft)}\n      onClick={onClick}\n      onDrop={onDrop}\n    >\n      {image && <section className={styles.image}>{image}</section>}\n      <section className={styles.content}>\n        {headerText && (\n          <Header\n            size={2}\n            label={headerText}\n            subHeader={subHeaderText}\n          />\n        )}\n        {contentText && <p>{contentText}</p>}\n        {contentHtml && <div dangerouslySetInnerHTML={{ __html: contentHtml }}></div>}\n      </section>\n      {children}\n    </article>\n  );\n};\n"],"names":["Card","children","contentHtml","contentText","draft","headerText","image","onClick","onDrop","subHeaderText","jsxs","cx","styles","jsx","Header"],"mappings":";;;;;;;;GAmBaA,IAAO,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,EAAO,MAAMR,KAASQ,EAAO,KAAK;AAAA,IAChD,SAAAL;AAAA,IACA,QAAAC;AAAA,IAEC,UAAA;AAAA,MAAAF,KAAS,gBAAAO,EAAC,WAAA,EAAQ,WAAWD,EAAO,OAAQ,UAAAN,GAAM;AAAA,MACnD,gBAAAI,EAAC,WAAA,EAAQ,WAAWE,EAAO,SACxB,UAAA;AAAA,QAAAP,KACC,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAOT;AAAA,YACP,WAAWI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdN,KAAe,gBAAAU,EAAC,KAAA,EAAG,UAAAV,EAAA,CAAY;AAAA,QAC/BD,KAAe,gBAAAW,EAAC,OAAA,EAAI,yBAAyB,EAAE,QAAQX,IAAY,CAAG;AAAA,MAAA,GACzE;AAAA,MACCD;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components/checkbox/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),x=require("../../styles.module-B_pXIacc.cjs"),a="_checkbox_rz5v8_1",b={checkbox:a},h=({isChecked:s,isDefaultChecked:t,isDisabled:o,isLoading:c,label:l,onChange:n,...r})=>e.jsxs("label",{className:b.checkbox,children:[e.jsx("input",{checked:s,className:i.t(c&&x.loadingStyles.spinner),defaultChecked:t,disabled:o||c,onChange:n,type:"checkbox",...r}),e.jsx("span",{children:l})]});exports.Checkbox=h;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  isChecked?: boolean;\n  isDefaultChecked?: boolean;\n  isDisabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={isChecked}\n        className={cx(isLoading && loadingStyles.spinner)}\n        defaultChecked={isDefaultChecked}\n        disabled={isDisabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        {...props}\n      />\n      <span>{label}</span>\n    </label>\n  );\n};\n"],"names":["Checkbox","isChecked","isDefaultChecked","isDisabled","isLoading","label","onChange","props","jsxs","styles","jsx","cx","loadingStyles"],"mappings":"gPAcaA,EAAW,CAAC,CACvB,UAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAAC,QAAA,CAAM,UAAWC,EAAO,SACvB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,QAAST,EACT,UAAWU,EAAAA,EAAGP,GAAaQ,EAAAA,cAAc,OAAO,EAChD,eAAgBV,EAChB,SAAUC,GAAcC,EACxB,SAAAE,EACA,KAAK,WACJ,GAAGC,CAAA,CAAA,EAENG,EAAAA,IAAC,QAAM,SAAAL,CAAA,CAAM,CAAA,EACf"}

package/dist/components/checkbox/index.js

@@ -0,0 +1,32 @@
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { t as a } from "../../classix-DG18itHa.js";
+import { l as x } from "../../styles.module-BhmNqlYd.js";
+import '../../assets/index19.css';const b = "_checkbox_rz5v8_1", k = {
+  checkbox: b
+}, i = ({
+  isChecked: o,
+  isDefaultChecked: s,
+  isDisabled: t,
+  isLoading: e,
+  label: r,
+  onChange: l,
+  ...h
+}) => /* @__PURE__ */ n("label", { className: k.checkbox, children: [
+  /* @__PURE__ */ c(
+    "input",
+    {
+      checked: o,
+      className: a(e && x.spinner),
+      defaultChecked: s,
+      disabled: t || e,
+      onChange: l,
+      type: "checkbox",
+      ...h
+    }
+  ),
+  /* @__PURE__ */ c("span", { children: r })
+] });
+export {
+  i as Checkbox
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport loadingStyles from '../loading/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  isChecked?: boolean;\n  isDefaultChecked?: boolean;\n  isDisabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Checkbox = ({\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isLoading,\n  label,\n  onChange,\n  ...props\n}: CheckboxProps) => {\n  return (\n    <label className={styles.checkbox}>\n      <input\n        checked={isChecked}\n        className={cx(isLoading && loadingStyles.spinner)}\n        defaultChecked={isDefaultChecked}\n        disabled={isDisabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n        {...props}\n      />\n      <span>{label}</span>\n    </label>\n  );\n};\n"],"names":["Checkbox","isChecked","isDefaultChecked","isDisabled","isLoading","label","onChange","props","jsxs","styles","jsx","cx","loadingStyles"],"mappings":";;;;;GAcaA,IAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAO,UACvB,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAST;AAAA,MACT,WAAWU,EAAGP,KAAaQ,EAAc,OAAO;AAAA,MAChD,gBAAgBV;AAAA,MAChB,UAAUC,KAAcC;AAAA,MACxB,UAAAE;AAAA,MACA,MAAK;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAAA,EAEN,gBAAAG,EAAC,UAAM,UAAAL,EAAA,CAAM;AAAA,GACf;"}

package/dist/components/component/index.cjs

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

package/dist/components/component/index.js

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

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const t=require("react/jsx-runtime"),s=require("../button/index.cjs"),c="_dialog_fcarp_1",i="_wrapper_fcarp_22",d="_dialogButtons_fcarp_46",u="_closeButton_fcarp_53",o={dialog:c,wrapper:i,dialogButtons:d,closeButton:u},p=({button:a,children:e,message:n,title:r,...l})=>t.jsx("div",{className:o.wrapper,children:t.jsx("dialog",{className:o.dialog,...l,children:e||t.jsxs(t.Fragment,{children:[t.jsx(s.Button,{variant:"secondary",iconOnly:!0,icon:"x",className:o.closeButton}),t.jsx("h2",{children:r}),t.jsx("p",{children:n}),t.jsxs("form",{method:"dialog",className:o.dialogButtons,children:[t.jsx(s.Button,{label:a,variant:"secondary"}),t.jsx(s.Button,{label:a,type:"submit",variant:"primary"})]})]})})});exports.Dialog=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const t=require("react/jsx-runtime"),s=require("../button/index.cjs"),c="_dialog_fcarp_1",i="_wrapper_fcarp_22",d="_dialogButtons_fcarp_46",u="_closeButton_fcarp_53",o={dialog:c,wrapper:i,dialogButtons:d,closeButton:u},p=({button:a,children:e,message:n,title:r,...l})=>t.jsx("div",{className:o.wrapper,children:t.jsx("dialog",{className:o.dialog,...l,children:e||t.jsxs(t.Fragment,{children:[t.jsx(s.Button,{variant:"secondary",icon:"x",className:o.closeButton}),t.jsx("h2",{children:r}),t.jsx("p",{children:n}),t.jsxs("form",{method:"dialog",className:o.dialogButtons,children:[t.jsx(s.Button,{label:a,variant:"secondary"}),t.jsx(s.Button,{label:a,type:"submit",variant:"primary"})]})]})})});exports.Dialog=p;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  button?: string;\n  children?: React.ReactNode;\n  message?: string;\n  title?: string;\n};\n\nexport const Dialog = ({\n  button,\n  children,\n  message,\n  title,\n\n  ...props\n}: DialogProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <dialog\n        className={styles.dialog}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Button\n              variant='secondary'\n              iconOnly\n              icon='x'\n              className={styles.closeButton}\n            />\n            <h2>{title}</h2>\n            <p>{message}</p>\n            <form\n              method='dialog'\n              className={styles.dialogButtons}\n            >\n              <Button\n                label={button}\n                /*add type*/\n                variant='secondary'\n              />\n              <Button\n                label={button}\n                type='submit'\n                variant='primary'\n              />\n            </form>\n          </>\n        )}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":"2SAUaA,EAAS,CAAC,CACrB,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EAEA,GAAGC,CACL,IAEIC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAO,OACjB,GAAGF,EAEH,SAAAH,GAGCM,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,YACR,SAAQ,GACR,KAAK,IACL,UAAWH,EAAO,WAAA,CAAA,EAEpBD,EAAAA,IAAC,MAAI,SAAAF,CAAA,CAAM,EACXE,EAAAA,IAAC,KAAG,SAAAH,CAAA,CAAQ,EACZK,EAAAA,KAAC,OAAA,CACC,OAAO,SACP,UAAWD,EAAO,cAElB,SAAA,CAAAD,EAAAA,IAACI,EAAAA,OAAA,CACC,MAAOT,EAEP,QAAQ,WAAA,CAAA,EAEVK,EAAAA,IAACI,EAAAA,OAAA,CACC,MAAOT,EACP,KAAK,SACL,QAAQ,SAAA,CAAA,CACV,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAGN"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  button?: string;\n  children?: React.ReactNode;\n  message?: string;\n  title?: string;\n};\n\nexport const Dialog = ({\n  button,\n  children,\n  message,\n  title,\n\n  ...props\n}: DialogProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <dialog\n        className={styles.dialog}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Button\n              variant='secondary'\n              icon='x'\n              className={styles.closeButton}\n            />\n            <h2>{title}</h2>\n            <p>{message}</p>\n            <form\n              method='dialog'\n              className={styles.dialogButtons}\n            >\n              <Button\n                label={button}\n                variant='secondary'\n              />\n              <Button\n                label={button}\n                type='submit'\n                variant='primary'\n              />\n            </form>\n          </>\n        )}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":"2SAUaA,EAAS,CAAC,CACrB,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EAEA,GAAGC,CACL,IAEIC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAO,OACjB,GAAGF,EAEH,SAAAH,GAGCM,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,YACR,KAAK,IACL,UAAWH,EAAO,WAAA,CAAA,EAEpBD,EAAAA,IAAC,MAAI,SAAAF,CAAA,CAAM,EACXE,EAAAA,IAAC,KAAG,SAAAH,CAAA,CAAQ,EACZK,EAAAA,KAAC,OAAA,CACC,OAAO,SACP,UAAWD,EAAO,cAElB,SAAA,CAAAD,EAAAA,IAACI,EAAAA,OAAA,CACC,MAAOT,EACP,QAAQ,WAAA,CAAA,EAEVK,EAAAA,IAACI,EAAAA,OAAA,CACC,MAAOT,EACP,KAAK,SACL,QAAQ,SAAA,CAAA,CACV,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAGN"}

package/dist/components/dialog/index.js

@@ -1,47 +1,46 @@
-import { jsx as o, jsxs as s, Fragment as i } from "react/jsx-runtime";
+import { jsx as a, jsxs as l, Fragment as i } from "react/jsx-runtime";
 import { Button as t } from "../button/index.js";
-import '../../assets/index10.css';const d = "_dialog_fcarp_1", p = "_wrapper_fcarp_22", m = "_dialogButtons_fcarp_46", g = "_closeButton_fcarp_53", a = {
+import '../../assets/index17.css';const d = "_dialog_fcarp_1", p = "_wrapper_fcarp_22", m = "_dialogButtons_fcarp_46", g = "_closeButton_fcarp_53", o = {
   dialog: d,
   wrapper: p,
   dialogButtons: m,
   closeButton: g
 }, B = ({
   button: r,
-  children: l,
-  message: n,
-  title: e,
+  children: s,
+  message: e,
+  title: n,
   ...c
-}) => /* @__PURE__ */ o("div", { className: a.wrapper, children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ a("div", { className: o.wrapper, children: /* @__PURE__ */ a(
   "dialog",
   {
-    className: a.dialog,
+    className: o.dialog,
     ...c,
-    children: l || /* @__PURE__ */ s(i, { children: [
-      /* @__PURE__ */ o(
+    children: s || /* @__PURE__ */ l(i, { children: [
+      /* @__PURE__ */ a(
         t,
         {
           variant: "secondary",
-          iconOnly: !0,
           icon: "x",
-          className: a.closeButton
+          className: o.closeButton
         }
       ),
-      /* @__PURE__ */ o("h2", { children: e }),
-      /* @__PURE__ */ o("p", { children: n }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a("h2", { children: n }),
+      /* @__PURE__ */ a("p", { children: e }),
+      /* @__PURE__ */ l(
         "form",
         {
           method: "dialog",
-          className: a.dialogButtons,
+          className: o.dialogButtons,
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ a(
               t,
               {
                 label: r,
                 variant: "secondary"
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ a(
               t,
               {
                 label: r,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  button?: string;\n  children?: React.ReactNode;\n  message?: string;\n  title?: string;\n};\n\nexport const Dialog = ({\n  button,\n  children,\n  message,\n  title,\n\n  ...props\n}: DialogProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <dialog\n        className={styles.dialog}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Button\n              variant='secondary'\n              iconOnly\n              icon='x'\n              className={styles.closeButton}\n            />\n            <h2>{title}</h2>\n            <p>{message}</p>\n            <form\n              method='dialog'\n              className={styles.dialogButtons}\n            >\n              <Button\n                label={button}\n                /*add type*/\n                variant='secondary'\n              />\n              <Button\n                label={button}\n                type='submit'\n                variant='primary'\n              />\n            </form>\n          </>\n        )}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":";;;;;;;GAUaA,IAAS,CAAC;AAAA,EACrB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EAEA,GAAGC;AACL,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEH,UAAAH,KAGC,gBAAAM,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAWH,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpB,gBAAAD,EAAC,QAAI,UAAAF,EAAA,CAAM;AAAA,MACX,gBAAAE,EAAC,OAAG,UAAAH,EAAA,CAAQ;AAAA,MACZ,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,WAAWD,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,OAAOT;AAAA,gBAEP,SAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAEV,gBAAAK;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,OAAOT;AAAA,gBACP,MAAK;AAAA,gBACL,SAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA;AAAA,GAGN;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import { Button } from '../button';\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  button?: string;\n  children?: React.ReactNode;\n  message?: string;\n  title?: string;\n};\n\nexport const Dialog = ({\n  button,\n  children,\n  message,\n  title,\n\n  ...props\n}: DialogProps) => {\n  return (\n    <div className={styles.wrapper}>\n      <dialog\n        className={styles.dialog}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Button\n              variant='secondary'\n              icon='x'\n              className={styles.closeButton}\n            />\n            <h2>{title}</h2>\n            <p>{message}</p>\n            <form\n              method='dialog'\n              className={styles.dialogButtons}\n            >\n              <Button\n                label={button}\n                variant='secondary'\n              />\n              <Button\n                label={button}\n                type='submit'\n                variant='primary'\n              />\n            </form>\n          </>\n        )}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","button","children","message","title","props","jsx","styles","jsxs","Fragment","Button"],"mappings":";;;;;;;GAUaA,IAAS,CAAC;AAAA,EACrB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EAEA,GAAGC;AACL,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEH,UAAAH,KAGC,gBAAAM,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAWH,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpB,gBAAAD,EAAC,QAAI,UAAAF,EAAA,CAAM;AAAA,MACX,gBAAAE,EAAC,OAAG,UAAAH,EAAA,CAAQ;AAAA,MACZ,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,WAAWD,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,OAAOT;AAAA,gBACP,SAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAEV,gBAAAK;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,OAAOT;AAAA,gBACP,MAAK;AAAA,gBACL,SAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA;AAAA,GAGN;"}

package/dist/components/document/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),s=require("../button/index.cjs"),r=require("../header/index.cjs"),t=require("../icon/index.cjs"),m="_document_5rt2n_1",u={document:m},a=({name:o,onClick:c,onDelete:n})=>e.jsxs("article",{onClick:c,className:u.document,children:[e.jsxs("section",{children:[e.jsx(t.Icon,{name:"document",size:"medium"}),e.jsx(r.Header,{label:o,size:3})]}),e.jsx(s.Button,{variant:"minimal",onClick:n?i=>{i.stopPropagation(),n()}:void 0,"aria-label":n?"Delete document":"Open document",children:e.jsx(t.Icon,{name:n?"x":"toDocument",size:"medium",variant:n?"deletable":"clickable"})})]});exports.Document=a;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/document/index.tsx"],"sourcesContent":["import { Button } from '@/components/button';\nimport { Header } from '@/components/header';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DocumentProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n};\n\nexport const Document = ({ name, onClick, onDelete }: DocumentProps) => {\n  return (\n    <article\n      onClick={onClick}\n      className={styles.document}\n    >\n      <section>\n        <Icon\n          name={'document'}\n          size={'medium'}\n        />\n        <Header\n          label={name}\n          size={3}\n        />\n      </section>\n      <Button\n        variant={'minimal'}\n        onClick={\n          onDelete\n            ? (e) => {\n                e.stopPropagation();\n                onDelete();\n              }\n            : undefined\n        }\n        aria-label={onDelete ? 'Delete document' : 'Open document'}\n      >\n        <Icon\n          name={onDelete ? 'x' : 'toDocument'}\n          size={'medium'}\n          variant={onDelete ? 'deletable' : 'clickable'}\n        />\n      </Button>\n    </article>\n  );\n};\n"],"names":["Document","name","onClick","onDelete","jsxs","styles","jsx","Icon","Header","Button","e"],"mappings":"2PAYaA,EAAW,CAAC,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,KAEtCC,EAAAA,KAAC,UAAA,CACC,QAAAF,EACA,UAAWG,EAAO,SAElB,SAAA,CAAAD,OAAC,UAAA,CACC,SAAA,CAAAE,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAM,WACN,KAAM,QAAA,CAAA,EAERD,EAAAA,IAACE,EAAAA,OAAA,CACC,MAAOP,EACP,KAAM,CAAA,CAAA,CACR,EACF,EACAK,EAAAA,IAACG,EAAAA,OAAA,CACC,QAAS,UACT,QACEN,EACKO,GAAM,CACLA,EAAE,gBAAA,EACFP,EAAA,CACF,EACA,OAEN,aAAYA,EAAW,kBAAoB,gBAE3C,SAAAG,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAMJ,EAAW,IAAM,aACvB,KAAM,SACN,QAASA,EAAW,YAAc,WAAA,CAAA,CACpC,CAAA,CACF,CAAA,CAAA"}

package/dist/components/document/index.js

@@ -0,0 +1,53 @@
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
+import { Button as r } from "../button/index.js";
+import { Header as a } from "../header/index.js";
+import { Icon as e } from "../icon/index.js";
+import '../../assets/index16.css';const d = "_document_5rt2n_1", s = {
+  document: d
+}, f = ({ name: n, onClick: i, onDelete: t }) => /* @__PURE__ */ o(
+  "article",
+  {
+    onClick: i,
+    className: s.document,
+    children: [
+      /* @__PURE__ */ o("section", { children: [
+        /* @__PURE__ */ m(
+          e,
+          {
+            name: "document",
+            size: "medium"
+          }
+        ),
+        /* @__PURE__ */ m(
+          a,
+          {
+            label: n,
+            size: 3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ m(
+        r,
+        {
+          variant: "minimal",
+          onClick: t ? (c) => {
+            c.stopPropagation(), t();
+          } : void 0,
+          "aria-label": t ? "Delete document" : "Open document",
+          children: /* @__PURE__ */ m(
+            e,
+            {
+              name: t ? "x" : "toDocument",
+              size: "medium",
+              variant: t ? "deletable" : "clickable"
+            }
+          )
+        }
+      )
+    ]
+  }
+);
+export {
+  f as Document
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/document/index.tsx"],"sourcesContent":["import { Button } from '@/components/button';\nimport { Header } from '@/components/header';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DocumentProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n};\n\nexport const Document = ({ name, onClick, onDelete }: DocumentProps) => {\n  return (\n    <article\n      onClick={onClick}\n      className={styles.document}\n    >\n      <section>\n        <Icon\n          name={'document'}\n          size={'medium'}\n        />\n        <Header\n          label={name}\n          size={3}\n        />\n      </section>\n      <Button\n        variant={'minimal'}\n        onClick={\n          onDelete\n            ? (e) => {\n                e.stopPropagation();\n                onDelete();\n              }\n            : undefined\n        }\n        aria-label={onDelete ? 'Delete document' : 'Open document'}\n      >\n        <Icon\n          name={onDelete ? 'x' : 'toDocument'}\n          size={'medium'}\n          variant={onDelete ? 'deletable' : 'clickable'}\n        />\n      </Button>\n    </article>\n  );\n};\n"],"names":["Document","name","onClick","onDelete","jsxs","styles","jsx","Icon","Header","Button","e"],"mappings":";;;;;;GAYaA,IAAW,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,UAAAC,QAEtC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAAF;AAAA,IACA,WAAWG,EAAO;AAAA,IAElB,UAAA;AAAA,MAAA,gBAAAD,EAAC,WAAA,EACC,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAER,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOP;AAAA,YACP,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR,GACF;AAAA,MACA,gBAAAK;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,SACEN,IACI,CAACO,MAAM;AACL,YAAAA,EAAE,gBAAA,GACFP,EAAA;AAAA,UACF,IACA;AAAA,UAEN,cAAYA,IAAW,oBAAoB;AAAA,UAE3C,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMJ,IAAW,MAAM;AAAA,cACvB,MAAM;AAAA,cACN,SAASA,IAAW,cAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QACpC;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAAA;"}

package/dist/components/dropdown/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const e=require("react/jsx-runtime"),d="_dropdown_1aix0_1",l="_label_1aix0_18",o={dropdown:d,label:l},c=({children:r,label:s,placeholder:n,...t})=>e.jsxs("label",{children:[s&&e.jsx("span",{className:o.label,children:s}),e.jsxs("select",{className:o.dropdown,...t,children:[n&&e.jsx("option",{selected:!0,hidden:!0,children:n}),r]})]});exports.Dropdown=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const n=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),d="_dropdown_1nq87_1",a="_inline_1nq87_15",u="_label_1nq87_25",e={dropdown:d,inline:a,label:u},_=({children:t,inline:i,label:s,placeholder:o,...r})=>{const l=n.jsxs("select",{className:c.t(e.dropdown,i&&e.inline),...r,children:[o&&n.jsx("option",{value:"",hidden:!0,children:o}),t]});return s?n.jsxs("label",{className:e.label,children:[s,l]}):l};exports.Dropdown=_;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/dropdown/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type DropdownProps = {\n  children?: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\nexport const Dropdown = ({ children, label, placeholder, ...props }: DropdownProps) => {\n  return (\n    <label>\n      {label && <span className={styles.label}>{label}</span>}\n      <select\n        className={styles.dropdown}\n        {...props}\n      >\n        {placeholder && (\n          <option\n            selected\n            hidden\n          >\n            {placeholder}\n          </option>\n        )}\n        {children}\n      </select>\n    </label>\n  );\n};\n"],"names":["Dropdown","children","label","placeholder","props","jsx","styles","jsxs"],"mappings":"sLAQaA,EAAW,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,YAAAC,EAAa,GAAGC,YAEvD,QAAA,CACE,SAAA,CAAAF,GAASG,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,MAAQ,SAAAJ,EAAM,EAChDK,EAAAA,KAAC,SAAA,CACC,UAAWD,EAAO,SACjB,GAAGF,EAEH,SAAA,CAAAD,GACCE,EAAAA,IAAC,SAAA,CACC,SAAQ,GACR,OAAM,GAEL,SAAAF,CAAA,CAAA,EAGJF,CAAA,CAAA,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dropdown/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type DropdownProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children?: React.ReactNode;\n  inline?: boolean;\n  label?: string;\n  placeholder?: string;\n};\n\nexport const Dropdown = ({ children, inline, label, placeholder, ...props }: DropdownProps) => {\n  const selectElement = (\n    <select\n      className={cx(styles.dropdown, inline && styles.inline)}\n      {...props}\n    >\n      {placeholder && (\n        <option\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label className={styles.label}>\n      {label}\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["Dropdown","children","inline","label","placeholder","props","selectElement","jsxs","cx","styles","jsx"],"mappings":"4PAWaA,EAAW,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,GAAGC,KAA2B,CAC7F,MAAMC,EACJC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,SAAUP,GAAUO,EAAO,MAAM,EACrD,GAAGJ,EAEH,SAAA,CAAAD,GACCM,EAAAA,IAAC,SAAA,CACC,MAAO,GACP,OAAM,GAEL,SAAAN,CAAA,CAAA,EAGJH,CAAA,CAAA,CAAA,EAIL,OAAKE,EAKHI,EAAAA,KAAC,QAAA,CAAM,UAAWE,EAAO,MACtB,SAAA,CAAAN,EACAG,CAAA,EACH,EAPOA,CASX"}

package/dist/components/dropdown/index.js

@@ -1,29 +1,34 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import '../../assets/index9.css';const t = "_dropdown_1aix0_1", c = "_label_1aix0_18", d = {
-  dropdown: t,
-  label: c
-}, i = ({ children: l, label: e, placeholder: o, ...r }) => /* @__PURE__ */ n("label", { children: [
-  e && /* @__PURE__ */ s("span", { className: d.label, children: e }),
-  /* @__PURE__ */ n(
+import { jsxs as t, jsx as d } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import '../../assets/index15.css';const _ = "_dropdown_1nq87_1", a = "_inline_1nq87_15", p = "_label_1nq87_25", n = {
+  dropdown: _,
+  inline: a,
+  label: p
+}, b = ({ children: r, inline: s, label: e, placeholder: o, ...i }) => {
+  const l = /* @__PURE__ */ t(
     "select",
     {
-      className: d.dropdown,
-      ...r,
+      className: c(n.dropdown, s && n.inline),
+      ...i,
       children: [
-        o && /* @__PURE__ */ s(
+        o && /* @__PURE__ */ d(
           "option",
           {
-            selected: !0,
+            value: "",
             hidden: !0,
             children: o
           }
         ),
-        l
+        r
       ]
     }
-  )
-] });
+  );
+  return e ? /* @__PURE__ */ t("label", { className: n.label, children: [
+    e,
+    l
+  ] }) : l;
+};
 export {
-  i as Dropdown
+  b as Dropdown
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dropdown/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type DropdownProps = {\n  children?: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\nexport const Dropdown = ({ children, label, placeholder, ...props }: DropdownProps) => {\n  return (\n    <label>\n      {label && <span className={styles.label}>{label}</span>}\n      <select\n        className={styles.dropdown}\n        {...props}\n      >\n        {placeholder && (\n          <option\n            selected\n            hidden\n          >\n            {placeholder}\n          </option>\n        )}\n        {children}\n      </select>\n    </label>\n  );\n};\n"],"names":["Dropdown","children","label","placeholder","props","jsx","styles","jsxs"],"mappings":";;;;GAQaA,IAAW,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,aAAAC,GAAa,GAAGC,0BAEvD,SAAA,EACE,UAAA;AAAA,EAAAF,KAAS,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,UAAAJ,GAAM;AAAA,EAChD,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MACjB,GAAGF;AAAA,MAEH,UAAA;AAAA,QAAAD,KACC,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,YACR,QAAM;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dropdown/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type DropdownProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children?: React.ReactNode;\n  inline?: boolean;\n  label?: string;\n  placeholder?: string;\n};\n\nexport const Dropdown = ({ children, inline, label, placeholder, ...props }: DropdownProps) => {\n  const selectElement = (\n    <select\n      className={cx(styles.dropdown, inline && styles.inline)}\n      {...props}\n    >\n      {placeholder && (\n        <option\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label className={styles.label}>\n      {label}\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["Dropdown","children","inline","label","placeholder","props","selectElement","jsxs","cx","styles","jsx"],"mappings":";;;;;;GAWaA,IAAW,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,GAAGC,QAA2B;AAC7F,QAAMC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAO,UAAUP,KAAUO,EAAO,MAAM;AAAA,MACrD,GAAGJ;AAAA,MAEH,UAAA;AAAA,QAAAD,KACC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAM;AAAA,YAEL,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIL,SAAKE,IAKH,gBAAAI,EAAC,SAAA,EAAM,WAAWE,EAAO,OACtB,UAAA;AAAA,IAAAN;AAAA,IACAG;AAAA,EAAA,GACH,IAPOA;AASX;"}

package/dist/components/dropzone/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const l=require("react/jsx-runtime"),T=require("../../classix-5H4IWnMA.cjs"),o=require("react"),_=require("../icon/index.cjs"),q="_dropzone_1cqsl_1",M="_highlight_1cqsl_41",z={dropzone:q,highlight:M},I=e=>{var d;const[f,y]=o.useState(!1),[F,v]=o.useState({empty:[],oversize:[],wrongType:[]}),[p,x]=o.useState([]),[D,a]=o.useState(!1),r=(t,i)=>s=>{s.preventDefault(),s.stopPropagation(),t(i)},c=r(a,!0),S=r(a,!1),g=t=>{if(!t)return;const i=Array.from(t),s=i.filter(n=>n.size===0),u=e.maxFileSizeMB?i.filter(n=>n.size>e.maxFileSizeMB*1024*1024):[],m=e.mimeTypes?i.filter(n=>{var h;return!((h=e.mimeTypes)!=null&&h.includes(n.type))}):[],j=i.filter(n=>n.size>0&&(e.maxFileSizeMB?n.size<=e.maxFileSizeMB*1024*1024:!0)&&(e.mimeTypes?e.mimeTypes.includes(n.type):!0));x(j),s.length>0||u.length>0||m.length>0?(v({empty:s,oversize:u,wrongType:m}),y(!0),console.log("validFiles",p),console.log("invalidFiles",F)):e.onUpload(t),a(!1)};return l.jsxs("div",{className:T.t(z.dropzone,D?z.highlight:""),onDragEnter:c,onDragLeave:S,onDragOver:c,onDrop:t=>{var i;t.preventDefault(),g((i=t.dataTransfer)==null?void 0:i.files)},children:[f&&l.jsx(l.Fragment,{}),l.jsxs("label",{htmlFor:e.inputId??"file-upload",children:[l.jsx(_.Icon,{name:"upload",size:"large"}),l.jsx("span",{children:e.label}),l.jsx("input",{type:"file",multiple:e.isMultiple,accept:(d=e.mimeTypes)==null?void 0:d.join(", "),id:e.inputId??"file-upload",onChange:t=>g(t.target.files)})]})]})};exports.Dropzone=I;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dropzone/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DropzoneProps = {\n  allowDirectoryUpload?: boolean;\n  inputId?: string;\n  isMultiple?: boolean;\n  label?: string;\n  maxFileSizeMB?: number;\n  mimeTypes?: string[];\n  onUpload: (uploadContent: File[] | FileList) => void;\n};\n\nexport const Dropzone = (props: DropzoneProps) => {\n  const [showWarning, setShowWarning] = useState(false);\n  const [invalidFiles, setInvalidFiles] = useState<{\n    empty: File[];\n    oversize: File[];\n    wrongType: File[];\n  }>({ empty: [], oversize: [], wrongType: [] });\n  const [validFiles, setValidFiles] = useState<File[]>([]);\n  const [dragging, setDragging] = useState(false);\n\n  const makeDragHandler = (set: (v: boolean) => void, value: boolean) => (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    set(value);\n  };\n\n  const onDragIn = makeDragHandler(setDragging, true);\n  const onDragOut = makeDragHandler(setDragging, false);\n\n  const handleUpload = (files: FileList | null) => {\n    if (!files) {\n      return;\n    }\n\n    const fileList = Array.from(files);\n\n    const emptyFiles = fileList.filter((file) => file.size === 0);\n    const oversizeFiles = props.maxFileSizeMB\n      ? fileList.filter((file) => file.size > props.maxFileSizeMB! * 1024 * 1024)\n      : [];\n    const unsupportedFiles = props.mimeTypes\n      ? fileList.filter((file) => !props.mimeTypes?.includes(file.type))\n      : [];\n    const validatedFiles = fileList.filter(\n      (file) =>\n        file.size > 0 &&\n        (props.maxFileSizeMB ? file.size <= props.maxFileSizeMB * 1024 * 1024 : true) &&\n        (props.mimeTypes ? props.mimeTypes.includes(file.type) : true)\n    );\n\n    setValidFiles(validatedFiles);\n\n    if (emptyFiles.length > 0 || oversizeFiles.length > 0 || unsupportedFiles.length > 0) {\n      setInvalidFiles({ empty: emptyFiles, oversize: oversizeFiles, wrongType: unsupportedFiles });\n      setShowWarning(true);\n      console.log('validFiles', validFiles);\n      console.log('invalidFiles', invalidFiles);\n    } else {\n      props.onUpload(files);\n    }\n\n    setDragging(false);\n  };\n\n  return (\n    <div\n      className={cx(styles.dropzone, dragging ? styles.highlight : '')}\n      onDragEnter={onDragIn}\n      onDragLeave={onDragOut}\n      onDragOver={onDragIn}\n      onDrop={(e) => {\n        e.preventDefault();\n        handleUpload(e.dataTransfer?.files);\n      }}\n    >\n      {/*TODO: show invalid files*/}\n      {showWarning && <></>}\n\n      <label htmlFor={props.inputId ?? 'file-upload'}>\n        <Icon\n          name={'upload'}\n          size={'large'}\n        />\n        <span>{props.label}</span>\n        <input\n          type='file'\n          multiple={props.isMultiple}\n          accept={props.mimeTypes?.join(', ')}\n          id={props.inputId ?? 'file-upload'}\n          onChange={(e) => handleUpload(e.target.files)}\n        />\n      </label>\n    </div>\n  );\n};\n"],"names":["Dropzone","props","showWarning","setShowWarning","useState","invalidFiles","setInvalidFiles","validFiles","setValidFiles","dragging","setDragging","makeDragHandler","set","value","e","onDragIn","onDragOut","handleUpload","files","fileList","emptyFiles","file","oversizeFiles","unsupportedFiles","_a","validatedFiles","jsxs","cx","styles","jsx","Fragment","Icon"],"mappings":"wRAiBaA,EAAYC,GAAyB,OAChD,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAIrC,CAAE,MAAO,CAAA,EAAI,SAAU,CAAA,EAAI,UAAW,CAAA,EAAI,EACvC,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAiB,CAAA,CAAE,EACjD,CAACK,EAAUC,CAAW,EAAIN,EAAAA,SAAS,EAAK,EAExCO,EAAkB,CAACC,EAA2BC,IAAoBC,GAAuB,CAC7FA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFF,EAAIC,CAAK,CACX,EAEME,EAAWJ,EAAgBD,EAAa,EAAI,EAC5CM,EAAYL,EAAgBD,EAAa,EAAK,EAE9CO,EAAgBC,GAA2B,CAC/C,GAAI,CAACA,EACH,OAGF,MAAMC,EAAW,MAAM,KAAKD,CAAK,EAE3BE,EAAaD,EAAS,OAAQE,GAASA,EAAK,OAAS,CAAC,EACtDC,EAAgBrB,EAAM,cACxBkB,EAAS,OAAQE,GAASA,EAAK,KAAOpB,EAAM,cAAiB,KAAO,IAAI,EACxE,CAAA,EACEsB,EAAmBtB,EAAM,UAC3BkB,EAAS,OAAQE,GAAA,OAAS,SAACG,EAAAvB,EAAM,YAAN,MAAAuB,EAAiB,SAASH,EAAK,OAAK,EAC/D,CAAA,EACEI,EAAiBN,EAAS,OAC7BE,GACCA,EAAK,KAAO,IACXpB,EAAM,cAAgBoB,EAAK,MAAQpB,EAAM,cAAgB,KAAO,KAAO,MACvEA,EAAM,UAAYA,EAAM,UAAU,SAASoB,EAAK,IAAI,EAAI,GAAA,EAG7Db,EAAciB,CAAc,EAExBL,EAAW,OAAS,GAAKE,EAAc,OAAS,GAAKC,EAAiB,OAAS,GACjFjB,EAAgB,CAAE,MAAOc,EAAY,SAAUE,EAAe,UAAWC,EAAkB,EAC3FpB,EAAe,EAAI,EACnB,QAAQ,IAAI,aAAcI,CAAU,EACpC,QAAQ,IAAI,eAAgBF,CAAY,GAExCJ,EAAM,SAASiB,CAAK,EAGtBR,EAAY,EAAK,CACnB,EAEA,OACEgB,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,SAAUnB,EAAWmB,EAAO,UAAY,EAAE,EAC/D,YAAab,EACb,YAAaC,EACb,WAAYD,EACZ,OAASD,GAAM,OACbA,EAAE,eAAA,EACFG,GAAaO,EAAAV,EAAE,eAAF,YAAAU,EAAgB,KAAK,CACpC,EAGC,SAAA,CAAAtB,GAAe2B,EAAAA,IAAAC,EAAAA,SAAA,EAAE,EAElBJ,EAAAA,KAAC,QAAA,CAAM,QAASzB,EAAM,SAAW,cAC/B,SAAA,CAAA4B,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAM,SACN,KAAM,OAAA,CAAA,EAERF,EAAAA,IAAC,OAAA,CAAM,SAAA5B,EAAM,KAAA,CAAM,EACnB4B,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,SAAU5B,EAAM,WAChB,QAAQuB,EAAAvB,EAAM,YAAN,YAAAuB,EAAiB,KAAK,MAC9B,GAAIvB,EAAM,SAAW,cACrB,SAAWa,GAAMG,EAAaH,EAAE,OAAO,KAAK,CAAA,CAAA,CAC9C,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/dropzone/index.js

@@ -0,0 +1,63 @@
+import { jsxs as f, jsx as o, Fragment as I } from "react/jsx-runtime";
+import { t as M } from "../../classix-DG18itHa.js";
+import { useState as s } from "react";
+import { Icon as w } from "../icon/index.js";
+import '../../assets/index14.css';const B = "_dropzone_1cqsl_1", j = "_highlight_1cqsl_41", z = {
+  dropzone: B,
+  highlight: j
+}, U = (e) => {
+  var d;
+  const [p, F] = s(!1), [y, v] = s({ empty: [], oversize: [], wrongType: [] }), [D, T] = s([]), [x, a] = s(!1), r = (i, t) => (n) => {
+    n.preventDefault(), n.stopPropagation(), i(t);
+  }, g = r(a, !0), S = r(a, !1), m = (i) => {
+    if (!i)
+      return;
+    const t = Array.from(i), n = t.filter((l) => l.size === 0), c = e.maxFileSizeMB ? t.filter((l) => l.size > e.maxFileSizeMB * 1024 * 1024) : [], h = e.mimeTypes ? t.filter((l) => {
+      var u;
+      return !((u = e.mimeTypes) != null && u.includes(l.type));
+    }) : [], _ = t.filter(
+      (l) => l.size > 0 && (e.maxFileSizeMB ? l.size <= e.maxFileSizeMB * 1024 * 1024 : !0) && (e.mimeTypes ? e.mimeTypes.includes(l.type) : !0)
+    );
+    T(_), n.length > 0 || c.length > 0 || h.length > 0 ? (v({ empty: n, oversize: c, wrongType: h }), F(!0), console.log("validFiles", D), console.log("invalidFiles", y)) : e.onUpload(i), a(!1);
+  };
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: M(z.dropzone, x ? z.highlight : ""),
+      onDragEnter: g,
+      onDragLeave: S,
+      onDragOver: g,
+      onDrop: (i) => {
+        var t;
+        i.preventDefault(), m((t = i.dataTransfer) == null ? void 0 : t.files);
+      },
+      children: [
+        p && /* @__PURE__ */ o(I, {}),
+        /* @__PURE__ */ f("label", { htmlFor: e.inputId ?? "file-upload", children: [
+          /* @__PURE__ */ o(
+            w,
+            {
+              name: "upload",
+              size: "large"
+            }
+          ),
+          /* @__PURE__ */ o("span", { children: e.label }),
+          /* @__PURE__ */ o(
+            "input",
+            {
+              type: "file",
+              multiple: e.isMultiple,
+              accept: (d = e.mimeTypes) == null ? void 0 : d.join(", "),
+              id: e.inputId ?? "file-upload",
+              onChange: (i) => m(i.target.files)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  U as Dropzone
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dropzone/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DropzoneProps = {\n  allowDirectoryUpload?: boolean;\n  inputId?: string;\n  isMultiple?: boolean;\n  label?: string;\n  maxFileSizeMB?: number;\n  mimeTypes?: string[];\n  onUpload: (uploadContent: File[] | FileList) => void;\n};\n\nexport const Dropzone = (props: DropzoneProps) => {\n  const [showWarning, setShowWarning] = useState(false);\n  const [invalidFiles, setInvalidFiles] = useState<{\n    empty: File[];\n    oversize: File[];\n    wrongType: File[];\n  }>({ empty: [], oversize: [], wrongType: [] });\n  const [validFiles, setValidFiles] = useState<File[]>([]);\n  const [dragging, setDragging] = useState(false);\n\n  const makeDragHandler = (set: (v: boolean) => void, value: boolean) => (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    set(value);\n  };\n\n  const onDragIn = makeDragHandler(setDragging, true);\n  const onDragOut = makeDragHandler(setDragging, false);\n\n  const handleUpload = (files: FileList | null) => {\n    if (!files) {\n      return;\n    }\n\n    const fileList = Array.from(files);\n\n    const emptyFiles = fileList.filter((file) => file.size === 0);\n    const oversizeFiles = props.maxFileSizeMB\n      ? fileList.filter((file) => file.size > props.maxFileSizeMB! * 1024 * 1024)\n      : [];\n    const unsupportedFiles = props.mimeTypes\n      ? fileList.filter((file) => !props.mimeTypes?.includes(file.type))\n      : [];\n    const validatedFiles = fileList.filter(\n      (file) =>\n        file.size > 0 &&\n        (props.maxFileSizeMB ? file.size <= props.maxFileSizeMB * 1024 * 1024 : true) &&\n        (props.mimeTypes ? props.mimeTypes.includes(file.type) : true)\n    );\n\n    setValidFiles(validatedFiles);\n\n    if (emptyFiles.length > 0 || oversizeFiles.length > 0 || unsupportedFiles.length > 0) {\n      setInvalidFiles({ empty: emptyFiles, oversize: oversizeFiles, wrongType: unsupportedFiles });\n      setShowWarning(true);\n      console.log('validFiles', validFiles);\n      console.log('invalidFiles', invalidFiles);\n    } else {\n      props.onUpload(files);\n    }\n\n    setDragging(false);\n  };\n\n  return (\n    <div\n      className={cx(styles.dropzone, dragging ? styles.highlight : '')}\n      onDragEnter={onDragIn}\n      onDragLeave={onDragOut}\n      onDragOver={onDragIn}\n      onDrop={(e) => {\n        e.preventDefault();\n        handleUpload(e.dataTransfer?.files);\n      }}\n    >\n      {/*TODO: show invalid files*/}\n      {showWarning && <></>}\n\n      <label htmlFor={props.inputId ?? 'file-upload'}>\n        <Icon\n          name={'upload'}\n          size={'large'}\n        />\n        <span>{props.label}</span>\n        <input\n          type='file'\n          multiple={props.isMultiple}\n          accept={props.mimeTypes?.join(', ')}\n          id={props.inputId ?? 'file-upload'}\n          onChange={(e) => handleUpload(e.target.files)}\n        />\n      </label>\n    </div>\n  );\n};\n"],"names":["Dropzone","props","showWarning","setShowWarning","useState","invalidFiles","setInvalidFiles","validFiles","setValidFiles","dragging","setDragging","makeDragHandler","set","value","e","onDragIn","onDragOut","handleUpload","files","fileList","emptyFiles","file","oversizeFiles","unsupportedFiles","_a","validatedFiles","jsxs","cx","styles","jsx","Fragment","Icon"],"mappings":";;;;;;;GAiBaA,IAAW,CAACC,MAAyB;;AAChD,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAIrC,EAAE,OAAO,CAAA,GAAI,UAAU,CAAA,GAAI,WAAW,CAAA,GAAI,GACvC,CAACG,GAAYC,CAAa,IAAIJ,EAAiB,CAAA,CAAE,GACjD,CAACK,GAAUC,CAAW,IAAIN,EAAS,EAAK,GAExCO,IAAkB,CAACC,GAA2BC,MAAmB,CAACC,MAAuB;AAC7F,IAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFF,EAAIC,CAAK;AAAA,EACX,GAEME,IAAWJ,EAAgBD,GAAa,EAAI,GAC5CM,IAAYL,EAAgBD,GAAa,EAAK,GAE9CO,IAAe,CAACC,MAA2B;AAC/C,QAAI,CAACA;AACH;AAGF,UAAMC,IAAW,MAAM,KAAKD,CAAK,GAE3BE,IAAaD,EAAS,OAAO,CAACE,MAASA,EAAK,SAAS,CAAC,GACtDC,IAAgBrB,EAAM,gBACxBkB,EAAS,OAAO,CAACE,MAASA,EAAK,OAAOpB,EAAM,gBAAiB,OAAO,IAAI,IACxE,CAAA,GACEsB,IAAmBtB,EAAM,YAC3BkB,EAAS,OAAO,CAACE,MAAA;;AAAS,gBAACG,IAAAvB,EAAM,cAAN,QAAAuB,EAAiB,SAASH,EAAK;AAAA,KAAK,IAC/D,CAAA,GACEI,IAAiBN,EAAS;AAAA,MAC9B,CAACE,MACCA,EAAK,OAAO,MACXpB,EAAM,gBAAgBoB,EAAK,QAAQpB,EAAM,gBAAgB,OAAO,OAAO,QACvEA,EAAM,YAAYA,EAAM,UAAU,SAASoB,EAAK,IAAI,IAAI;AAAA,IAAA;AAG7D,IAAAb,EAAciB,CAAc,GAExBL,EAAW,SAAS,KAAKE,EAAc,SAAS,KAAKC,EAAiB,SAAS,KACjFjB,EAAgB,EAAE,OAAOc,GAAY,UAAUE,GAAe,WAAWC,GAAkB,GAC3FpB,EAAe,EAAI,GACnB,QAAQ,IAAI,cAAcI,CAAU,GACpC,QAAQ,IAAI,gBAAgBF,CAAY,KAExCJ,EAAM,SAASiB,CAAK,GAGtBR,EAAY,EAAK;AAAA,EACnB;AAEA,SACE,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAO,UAAUnB,IAAWmB,EAAO,YAAY,EAAE;AAAA,MAC/D,aAAab;AAAA,MACb,aAAaC;AAAA,MACb,YAAYD;AAAA,MACZ,QAAQ,CAACD,MAAM;;AACb,QAAAA,EAAE,eAAA,GACFG,GAAaO,IAAAV,EAAE,iBAAF,gBAAAU,EAAgB,KAAK;AAAA,MACpC;AAAA,MAGC,UAAA;AAAA,QAAAtB,KAAe,gBAAA2B,EAAAC,GAAA,EAAE;AAAA,QAElB,gBAAAJ,EAAC,SAAA,EAAM,SAASzB,EAAM,WAAW,eAC/B,UAAA;AAAA,UAAA,gBAAA4B;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,gBAAAF,EAAC,QAAA,EAAM,UAAA5B,EAAM,MAAA,CAAM;AAAA,UACnB,gBAAA4B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU5B,EAAM;AAAA,cAChB,SAAQuB,IAAAvB,EAAM,cAAN,gBAAAuB,EAAiB,KAAK;AAAA,cAC9B,IAAIvB,EAAM,WAAW;AAAA,cACrB,UAAU,CAACa,MAAMG,EAAaH,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9C,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}