@solibo/solibo-ui 0.2.13 → 0.2.15

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const s=require("../../jsx-runtime-BJcCX4ED.cjs"),m=require("../../classix-5H4IWnMA.cjs"),l=require("../icon/index.cjs"),y="_button_1dekj_1",j="_destructive_1dekj_19",p="_minimal_1dekj_30",x="_primary_1dekj_43",b="_secondary_1dekj_53",k="_white_1dekj_63",v="_iconOnly_1dekj_68",t={button:y,destructive:j,minimal:p,primary:x,secondary:b,white:k,iconOnly:v},f={default:t.default,destructive:t.destructive,minimal:t.minimal,primary:t.primary,secondary:t.secondary,white:t.white},h=({children:o,className:r,disabled:c=!1,label:e,title:a,icon:n,iconOnly:i=!1,type:u="button",variant:d="default",..._})=>s.jsxRuntimeExports.jsx("button",{className:m.t(r,t.button,f[d],i&&t.iconOnly),disabled:c,title:a||e,type:u,"aria-label":e,..._,children:i?n&&s.jsxRuntimeExports.jsx(l.Icon,{name:n}):o??e});exports.Button=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const r=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),f=require("../icon/index.cjs"),y=require("../../styles.module-B_pXIacc.cjs"),p="_button_fg8df_1",g="_destructive_fg8df_22",b="_minimal_fg8df_33",h="_primary_fg8df_46",v="_secondary_fg8df_56",w="_white_fg8df_66",t={button:p,destructive:g,minimal:b,primary:h,secondary:v,white:w},x={default:t.default,destructive:t.destructive,minimal:t.minimal,primary:t.primary,secondary:t.secondary,white:t.white},j=({children:o,className:a,disabled:c=!1,icon:e,label:n,loading:s=!1,onClick:u=()=>{},title:d,type:m="button",variant:i="default",..._})=>r.jsxs("button",{"aria-label":n,className:l.t(a,t.button,x[i],s&&!e?y.loadingStyles.spinner:""),disabled:c,onClick:u,title:d||n,type:m,..._,children:[e&&r.jsx(f.Icon,{loading:s,name:e,variant:i==="primary"?"white":"default"}),o??n]});exports.Button=j;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  destructive: styles.destructive,\n  minimal: styles.minimal,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n  title?: string;\n  iconOnly?: boolean;\n  icon?: IconName;\n  variant?: keyof typeof variants;\n  type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  label,\n  title,\n  icon,\n  iconOnly = false,\n  type = 'button',\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant], iconOnly && styles.iconOnly)}\n      disabled={disabled}\n      title={title || label}\n      type={type}\n      aria-label={label}\n      {...props}\n    >\n      {iconOnly ? icon && <Icon name={icon} /> : (children ?? label)}\n    </button>\n  );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","icon","iconOnly","type","variant","props","jsx","cx","Icon"],"mappings":"obAMMA,EAAW,CACf,QAASC,EAAO,QAChB,YAAaA,EAAO,YACpB,QAASA,EAAO,QAChB,QAASA,EAAO,QAChB,UAAWA,EAAO,UAClB,MAAOA,EAAO,KAChB,EAcaC,EAAS,CAAC,CACrB,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAEIC,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,EAAGV,EAAWH,EAAO,OAAQD,EAASW,CAAO,EAAGF,GAAYR,EAAO,QAAQ,EACtF,SAAAI,EACA,MAAOE,GAASD,EAChB,KAAAI,EACA,aAAYJ,EACX,GAAGM,EAEH,WAAWJ,GAAQK,wBAACE,EAAAA,MAAK,KAAMP,EAAM,EAAML,GAAYG,CAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport loadingStyles from '../loading/styles.module.css';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  destructive: styles.destructive,\n  minimal: styles.minimal,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  loading?: boolean;\n  title?: string;\n  type?: 'button' | 'submit' | 'reset';\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  icon,\n  label,\n  loading = false,\n  onClick = () => {},\n  title,\n  type = 'button',\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      aria-label={label}\n      className={cx(\n        className,\n        styles.button,\n        variants[variant],\n        loading && !icon ? loadingStyles.spinner : ''\n      )}\n      disabled={disabled}\n      onClick={onClick}\n      title={title || label}\n      type={type}\n      {...props}\n    >\n      {icon && (\n        <Icon\n          loading={loading}\n          name={icon}\n          variant={variant === 'primary' ? 'white' : 'default'}\n        />\n      )}\n      {children ?? label}\n    </button>\n  );\n};\n"],"names":["variants","styles","Button","children","className","disabled","icon","label","loading","onClick","title","type","variant","props","jsxs","cx","loadingStyles","jsx","Icon"],"mappings":"mbAOMA,EAAW,CACf,QAASC,EAAO,QAChB,YAAaA,EAAO,YACpB,QAASA,EAAO,QAChB,QAASA,EAAO,QAChB,UAAWA,EAAO,UAClB,MAAOA,EAAO,KAChB,EAeaC,EAAS,CAAC,CACrB,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EAAU,IAAM,CAAC,EACjB,MAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAEIC,EAAAA,KAAC,SAAA,CACC,aAAYP,EACZ,UAAWQ,EAAAA,EACTX,EACAH,EAAO,OACPD,EAASY,CAAO,EAChBJ,GAAW,CAACF,EAAOU,EAAAA,cAAc,QAAU,EAAA,EAE7C,SAAAX,EACA,QAAAI,EACA,MAAOC,GAASH,EAChB,KAAAI,EACC,GAAGE,EAEH,SAAA,CAAAP,GACCW,EAAAA,IAACC,EAAAA,KAAA,CACC,QAAAV,EACA,KAAMF,EACN,QAASM,IAAY,UAAY,QAAU,SAAA,CAAA,EAG9CT,GAAYI,CAAA,CAAA,CAAA"}

