@anoki/fse-ui 1.0.412 → 1.0.414

package/dist/index.es330.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es330.js","sources":["../node_modules/use-sidecar/dist/es2015/medium.js"],"sourcesContent":["import { __assign } from \"tslib\";\nfunction ItoI(a) {\n    return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    var buffer = [];\n    var assigned = false;\n    var medium = {\n        read: function () {\n            if (assigned) {\n                throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n            }\n            if (buffer.length) {\n                return buffer[buffer.length - 1];\n            }\n            return defaults;\n        },\n        useMedium: function (data) {\n            var item = middleware(data, assigned);\n            buffer.push(item);\n            return function () {\n                buffer = buffer.filter(function (x) { return x !== item; });\n            };\n        },\n        assignSyncMedium: function (cb) {\n            assigned = true;\n            while (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n            }\n            buffer = {\n                push: function (x) { return cb(x); },\n                filter: function () { return buffer; },\n            };\n        },\n        assignMedium: function (cb) {\n            assigned = true;\n            var pendingQueue = [];\n            if (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n                pendingQueue = buffer;\n            }\n            var executeQueue = function () {\n                var cbs = pendingQueue;\n                pendingQueue = [];\n                cbs.forEach(cb);\n            };\n            var cycle = function () { return Promise.resolve().then(executeQueue); };\n            cycle();\n            buffer = {\n                push: function (x) {\n                    pendingQueue.push(x);\n                    cycle();\n                },\n                filter: function (filter) {\n                    pendingQueue = pendingQueue.filter(filter);\n                    return buffer;\n                },\n            };\n        },\n    };\n    return medium;\n}\nexport function createMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n    if (options === void 0) { options = {}; }\n    var medium = innerCreateMedium(null);\n    medium.options = __assign({ async: true, ssr: false }, options);\n    return medium;\n}\n"],"names":["ItoI","a","innerCreateMedium","defaults","middleware","buffer","assigned","medium","data","item","x","cb","cbs","pendingQueue","executeQueue","cycle","filter","createSidecarMedium","options","__assign"],"mappings":";AACA,SAASA,EAAKC,GAAG;AACb,SAAOA;AACX;AACA,SAASC,EAAkBC,GAAUC,GAAY;AAC7C,EAAIA,MAAe,WAAUA,IAAaJ;AAC1C,MAAIK,IAAS,CAAE,GACXC,IAAW,IACXC,IAAS;AAAA,IACT,MAAM,WAAY;AACd,UAAID;AACA,cAAM,IAAI,MAAM,kGAAkG;AAEtH,aAAID,EAAO,SACAA,EAAOA,EAAO,SAAS,CAAC,IAE5BF;AAAA,IACV;AAAA,IACD,WAAW,SAAUK,GAAM;AACvB,UAAIC,IAAOL,EAAWI,GAAMF,CAAQ;AACpC,aAAAD,EAAO,KAAKI,CAAI,GACT,WAAY;AACf,QAAAJ,IAASA,EAAO,OAAO,SAAUK,GAAG;AAAE,iBAAOA,MAAMD;AAAA,SAAO;AAAA,MAC7D;AAAA,IACJ;AAAA,IACD,kBAAkB,SAAUE,GAAI;AAE5B,WADAL,IAAW,IACJD,EAAO,UAAQ;AAClB,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAE,GACXO,EAAI,QAAQD,CAAE;AAAA,MAC9B;AACY,MAAAN,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AAAE,iBAAOC,EAAGD,CAAC;AAAA,QAAI;AAAA,QACpC,QAAQ,WAAY;AAAE,iBAAOL;AAAA,QAAS;AAAA,MACzC;AAAA,IACJ;AAAA,IACD,cAAc,SAAUM,GAAI;AACxB,MAAAL,IAAW;AACX,UAAIO,IAAe,CAAE;AACrB,UAAIR,EAAO,QAAQ;AACf,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAE,GACXO,EAAI,QAAQD,CAAE,GACdE,IAAeR;AAAA,MAC/B;AACY,UAAIS,IAAe,WAAY;AAC3B,YAAIF,IAAMC;AACV,QAAAA,IAAe,CAAE,GACjBD,EAAI,QAAQD,CAAE;AAAA,MACjB,GACGI,IAAQ,WAAY;AAAE,eAAO,QAAQ,QAAO,EAAG,KAAKD,CAAY;AAAA,MAAI;AACxE,MAAAC,EAAO,GACPV,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AACf,UAAAG,EAAa,KAAKH,CAAC,GACnBK,EAAO;AAAA,QACV;AAAA,QACD,QAAQ,SAAUC,GAAQ;AACtB,iBAAAH,IAAeA,EAAa,OAAOG,CAAM,GAClCX;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACD,SAAOE;AACX;AAMO,SAASU,EAAoBC,GAAS;AACzC,EAAIA,MAAY,WAAUA,IAAU,CAAA;AACpC,MAAIX,IAASL,EAAkB,IAAI;AACnC,SAAAK,EAAO,UAAUY,EAAS,EAAE,OAAO,IAAM,KAAK,GAAO,GAAED,CAAO,GACvDX;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es330.js","sources":["../node_modules/react-remove-scroll/dist/es2015/handleScroll.js"],"sourcesContent":["var alwaysContainsScroll = function (node) {\n    // textarea will always _contain_ scroll inside self. It only can be hidden\n    return node.tagName === 'TEXTAREA';\n};\nvar elementCanBeScrolled = function (node, overflow) {\n    if (!(node instanceof Element)) {\n        return false;\n    }\n    var styles = window.getComputedStyle(node);\n    return (\n    // not-not-scrollable\n    styles[overflow] !== 'hidden' &&\n        // contains scroll inside self\n        !(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === 'visible'));\n};\nvar elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };\nvar elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };\nexport var locationCouldBeScrolled = function (axis, node) {\n    var ownerDocument = node.ownerDocument;\n    var current = node;\n    do {\n        // Skip over shadow root\n        if (typeof ShadowRoot !== 'undefined' && current instanceof ShadowRoot) {\n            current = current.host;\n        }\n        var isScrollable = elementCouldBeScrolled(axis, current);\n        if (isScrollable) {\n            var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];\n            if (scrollHeight > clientHeight) {\n                return true;\n            }\n        }\n        current = current.parentNode;\n    } while (current && current !== ownerDocument.body);\n    return false;\n};\nvar getVScrollVariables = function (_a) {\n    var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;\n    return [\n        scrollTop,\n        scrollHeight,\n        clientHeight,\n    ];\n};\nvar getHScrollVariables = function (_a) {\n    var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;\n    return [\n        scrollLeft,\n        scrollWidth,\n        clientWidth,\n    ];\n};\nvar elementCouldBeScrolled = function (axis, node) {\n    return axis === 'v' ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);\n};\nvar getScrollVariables = function (axis, node) {\n    return axis === 'v' ? getVScrollVariables(node) : getHScrollVariables(node);\n};\nvar getDirectionFactor = function (axis, direction) {\n    /**\n     * If the element's direction is rtl (right-to-left), then scrollLeft is 0 when the scrollbar is at its rightmost position,\n     * and then increasingly negative as you scroll towards the end of the content.\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft\n     */\n    return axis === 'h' && direction === 'rtl' ? -1 : 1;\n};\nexport var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll) {\n    var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);\n    var delta = directionFactor * sourceDelta;\n    // find scrollable target\n    var target = event.target;\n    var targetInLock = endTarget.contains(target);\n    var shouldCancelScroll = false;\n    var isDeltaPositive = delta > 0;\n    var availableScroll = 0;\n    var availableScrollTop = 0;\n    do {\n        var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];\n        var elementScroll = scroll_1 - capacity - directionFactor * position;\n        if (position || elementScroll) {\n            if (elementCouldBeScrolled(axis, target)) {\n                availableScroll += elementScroll;\n                availableScrollTop += position;\n            }\n        }\n        if (target instanceof ShadowRoot) {\n            target = target.host;\n        }\n        else {\n            target = target.parentNode;\n        }\n    } while (\n    // portaled content\n    (!targetInLock && target !== document.body) ||\n        // self content\n        (targetInLock && (endTarget.contains(target) || endTarget === target)));\n    // handle epsilon around 0 (non standard zoom levels)\n    if (isDeltaPositive &&\n        ((noOverscroll && Math.abs(availableScroll) < 1) || (!noOverscroll && delta > availableScroll))) {\n        shouldCancelScroll = true;\n    }\n    else if (!isDeltaPositive &&\n        ((noOverscroll && Math.abs(availableScrollTop) < 1) || (!noOverscroll && -delta > availableScrollTop))) {\n        shouldCancelScroll = true;\n    }\n    return shouldCancelScroll;\n};\n"],"names":["alwaysContainsScroll","node","elementCanBeScrolled","overflow","styles","elementCouldBeVScrolled","elementCouldBeHScrolled","locationCouldBeScrolled","axis","ownerDocument","current","isScrollable","elementCouldBeScrolled","_a","getScrollVariables","scrollHeight","clientHeight","getVScrollVariables","scrollTop","getHScrollVariables","scrollLeft","scrollWidth","clientWidth","getDirectionFactor","direction","handleScroll","endTarget","event","sourceDelta","noOverscroll","directionFactor","delta","target","targetInLock","shouldCancelScroll","isDeltaPositive","availableScroll","availableScrollTop","position","scroll_1","capacity","elementScroll"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es55.js

@@ -1,42 +1,43 @@
 import { j as r } from "./index.es154.js";
-import { Avatar as f } from "./index.es56.js";
-import { Divider as t } from "./index.es173.js";
-import { Button as C } from "./index.es25.js";
+import { Avatar as t } from "./index.es56.js";
+import { Divider as C } from "./index.es173.js";
+import { Button as p } from "./index.es25.js";
 import './components/ui/CardDoctor/CardDoctor.css';/* empty css            */
-import { Row as p } from "./index.es9.js";
-import { Col as k } from "./index.es10.js";
-const A = ({
+import { Row as k } from "./index.es9.js";
+import { Col as D } from "./index.es10.js";
+const B = ({
   titleTag: h = "h3",
   doctorName: a,
   specialties: d,
-  contactInfo: o,
+  contactInfo: m,
   schedule: s,
   avatar: i,
+  avatarSize: n = "3",
   button: e
 }) => {
-  const m = () => o && (o == null ? void 0 : o.length) > 0, c = () => {
+  const x = () => m && (m == null ? void 0 : m.length) > 0, c = () => {
     var l;
     return s && ((l = s == null ? void 0 : s.days) == null ? void 0 : l.length) > 0;
-  }, n = () => (e == null ? void 0 : e.label) && (e == null ? void 0 : e.onClick), w = () => m() || c();
+  }, w = () => (e == null ? void 0 : e.label) && (e == null ? void 0 : e.onClick), g = () => x() || c();
   return /* @__PURE__ */ r.jsxs("article", { className: "bg-white shadow br-x4 ui-card-doctor", children: [
-    /* @__PURE__ */ r.jsxs(p, { as: "header", gap: "x16", children: [
+    /* @__PURE__ */ r.jsxs(k, { as: "header", gap: "x16", children: [
       i && /* @__PURE__ */ r.jsx(
-        f,
+        t,
         {
           textColor: (i == null ? void 0 : i.textColor) ?? "slate-20",
           bg: (i == null ? void 0 : i.bg) ?? "lightblue-a01",
           initials: (i == null ? void 0 : i.initials) ?? "",
           className: "ui-card-doctor-avatar",
-          size: "3"
+          size: n
         }
       ),
       /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(h, { className: "fs-5 fw-semibold text-slate-20", children: a }),
+        /* @__PURE__ */ r.jsx(h, { className: "fs-5 md-fs-custom-2 fw-semibold text-slate-20", children: a }),
         d && (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ r.jsx("p", { className: "fs-6 text-slate-20 fw-regular", children: d == null ? void 0 : d.join(" | ") })
       ] })
     ] }),
     /* @__PURE__ */ r.jsxs("div", { className: "ui-card-doctor-content", children: [
-      m() && /* @__PURE__ */ r.jsx("dl", { className: "ui-card-doctor-contact-info", children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ r.jsxs(
+      x() && /* @__PURE__ */ r.jsx("dl", { className: "ui-card-doctor-contact-info", children: m == null ? void 0 : m.map((l) => /* @__PURE__ */ r.jsxs(
         "div",
         {
           role: "group",
@@ -48,10 +49,10 @@ const A = ({
         },
         l.label
       )) }),
-      w() && /* @__PURE__ */ r.jsx(t, { bg: "border-divider", className: "ui-card-doctor-divider" }),
+      g() && /* @__PURE__ */ r.jsx(C, { bg: "border-divider", className: "ui-card-doctor-divider" }),
       c() && /* @__PURE__ */ r.jsxs("div", { children: [
         /* @__PURE__ */ r.jsx("h3", { className: "text-align-left fw-bold text-slate-28 mb-x8 fw-5", children: s == null ? void 0 : s.label }),
-        /* @__PURE__ */ r.jsx("div", { role: "table", className: "ui-card-doctor-table", children: s == null ? void 0 : s.days.map((l, g) => {
+        /* @__PURE__ */ r.jsx("div", { role: "table", className: "ui-card-doctor-table", children: s == null ? void 0 : s.days.map((l, N) => {
           var j;
           return /* @__PURE__ */ r.jsxs("div", { role: "row", className: "ui-card-doctor-row", children: [
             /* @__PURE__ */ r.jsx(
@@ -63,29 +64,29 @@ const A = ({
               }
             ),
             /* @__PURE__ */ r.jsxs(
-              k,
+              D,
               {
                 role: "cell",
                 className: "fs-6 fw-regular text-slate-28",
                 children: [
                   ((j = l == null ? void 0 : l.slots) == null ? void 0 : j.length) === 0 && /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx("span", { "aria-hidden": "true", children: "-" }) }),
-                  l.slots.map((x, N) => /* @__PURE__ */ r.jsxs("div", { children: [
-                    /* @__PURE__ */ r.jsx("time", { dateTime: x.from, children: x.from }),
+                  l.slots.map((o, f) => /* @__PURE__ */ r.jsxs("div", { children: [
+                    /* @__PURE__ */ r.jsx("time", { dateTime: o.from, children: o.from }),
                     /* @__PURE__ */ r.jsx("span", { "aria-hidden": "true", children: " - " }),
-                    /* @__PURE__ */ r.jsx("time", { dateTime: x.to, children: x.to })
-                  ] }, `slot-${N}`))
+                    /* @__PURE__ */ r.jsx("time", { dateTime: o.to, children: o.to })
+                  ] }, `slot-${f}`))
                 ]
               },
-              `cell-${g}`
+              `cell-${N}`
             )
           ] }, l.label);
         }) })
       ] })
     ] }),
-    n() && /* @__PURE__ */ r.jsx("footer", { children: /* @__PURE__ */ r.jsx(C, { className: "ui-card-doctor-btn", onClick: e == null ? void 0 : e.onClick, children: e == null ? void 0 : e.label }) })
+    w() && /* @__PURE__ */ r.jsx("footer", { children: /* @__PURE__ */ r.jsx(p, { className: "ui-card-doctor-btn", onClick: e == null ? void 0 : e.onClick, children: e == null ? void 0 : e.label }) })
   ] });
 };
 export {
-  A as CardDoctor
+  B as CardDoctor
 };
 //# sourceMappingURL=index.es55.js.map

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.js","sources":["../src/components/ui/CardDoctor/index.tsx"],"sourcesContent":["import { DayHours } from \"@anoki/fse-common\";\r\nimport { Avatar } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport { Divider } from \"../Divider\";\r\nimport { Button } from \"../Button\";\r\nimport \"./CardDoctor.scss\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype ScheduleDay = {\r\n  label: string;\r\n  slots: DayHours[];\r\n};\r\n\r\ntype CardDoctorProps = {\r\n  titleTag?: HeadingLevel;\r\n  doctorName: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  schedule?: {\r\n    label: string;\r\n    days: ScheduleDay[];\r\n  };\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  button?: {\r\n    label: string;\r\n    onClick: () => void;\r\n  };\r\n};\r\n\r\nexport const CardDoctor = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  doctorName,\r\n  specialties,\r\n  contactInfo,\r\n  schedule,\r\n  avatar,\r\n  button,\r\n}: CardDoctorProps) => {\r\n  const showContactInfo = () => {\r\n    return contactInfo && contactInfo?.length > 0;\r\n  };\r\n\r\n  const showSchedule = () => {\r\n    return schedule && schedule?.days?.length > 0;\r\n  };\r\n\r\n  const showFooter = () => {\r\n    return button?.label && button?.onClick;\r\n  };\r\n\r\n  const showDivider = () => {\r\n    return showContactInfo() || showSchedule();\r\n  };\r\n\r\n  return (\r\n    <article className=\"bg-white shadow br-x4 ui-card-doctor\">\r\n      <Row as={\"header\"} gap={\"x16\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n\r\n        <div>\r\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n            {doctorName}\r\n          </TitleTag>\r\n          {specialties && specialties?.length > 0 && (\r\n            <p className=\"fs-6 text-slate-20 fw-regular\">\r\n              {specialties?.join(\" | \")}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </Row>\r\n      <div className=\"ui-card-doctor-content\">\r\n        {showContactInfo() && (\r\n          <dl className=\"ui-card-doctor-contact-info\">\r\n            {contactInfo?.map((info) => (\r\n              <div\r\n                key={info.label}\r\n                role=\"group\"\r\n                className=\"ui-card-doctor-contact-detail\"\r\n              >\r\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\r\n                <dd className=\"fs-6 fw-regular text-slate-28\">{info.value}</dd>\r\n              </div>\r\n            ))}\r\n          </dl>\r\n        )}\r\n        {showDivider() && (\r\n          <Divider bg=\"border-divider\" className=\"ui-card-doctor-divider\" />\r\n        )}\r\n\r\n        {showSchedule() && (\r\n          <div>\r\n            <h3 className=\"text-align-left fw-bold text-slate-28 mb-x8 fw-5\">\r\n              {schedule?.label}\r\n            </h3>\r\n\r\n            <div role=\"table\" className=\"ui-card-doctor-table\">\r\n              {schedule?.days.map((day, dayIndex) => (\r\n                <div key={day.label} role=\"row\" className=\"ui-card-doctor-row\">\r\n                  <div\r\n                    className=\"fs-6 fw-regular text-slate-28\"\r\n                    role=\"rowheader\"\r\n                  >\r\n                    {day.label}\r\n                  </div>\r\n                  <Col\r\n                    role=\"cell\"\r\n                    key={`cell-${dayIndex}`}\r\n                    className=\"fs-6 fw-regular text-slate-28\"\r\n                  >\r\n                    {day?.slots?.length === 0 && (\r\n                      <div>\r\n                        <span aria-hidden=\"true\">-</span>\r\n                      </div>\r\n                    )}\r\n                    {day.slots.map((slot, slotIndex) => (\r\n                      <div key={`slot-${slotIndex}`}>\r\n                        <time dateTime={slot.from}>{slot.from}</time>\r\n                        <span aria-hidden=\"true\"> - </span>\r\n                        <time dateTime={slot.to}>{slot.to}</time>\r\n                      </div>\r\n                    ))}\r\n                  </Col>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {showFooter() && (\r\n        <footer>\r\n          <Button className=\"ui-card-doctor-btn\" onClick={button?.onClick}>\r\n            {button?.label}\r\n          </Button>\r\n        </footer>\r\n      )}\r\n    </article>\r\n  );\r\n};\r\n"],"names":["CardDoctor","TitleTag","doctorName","specialties","contactInfo","schedule","avatar","button","showContactInfo","showSchedule","_a","showFooter","showDivider","jsxs","Row","jsx","Avatar","info","Divider","day","dayIndex","Col","slot","slotIndex","Button"],"mappings":"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"}
+{"version":3,"file":"index.es55.js","sources":["../src/components/ui/CardDoctor/index.tsx"],"sourcesContent":["import { DayHours } from \"@anoki/fse-common\";\r\nimport { Avatar, AvatarSize } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport { Divider } from \"../Divider\";\r\nimport { Button } from \"../Button\";\r\nimport \"./CardDoctor.scss\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype ScheduleDay = {\r\n  label: string;\r\n  slots: DayHours[];\r\n};\r\n\r\ntype CardDoctorProps = {\r\n  titleTag?: HeadingLevel;\r\n  doctorName: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  schedule?: {\r\n    label: string;\r\n    days: ScheduleDay[];\r\n  };\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  avatarSize?: AvatarSize;\r\n  button?: {\r\n    label: string;\r\n    onClick: () => void;\r\n  };\r\n};\r\n\r\nexport const CardDoctor = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  doctorName,\r\n  specialties,\r\n  contactInfo,\r\n  schedule,\r\n  avatar,\r\n  avatarSize = \"3\",\r\n  button,\r\n}: CardDoctorProps) => {\r\n  const showContactInfo = () => {\r\n    return contactInfo && contactInfo?.length > 0;\r\n  };\r\n\r\n  const showSchedule = () => {\r\n    return schedule && schedule?.days?.length > 0;\r\n  };\r\n\r\n  const showFooter = () => {\r\n    return button?.label && button?.onClick;\r\n  };\r\n\r\n  const showDivider = () => {\r\n    return showContactInfo() || showSchedule();\r\n  };\r\n\r\n  return (\r\n    <article className=\"bg-white shadow br-x4 ui-card-doctor\">\r\n      <Row as={\"header\"} gap={\"x16\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size={avatarSize}\r\n          />\r\n        )}\r\n\r\n        <div>\r\n          <TitleTag className=\"fs-5 md-fs-custom-2 fw-semibold text-slate-20\">\r\n            {doctorName}\r\n          </TitleTag>\r\n          {specialties && specialties?.length > 0 && (\r\n            <p className=\"fs-6 text-slate-20 fw-regular\">\r\n              {specialties?.join(\" | \")}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </Row>\r\n      <div className=\"ui-card-doctor-content\">\r\n        {showContactInfo() && (\r\n          <dl className=\"ui-card-doctor-contact-info\">\r\n            {contactInfo?.map((info) => (\r\n              <div\r\n                key={info.label}\r\n                role=\"group\"\r\n                className=\"ui-card-doctor-contact-detail\"\r\n              >\r\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\r\n                <dd className=\"fs-6 fw-regular text-slate-28\">{info.value}</dd>\r\n              </div>\r\n            ))}\r\n          </dl>\r\n        )}\r\n        {showDivider() && (\r\n          <Divider bg=\"border-divider\" className=\"ui-card-doctor-divider\" />\r\n        )}\r\n\r\n        {showSchedule() && (\r\n          <div>\r\n            <h3 className=\"text-align-left fw-bold text-slate-28 mb-x8 fw-5\">\r\n              {schedule?.label}\r\n            </h3>\r\n\r\n            <div role=\"table\" className=\"ui-card-doctor-table\">\r\n              {schedule?.days.map((day, dayIndex) => (\r\n                <div key={day.label} role=\"row\" className=\"ui-card-doctor-row\">\r\n                  <div\r\n                    className=\"fs-6 fw-regular text-slate-28\"\r\n                    role=\"rowheader\"\r\n                  >\r\n                    {day.label}\r\n                  </div>\r\n                  <Col\r\n                    role=\"cell\"\r\n                    key={`cell-${dayIndex}`}\r\n                    className=\"fs-6 fw-regular text-slate-28\"\r\n                  >\r\n                    {day?.slots?.length === 0 && (\r\n                      <div>\r\n                        <span aria-hidden=\"true\">-</span>\r\n                      </div>\r\n                    )}\r\n                    {day.slots.map((slot, slotIndex) => (\r\n                      <div key={`slot-${slotIndex}`}>\r\n                        <time dateTime={slot.from}>{slot.from}</time>\r\n                        <span aria-hidden=\"true\"> - </span>\r\n                        <time dateTime={slot.to}>{slot.to}</time>\r\n                      </div>\r\n                    ))}\r\n                  </Col>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {showFooter() && (\r\n        <footer>\r\n          <Button className=\"ui-card-doctor-btn\" onClick={button?.onClick}>\r\n            {button?.label}\r\n          </Button>\r\n        </footer>\r\n      )}\r\n    </article>\r\n  );\r\n};\r\n"],"names":["CardDoctor","TitleTag","doctorName","specialties","contactInfo","schedule","avatar","avatarSize","button","showContactInfo","showSchedule","_a","showFooter","showDivider","jsxs","Row","jsx","Avatar","info","Divider","day","dayIndex","Col","slot","slotIndex","Button"],"mappings":"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"}

package/dist/index.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es56.js","sources":["../src/components/ui/Avatar/index.tsx"],"sourcesContent":["import { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\n\r\ntype AvatarSize = \"1\" | \"2\" | \"3\";\r\n\r\ntype AvatarProps = {\r\n  initials: string;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  size?: AvatarSize;\r\n  className?: string;\r\n};\r\n\r\nexport const Avatar = ({\r\n  initials,\r\n  bg,\r\n  textColor,\r\n  size = \"2\",\r\n  className,\r\n}: AvatarProps) => {\r\n  const colorClasses = createColorClasses({\r\n    bg,\r\n    text: textColor,\r\n  });\r\n\r\n  const AVATAR_SIZES = {\r\n    \"1\": \"w-x64 h-x64 fs-5\",\r\n    \"2\": \"w-x48 h-x48 fs-6\",\r\n    \"3\": \"w-x32 h-x32 fs-7\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"rounded-full base-row justify-content-center align-items-center p-x4\",\r\n    AVATAR_SIZES[size],\r\n    colorClasses,\r\n    className,\r\n  );\r\n\r\n  return (\r\n    <div className={baseClasses} aria-hidden=\"true\">\r\n      <span className=\"fw-semibold\">{initials}</span>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Avatar","initials","bg","textColor","size","className","colorClasses","createColorClasses","baseClasses","clsx","jsx"],"mappings":";;;AAaO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAAmB;AACjB,QAAMC,IAAeC,EAAmB;AAAA,IACtC,IAAAL;AAAA,IACA,MAAMC;AAAA,EAAA,CACP,GAQKK,IAAcC;AAAA,IAClB;AAAA,IAPmB;AAAA,MACnB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIeL,CAAI;AAAA,IACjBE;AAAA,IACAD;AAAA,EACF;AAGE,SAAAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWF,GAAa,eAAY,QACvC,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,eAAe,UAAAT,EAAS,CAAA,GAC1C;AAEJ;"}
+{"version":3,"file":"index.es56.js","sources":["../src/components/ui/Avatar/index.tsx"],"sourcesContent":["import { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\n\r\nexport type AvatarSize = \"1\" | \"2\" | \"3\";\r\n\r\ntype AvatarProps = {\r\n  initials: string;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  size?: AvatarSize;\r\n  className?: string;\r\n};\r\n\r\nexport const Avatar = ({\r\n  initials,\r\n  bg,\r\n  textColor,\r\n  size = \"2\",\r\n  className,\r\n}: AvatarProps) => {\r\n  const colorClasses = createColorClasses({\r\n    bg,\r\n    text: textColor,\r\n  });\r\n\r\n  const AVATAR_SIZES = {\r\n    \"1\": \"w-x64 h-x64 fs-5\",\r\n    \"2\": \"w-x48 h-x48 fs-6\",\r\n    \"3\": \"w-x32 h-x32 fs-7\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"rounded-full base-row justify-content-center align-items-center p-x4\",\r\n    AVATAR_SIZES[size],\r\n    colorClasses,\r\n    className,\r\n  );\r\n\r\n  return (\r\n    <div className={baseClasses} aria-hidden=\"true\">\r\n      <span className=\"fw-semibold\">{initials}</span>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Avatar","initials","bg","textColor","size","className","colorClasses","createColorClasses","baseClasses","clsx","jsx"],"mappings":";;;AAaO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAAmB;AACjB,QAAMC,IAAeC,EAAmB;AAAA,IACtC,IAAAL;AAAA,IACA,MAAMC;AAAA,EAAA,CACP,GAQKK,IAAcC;AAAA,IAClB;AAAA,IAPmB;AAAA,MACnB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIeL,CAAI;AAAA,IACjBE;AAAA,IACAD;AAAA,EACF;AAGE,SAAAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWF,GAAa,eAAY,QACvC,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,eAAe,UAAAT,EAAS,CAAA,GAC1C;AAEJ;"}