@solibo/solibo-ui 0.5.5 → 0.5.6

package/dist/components/_card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),g=require("../badge/index.cjs"),u=require("../checkbox/index.cjs"),k=require("../figure/index.cjs"),p=require("../icon/index.cjs"),x="_card_i3kzm_1",j="_head_i3kzm_31",z="_center_i3kzm_44",f="_content_i3kzm_56",h="_clickable_i3kzm_93",q="_image_i3kzm_108",y="_selected_i3kzm_135",t={card:x,head:j,center:z,content:f,clickable:h,"image-top":"_image-top_i3kzm_108","image-left":"_image-left_i3kzm_117","image-right":"_image-right_i3kzm_118",image:q,selected:y},N=({badge:a,checkbox:i,children:r,header:l,icon:m,image:_,imagePosition:o="top",onClick:c,variant:s="default"})=>e.jsxs("article",{className:d.t(t.card,o&&t[`image-${o}`],c&&t.clickable,(i==null?void 0:i.checked)&&t.selected),"data-minimal":s==="minimal",onClick:c,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.currentTarget.click())},tabIndex:c?0:-1,"data-component":"card",children:[_&&s!=="minimal"&&e.jsx(k.Figure,{className:t.image,children:_}),e.jsxs("section",{children:[e.jsxs("div",{className:d.t(t.head,s==="minimal"&&t.center),children:[i&&e.jsx("span",{onClick:n=>n.stopPropagation(),children:e.jsx(u.Checkbox,{...i})}),l,a&&e.jsx(g.Badge,{...a}),m&&e.jsx(p.Icon,{name:m,size:"medium"})]}),r&&e.jsx("div",{className:t.content,children:r})]})]});exports.Card=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),u=require("../badge/index.cjs"),g=require("../checkbox/index.cjs"),p=require("../figure/index.cjs"),k=require("../icon/index.cjs"),x="_card_i3kzm_1",j="_head_i3kzm_31",z="_center_i3kzm_44",f="_content_i3kzm_56",h="_clickable_i3kzm_93",q="_image_i3kzm_108",y="_selected_i3kzm_135",t={card:x,head:j,center:z,content:f,clickable:h,"image-top":"_image-top_i3kzm_108","image-left":"_image-left_i3kzm_117","image-right":"_image-right_i3kzm_118",image:q,selected:y},N=({badge:a,checkbox:i,children:r,header:l,icon:m,image:_,imagePosition:o="top",onClick:c,variant:s="default"})=>e.jsxs("article",{className:d.t(t.card,o&&t[`image-${o}`],c&&t.clickable,(i==null?void 0:i.checked)&&t.selected),"data-minimal":s==="minimal",onClick:c,onKeyDown:n=>{c&&n.currentTarget===document.activeElement&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.currentTarget.click())},tabIndex:c?0:-1,"data-component":"card",children:[_&&s!=="minimal"&&e.jsx(p.Figure,{className:t.image,children:_}),e.jsxs("section",{children:[e.jsxs("div",{className:d.t(t.head,s==="minimal"&&t.center),children:[i&&e.jsx("span",{onClick:n=>n.stopPropagation(),children:e.jsx(g.Checkbox,{...i})}),l,a&&e.jsx(u.Badge,{...a}),m&&e.jsx(k.Icon,{name:m,size:"medium"})]}),r&&e.jsx("div",{className:t.content,children:r})]})]});exports.Card=N;
 //# 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 cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n  badge?: BadgeProps;\n  checkbox?: CheckboxProps;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  image?: React.ReactNode;\n  imagePosition?: 'top' | 'left' | 'right';\n  variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n  children?: never;\n  header: React.ReactNode;\n  image?: never;\n  imagePosition?: never;\n  variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n  badge,\n  checkbox,\n  children,\n  header,\n  icon,\n  image,\n  imagePosition = 'top',\n  onClick,\n  variant = 'default',\n}: CardProps) => {\n  return (\n    <article\n      className={cx(\n        styles.card,\n        imagePosition && styles[`image-${imagePosition}`],\n        onClick && styles.clickable,\n        checkbox?.checked && styles.selected\n      )}\n      data-minimal={variant === 'minimal'}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          e.currentTarget.click();\n        }\n      }}\n      tabIndex={onClick ? 0 : -1}\n    >\n      {image && variant !== 'minimal' && <Figure className={styles.image}>{image}</Figure>}\n      <section>\n        <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n          {checkbox && (\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox {...checkbox} />\n            </span>\n          )}\n          {header}\n          {badge && <Badge {...badge} />}\n          {icon && (\n            <Icon\n              name={icon}\n              size='medium'\n            />\n          )}\n        </div>\n        {children && <div className={styles.content}>{children}</div>}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","badge","checkbox","children","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","clickable","checked","selected","e","key","preventDefault","currentTarget","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content"],"mappings":"wmBAmCaA,EAAOA,CAAC,CACnBC,MAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,cAAAA,EAAgB,MAChBC,QAAAA,EACAC,QAAAA,EAAU,SACD,IAEPC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAAA,EACTC,EAAOC,KACPN,GAAiBK,EAAO,SAASL,CAAa,EAAE,EAChDC,GAAWI,EAAOE,WAClBZ,GAAAA,YAAAA,EAAUa,UAAWH,EAAOI,QAC9B,EACA,eAAcP,IAAY,UAC1B,QAAAD,EACA,UAAYS,GAAM,EACZA,EAAEC,MAAQ,SAAWD,EAAEC,MAAQ,OACjCD,EAAEE,eAAAA,EACFF,EAAEG,cAAcC,MAAAA,EAEpB,EACA,SAAUb,EAAU,EAAI,GAAG,iBAAA,OAE1BF,SAAAA,CAAAA,GAASG,IAAY,WAAaa,EAAAA,IAACC,EAAAA,QAAO,UAAWX,EAAON,MAAQA,SAAAA,CAAAA,CAAM,SAC1E,UAAA,CACC,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGC,EAAOY,KAAMf,IAAY,WAAaG,EAAOa,MAAM,EACnEvB,SAAAA,CAAAA,GACCoB,EAAAA,IAAC,OAAA,CAAK,QAAUL,GAAMA,EAAES,gBAAAA,EACtB,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CAAS,GAAIzB,CAAAA,CAAS,EACzB,EAEDE,EACAH,GAASqB,EAAAA,IAACM,EAAAA,MAAA,CAAM,GAAI3B,CAAAA,CAAM,EAC1BI,GACCiB,EAAAA,IAACO,OAAA,CACC,KAAMxB,EACN,KAAK,QAAA,CAAQ,CAAA,EAGnB,EACCF,GAAYmB,EAAAA,IAAC,MAAA,CAAI,UAAWV,EAAOkB,QAAU3B,SAAAA,CAAAA,CAAS,CAAA,CAAA,CACzD,CAAA,EACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/_card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n  badge?: BadgeProps;\n  checkbox?: CheckboxProps;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  image?: React.ReactNode;\n  imagePosition?: 'top' | 'left' | 'right';\n  variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n  children?: never;\n  header: React.ReactNode;\n  image?: never;\n  imagePosition?: never;\n  variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n  badge,\n  checkbox,\n  children,\n  header,\n  icon,\n  image,\n  imagePosition = 'top',\n  onClick,\n  variant = 'default',\n}: CardProps) => {\n  return (\n    <article\n      className={cx(\n        styles.card,\n        imagePosition && styles[`image-${imagePosition}`],\n        onClick && styles.clickable,\n        checkbox?.checked && styles.selected\n      )}\n      data-minimal={variant === 'minimal'}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (!onClick) return;\n\n        if (e.currentTarget !== document.activeElement) {\n          return;\n        }\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          e.currentTarget.click();\n        }\n      }}\n      tabIndex={onClick ? 0 : -1}\n    >\n      {image && variant !== 'minimal' && <Figure className={styles.image}>{image}</Figure>}\n      <section>\n        <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n          {checkbox && (\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox {...checkbox} />\n            </span>\n          )}\n          {header}\n          {badge && <Badge {...badge} />}\n          {icon && (\n            <Icon\n              name={icon}\n              size='medium'\n            />\n          )}\n        </div>\n        {children && <div className={styles.content}>{children}</div>}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","badge","checkbox","children","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content"],"mappings":"wmBAmCaA,EAAOA,CAAC,CACnBC,MAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,cAAAA,EAAgB,MAChBC,QAAAA,EACAC,QAAAA,EAAU,SACD,IAEPC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAAA,EACTC,EAAOC,KACPN,GAAiBK,EAAO,SAASL,CAAa,EAAE,EAChDC,GAAWI,EAAOE,WAClBZ,GAAAA,YAAAA,EAAUa,UAAWH,EAAOI,QAC9B,EACA,eAAcP,IAAY,UAC1B,QAAAD,EACA,UAAYS,GAAM,CACXT,GAEDS,EAAEC,gBAAkBC,SAASC,gBAI7BH,EAAEI,MAAQ,SAAWJ,EAAEI,MAAQ,OACjCJ,EAAEK,eAAAA,EACFL,EAAEC,cAAcK,MAAAA,EAEpB,EACA,SAAUf,EAAU,EAAI,GAAG,iBAAA,OAE1BF,SAAAA,CAAAA,GAASG,IAAY,WAAae,EAAAA,IAACC,EAAAA,QAAO,UAAWb,EAAON,MAAQA,SAAAA,CAAAA,CAAM,SAC1E,UAAA,CACC,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAGC,EAAOc,KAAMjB,IAAY,WAAaG,EAAOe,MAAM,EACnEzB,SAAAA,CAAAA,GACCsB,EAAAA,IAAC,OAAA,CAAK,QAAUP,GAAMA,EAAEW,gBAAAA,EACtB,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CAAS,GAAI3B,CAAAA,CAAS,EACzB,EAEDE,EACAH,GAASuB,EAAAA,IAACM,EAAAA,MAAA,CAAM,GAAI7B,CAAAA,CAAM,EAC1BI,GACCmB,EAAAA,IAACO,OAAA,CACC,KAAM1B,EACN,KAAK,QAAA,CAAQ,CAAA,EAGnB,EACCF,GAAYqB,EAAAA,IAAC,MAAA,CAAI,UAAWZ,EAAOoB,QAAU7B,SAAAA,CAAAA,CAAS,CAAA,CAAA,CACzD,CAAA,EACF"}