package/dist/components/button/index.js

@@ -1,45 +1,63 @@
-import { j as o } from "../../jsx-runtime-CDbhiqmm.js";
-import { t as u } from "../../classix-DG18itHa.js";
-import { Icon as l } from "../icon/index.js";
-import '../../assets/index15.css';const y = "_button_1dekj_1", j = "_destructive_1dekj_19", p = "_minimal_1dekj_30", f = "_primary_1dekj_43", k = "_secondary_1dekj_53", h = "_white_1dekj_63", v = "_iconOnly_1dekj_68", t = {
-  button: y,
-  destructive: j,
-  minimal: p,
-  primary: f,
-  secondary: k,
-  white: h,
-  iconOnly: v
-}, b = {
+import { jsxs as _, jsx as u } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import { Icon as y } from "../icon/index.js";
+import { l as p } from "../../styles.module-BhmNqlYd.js";
+import '../../assets/index24.css';const h = "_button_fg8df_1", g = "_destructive_fg8df_22", v = "_minimal_fg8df_33", w = "_primary_fg8df_46", b = "_secondary_fg8df_56", x = "_white_fg8df_66", t = {
+  button: h,
+  destructive: g,
+  minimal: v,
+  primary: w,
+  secondary: b,
+  white: x
+}, j = {
   default: t.default,
   destructive: t.destructive,
   minimal: t.minimal,
   primary: t.primary,
   secondary: t.secondary,
   white: t.white
-}, B = ({
-  children: r,
-  className: s,
-  disabled: a = !1,
+}, k = ({
+  children: n,
+  className: a,
+  disabled: o = !1,
+  icon: r,
   label: e,
-  title: c,
-  icon: n,
-  iconOnly: i = !1,
-  type: m = "button",
-  variant: d = "default",
-  ..._
-}) => /* @__PURE__ */ o.jsx(
+  loading: i = !1,
+  onClick: m = () => {
+  },
+  title: f,
+  type: d = "button",
+  variant: s = "default",
+  ...c
+}) => /* @__PURE__ */ _(
   "button",
   {
-    className: u(s, t.button, b[d], i && t.iconOnly),
-    disabled: a,
-    title: c || e,
-    type: m,
     "aria-label": e,
-    ..._,
-    children: i ? n && /* @__PURE__ */ o.jsx(l, { name: n }) : r ?? e
+    className: l(
+      a,
+      t.button,
+      j[s],
+      i && !r ? p.spinner : ""
+    ),
+    disabled: o,
+    onClick: m,
+    title: f || e,
+    type: d,
+    ...c,
+    children: [
+      r && /* @__PURE__ */ u(
+        y,
+        {
+          loading: i,
+          name: r,
+          variant: s === "primary" ? "white" : "default"
+        }
+      ),
+      n ?? e
+    ]
   }
 );
 export {
-  B as Button
+  k as Button
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  destructive: styles.destructive,\n  minimal: styles.minimal,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n  title?: string;\n  iconOnly?: boolean;\n  icon?: IconName;\n  variant?: keyof typeof variants;\n  type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  label,\n  title,\n  icon,\n  iconOnly = false,\n  type = 'button',\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      className={cx(className, styles.button, variants[variant], iconOnly && styles.iconOnly)}\n      disabled={disabled}\n      title={title || label}\n      type={type}\n      aria-label={label}\n      {...props}\n    >\n      {iconOnly ? icon && <Icon name={icon} /> : (children ?? label)}\n    </button>\n  );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","icon","iconOnly","type","variant","props","jsx","cx","Icon"],"mappings":";;;;;;;;;;;GAMMA,IAAW;AAAA,EACf,SAASC,EAAO;AAAA,EAChB,aAAaA,EAAO;AAAA,EACpB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAClB,OAAOA,EAAO;AAChB,GAcaC,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGV,GAAWH,EAAO,QAAQD,EAASW,CAAO,GAAGF,KAAYR,EAAO,QAAQ;AAAA,IACtF,UAAAI;AAAA,IACA,OAAOE,KAASD;AAAA,IAChB,MAAAI;AAAA,IACA,cAAYJ;AAAA,IACX,GAAGM;AAAA,IAEH,cAAWJ,KAAQK,gBAAAA,MAACE,KAAK,MAAMP,GAAM,IAAML,KAAYG;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport loadingStyles from '../loading/styles.module.css';\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  destructive: styles.destructive,\n  minimal: styles.minimal,\n  primary: styles.primary,\n  secondary: styles.secondary,\n  white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  loading?: boolean;\n  title?: string;\n  type?: 'button' | 'submit' | 'reset';\n  variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  icon,\n  label,\n  loading = false,\n  onClick = () => {},\n  title,\n  type = 'button',\n  variant = 'default',\n  ...props\n}: ButtonProps) => {\n  return (\n    <button\n      aria-label={label}\n      className={cx(\n        className,\n        styles.button,\n        variants[variant],\n        loading && !icon ? loadingStyles.spinner : ''\n      )}\n      disabled={disabled}\n      onClick={onClick}\n      title={title || label}\n      type={type}\n      {...props}\n    >\n      {icon && (\n        <Icon\n          loading={loading}\n          name={icon}\n          variant={variant === 'primary' ? 'white' : 'default'}\n        />\n      )}\n      {children ?? label}\n    </button>\n  );\n};\n"],"names":["variants","styles","Button","children","className","disabled","icon","label","loading","onClick","title","type","variant","props","jsxs","cx","loadingStyles","jsx","Icon"],"mappings":";;;;;;;;;;;GAOMA,IAAW;AAAA,EACf,SAASC,EAAO;AAAA,EAChB,aAAaA,EAAO;AAAA,EACpB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAClB,OAAOA,EAAO;AAChB,GAeaC,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,cAAYP;AAAA,IACZ,WAAWQ;AAAAA,MACTX;AAAA,MACAH,EAAO;AAAA,MACPD,EAASY,CAAO;AAAA,MAChBJ,KAAW,CAACF,IAAOU,EAAc,UAAU;AAAA,IAAA;AAAA,IAE7C,UAAAX;AAAA,IACA,SAAAI;AAAA,IACA,OAAOC,KAASH;AAAA,IAChB,MAAAI;AAAA,IACC,GAAGE;AAAA,IAEH,UAAA;AAAA,MAAAP,KACC,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAV;AAAA,UACA,MAAMF;AAAA,UACN,SAASM,MAAY,YAAY,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9CT,KAAYI;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components/card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const t=require("../../jsx-runtime-BJcCX4ED.cjs"),c=require("../header/index.cjs"),s="_card_y12bj_1",i="_image_y12bj_9",a="_content_y12bj_21",n={card:s,image:i,content:a},r=({...e})=>t.jsxRuntimeExports.jsxs("article",{onClick:e.onClick,className:n.card,children:[e.image&&t.jsxRuntimeExports.jsx("section",{className:n.image,children:e.image}),t.jsxRuntimeExports.jsxs("section",{className:n.content,children:[e.headerText&&t.jsxRuntimeExports.jsx(c.Header,{label:e.headerText,size:1,subtitle:e.subHeaderText}),e.contentText&&t.jsxRuntimeExports.jsx("p",{children:e.contentText}),e.children]})]});exports.Card=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const e=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),j=require("../header/index.cjs"),u="_card_jh3n1_1",h="_image_jh3n1_14",m="_content_jh3n1_26",x="_draft_jh3n1_33",s={card:u,image:h,content:m,draft:x},f=({children:a,contentHtml:n,contentText:r,draft:d=!1,headerText:t,image:c,onClick:i,onDrop:o,subHeaderText:l})=>e.jsxs("article",{className:_.t(s.card,d&&s.draft),onClick:i,onDrop:o,children:[c&&e.jsx("section",{className:s.image,children:c}),e.jsxs("section",{className:s.content,children:[t&&e.jsx(j.Header,{size:2,label:t,subHeader:l}),r&&e.jsx("p",{children:r}),n&&e.jsx("div",{dangerouslySetInnerHTML:{__html:n}})]}),a]});exports.Card=f;
 //# sourceMappingURL=index.cjs.map

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":"2PAaaA,EAAO,CAAC,CAAE,GAAGC,KAEtBC,EAAAA,kBAAAA,KAAC,UAAA,CACC,QAASD,EAAM,QACf,UAAWE,EAAO,KAEjB,SAAA,CAAAF,EAAM,OAASG,wBAAC,UAAA,CAAQ,UAAWD,EAAO,MAAQ,WAAM,KAAA,CAAM,EAC/DD,EAAAA,kBAAAA,KAAC,UAAA,CAAQ,UAAWC,EAAO,QACxB,SAAA,CAAAF,EAAM,YACLG,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,MAAOJ,EAAM,WACb,KAAM,EACN,SAAUA,EAAM,aAAA,CAAA,EAGnBA,EAAM,aAAeG,wBAAC,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 { j as t } from "../../jsx-runtime-CDbhiqmm.js";
-import { Header as n } from "../header/index.js";
-import '../../assets/index11.css';const a = "_card_y12bj_1", i = "_image_y12bj_9", s = "_content_y12bj_21", c = {
-  card: a,
-  image: i,
-  content: s
-}, d = ({ ...e }) => /* @__PURE__ */ t.jsxs(
+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.jsx("section", { className: c.image, children: e.image }),
-      /* @__PURE__ */ t.jsxs("section", { className: c.content, children: [
-        e.headerText && /* @__PURE__ */ t.jsx(
-          n,
+      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.jsx("p", { children: e.contentText }),
-        e.children
-      ] })
+        a && /* @__PURE__ */ r("p", { children: a }),
+        n && /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: n } })
+      ] }),
+      o
     ]
   }
 );
 export {
-  d 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,QAEtBC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAASD,EAAM;AAAA,IACf,WAAWE,EAAO;AAAA,IAEjB,UAAA;AAAA,MAAAF,EAAM,SAASG,gBAAAA,MAAC,WAAA,EAAQ,WAAWD,EAAO,OAAQ,YAAM,MAAA,CAAM;AAAA,MAC/DD,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAWC,EAAO,SACxB,UAAA;AAAA,QAAAF,EAAM,cACLG,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOJ,EAAM;AAAA,YACb,MAAM;AAAA,YACN,UAAUA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGnBA,EAAM,eAAeG,gBAAAA,MAAC,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/index10.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),n=require("../icon/index.cjs"),t="_component_1nxex_1",s={component:t},i=({...o})=>e.jsxRuntimeExports.jsx("div",{className:s.component,...o,children:e.jsxRuntimeExports.jsxs("article",{children:[e.jsxRuntimeExports.jsx("h1",{children:"Hello world"}),e.jsxRuntimeExports.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.jsxRuntimeExports.jsx("b",{children:"Explicabo quod eius numquam?"})]}),e.jsxRuntimeExports.jsx("a",{href:"/?path=/docs/introduction--docs",children:e.jsxRuntimeExports.jsx(n.Icon,{name:"home",variant:"dialog"})}),e.jsxRuntimeExports.jsx("p",{children:"Feel free to copy this folder to have a bare minimum component."})]})});exports.Component=i;
+"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.cjs.map

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

