@anoki/fse-ui 2.3.0-RC19 → 2.3.0-RC20

package/dist/index.es214.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es214.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import { ActionIconText, ArrowLink, Button, Col, Row } from \"@/components\";\nimport { EditPencil } from \"@/icons\";\nimport { CreditCard } from \"@/icons/CreditCard\";\nimport clsx from \"clsx\";\nimport \"./ReservationRecapCard.scss\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  code?: string;\n  description?: any;\n  onPressPay?: () => void;\n  onPressPayLink?: string;\n  onPressEdit?: () => void;\n  onPressDownload?: () => void;\n  downloadLabel?: string;\n  payLabel?: string;\n  editLabel?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\nexport const ReservationRecapCard = ({\n  title,\n  code,\n  onPressDownload,\n  firstStatusLabel,\n  secondStatusLabel,\n  description,\n  onPressPay,\n  onPressPayLink = undefined,\n  onPressEdit,\n  downloadLabel,\n  payLabel,\n  editLabel,\n  asLink = \"a\",\n}: InfoSectionCardProps) => {\n  return (\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\n        <Col gap={\"x8\"}>\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\n        </Col>\n        <Row mt={\"x16\"} gap={\"x16\"}>\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        </Row>\n        <Col mt={\"x24\"}>{description}</Col>\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\n        <Row\n          className={\"actions-container-card-reservation\"}\n          alignItems={\"center\"}\n          justifyContent={\"space-between\"}\n        >\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\n            {onPressPay ? (\n              <ActionIconText\n                textLabel={payLabel}\n                icon={<CreditCard />}\n                handleAction={onPressPay}\n                handleIconAction={onPressPay}\n                classNameText={\"fw-bold\"}\n              />\n            ) : onPressPayLink ? (\n              <ArrowLink className=\"ui-reservation-recap-pay-link\" asLink={asLink} href={onPressPayLink} arrowVisible={false}>\n                <CreditCard />\n                {payLabel}\n              </ArrowLink>\n            ) : <></>}\n            <div className={(onPressPay || onPressPayLink) && \"share-divider-reservations\"}>\n              <ActionIconText\n                textLabel={editLabel}\n                icon={<EditPencil />}\n                handleAction={onPressEdit}\n                handleIconAction={onPressEdit}\n                classNameText={\"fw-bold\"}\n              />\n            </div>\n          </Row>\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\n            {downloadLabel}\n          </Button>\n        </Row>\n      </Col>\n    </Col>\n  );\n};\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressPayLink","onPressEdit","downloadLabel","payLabel","editLabel","asLink","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","ArrowLink","Fragment","EditPencil","Button"],"mappings":";;;;;;;;;;AAsBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAWC,EAAK,oDAAoD,GACvE,UAAAC,gBAAAA,EAAAA,KAACF,GAAA,EAAI,GAAG,OAAO,OAAO,EAAE,OAAO,UAC7B,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACF,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAZ,GAAK;AAAA,IACzDY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAb,EAAA,CAAM;AAAA,EAAA,GAC5D;AAAA,EACAgB,gBAAAA,EAAAA,KAACC,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAAA,IAAC,UAAK,WAAW,2BACd,aACH,EAAA,CACF;AAAA,IACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAA,EAAK,WAAW,2BACd,UAAAT,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAAA,EACAS,gBAAAA,EAAAA,IAACC,GAAA,EAAI,IAAI,OAAQ,UAAAT,GAAY;AAAA,wBAC5BS,GAAA,EAAI,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,EACtEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAAD,gBAAAA,OAACC,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAC/C,UAAA;AAAA,UAAAX,IACCO,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,cACX,4BAAOS,GAAA,EAAW;AAAA,cAClB,cAAcb;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,IAEfC,IACFS,gBAAAA,EAAAA,KAACI,GAAA,EAAU,WAAU,iCAAgC,QAAAR,GAAgB,MAAML,GAAgB,cAAc,IACvG,UAAA;AAAA,YAAAM,gBAAAA,EAAAA,IAACM,GAAA,EAAW;AAAA,YACXT;AAAA,UAAA,EAAA,CACH,IACEG,gBAAAA,EAAAA,IAAAQ,EAAAA,UAAA,EAAE;AAAA,UACNR,gBAAAA,MAAC,OAAA,EAAI,YAAYP,KAAcC,MAAmB,8BAChD,UAAAM,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOW,GAAA,EAAW;AAAA,cAClB,cAAcd;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,EACjB,CACF;AAAA,QAAA,GACF;AAAA,QACAK,gBAAAA,EAAAA,IAACU,KAAO,SAASrB,GAAiB,SAAQ,aAAY,MAAK,UACxD,UAAAO,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"index.es214.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import { ActionIconText, ArrowLink, Button, Col, Row } from \"@/components\";\nimport { EditPencil } from \"@/icons\";\nimport { CreditCard } from \"@/icons/CreditCard\";\nimport clsx from \"clsx\";\nimport \"./ReservationRecapCard.scss\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  code?: string;\n  description?: any;\n  onPressPay?: () => void;\n  onPressPayLink?: string;\n  onPressEdit?: () => void;\n  onPressDownload?: () => void;\n  downloadLabel?: string;\n  payLabel?: string;\n  editLabel?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\nexport const ReservationRecapCard = ({\n  title,\n  code,\n  onPressDownload,\n  firstStatusLabel,\n  secondStatusLabel,\n  description,\n  onPressPay,\n  onPressPayLink = undefined,\n  onPressEdit,\n  downloadLabel,\n  payLabel,\n  editLabel,\n  asLink = \"a\",\n}: InfoSectionCardProps) => {\n  return (\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\n        <Col gap={\"x8\"}>\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\n        </Col>\n        <Row mt={\"x16\"} gap={\"x16\"}>\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        </Row>\n        <Col mt={\"x24\"}>{description}</Col>\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\n        <Row\n          className={\"actions-container-card-reservation\"}\n          alignItems={\"center\"}\n          justifyContent={\"space-between\"}\n        >\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\n            {onPressPay ? (\n              <ActionIconText\n                textLabel={payLabel}\n                icon={<CreditCard />}\n                handleAction={onPressPay}\n                handleIconAction={onPressPay}\n                classNameText={\"fw-bold\"}\n              />\n            ) : onPressPayLink ? (\n              <ArrowLink\n                className=\"ui-reservation-recap-pay-link\"\n                asLink={asLink}\n                href={onPressPayLink}\n                arrowVisible={false}\n              >\n                <CreditCard />\n                {payLabel}\n              </ArrowLink>\n            ) : (\n              <></>\n            )}\n\n            {onPressEdit && (\n              <div\n                className={\n                  (onPressPay || onPressPayLink) && \"share-divider-reservations\"\n                }\n              >\n                <ActionIconText\n                  textLabel={editLabel}\n                  icon={<EditPencil />}\n                  handleAction={onPressEdit}\n                  handleIconAction={onPressEdit}\n                  classNameText={\"fw-bold\"}\n                />\n              </div>\n            )}\n          </Row>\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\n            {downloadLabel}\n          </Button>\n        </Row>\n      </Col>\n    </Col>\n  );\n};\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressPayLink","onPressEdit","downloadLabel","payLabel","editLabel","asLink","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","ArrowLink","Fragment","EditPencil","Button"],"mappings":"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"}