package/dist/components/_card/index.js

@@ -1,39 +1,39 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { t as d } from "../../classix-DG18itHa.js";
-import { Badge as g } from "../badge/index.js";
-import { Checkbox as k } from "../checkbox/index.js";
-import { Figure as f } from "../figure/index.js";
+import { Badge as p } from "../badge/index.js";
+import { Checkbox as f } from "../checkbox/index.js";
+import { Figure as k } from "../figure/index.js";
 import { Icon as z } from "../icon/index.js";
-import '../../assets/index16.css';const h = "_card_i3kzm_1", u = "_head_i3kzm_31", y = "_center_i3kzm_44", N = "_content_i3kzm_56", j = "_clickable_i3kzm_93", D = "_image_i3kzm_108", I = "_selected_i3kzm_135", e = {
-  card: h,
-  head: u,
+import '../../assets/index16.css';const u = "_card_i3kzm_1", h = "_head_i3kzm_31", y = "_center_i3kzm_44", N = "_content_i3kzm_56", j = "_clickable_i3kzm_93", v = "_image_i3kzm_108", D = "_selected_i3kzm_135", e = {
+  card: u,
+  head: h,
   center: y,
   content: N,
   clickable: j,
   "image-top": "_image-top_i3kzm_108",
   "image-left": "_image-left_i3kzm_117",
   "image-right": "_image-right_i3kzm_118",
-  image: D,
-  selected: I
+  image: v,
+  selected: D
 }, K = ({
-  badge: r,
+  badge: c,
   checkbox: m,
   children: l,
-  header: p,
+  header: g,
   icon: _,
   image: o,
   imagePosition: s = "top",
   onClick: a,
-  variant: c = "default"
-}) => /* @__PURE__ */ n("article", { className: d(e.card, s && e[`image-${s}`], a && e.clickable, (m == null ? void 0 : m.checked) && e.selected), "data-minimal": c === "minimal", onClick: a, onKeyDown: (t) => {
-  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
+  variant: r = "default"
+}) => /* @__PURE__ */ n("article", { className: d(e.card, s && e[`image-${s}`], a && e.clickable, (m == null ? void 0 : m.checked) && e.selected), "data-minimal": r === "minimal", onClick: a, onKeyDown: (t) => {
+  a && t.currentTarget === document.activeElement && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
 }, tabIndex: a ? 0 : -1, "data-component": "card", children: [
-  o && c !== "minimal" && /* @__PURE__ */ i(f, { className: e.image, children: o }),
+  o && r !== "minimal" && /* @__PURE__ */ i(k, { className: e.image, children: o }),
   /* @__PURE__ */ n("section", { children: [
-    /* @__PURE__ */ n("div", { className: d(e.head, c === "minimal" && e.center), children: [
-      m && /* @__PURE__ */ i("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ i(k, { ...m }) }),
-      p,
-      r && /* @__PURE__ */ i(g, { ...r }),
+    /* @__PURE__ */ n("div", { className: d(e.head, r === "minimal" && e.center), children: [
+      m && /* @__PURE__ */ i("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ i(f, { ...m }) }),
+      g,
+      c && /* @__PURE__ */ i(p, { ...c }),
       _ && /* @__PURE__ */ i(z, { name: _, size: "medium" })
     ] }),
     l && /* @__PURE__ */ i("div", { className: e.content, children: l })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/_card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n  badge?: BadgeProps;\n  checkbox?: CheckboxProps;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  image?: React.ReactNode;\n  imagePosition?: 'top' | 'left' | 'right';\n  variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n  children?: never;\n  header: React.ReactNode;\n  image?: never;\n  imagePosition?: never;\n  variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n  badge,\n  checkbox,\n  children,\n  header,\n  icon,\n  image,\n  imagePosition = 'top',\n  onClick,\n  variant = 'default',\n}: CardProps) => {\n  return (\n    <article\n      className={cx(\n        styles.card,\n        imagePosition && styles[`image-${imagePosition}`],\n        onClick && styles.clickable,\n        checkbox?.checked && styles.selected\n      )}\n      data-minimal={variant === 'minimal'}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          e.currentTarget.click();\n        }\n      }}\n      tabIndex={onClick ? 0 : -1}\n    >\n      {image && variant !== 'minimal' && <Figure className={styles.image}>{image}</Figure>}\n      <section>\n        <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n          {checkbox && (\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox {...checkbox} />\n            </span>\n          )}\n          {header}\n          {badge && <Badge {...badge} />}\n          {icon && (\n            <Icon\n              name={icon}\n              size='medium'\n            />\n          )}\n        </div>\n        {children && <div className={styles.content}>{children}</div>}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","badge","checkbox","children","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","clickable","checked","selected","e","key","preventDefault","currentTarget","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content"],"mappings":";;;;;;;;;;;;;;;;;GAmCaA,IAAOA,CAAC;AAAA,EACnBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AACD,MAEP,gBAAAC,EAAC,WAAA,EACC,WAAWC,EACTC,EAAOC,MACPN,KAAiBK,EAAO,SAASL,CAAa,EAAE,GAChDC,KAAWI,EAAOE,YAClBZ,KAAAA,gBAAAA,EAAUa,YAAWH,EAAOI,QAC9B,GACA,gBAAcP,MAAY,WAC1B,SAAAD,GACA,WAAYS,CAAAA,MAAM;AAChB,GAAIA,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,SACjCD,EAAEE,eAAAA,GACFF,EAAEG,cAAcC,MAAAA;AAEpB,GACA,UAAUb,IAAU,IAAI,IAAG,kBAAA,QAE1BF,UAAAA;AAAAA,EAAAA,KAASG,MAAY,aAAa,gBAAAa,EAACC,KAAO,WAAWX,EAAON,OAAQA,UAAAA,EAAAA,CAAM;AAAA,oBAC1E,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAOY,MAAMf,MAAY,aAAaG,EAAOa,MAAM,GACnEvB,UAAAA;AAAAA,MAAAA,KACC,gBAAAoB,EAAC,QAAA,EAAK,SAAUL,CAAAA,MAAMA,EAAES,gBAAAA,GACtB,UAAA,gBAAAJ,EAACK,GAAA,EAAS,GAAIzB,EAAAA,CAAS,GACzB;AAAA,MAEDE;AAAAA,MACAH,KAAS,gBAAAqB,EAACM,GAAA,EAAM,GAAI3B,EAAAA,CAAM;AAAA,MAC1BI,KACC,gBAAAiB,EAACO,GAAA,EACC,MAAMxB,GACN,MAAK,SAAA,CAAQ;AAAA,IAAA,GAGnB;AAAA,IACCF,KAAY,gBAAAmB,EAAC,OAAA,EAAI,WAAWV,EAAOkB,SAAU3B,UAAAA,EAAAA,CAAS;AAAA,EAAA,EAAA,CACzD;AAAA,GACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/_card/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Badge, BadgeProps } from '@/components/badge';\nimport { Checkbox, CheckboxProps } from '@/components/checkbox';\nimport { Figure } from '@/components/figure';\nimport { Icon } from '@/components/icon';\nimport { IconName } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\ntype BaseCardProps = {\n  badge?: BadgeProps;\n  checkbox?: CheckboxProps;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n};\n\ntype DefaultCardProps = BaseCardProps & {\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  image?: React.ReactNode;\n  imagePosition?: 'top' | 'left' | 'right';\n  variant?: 'default';\n};\n\ntype MinimalCardProps = BaseCardProps & {\n  children?: never;\n  header: React.ReactNode;\n  image?: never;\n  imagePosition?: never;\n  variant: 'minimal';\n};\n\nexport type CardProps = DefaultCardProps | MinimalCardProps;\n\nexport const Card = ({\n  badge,\n  checkbox,\n  children,\n  header,\n  icon,\n  image,\n  imagePosition = 'top',\n  onClick,\n  variant = 'default',\n}: CardProps) => {\n  return (\n    <article\n      className={cx(\n        styles.card,\n        imagePosition && styles[`image-${imagePosition}`],\n        onClick && styles.clickable,\n        checkbox?.checked && styles.selected\n      )}\n      data-minimal={variant === 'minimal'}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (!onClick) return;\n\n        if (e.currentTarget !== document.activeElement) {\n          return;\n        }\n\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          e.currentTarget.click();\n        }\n      }}\n      tabIndex={onClick ? 0 : -1}\n    >\n      {image && variant !== 'minimal' && <Figure className={styles.image}>{image}</Figure>}\n      <section>\n        <div className={cx(styles.head, variant === 'minimal' && styles.center)}>\n          {checkbox && (\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox {...checkbox} />\n            </span>\n          )}\n          {header}\n          {badge && <Badge {...badge} />}\n          {icon && (\n            <Icon\n              name={icon}\n              size='medium'\n            />\n          )}\n        </div>\n        {children && <div className={styles.content}>{children}</div>}\n      </section>\n    </article>\n  );\n};\n"],"names":["Card","badge","checkbox","children","header","icon","image","imagePosition","onClick","variant","jsxs","cx","styles","card","clickable","checked","selected","e","currentTarget","document","activeElement","key","preventDefault","click","jsx","Figure","head","center","stopPropagation","Checkbox","Badge","Icon","content"],"mappings":";;;;;;;;;;;;;;;;;GAmCaA,IAAOA,CAAC;AAAA,EACnBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AACD,MAEP,gBAAAC,EAAC,WAAA,EACC,WAAWC,EACTC,EAAOC,MACPN,KAAiBK,EAAO,SAASL,CAAa,EAAE,GAChDC,KAAWI,EAAOE,YAClBZ,KAAAA,gBAAAA,EAAUa,YAAWH,EAAOI,QAC9B,GACA,gBAAcP,MAAY,WAC1B,SAAAD,GACA,WAAYS,CAAAA,MAAM;AAChB,EAAKT,KAEDS,EAAEC,kBAAkBC,SAASC,kBAI7BH,EAAEI,QAAQ,WAAWJ,EAAEI,QAAQ,SACjCJ,EAAEK,eAAAA,GACFL,EAAEC,cAAcK,MAAAA;AAEpB,GACA,UAAUf,IAAU,IAAI,IAAG,kBAAA,QAE1BF,UAAAA;AAAAA,EAAAA,KAASG,MAAY,aAAa,gBAAAe,EAACC,KAAO,WAAWb,EAAON,OAAQA,UAAAA,EAAAA,CAAM;AAAA,oBAC1E,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAOc,MAAMjB,MAAY,aAAaG,EAAOe,MAAM,GACnEzB,UAAAA;AAAAA,MAAAA,KACC,gBAAAsB,EAAC,QAAA,EAAK,SAAUP,CAAAA,MAAMA,EAAEW,gBAAAA,GACtB,UAAA,gBAAAJ,EAACK,GAAA,EAAS,GAAI3B,EAAAA,CAAS,GACzB;AAAA,MAEDE;AAAAA,MACAH,KAAS,gBAAAuB,EAACM,GAAA,EAAM,GAAI7B,EAAAA,CAAM;AAAA,MAC1BI,KACC,gBAAAmB,EAACO,GAAA,EACC,MAAM1B,GACN,MAAK,SAAA,CAAQ;AAAA,IAAA,GAGnB;AAAA,IACCF,KAAY,gBAAAqB,EAAC,OAAA,EAAI,WAAWZ,EAAOoB,SAAU7B,UAAAA,EAAAA,CAAS;AAAA,EAAA,EAAA,CACzD;AAAA,GACF;"}

package/dist/tokens.json

@@ -256,7 +256,7 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "0.5.5"
+      "packageVersion": "0.5.6"
     }
   },
   "$name": "Solibo UI Tokens",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "type": "module",
   "scripts": {
     "dev": "pnpm run tokens:build && vite build --watch",