@solibo/solibo-ui 0.2.12 → 0.2.14

package/dist/components/button/index.js

@@ -1,45 +1,45 @@
-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 = {
+import { jsx as o } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import { Icon as d } from "../icon/index.js";
+import '../../assets/index16.css';const y = "_button_uimvm_1", v = "_destructive_uimvm_19", p = "_minimal_uimvm_30", f = "_primary_uimvm_43", h = "_secondary_uimvm_53", b = "_white_uimvm_63", w = "_iconOnly_uimvm_68", t = {
   button: y,
-  destructive: j,
+  destructive: v,
   minimal: p,
   primary: f,
-  secondary: k,
-  white: h,
-  iconOnly: v
-}, b = {
+  secondary: h,
+  white: b,
+  iconOnly: w
+}, O = {
   default: t.default,
   destructive: t.destructive,
   minimal: t.minimal,
   primary: t.primary,
   secondary: t.secondary,
   white: t.white
-}, B = ({
+}, I = ({
   children: r,
-  className: s,
-  disabled: a = !1,
-  label: e,
-  title: c,
-  icon: n,
-  iconOnly: i = !1,
-  type: m = "button",
-  variant: d = "default",
+  className: e,
+  disabled: s = !1,
+  label: i,
+  title: a,
+  icon: m,
+  iconOnly: n = !1,
+  type: c = "button",
+  variant: u = "default",
   ..._
-}) => /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ o(
   "button",
   {
-    className: u(s, t.button, b[d], i && t.iconOnly),
-    disabled: a,
-    title: c || e,
-    type: m,
-    "aria-label": e,
+    className: l(e, t.button, O[u], n && t.iconOnly),
+    disabled: s,
+    title: a || i,
+    type: c,
+    "aria-label": i,
     ..._,
-    children: i ? n && /* @__PURE__ */ o.jsx(l, { name: n }) : r ?? e
+    children: n ? m && /* @__PURE__ */ o(d, { name: m }) : r ?? i
   }
 );
 export {
-  B as Button
+  I 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 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,MAEI,gBAAAC;AAAA,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,KAAQ,gBAAAK,EAACE,KAAK,MAAMP,GAAM,IAAML,KAAYG;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/index12.css');const t=require("react/jsx-runtime"),c=require("../header/index.cjs"),a="_card_y12bj_1",i="_image_y12bj_9",s="_content_y12bj_21",n={card:a,image:i,content:s},d=({...e})=>t.jsxs("article",{onClick:e.onClick,className:n.card,children:[e.image&&t.jsx("section",{className:n.image,children:e.image}),t.jsxs("section",{className:n.content,children:[e.headerText&&t.jsx(c.Header,{label:e.headerText,size:1,subtitle:e.subHeaderText}),e.contentText&&t.jsx("p",{children:e.contentText}),e.children]})]});exports.Card=d;
 //# 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 { 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"}

package/dist/components/card/index.js

@@ -1,32 +1,32 @@
-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 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(
   "article",
   {
     onClick: e.onClick,
     className: c.card,
     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,
+      e.image && /* @__PURE__ */ t("section", { className: c.image, children: e.image }),
+      /* @__PURE__ */ n("section", { className: c.content, children: [
+        e.headerText && /* @__PURE__ */ t(
+          a,
           {
             label: e.headerText,
             size: 1,
             subtitle: e.subHeaderText
           }
         ),
-        e.contentText && /* @__PURE__ */ t.jsx("p", { children: e.contentText }),
+        e.contentText && /* @__PURE__ */ t("p", { children: e.contentText }),
         e.children
       ] })
     ]
   }
 );
 export {
-  d as Card
+  s 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 { 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;"}

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

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

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

package/dist/components/dialog/index.js

@@ -1,50 +1,50 @@
-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,
-  title: n,
-  ...e
-}) => /* @__PURE__ */ o.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ o.jsx(
+import { jsx as o, jsxs as s, 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 = {
+  dialog: d,
+  wrapper: p,
+  dialogButtons: m,
+  closeButton: g
+}, B = ({
+  button: r,
+  children: l,
+  message: n,
+  title: e,
+  ...c
+}) => /* @__PURE__ */ o("div", { className: a.wrapper, children: /* @__PURE__ */ o(
   "dialog",
   {
-    className: s.dialog,
-    ...e,
-    children: r || /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(
-        a,
+    className: a.dialog,
+    ...c,
+    children: l || /* @__PURE__ */ s(i, { children: [
+      /* @__PURE__ */ o(
+        t,
         {
           variant: "secondary",
           iconOnly: !0,
           icon: "x",
-          className: s.closeButton
+          className: a.closeButton
         }
       ),
-      /* @__PURE__ */ o.jsx("h2", { children: n }),
-      /* @__PURE__ */ o.jsx("p", { children: l }),
-      /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ o("h2", { children: e }),
+      /* @__PURE__ */ o("p", { children: n }),
+      /* @__PURE__ */ s(
         "form",
         {
           method: "dialog",
-          className: s.dialogButtons,
+          className: a.dialogButtons,
           children: [
-            /* @__PURE__ */ o.jsx(
-              a,
+            /* @__PURE__ */ o(
+              t,
               {
-                label: t,
+                label: r,
                 variant: "secondary"
               }
             ),
-            /* @__PURE__ */ o.jsx(
-              a,
+            /* @__PURE__ */ o(
+              t,
               {
-                label: t,
+                label: r,
                 type: "submit",
                 variant: "primary"
               }
@@ -56,6 +56,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              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;"}

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/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;
 //# 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 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"}

package/dist/components/dropdown/index.js

@@ -1,15 +1,29 @@
-import { j as s } from "../../jsx-runtime-CDbhiqmm.js";
-import '../../assets/index8.css';const d = "_dropdown_vczyl_1", n = {
-  dropdown: d
-}, p = ({ children: o, ...r }) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: n.dropdown,
-    ...r,
-    children: o
-  }
-);
+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(
+    "select",
+    {
+      className: d.dropdown,
+      ...r,
+      children: [
+        o && /* @__PURE__ */ s(
+          "option",
+          {
+            selected: !0,
+            hidden: !0,
+            children: o
+          }
+        ),
+        l
+      ]
+    }
+  )
+] });
 export {
-  p as Dropdown
+  i 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};\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":";;;GAMaA,IAAW,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEpCC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IACjB,GAAGF;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}
+{"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;"}