package/dist/index.es216.js

@@ -1,9 +1,9 @@
 import { j as x } from "./index.es267.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es269.js";
-import { createSpacingClasses as j } from "./index.es390.js";
-import { createColorClasses as u } from "./index.es342.js";
-import { createTypographyClasses as h } from "./index.es391.js";
+import { createSpacingClasses as j } from "./index.es389.js";
+import { createColorClasses as u } from "./index.es302.js";
+import { createTypographyClasses as h } from "./index.es390.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es22.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es226.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es267.js";
-import { Title as n } from "./index.es477.js";
-import { Description as c } from "./index.es478.js";
+import { Title as n } from "./index.es476.js";
+import { Description as c } from "./index.es477.js";
 import { clsx as o } from "./index.es269.js";
 import './components/ui/Section/Section.css';/* empty css            */
 const m = ({

package/dist/index.es228.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es23.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as p } from "./index.es342.js";
+import { createColorClasses as p } from "./index.es302.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es230.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es231.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as a } from "./index.es269.js";
-import { createColorClasses as p } from "./index.es342.js";
+import { createColorClasses as p } from "./index.es302.js";
 const m = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es236.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es267.js";
 import { clsx as n } from "./index.es269.js";
 import './components/ui/SupportBanner/SupportBanner.css';/* empty css            */
 import { useMemo as N } from "react";
-import { CTA_COMPONENTS as y } from "./index.es484.js";
+import { CTA_COMPONENTS as y } from "./index.es483.js";
 import { Col as w } from "./index.es82.js";
 import { Row as g } from "./index.es216.js";
 const M = ({

package/dist/index.es239.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es267.js";
-import { Root as l, Thumb as c } from "./index.es485.js";
+import { Root as l, Thumb as c } from "./index.es484.js";
 import { Row as n } from "./index.es216.js";
 import './components/ui/Switch/Switch.css';/* empty css            */
 import { CheckIcon as x } from "./index.es72.js";

package/dist/index.es24.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es244.js

@@ -5,7 +5,7 @@ import { useMediaQueryV2 as R } from "./index.es310.js";
 import { clsx as x } from "./index.es269.js";
 import { Row as k } from "./index.es216.js";
 import { ArrowDown as C } from "./index.es19.js";
-import { ScrollArea as A } from "./index.es490.js";
+import { ScrollArea as A } from "./index.es489.js";
 const O = ({
   title: w = "Indice",
   headings: l,

package/dist/index.es253.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es267.js";
 import { clsx as h } from "./index.es269.js";
-import { createColorClasses as m } from "./index.es342.js";
+import { createColorClasses as m } from "./index.es302.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es255.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as c } from "./index.es342.js";
+import { createColorClasses as c } from "./index.es302.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es256.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as p } from "./index.es342.js";
+import { createColorClasses as p } from "./index.es302.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es258.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es267.js";
-import { createColorClasses as a } from "./index.es342.js";
+import { createColorClasses as a } from "./index.es302.js";
 import { clsx as p } from "./index.es269.js";
 const x = ({
   width: e = 24,

package/dist/index.es261.js

@@ -5,7 +5,7 @@ import { clsx as n } from "./index.es269.js";
 import { useState as p, useRef as G } from "react";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
 import { VIDEO_PLAYER_SIZE as e } from "./index.es259.js";
-import U from "./index.es498.js";
+import U from "./index.es497.js";
 import { Col as B } from "./index.es82.js";
 import { PlayVideo as F } from "./index.es207.js";
 const O = {

package/dist/index.es262.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es266.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es267.js";
 import { clsx as e } from "./index.es269.js";
-import { createColorClasses as z } from "./index.es342.js";
+import { createColorClasses as z } from "./index.es302.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es267.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es500.js";
+import { __require as r } from "./index.es499.js";
 var i = r();
 export {
   i as j

package/dist/index.es270.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es504.js";
+import { __require as r } from "./index.es503.js";
 var a = r();
 export {
   a as l

package/dist/index.es278.js

@@ -1,5 +1,5 @@
-import r from "./index.es507.js";
-import t from "./index.es508.js";
+import r from "./index.es506.js";
+import t from "./index.es507.js";
 const i = (a, e) => typeof window > "u" ? t(a, {
   allowedTags: t.defaults.allowedTags.concat([
     "img",

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es267.js";
-import { createColorClasses as l } from "./index.es342.js";
+import { createColorClasses as l } from "./index.es302.js";
 import { clsx as x } from "./index.es269.js";
 const p = ({
   initials: e,

package/dist/index.es289.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es516.js";
-import { m as l } from "./index.es515.js";
+import { c as w } from "./index.es513.js";
+import { m as l } from "./index.es514.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es290.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es517.js";
-import { c as E } from "./index.es516.js";
-import { m, b as q, s as P, h as G, i as S } from "./index.es515.js";
+import { c as $ } from "./index.es515.js";
+import { c as E } from "./index.es513.js";
+import { m, b as q, s as P, h as G, i as S } from "./index.es514.js";
 function j(O) {
   let {
     swiper: e,

package/dist/index.es291.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es514.js";
-import { c as y } from "./index.es517.js";
-import { c as z, m as n, i as K, s as j } from "./index.es515.js";
+import { g as F } from "./index.es516.js";
+import { c as y } from "./index.es515.js";
+import { c as z, m as n, i as K, s as j } from "./index.es514.js";
 function Z(P) {
   let {
     swiper: i,

package/dist/index.es292.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, useLayoutEffect as Q, createContext as q } from "react";
-import { S as X } from "./index.es509.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es510.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es511.js";
+import { S as X } from "./index.es508.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es509.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es510.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/{index.es342.js → index.es302.js}

@@ -2,4 +2,4 @@ const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r ==
 export {
   e as createColorClasses
 };
-//# sourceMappingURL=index.es342.js.map
+//# sourceMappingURL=index.es302.js.map

package/dist/{index.es342.js.map → index.es302.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es342.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"blue-15\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}
+{"version":3,"file":"index.es302.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"blue-15\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/index.es308.js

@@ -3,7 +3,7 @@ import { Button as u } from "./index.es36.js";
 import { HeaderTopBanner as y } from "./index.es165.js";
 import { useState as w, useRef as C, useCallback as N, useEffect as h } from "react";
 import { clsx as s } from "./index.es269.js";
-import { useFocusTrap as k } from "./index.es436.js";
+import { useFocusTrap as k } from "./index.es435.js";
 import { Container as L } from "./index.es91.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as E } from "./index.es82.js";

package/dist/index.es319.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es267.js";
 import { clsx as a } from "./index.es269.js";
-import { StepArrow as d } from "./index.es611.js";
+import { StepArrow as d } from "./index.es610.js";
 const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
   /* @__PURE__ */ e.jsxs(
     "button",

package/dist/index.es32.js

@@ -1,9 +1,9 @@
 import { j as a } from "./index.es267.js";
-import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es345.js";
-import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es346.js";
-import { BaseModalFooter as u } from "./index.es347.js";
-import { BaseModalContent as H } from "./index.es348.js";
-import { BaseModalBackHeader as g } from "./index.es349.js";
+import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es344.js";
+import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es345.js";
+import { BaseModalFooter as u } from "./index.es346.js";
+import { BaseModalContent as H } from "./index.es347.js";
+import { BaseModalBackHeader as g } from "./index.es348.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
 import { clsx as t } from "./index.es269.js";
 import v from "react";

package/dist/index.es321.js

@@ -1,5 +1,5 @@
 import { useState as a, useCallback as l } from "react";
-import "./index.es525.js";
+import "./index.es517.js";
 function c() {
   const [t, o] = a(null), e = l(async (r) => {
     if (!(navigator != null && navigator.clipboard))

package/dist/index.es322.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es541.js";
+import { __require as r } from "./index.es523.js";
 var i = r();
 export {
   i as d

package/dist/index.es323.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es545.js";
+import { __require as r } from "./index.es527.js";
 var i = r();
 export {
   i as F

package/dist/index.es329.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es267.js";
-import { Title as o, Close as d } from "./index.es345.js";
+import { Title as o, Close as d } from "./index.es344.js";
 import { Button as i } from "./index.es36.js";
 import './components/ui/AddNewModal/AddNewModalHeader/AddNewModalHeader.css';/* empty css            */
 import { Close as r } from "./index.es80.js";

package/dist/index.es335.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es518.js";
-import { useComposedRefs as A } from "./index.es519.js";
-import { Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as v, createDialogScope as f, Trigger as $ } from "./index.es345.js";
-import { composeEventHandlers as F } from "./index.es520.js";
-import { createSlottable as G } from "./index.es521.js";
+import { createContextScope as T } from "./index.es531.js";
+import { useComposedRefs as A } from "./index.es530.js";
+import { Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as v, createDialogScope as f, Trigger as $ } from "./index.es344.js";
+import { composeEventHandlers as F } from "./index.es529.js";
+import { createSlottable as G } from "./index.es542.js";
 import { j as i } from "./index.es267.js";
 var D = "AlertDialog", [W] = T(D, [
   f