package/dist/components/component/index.js

@@ -1,30 +1,30 @@
-import { j as e } from "../../jsx-runtime-CDbhiqmm.js";
-import { Icon as i } from "../icon/index.js";
-import '../../assets/index10.css';const n = "_component_1nxex_1", t = {
-  component: n
-}, c = ({ ...o }) => /* @__PURE__ */ e.jsx(
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { Icon as n } from "../icon/index.js";
+import '../../assets/index18.css';const t = "_component_l8zgx_1", r = {
+  component: t
+}, s = ({ ...i }) => /* @__PURE__ */ o(
   "div",
   {
-    className: t.component,
-    ...o,
-    children: /* @__PURE__ */ e.jsxs("article", { children: [
-      /* @__PURE__ */ e.jsx("h1", { children: "Hello world" }),
-      /* @__PURE__ */ e.jsxs("p", { children: [
+    className: r.component,
+    ...i,
+    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.jsx("b", { children: "Explicabo quod eius numquam?" })
+        /* @__PURE__ */ o("b", { children: "Explicabo quod eius numquam?" })
       ] }),
-      /* @__PURE__ */ e.jsx("a", { href: "/?path=/docs/introduction--docs", children: /* @__PURE__ */ e.jsx(
-        i,
+      /* @__PURE__ */ o("a", { href: "/?path=/docs/introduction--docs", children: /* @__PURE__ */ o(
+        n,
         {
           name: "home",
           variant: "dialog"
         }
       ) }),
-      /* @__PURE__ */ e.jsx("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." })
     ] })
   }
 );
 export {
-  c as Component
+  s as Component
 };
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const t=require("../../jsx-runtime-BJcCX4ED.cjs"),o=require("../button/index.cjs"),l="_dialog_fcarp_1",c="_wrapper_fcarp_22",x="_dialogButtons_fcarp_46",u="_closeButton_fcarp_53",s={dialog:l,wrapper:c,dialogButtons:x,closeButton:u},p=({button:e,children:n,message:r,title:a,...i})=>t.jsxRuntimeExports.jsx("div",{className:s.wrapper,children:t.jsxRuntimeExports.jsx("dialog",{className:s.dialog,...i,children:n||t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(o.Button,{variant:"secondary",iconOnly:!0,icon:"x",className:s.closeButton}),t.jsxRuntimeExports.jsx("h2",{children:a}),t.jsxRuntimeExports.jsx("p",{children:r}),t.jsxRuntimeExports.jsxs("form",{method:"dialog",className:s.dialogButtons,children:[t.jsxRuntimeExports.jsx(o.Button,{label:e,variant:"secondary"}),t.jsxRuntimeExports.jsx(o.Button,{label:e,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":"wTAUaA,EAAS,CAAC,CACrB,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EAEA,GAAGC,CACL,IAEIC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAWC,EAAO,OACjB,GAAGF,EAEH,SAAAH,GAGCM,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,YACR,SAAQ,GACR,KAAK,IACL,UAAWH,EAAO,WAAA,CAAA,EAEpBD,EAAAA,kBAAAA,IAAC,MAAI,SAAAF,CAAA,CAAM,EACXE,EAAAA,kBAAAA,IAAC,KAAG,SAAAH,CAAA,CAAQ,EACZK,EAAAA,kBAAAA,KAAC,OAAA,CACC,OAAO,SACP,UAAWD,EAAO,cAElB,SAAA,CAAAD,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CACC,MAAOT,EAEP,QAAQ,WAAA,CAAA,EAEVK,EAAAA,kBAAAA,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,50 +1,49 @@
-import { j as o } from "../../jsx-runtime-CDbhiqmm.js";
-import { Button as a } from "../button/index.js";
-import '../../assets/index9.css';const c = "_dialog_fcarp_1", i = "_wrapper_fcarp_22", d = "_dialogButtons_fcarp_46", p = "_closeButton_fcarp_53", s = {
-  dialog: c,
-  wrapper: i,
-  dialogButtons: d,
-  closeButton: p
-}, g = ({
-  button: t,
-  children: r,
-  message: l,
+import { jsx as a, jsxs as l, Fragment as i } from "react/jsx-runtime";
+import { Button as t } from "../button/index.js";
+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: s,
+  message: e,
   title: n,
-  ...e
-}) => /* @__PURE__ */ o.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ o.jsx(
+  ...c
+}) => /* @__PURE__ */ a("div", { className: o.wrapper, children: /* @__PURE__ */ a(
   "dialog",
   {
-    className: s.dialog,
-    ...e,
-    children: r || /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(
-        a,
+    className: o.dialog,
+    ...c,
+    children: s || /* @__PURE__ */ l(i, { children: [
+      /* @__PURE__ */ a(
+        t,
         {
           variant: "secondary",
-          iconOnly: !0,
           icon: "x",
-          className: s.closeButton
+          className: o.closeButton
         }
       ),
-      /* @__PURE__ */ o.jsx("h2", { children: n }),
-      /* @__PURE__ */ o.jsx("p", { children: l }),
-      /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ a("h2", { children: n }),
+      /* @__PURE__ */ a("p", { children: e }),
+      /* @__PURE__ */ l(
         "form",
         {
           method: "dialog",
-          className: s.dialogButtons,
+          className: o.dialogButtons,
           children: [
-            /* @__PURE__ */ o.jsx(
-              a,
+            /* @__PURE__ */ a(
+              t,
               {
-                label: t,
+                label: r,
                 variant: "secondary"
               }
             ),
-            /* @__PURE__ */ o.jsx(
-              a,
+            /* @__PURE__ */ a(
+              t,
               {
-                label: t,
+                label: r,
                 type: "submit",
                 variant: "primary"
               }
@@ -56,6 +55,6 @@ import '../../assets/index9.css';const c = "_dialog_fcarp_1", i = "_wrapper_fcar
   }
 ) });
 export {
-  g as Dialog
+  B as Dialog
 };
 //# sourceMappingURL=index.js.map

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,MAEIC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAAD,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEH,UAAAH,KAGCM,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,MAAAH,gBAAAA,EAAAA;AAAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAWH,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpBD,gBAAAA,EAAAA,IAAC,QAAI,UAAAF,EAAA,CAAM;AAAA,MACXE,gBAAAA,EAAAA,IAAC,OAAG,UAAAH,EAAA,CAAQ;AAAA,MACZK,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,WAAWD,EAAO;AAAA,UAElB,UAAA;AAAA,YAAAD,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,OAAOT;AAAA,gBAEP,SAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAEVK,gBAAAA,EAAAA;AAAAA,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/index8.css');const r=require("../../jsx-runtime-BJcCX4ED.cjs"),t="_dropdown_vczyl_1",e={dropdown:t},s=({children:o,...n})=>r.jsxRuntimeExports.jsx("div",{className:e.dropdown,...n,children:o});exports.Dropdown=s;
+"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};\n\nexport const Dropdown = ({ children, ...props }: DropdownProps) => {\n  return (\n    <div\n      className={styles.dropdown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Dropdown","children","props","jsx","styles"],"mappings":"uKAMaA,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEpCC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAO,SACjB,GAAGF,EAEH,SAAAD,CAAA,CAAA"}
+{"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"}