fictoan-react 2.0.0-beta.18 → 2.0.0-beta.19

package/dist/components/ProgressBar/ProgressBar.js

@@ -2,55 +2,52 @@
 import { jsxs as m, Fragment as b, jsx as s } from "react/jsx-runtime";
 import y from "react";
 /* empty css                 */
-import { Text as l } from "../Typography/Text.js";
-import { Element as u } from "../Element/Element.js";
+import { Text as d } from "../Typography/Text.js";
+import { Element as g } from "../Element/Element.js";
 const B = y.forwardRef(
   ({
     label: r,
-    value: d,
-    height: g,
-    max: a = 100,
-    shape: p,
-    bgColor: c,
+    value: p,
+    height: c,
+    max: e = 100,
+    shape: l,
+    bgColor: u,
     bgColour: f,
-    fillColor: v,
-    fillColour: h,
-    ...o
-  }, x) => {
-    const e = Math.max(0, Math.min(a, Number(d) || 0)), t = `${e}${o.suffix || ""}`, i = f || c, n = h || v, $ = {
-      height: g,
+    fillColor: h,
+    fillColour: x,
+    ...a
+  }, $) => {
+    const o = Math.max(0, Math.min(e, Number(p) || 0)), t = `${o}${a.suffix || ""}`, i = f || u, n = x || h, v = {
+      height: c,
       ...i && { "--progress-bar-bg": `var(--${i})` },
       ...n && { "--progress-bar-fill": `var(--${n})` }
     };
     return /* @__PURE__ */ m(b, { children: [
       r && /* @__PURE__ */ m(
-        u,
+        g,
         {
           as: "div",
           "data-progress-bar-meta": !0,
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ s(l, { children: r }),
-            /* @__PURE__ */ s(l, { children: t })
+            /* @__PURE__ */ s(d, { children: r }),
+            /* @__PURE__ */ s(d, { children: t })
           ]
         }
       ),
       /* @__PURE__ */ s(
-        u,
+        g,
         {
           as: "progress",
           "data-progress-bar": !0,
-          ref: x,
-          value: e,
-          max: a,
+          ref: $,
+          value: o,
+          max: e,
           "aria-label": r,
-          "aria-valuemin": 0,
-          "aria-valuemax": a,
-          "aria-valuenow": e,
           "aria-valuetext": `${r ? `${r}: ` : ""}${t}`,
-          shape: p,
-          ...o,
-          style: $
+          shape: l,
+          ...a,
+          style: v
         }
       )
     ] });

package/dist/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, ColourPropTypes, ShapeTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./progress-bar.css\";\n\n// OTHER ===============================================================================================================\nimport { Text } from \"../Typography/Text\";\n\nexport interface ProgressBarLabelCustomProps {\n    suffix ? : string;\n}\n\nexport interface ProgressBarCustomProps {\n    label      ? : string;\n    value      ? : number;\n    suffix     ? : string;\n    height     ? : string;\n    max        ? : number;\n    shape      ? : ShapeTypes;\n    bgColor    ? : ColourPropTypes;\n    bgColour   ? : ColourPropTypes;\n    fillColor  ? : ColourPropTypes;\n    fillColour ? : ColourPropTypes;\n}\n\nexport type ProgressBarElementType = HTMLProgressElement;\nexport type ProgressBarProps = Omit<CommonAndHTMLProps<ProgressBarElementType>, keyof ProgressBarCustomProps> &\n                               ProgressBarCustomProps;\nexport type ProgressBarMetaProps = Omit<CommonAndHTMLProps<HTMLDivElement>, keyof ProgressBarLabelCustomProps> &\n                                   ProgressBarLabelCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const ProgressBar = React.forwardRef(\n    (\n        {\n            label,\n            value,\n            height,\n            max = 100,\n            shape,\n            bgColor,\n            bgColour,\n            fillColor,\n            fillColour,\n            ...props\n        } : ProgressBarProps, ref : React.Ref<ProgressBarElementType>) => {\n        const validValue = Math.max(0, Math.min(max, Number(value) || 0));\n        const progressText = `${validValue}${props.suffix || \"\"}`;\n\n        // Use UK spelling as primary, fall back to US spelling\n        const backgroundColour = bgColour || bgColor;\n        const progressFillColour = fillColour || fillColor;\n\n        // Build CSS custom properties for styling\n        const progressBarStyles : React.CSSProperties = {\n            height,\n            ...(backgroundColour && {\"--progress-bar-bg\" : `var(--${backgroundColour})`}),\n            ...(progressFillColour && {\"--progress-bar-fill\" : `var(--${progressFillColour})`}),\n        };\n\n        return (\n            <>\n                {label && (\n                    <Element<HTMLDivElement>\n                        as=\"div\"\n                        data-progress-bar-meta\n                        aria-hidden=\"true\"\n                    >\n                        <Text>{label}</Text>\n                        <Text>\n                            {progressText}\n                        </Text>\n                    </Element>\n                )}\n\n                <Element<ProgressBarElementType>\n                    as=\"progress\"\n                    data-progress-bar\n                    ref={ref}\n                    value={validValue}\n                    max={max}\n                    aria-label={label}\n                    aria-valuemin={0}\n                    aria-valuemax={max}\n                    aria-valuenow={validValue}\n                    aria-valuetext={`${label ? `${label}: ` : \"\"}${progressText}`}\n                    shape={shape}\n                    {...props}\n                    style={progressBarStyles}\n                />\n            </>\n        );\n    },\n);\nProgressBar.displayName = \"ProgressBar\";"],"names":["ProgressBar","React","label","value","height","max","shape","bgColor","bgColour","fillColor","fillColour","props","ref","validValue","progressText","backgroundColour","progressFillColour","progressBarStyles","jsxs","Fragment","Element","jsx","Text"],"mappings":";;;;;AAqCO,MAAMA,IAAcC,EAAM;AAAA,EAC7B,CACI;AAAA,IACI,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACeC,MAA4C;AAClE,UAAMC,IAAa,KAAK,IAAI,GAAG,KAAK,IAAIR,GAAK,OAAOF,CAAK,KAAK,CAAC,CAAC,GAC1DW,IAAe,GAAGD,CAAU,GAAGF,EAAM,UAAU,EAAE,IAGjDI,IAAmBP,KAAYD,GAC/BS,IAAqBN,KAAcD,GAGnCQ,IAA0C;AAAA,MAC5C,QAAAb;AAAA,MACA,GAAIW,KAAoB,EAAC,qBAAsB,SAASA,CAAgB,IAAA;AAAA,MACxE,GAAIC,KAAsB,EAAC,uBAAwB,SAASA,CAAkB,IAAA;AAAA,IAAG;AAGrF,WACI,gBAAAE,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAjB,KACG,gBAAAgB;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,0BAAsB;AAAA,UACtB,eAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAC,EAACC,KAAM,UAAApB,EAAA,CAAM;AAAA,YACb,gBAAAmB,EAACC,KACI,UAAAR,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIR,gBAAAO;AAAA,QAACD;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,qBAAiB;AAAA,UACjB,KAAAR;AAAA,UACA,OAAOC;AAAA,UACP,KAAAR;AAAA,UACA,cAAYH;AAAA,UACZ,iBAAe;AAAA,UACf,iBAAeG;AAAA,UACf,iBAAeQ;AAAA,UACf,kBAAgB,GAAGX,IAAQ,GAAGA,CAAK,OAAO,EAAE,GAAGY,CAAY;AAAA,UAC3D,OAAAR;AAAA,UACC,GAAGK;AAAA,UACJ,OAAOM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACJ;AAAA,EAER;AACJ;AACAjB,EAAY,cAAc;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, ColourPropTypes, ShapeTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./progress-bar.css\";\n\n// OTHER ===============================================================================================================\nimport { Text } from \"../Typography/Text\";\n\nexport interface ProgressBarLabelCustomProps {\n    suffix ? : string;\n}\n\nexport interface ProgressBarCustomProps {\n    label      ? : string;\n    value      ? : number;\n    suffix     ? : string;\n    height     ? : string;\n    max        ? : number;\n    shape      ? : ShapeTypes;\n    bgColor    ? : ColourPropTypes;\n    bgColour   ? : ColourPropTypes;\n    fillColor  ? : ColourPropTypes;\n    fillColour ? : ColourPropTypes;\n}\n\nexport type ProgressBarElementType = HTMLProgressElement;\nexport type ProgressBarProps = Omit<CommonAndHTMLProps<ProgressBarElementType>, keyof ProgressBarCustomProps> &\n                               ProgressBarCustomProps;\nexport type ProgressBarMetaProps = Omit<CommonAndHTMLProps<HTMLDivElement>, keyof ProgressBarLabelCustomProps> &\n                                   ProgressBarLabelCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const ProgressBar = React.forwardRef(\n    (\n        {\n            label,\n            value,\n            height,\n            max = 100,\n            shape,\n            bgColor,\n            bgColour,\n            fillColor,\n            fillColour,\n            ...props\n        } : ProgressBarProps, ref : React.Ref<ProgressBarElementType>) => {\n        const validValue = Math.max(0, Math.min(max, Number(value) || 0));\n        const progressText = `${validValue}${props.suffix || \"\"}`;\n\n        // Use UK spelling as primary, fall back to US spelling\n        const backgroundColour = bgColour || bgColor;\n        const progressFillColour = fillColour || fillColor;\n\n        // Build CSS custom properties for styling\n        const progressBarStyles : React.CSSProperties = {\n            height,\n            ...(backgroundColour && {\"--progress-bar-bg\" : `var(--${backgroundColour})`}),\n            ...(progressFillColour && {\"--progress-bar-fill\" : `var(--${progressFillColour})`}),\n        };\n\n        return (\n            <>\n                {label && (\n                    <Element<HTMLDivElement>\n                        as=\"div\"\n                        data-progress-bar-meta\n                        aria-hidden=\"true\"\n                    >\n                        <Text>{label}</Text>\n                        <Text>\n                            {progressText}\n                        </Text>\n                    </Element>\n                )}\n\n                <Element<ProgressBarElementType>\n                    as=\"progress\"\n                    data-progress-bar\n                    ref={ref}\n                    value={validValue}\n                    max={max}\n                    aria-label={label}\n                    aria-valuetext={`${label ? `${label}: ` : \"\"}${progressText}`}\n                    shape={shape}\n                    {...props}\n                    style={progressBarStyles}\n                />\n            </>\n        );\n    },\n);\nProgressBar.displayName = \"ProgressBar\";"],"names":["ProgressBar","React","label","value","height","max","shape","bgColor","bgColour","fillColor","fillColour","props","ref","validValue","progressText","backgroundColour","progressFillColour","progressBarStyles","jsxs","Fragment","Element","jsx","Text"],"mappings":";;;;;AAqCO,MAAMA,IAAcC,EAAM;AAAA,EAC7B,CACI;AAAA,IACI,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACeC,MAA4C;AAClE,UAAMC,IAAa,KAAK,IAAI,GAAG,KAAK,IAAIR,GAAK,OAAOF,CAAK,KAAK,CAAC,CAAC,GAC1DW,IAAe,GAAGD,CAAU,GAAGF,EAAM,UAAU,EAAE,IAGjDI,IAAmBP,KAAYD,GAC/BS,IAAqBN,KAAcD,GAGnCQ,IAA0C;AAAA,MAC5C,QAAAb;AAAA,MACA,GAAIW,KAAoB,EAAC,qBAAsB,SAASA,CAAgB,IAAA;AAAA,MACxE,GAAIC,KAAsB,EAAC,uBAAwB,SAASA,CAAkB,IAAA;AAAA,IAAG;AAGrF,WACI,gBAAAE,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAjB,KACG,gBAAAgB;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,0BAAsB;AAAA,UACtB,eAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAC,EAACC,KAAM,UAAApB,EAAA,CAAM;AAAA,YACb,gBAAAmB,EAACC,KACI,UAAAR,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIR,gBAAAO;AAAA,QAACD;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,qBAAiB;AAAA,UACjB,KAAAR;AAAA,UACA,OAAOC;AAAA,UACP,KAAAR;AAAA,UACA,cAAYH;AAAA,UACZ,kBAAgB,GAAGA,IAAQ,GAAGA,CAAK,OAAO,EAAE,GAAGY,CAAY;AAAA,UAC3D,OAAAR;AAAA,UACC,GAAGK;AAAA,UACJ,OAAOM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACJ;AAAA,EAER;AACJ;AACAjB,EAAY,cAAc;"}

package/dist/components/Row/Row.d.ts

@@ -9,6 +9,7 @@ interface RowCustomProps {
     retainLayoutOnMobile?: boolean;
     retainLayoutAlways?: boolean;
     allowUltraWide?: boolean;
+    equalisePortions?: boolean;
     groupLabel?: string;
 }
 export type RowElementType = HTMLDivElement;

package/dist/components/Row/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Row/Row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,WAAW,CAAC;AAEnB,UAAU,cAAc;IACpB,MAA8B,CAAC,EAAG,MAAM,GAAG,SAAS,CAAC;IACrD,OAA8B,CAAC,EAAG,YAAY,CAAC;IAC/C,6BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,4BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,oBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,kBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,cAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,UAA8B,CAAC,EAAG,MAAM,CAAC;CAC5C;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAC;AAKvG,eAAO,MAAM,GAAG,wJAuEf,CAAC"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Row/Row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,WAAW,CAAC;AAEnB,UAAU,cAAc;IACpB,MAA8B,CAAC,EAAG,MAAM,GAAG,SAAS,CAAC;IACrD,OAA8B,CAAC,EAAG,YAAY,CAAC;IAC/C,6BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,4BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,oBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,kBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,cAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,gBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,UAA8B,CAAC,EAAG,MAAM,CAAC;CAC5C;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAC;AAKvG,eAAO,MAAM,GAAG,wJA0Ef,CAAC"}

package/dist/components/Row/Row.js

@@ -1,40 +1,40 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import f from "react";
+import { jsx as d } from "react/jsx-runtime";
+import h from "react";
 /* empty css        */
-import { Element as d } from "../Element/Element.js";
-const y = f.forwardRef(
+import { Element as y } from "../Element/Element.js";
+const b = h.forwardRef(
   ({
-    layout: o = "grid",
-    gutters: a = "medium",
-    retainLayoutOnTabletLandscape: i,
-    retainLayoutOnTabletPortrait: e,
-    retainLayoutOnMobile: r,
-    retainLayoutAlways: l,
-    allowUltraWide: n,
-    groupLabel: s,
+    layout: r = "grid",
+    gutters: o = "medium",
+    retainLayoutOnTabletLandscape: l,
+    retainLayoutOnTabletPortrait: n,
+    retainLayoutOnMobile: s,
+    retainLayoutAlways: u,
+    allowUltraWide: p,
+    equalisePortions: a,
+    groupLabel: e,
     ...m
-  }, p) => {
+  }, f) => {
     let t = [];
-    return o && t.push(`layout-${o}`), a && t.push(a === "none" ? "no-gutters" : `${a}-gutters`), i && t.push("retain-layout-on-tablet-landscape"), e && t.push("retain-layout-on-tablet-portrait"), r && t.push("retain-layout-on-mobile"), l && t.push(
-      "retain-layout-on-tablet-landscape retain-layout-on-tablet-portrait retain-layout-on-mobile"
-    ), n && t.push("allow-ultra-wide"), /* @__PURE__ */ u(
-      d,
+    const i = a ? "flexbox" : r;
+    return i && t.push(`layout-${i}`), a && t.push("equalise-portions"), o && t.push(o === "none" ? "no-gutters" : `${o}-gutters`), l && t.push("retain-layout-on-tablet-landscape"), n && t.push("retain-layout-on-tablet-portrait"), s && t.push("retain-layout-on-mobile"), u && (t.push("retain-layout-on-tablet-landscape"), t.push("retain-layout-on-tablet-portrait"), t.push("retain-layout-on-mobile")), p && t.push("allow-ultra-wide"), /* @__PURE__ */ d(
+      y,
       {
         as: "div",
         "data-row": !0,
-        ref: p,
+        ref: f,
         classNames: [t.join(" ")],
         marginBottom: "tiny",
-        role: "grid",
-        "aria-label": s,
+        role: e ? "group" : void 0,
+        "aria-label": e,
         ...m
       }
     );
   }
 );
-y.displayName = "Row";
+b.displayName = "Row";
 export {
-  y as Row
+  b as Row
 };
 //# sourceMappingURL=Row.js.map

package/dist/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./row.css\";\n\ninterface RowCustomProps {\n    layout                        ? : \"grid\" | \"flexbox\";\n    gutters                       ? : SpacingTypes;\n    retainLayoutOnTabletLandscape ? : boolean;\n    retainLayoutOnTabletPortrait  ? : boolean;\n    retainLayoutOnMobile          ? : boolean;\n    retainLayoutAlways            ? : boolean;\n    allowUltraWide                ? : boolean;\n    groupLabel                    ? : string;\n}\n\nexport type RowElementType = HTMLDivElement;\nexport type RowProps = Omit<CommonAndHTMLProps<RowElementType>, keyof RowCustomProps> & RowCustomProps;\n\n// TODO: Fix fixed gutter widths\n\n// COMPONENT //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Row = React.forwardRef(\n    (\n        {\n            layout = \"grid\",\n            gutters = \"medium\",\n            retainLayoutOnTabletLandscape,\n            retainLayoutOnTabletPortrait,\n            retainLayoutOnMobile,\n            retainLayoutAlways,\n            allowUltraWide,\n            groupLabel,\n            ...props\n        } : RowProps,\n        ref : React.Ref<RowElementType>,\n    ) => {\n        // CLASS NAMES -------------------------------------------------------------------------------------------------\n        let classNames = [];\n\n        if (layout) {\n            classNames.push(`layout-${layout}`);\n        }\n\n        if (gutters) {\n            classNames.push(gutters === \"none\" ? \"no-gutters\" : `${gutters}-gutters`);\n        }\n\n        // Add medium gutters by default for grid layouts only, remove them for flexbox layouts\n        //\n        // if (conditionalGutters) {\n        // }\n\n        // if (equaliseChildren || equalizeChildren) {\n        //     classNames.push(\"equalise-children\");\n        // }\n\n        if (retainLayoutOnTabletLandscape) {\n            classNames.push(\"retain-layout-on-tablet-landscape\");\n        }\n\n        if (retainLayoutOnTabletPortrait) {\n            classNames.push(\"retain-layout-on-tablet-portrait\");\n        }\n\n        if (retainLayoutOnMobile) {\n            classNames.push(\"retain-layout-on-mobile\");\n        }\n\n        if (retainLayoutAlways) {\n            classNames.push(\n                \"retain-layout-on-tablet-landscape retain-layout-on-tablet-portrait retain-layout-on-mobile\",\n            );\n        }\n\n        if (allowUltraWide) {\n            classNames.push(\"allow-ultra-wide\");\n        }\n\n        // RENDER -----------------------------------------------------------------------------------------------------\n        return (\n            <Element<RowElementType>\n                as=\"div\"\n                data-row\n                ref={ref}\n                classNames={[ classNames.join(\" \") ]}\n                marginBottom=\"tiny\"\n                role=\"grid\"\n                aria-label={groupLabel}\n                {...props}\n            />\n        );\n    },\n);\nRow.displayName = \"Row\";\n"],"names":["Row","React","layout","gutters","retainLayoutOnTabletLandscape","retainLayoutOnTabletPortrait","retainLayoutOnMobile","retainLayoutAlways","allowUltraWide","groupLabel","props","ref","classNames","jsx","Element"],"mappings":";;;;AA2BO,MAAMA,IAAMC,EAAM;AAAA,EACrB,CACI;AAAA,IACI,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,+BAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AAED,QAAIC,IAAa,CAAA;AAEjB,WAAIV,KACAU,EAAW,KAAK,UAAUV,CAAM,EAAE,GAGlCC,KACAS,EAAW,KAAKT,MAAY,SAAS,eAAe,GAAGA,CAAO,UAAU,GAYxEC,KACAQ,EAAW,KAAK,mCAAmC,GAGnDP,KACAO,EAAW,KAAK,kCAAkC,GAGlDN,KACAM,EAAW,KAAK,yBAAyB,GAGzCL,KACAK,EAAW;AAAA,MACP;AAAA,IAAA,GAIJJ,KACAI,EAAW,KAAK,kBAAkB,GAKlC,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,YAAQ;AAAA,QACR,KAAAH;AAAA,QACA,YAAY,CAAEC,EAAW,KAAK,GAAG,CAAE;AAAA,QACnC,cAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAYH;AAAA,QACX,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAV,EAAI,cAAc;"}
+{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./row.css\";\n\ninterface RowCustomProps {\n    layout                        ? : \"grid\" | \"flexbox\";\n    gutters                       ? : SpacingTypes;\n    retainLayoutOnTabletLandscape ? : boolean;\n    retainLayoutOnTabletPortrait  ? : boolean;\n    retainLayoutOnMobile          ? : boolean;\n    retainLayoutAlways            ? : boolean;\n    allowUltraWide                ? : boolean;\n    equalisePortions              ? : boolean;\n    groupLabel                    ? : string;\n}\n\nexport type RowElementType = HTMLDivElement;\nexport type RowProps = Omit<CommonAndHTMLProps<RowElementType>, keyof RowCustomProps> & RowCustomProps;\n\n// TODO: Fix fixed gutter widths\n\n// COMPONENT //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Row = React.forwardRef(\n    (\n        {\n            layout = \"grid\",\n            gutters = \"medium\",\n            retainLayoutOnTabletLandscape,\n            retainLayoutOnTabletPortrait,\n            retainLayoutOnMobile,\n            retainLayoutAlways,\n            allowUltraWide,\n            equalisePortions,\n            groupLabel,\n            ...props\n        } : RowProps,\n        ref : React.Ref<RowElementType>,\n    ) => {\n        // CLASS NAMES -------------------------------------------------------------------------------------------------\n        let classNames = [];\n\n        // equalisePortions needs a flex Row, so it forces the flexbox layout\n        // regardless of the `layout` prop.\n        const resolvedLayout = equalisePortions ? \"flexbox\" : layout;\n\n        if (resolvedLayout) {\n            classNames.push(`layout-${resolvedLayout}`);\n        }\n\n        if (equalisePortions) {\n            classNames.push(\"equalise-portions\");\n        }\n\n        if (gutters) {\n            classNames.push(gutters === \"none\" ? \"no-gutters\" : `${gutters}-gutters`);\n        }\n\n        if (retainLayoutOnTabletLandscape) {\n            classNames.push(\"retain-layout-on-tablet-landscape\");\n        }\n\n        if (retainLayoutOnTabletPortrait) {\n            classNames.push(\"retain-layout-on-tablet-portrait\");\n        }\n\n        if (retainLayoutOnMobile) {\n            classNames.push(\"retain-layout-on-mobile\");\n        }\n\n        if (retainLayoutAlways) {\n            classNames.push(\"retain-layout-on-tablet-landscape\");\n            classNames.push(\"retain-layout-on-tablet-portrait\");\n            classNames.push(\"retain-layout-on-mobile\");\n        }\n\n        if (allowUltraWide) {\n            classNames.push(\"allow-ultra-wide\");\n        }\n\n        // RENDER -----------------------------------------------------------------------------------------------------\n        return (\n            <Element<RowElementType>\n                as=\"div\"\n                data-row\n                ref={ref}\n                classNames={[ classNames.join(\" \") ]}\n                marginBottom=\"tiny\"\n                // Row is a visual layout primitive, not a data grid — claiming role=\"grid\"\n                // demands role=\"row\"/\"gridcell\" children it never has (axe aria-required-children).\n                // Expose a named group only when the caller gives it a groupLabel.\n                role={groupLabel ? \"group\" : undefined}\n                aria-label={groupLabel}\n                {...props}\n            />\n        );\n    },\n);\nRow.displayName = \"Row\";\n"],"names":["Row","React","layout","gutters","retainLayoutOnTabletLandscape","retainLayoutOnTabletPortrait","retainLayoutOnMobile","retainLayoutAlways","allowUltraWide","equalisePortions","groupLabel","props","ref","classNames","resolvedLayout","jsx","Element"],"mappings":";;;;AA4BO,MAAMA,IAAMC,EAAM;AAAA,EACrB,CACI;AAAA,IACI,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,+BAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AAED,QAAIC,IAAa,CAAA;AAIjB,UAAMC,IAAiBL,IAAmB,YAAYP;AAEtD,WAAIY,KACAD,EAAW,KAAK,UAAUC,CAAc,EAAE,GAG1CL,KACAI,EAAW,KAAK,mBAAmB,GAGnCV,KACAU,EAAW,KAAKV,MAAY,SAAS,eAAe,GAAGA,CAAO,UAAU,GAGxEC,KACAS,EAAW,KAAK,mCAAmC,GAGnDR,KACAQ,EAAW,KAAK,kCAAkC,GAGlDP,KACAO,EAAW,KAAK,yBAAyB,GAGzCN,MACAM,EAAW,KAAK,mCAAmC,GACnDA,EAAW,KAAK,kCAAkC,GAClDA,EAAW,KAAK,yBAAyB,IAGzCL,KACAK,EAAW,KAAK,kBAAkB,GAKlC,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,YAAQ;AAAA,QACR,KAAAJ;AAAA,QACA,YAAY,CAAEC,EAAW,KAAK,GAAG,CAAE;AAAA,QACnC,cAAa;AAAA,QAIb,MAAMH,IAAa,UAAU;AAAA,QAC7B,cAAYA;AAAA,QACX,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAX,EAAI,cAAc;"}

package/dist/components/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpF,OAAO,gBAAgB,CAAC;AAGxB,UAAU,mBAAmB;IACzB,MAAa,CAAC,EAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,OAAa,CAAC,EAAG,OAAO,CAAC;IACzB,YAAa,CAAC,EAAG,MAAM,CAAC;CAE3B;AASD,UAAU,mBAAoB,SAAQ,mBAAmB;IACrD,OAAQ,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,KAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAQ,CAAC,EAAG,UAAU,CAAC;CAC1B;AAGD,UAAU,wBAAyB,SAAQ,mBAAmB;IAC1D,MAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,UAAU,GAAG,YAAY,CAAC;IACxC,OAAU,CAAC,EAAG,YAAY,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AACjD,MAAM,MAAM,aAAa,GACrB,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,mBAAmB,CAAC,GACtE,mBAAmB,CAAC;AAC1B,MAAM,MAAM,kBAAkB,GAC1B,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAC3E,wBAAwB,CAAC;AAG/B,eAAO,MAAM,QAAQ,kKA2DnB,CAAC;AAGH,eAAO,MAAM,aAAa,4KA2CxB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpF,OAAO,gBAAgB,CAAC;AAGxB,UAAU,mBAAmB;IACzB,MAAa,CAAC,EAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,OAAa,CAAC,EAAG,OAAO,CAAC;IACzB,YAAa,CAAC,EAAG,MAAM,CAAC;CAE3B;AASD,UAAU,mBAAoB,SAAQ,mBAAmB;IACrD,OAAQ,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,KAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAQ,CAAC,EAAG,UAAU,CAAC;CAC1B;AAGD,UAAU,wBAAyB,SAAQ,mBAAmB;IAC1D,MAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,UAAU,GAAG,YAAY,CAAC;IACxC,OAAU,CAAC,EAAG,YAAY,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AACjD,MAAM,MAAM,aAAa,GACrB,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,mBAAmB,CAAC,GACtE,mBAAmB,CAAC;AAC1B,MAAM,MAAM,kBAAkB,GAC1B,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAC3E,wBAAwB,CAAC;AAG/B,eAAO,MAAM,QAAQ,kKAyDnB,CAAC;AAGH,eAAO,MAAM,aAAa,4KA2CxB,CAAC"}

package/dist/components/Skeleton/Skeleton.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import d, { useContext as b, createContext as g } from "react";
 /* empty css             */
-import { Element as v } from "../Element/Element.js";
-const x = g({
+import { Element as y } from "../Element/Element.js";
+const k = g({
   effect: "wave",
   animate: !0
 }), $ = d.forwardRef(({
@@ -15,29 +15,27 @@ const x = g({
   loadingLabel: f,
   ...l
 }, n) => {
-  const i = b(x), c = u || i.effect, o = f || i.loadingLabel || "Loading...";
-  let a = [];
-  e && a.push(`variant-${e}`), s && a.push(`shape-${s}`), c && a.push(`effect-${c}`);
-  const m = t || "100%", y = e === "circle" ? (typeof t == "number" ? `${t}px` : t) || r || "100%" : r, k = {
-    width: m,
-    height: y,
+  const c = b(k), i = u || c.effect, a = f || c.loadingLabel || "Loading...";
+  let o = [];
+  e && o.push(`variant-${e}`), s && o.push(`shape-${s}`), i && o.push(`effect-${i}`);
+  const p = t || "100%", v = e === "circle" ? (typeof t == "number" ? `${t}px` : t) || r || "100%" : r, x = {
+    width: p,
+    height: v,
     aspectRatio: e === "circle" ? "1 / 1" : "auto",
     ...l.style
   };
-  return /* @__PURE__ */ p(
-    v,
+  return /* @__PURE__ */ m(
+    y,
     {
       as: "div",
       "data-skeleton": !0,
       ref: n,
-      classNames: a,
-      style: k,
+      classNames: o,
+      style: x,
       role: "progressbar",
       "aria-busy": "true",
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuetext": o,
-      "aria-label": o,
+      "aria-valuetext": a,
+      "aria-label": a,
       ...l
     }
   );
@@ -52,26 +50,26 @@ const h = d.forwardRef(({
   children: f,
   classNames: l = [],
   loadingLabel: n = "Loading content...",
-  ...i
-}, c) => {
-  const o = [
+  ...c
+}, i) => {
+  const a = [
     `direction-${u}`,
     e && `effect-${e}`,
     ...l
   ];
-  return t && o.push(`spacing-${t}`), /* @__PURE__ */ p(x.Provider, { value: { effect: e, animate: r, loadingLabel: n }, children: /* @__PURE__ */ p(
-    v,
+  return t && a.push(`spacing-${t}`), /* @__PURE__ */ m(k.Provider, { value: { effect: e, animate: r, loadingLabel: n }, children: /* @__PURE__ */ m(
+    y,
     {
       as: "div",
-      ref: c,
+      ref: i,
       "data-skeleton-group": !0,
-      classNames: o,
+      classNames: a,
       role: "status",
       "aria-busy": "true",
       "aria-label": n,
-      ...i,
-      children: Array(s).fill(f).map((a, m) => d.cloneElement(a, {
-        key: m
+      ...c,
+      children: Array(s).fill(f).map((o, p) => d.cloneElement(o, {
+        key: p
       }))
     }
   ) });

package/dist/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { createContext, useContext } from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps, ShapeTypes, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./skeleton.css\";\n\n// Common skeleton props shared between Skeleton and SkeletonGroup\ninterface CommonSkeletonProps {\n    effect       ? : \"pulse\" | \"wave\" | \"none\";\n    animate      ? : boolean;\n    loadingLabel ? : string;\n    // Accessible label for loading state\n}\n\n// Context to share common properties\nconst SkeletonContext = createContext<CommonSkeletonProps>({\n    effect    : \"wave\",\n    animate   : true,\n});\n\n// Props specific to individual Skeleton elements\ninterface SkeletonCustomProps extends CommonSkeletonProps {\n    variant ? : \"line\" | \"circle\" | \"block\";\n    width   ? : string | number;\n    height  ? : string | number;\n    shape   ? : ShapeTypes;\n}\n\n// Props specific to SkeletonGroup\ninterface SkeletonGroupCustomProps extends CommonSkeletonProps {\n    repeat    ? : number;\n    direction ? : \"vertical\" | \"horizontal\";\n    spacing   ? : SpacingTypes;\n}\n\nexport type SkeletonElementType = HTMLDivElement;\nexport type SkeletonProps =\n    Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonCustomProps>\n    & SkeletonCustomProps;\nexport type SkeletonGroupProps =\n    Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonGroupCustomProps>\n    & SkeletonGroupCustomProps;\n\n// COMPONENTS //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Skeleton = React.forwardRef((\n    {\n        variant = \"line\",\n        width,\n        height,\n        shape,\n        effect: localEffect,\n        loadingLabel,\n        ...props\n    }: SkeletonProps, ref: React.Ref<SkeletonElementType>) => {\n    // Get shared properties from group context\n    const groupContext = useContext(SkeletonContext);\n\n    const effectiveEffect = localEffect || groupContext.effect;\n    const effectiveLabel = loadingLabel || groupContext.loadingLabel || \"Loading...\";\n\n    let classNames = [];\n\n    if (variant) {\n        classNames.push(`variant-${variant}`);\n    }\n\n    if (shape) {\n        classNames.push(`shape-${shape}`);\n    }\n\n    if (effectiveEffect) {\n        classNames.push(`effect-${effectiveEffect}`);\n    }\n\n    // Handle circle variant dimensions\n    const computedWidth = width || \"100%\";\n    const computedHeight = variant === \"circle\"\n        ? (typeof width === \"number\" ? `${width}px` : width) || height || \"100%\"\n        : height;\n\n    const style = {\n        width: computedWidth,\n        height: computedHeight,\n        aspectRatio: variant === \"circle\" ? \"1 / 1\" : \"auto\",\n        ...props.style,\n    };\n\n    return (\n        <Element\n            as=\"div\"\n            data-skeleton\n            ref={ref}\n            classNames={classNames}\n            style={style}\n            role=\"progressbar\"\n            aria-busy=\"true\"\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-valuetext={effectiveLabel}\n            aria-label={effectiveLabel}\n            {...props}\n        />\n    );\n});\nSkeleton.displayName = \"Skeleton\";\n\nexport const SkeletonGroup = React.forwardRef((\n    {\n        effect = \"wave\",\n        spacing = \"small\",\n        animate = true,\n        repeat = 1,\n        direction = \"vertical\",\n        children,\n        classNames = [],\n        loadingLabel = \"Loading content...\",\n        ...props\n    }: SkeletonGroupProps, ref: React.Ref<SkeletonElementType>) => {\n\n    const groupClassNames = [\n        `direction-${direction}`,\n        effect && `effect-${effect}`,\n        ...classNames,\n    ];\n\n    if (spacing) {\n        groupClassNames.push(`spacing-${spacing}`);\n    }\n\n    return (\n        <SkeletonContext.Provider value={{ effect, animate, loadingLabel }}>\n            <Element\n                as=\"div\"\n                ref={ref}\n                data-skeleton-group\n                classNames={groupClassNames}\n                role=\"status\"\n                aria-busy=\"true\"\n                aria-label={loadingLabel}\n                {...props}\n            >\n                {Array(repeat).fill(children).map((child, index) => (\n                    React.cloneElement(child as React.ReactElement, {\n                        key: index\n                    })\n                ))}\n            </Element>\n        </SkeletonContext.Provider>\n    );\n});\nSkeletonGroup.displayName = \"SkeletonGroup\";\n"],"names":["SkeletonContext","createContext","Skeleton","React","variant","width","height","shape","localEffect","loadingLabel","props","ref","groupContext","useContext","effectiveEffect","effectiveLabel","classNames","computedWidth","computedHeight","style","jsx","Element","SkeletonGroup","effect","spacing","animate","repeat","direction","children","groupClassNames","child","index"],"mappings":";;;;AAmBA,MAAMA,IAAkBC,EAAmC;AAAA,EACvD,QAAY;AAAA,EACZ,SAAY;AAChB,CAAC,GA0BYC,IAAWC,EAAM,WAAW,CACrC;AAAA,EACI,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAQC;AAAA,EACR,cAAAC;AAAA,EACA,GAAGC;AACP,GAAkBC,MAAwC;AAE1D,QAAMC,IAAeC,EAAWb,CAAe,GAEzCc,IAAkBN,KAAeI,EAAa,QAC9CG,IAAiBN,KAAgBG,EAAa,gBAAgB;AAEpE,MAAII,IAAa,CAAA;AAEjB,EAAIZ,KACAY,EAAW,KAAK,WAAWZ,CAAO,EAAE,GAGpCG,KACAS,EAAW,KAAK,SAAST,CAAK,EAAE,GAGhCO,KACAE,EAAW,KAAK,UAAUF,CAAe,EAAE;AAI/C,QAAMG,IAAgBZ,KAAS,QACzBa,IAAiBd,MAAY,YAC5B,OAAOC,KAAU,WAAW,GAAGA,CAAK,OAAOA,MAAUC,KAAU,SAChEA,GAEAa,IAAQ;AAAA,IACV,OAAOF;AAAA,IACP,QAAQC;AAAA,IACR,aAAad,MAAY,WAAW,UAAU;AAAA,IAC9C,GAAGM,EAAM;AAAA,EAAA;AAGb,SACI,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,iBAAa;AAAA,MACb,KAAAV;AAAA,MACA,YAAAK;AAAA,MACA,OAAAG;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgBJ;AAAA,MAChB,cAAYA;AAAA,MACX,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AACDR,EAAS,cAAc;AAEhB,MAAMoB,IAAgBnB,EAAM,WAAW,CAC1C;AAAA,EACI,QAAAoB,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,YAAAZ,IAAa,CAAA;AAAA,EACb,cAAAP,IAAe;AAAA,EACf,GAAGC;AACP,GAAuBC,MAAwC;AAE/D,QAAMkB,IAAkB;AAAA,IACpB,aAAaF,CAAS;AAAA,IACtBJ,KAAU,UAAUA,CAAM;AAAA,IAC1B,GAAGP;AAAA,EAAA;AAGP,SAAIQ,KACAK,EAAgB,KAAK,WAAWL,CAAO,EAAE,GAIzC,gBAAAJ,EAACpB,EAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAAuB,GAAQ,SAAAE,GAAS,cAAAhB,KAChD,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,KAAAV;AAAA,MACA,uBAAmB;AAAA,MACnB,YAAYkB;AAAA,MACZ,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYpB;AAAA,MACX,GAAGC;AAAA,MAEH,UAAA,MAAMgB,CAAM,EAAE,KAAKE,CAAQ,EAAE,IAAI,CAACE,GAAOC,MACtC5B,EAAM,aAAa2B,GAA6B;AAAA,QAC5C,KAAKC;AAAA,MAAA,CACR,CACJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER,CAAC;AACDT,EAAc,cAAc;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { createContext, useContext } from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps, ShapeTypes, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./skeleton.css\";\n\n// Common skeleton props shared between Skeleton and SkeletonGroup\ninterface CommonSkeletonProps {\n    effect       ? : \"pulse\" | \"wave\" | \"none\";\n    animate      ? : boolean;\n    loadingLabel ? : string;\n    // Accessible label for loading state\n}\n\n// Context to share common properties\nconst SkeletonContext = createContext<CommonSkeletonProps>({\n    effect    : \"wave\",\n    animate   : true,\n});\n\n// Props specific to individual Skeleton elements\ninterface SkeletonCustomProps extends CommonSkeletonProps {\n    variant ? : \"line\" | \"circle\" | \"block\";\n    width   ? : string | number;\n    height  ? : string | number;\n    shape   ? : ShapeTypes;\n}\n\n// Props specific to SkeletonGroup\ninterface SkeletonGroupCustomProps extends CommonSkeletonProps {\n    repeat    ? : number;\n    direction ? : \"vertical\" | \"horizontal\";\n    spacing   ? : SpacingTypes;\n}\n\nexport type SkeletonElementType = HTMLDivElement;\nexport type SkeletonProps =\n    Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonCustomProps>\n    & SkeletonCustomProps;\nexport type SkeletonGroupProps =\n    Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonGroupCustomProps>\n    & SkeletonGroupCustomProps;\n\n// COMPONENTS //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Skeleton = React.forwardRef((\n    {\n        variant = \"line\",\n        width,\n        height,\n        shape,\n        effect: localEffect,\n        loadingLabel,\n        ...props\n    }: SkeletonProps, ref: React.Ref<SkeletonElementType>) => {\n    // Get shared properties from group context\n    const groupContext = useContext(SkeletonContext);\n\n    const effectiveEffect = localEffect || groupContext.effect;\n    const effectiveLabel = loadingLabel || groupContext.loadingLabel || \"Loading...\";\n\n    let classNames = [];\n\n    if (variant) {\n        classNames.push(`variant-${variant}`);\n    }\n\n    if (shape) {\n        classNames.push(`shape-${shape}`);\n    }\n\n    if (effectiveEffect) {\n        classNames.push(`effect-${effectiveEffect}`);\n    }\n\n    // Handle circle variant dimensions\n    const computedWidth = width || \"100%\";\n    const computedHeight = variant === \"circle\"\n        ? (typeof width === \"number\" ? `${width}px` : width) || height || \"100%\"\n        : height;\n\n    const style = {\n        width: computedWidth,\n        height: computedHeight,\n        aspectRatio: variant === \"circle\" ? \"1 / 1\" : \"auto\",\n        ...props.style,\n    };\n\n    return (\n        <Element\n            as=\"div\"\n            data-skeleton\n            ref={ref}\n            classNames={classNames}\n            style={style}\n            role=\"progressbar\"\n            aria-busy=\"true\"\n            aria-valuetext={effectiveLabel}\n            aria-label={effectiveLabel}\n            {...props}\n        />\n    );\n});\nSkeleton.displayName = \"Skeleton\";\n\nexport const SkeletonGroup = React.forwardRef((\n    {\n        effect = \"wave\",\n        spacing = \"small\",\n        animate = true,\n        repeat = 1,\n        direction = \"vertical\",\n        children,\n        classNames = [],\n        loadingLabel = \"Loading content...\",\n        ...props\n    }: SkeletonGroupProps, ref: React.Ref<SkeletonElementType>) => {\n\n    const groupClassNames = [\n        `direction-${direction}`,\n        effect && `effect-${effect}`,\n        ...classNames,\n    ];\n\n    if (spacing) {\n        groupClassNames.push(`spacing-${spacing}`);\n    }\n\n    return (\n        <SkeletonContext.Provider value={{ effect, animate, loadingLabel }}>\n            <Element\n                as=\"div\"\n                ref={ref}\n                data-skeleton-group\n                classNames={groupClassNames}\n                role=\"status\"\n                aria-busy=\"true\"\n                aria-label={loadingLabel}\n                {...props}\n            >\n                {Array(repeat).fill(children).map((child, index) => (\n                    React.cloneElement(child as React.ReactElement, {\n                        key: index\n                    })\n                ))}\n            </Element>\n        </SkeletonContext.Provider>\n    );\n});\nSkeletonGroup.displayName = \"SkeletonGroup\";\n"],"names":["SkeletonContext","createContext","Skeleton","React","variant","width","height","shape","localEffect","loadingLabel","props","ref","groupContext","useContext","effectiveEffect","effectiveLabel","classNames","computedWidth","computedHeight","style","jsx","Element","SkeletonGroup","effect","spacing","animate","repeat","direction","children","groupClassNames","child","index"],"mappings":";;;;AAmBA,MAAMA,IAAkBC,EAAmC;AAAA,EACvD,QAAY;AAAA,EACZ,SAAY;AAChB,CAAC,GA0BYC,IAAWC,EAAM,WAAW,CACrC;AAAA,EACI,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAQC;AAAA,EACR,cAAAC;AAAA,EACA,GAAGC;AACP,GAAkBC,MAAwC;AAE1D,QAAMC,IAAeC,EAAWb,CAAe,GAEzCc,IAAkBN,KAAeI,EAAa,QAC9CG,IAAiBN,KAAgBG,EAAa,gBAAgB;AAEpE,MAAII,IAAa,CAAA;AAEjB,EAAIZ,KACAY,EAAW,KAAK,WAAWZ,CAAO,EAAE,GAGpCG,KACAS,EAAW,KAAK,SAAST,CAAK,EAAE,GAGhCO,KACAE,EAAW,KAAK,UAAUF,CAAe,EAAE;AAI/C,QAAMG,IAAgBZ,KAAS,QACzBa,IAAiBd,MAAY,YAC5B,OAAOC,KAAU,WAAW,GAAGA,CAAK,OAAOA,MAAUC,KAAU,SAChEA,GAEAa,IAAQ;AAAA,IACV,OAAOF;AAAA,IACP,QAAQC;AAAA,IACR,aAAad,MAAY,WAAW,UAAU;AAAA,IAC9C,GAAGM,EAAM;AAAA,EAAA;AAGb,SACI,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,iBAAa;AAAA,MACb,KAAAV;AAAA,MACA,YAAAK;AAAA,MACA,OAAAG;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,kBAAgBJ;AAAA,MAChB,cAAYA;AAAA,MACX,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AACDR,EAAS,cAAc;AAEhB,MAAMoB,IAAgBnB,EAAM,WAAW,CAC1C;AAAA,EACI,QAAAoB,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,YAAAZ,IAAa,CAAA;AAAA,EACb,cAAAP,IAAe;AAAA,EACf,GAAGC;AACP,GAAuBC,MAAwC;AAE/D,QAAMkB,IAAkB;AAAA,IACpB,aAAaF,CAAS;AAAA,IACtBJ,KAAU,UAAUA,CAAM;AAAA,IAC1B,GAAGP;AAAA,EAAA;AAGP,SAAIQ,KACAK,EAAgB,KAAK,WAAWL,CAAO,EAAE,GAIzC,gBAAAJ,EAACpB,EAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAAuB,GAAQ,SAAAE,GAAS,cAAAhB,KAChD,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,KAAAV;AAAA,MACA,uBAAmB;AAAA,MACnB,YAAYkB;AAAA,MACZ,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYpB;AAAA,MACX,GAAGC;AAAA,MAEH,UAAA,MAAMgB,CAAM,EAAE,KAAKE,CAAQ,EAAE,IAAI,CAACE,GAAOC,MACtC5B,EAAM,aAAa2B,GAA6B;AAAA,QAC5C,KAAKC;AAAA,MAAA,CACR,CACJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER,CAAC;AACDT,EAAc,cAAc;"}

package/dist/components/Table/Table.d.ts

@@ -9,7 +9,6 @@ export interface TableCustomProps {
     isFullWidth?: boolean;
     caption?: string;
     summary?: string;
-    hasColSpan?: boolean;
 }
 export type TableElementType = HTMLTableElement;
 export type TableProps = Omit<CommonAndHTMLProps<TableElementType>, keyof TableCustomProps> & TableCustomProps;

package/dist/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,gBAAgB;IAC7B,UAAoB,CAAC,EAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACpD,SAAoB,CAAC,EAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC/D,SAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,mBAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,WAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,OAAoB,CAAC,EAAG,MAAM,CAAC;IAC/B,OAAoB,CAAC,EAAG,MAAM,CAAC;IAC/B,UAAoB,CAAC,EAAG,OAAO,CAAC;CACnC;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,MAAM,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;AAG/G,eAAO,MAAM,KAAK,gKAuEjB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,gBAAgB;IAC7B,UAAoB,CAAC,EAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACpD,SAAoB,CAAC,EAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC/D,SAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,mBAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,WAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,OAAoB,CAAC,EAAG,MAAM,CAAC;IAC/B,OAAoB,CAAC,EAAG,MAAM,CAAC;CAClC;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,MAAM,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;AAG/G,eAAO,MAAM,KAAK,gKAuDjB,CAAC"}

package/dist/components/Table/Table.js

@@ -1,53 +1,40 @@
 "use client";
-import { jsxs as C, jsx as w } from "react/jsx-runtime";
-import t from "react";
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import u from "react";
 /* empty css          */
 import { Element as b } from "../Element/Element.js";
-const v = t.forwardRef(
+const c = u.forwardRef(
   ({
-    bordersFor: e,
-    isStriped: a,
-    highlightRowOnHover: u,
-    isFullWidth: f,
-    alignText: i,
-    caption: n,
+    bordersFor: r,
+    isStriped: l,
+    highlightRowOnHover: s,
+    isFullWidth: a,
+    alignText: t,
+    caption: i,
     summary: p,
-    hasColSpan: d,
-    children: r,
-    ...m
-  }, c) => {
-    let o = [];
-    e && o.push(`bordered-${e}`), a && o.push("striped"), u && o.push("hoverable"), f && o.push("full-width"), i && o.push(`align-text-${i}`);
-    const h = t.Children.count(r);
-    return /* @__PURE__ */ C(
+    children: f,
+    ...o
+  }, m) => {
+    let e = [];
+    return r && e.push(`bordered-${r}`), l && e.push("striped"), s && e.push("hoverable"), a && e.push("full-width"), t && e.push(`align-text-${t}`), /* @__PURE__ */ h(
       b,
       {
         as: "table",
-        classNames: o,
-        ref: c,
+        classNames: e,
+        ref: m,
         role: "table",
-        "aria-rowcount": h || void 0,
-        "aria-colcount": d ? void 0 : (() => {
-          if (!r || !t.isValidElement(r)) return;
-          const s = t.Children.toArray(r)[0];
-          if (t.isValidElement(s)) {
-            const l = s.props;
-            if (l.children)
-              return t.Children.count(l.children);
-          }
-        })(),
         summary: p,
-        ...m,
+        ...o,
         children: [
-          n && /* @__PURE__ */ w("caption", { children: n }),
-          r
+          i && /* @__PURE__ */ d("caption", { children: i }),
+          f
         ]
       }
     );
   }
 );
-v.displayName = "Table";
+c.displayName = "Table";
 export {
-  v as Table
+  c as Table
 };
 //# sourceMappingURL=Table.js.map

package/dist/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["// FRAMEWORK ===========================================================================================================\nimport React from \"react\";\n\n// FICTOAN =============================================================================================================\nimport { Element } from \"../Element\";\n\n// STYLES ==============================================================================================================\nimport \"./table.css\";\n\n// TYPES ===============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\n// prettier-ignore\nexport interface TableCustomProps {\n    bordersFor          ? : \"rows\" | \"columns\" | \"both\";\n    alignText           ? : \"left\" | \"right\" | \"centre\" | \"center\";\n    isStriped           ? : boolean;\n    highlightRowOnHover ? : boolean;\n    isFullWidth         ? : boolean;\n    caption             ? : string; // Accessible table caption\n    summary             ? : string; // Description of table structure for complex tables\n    hasColSpan          ? : boolean; // Indicates if table has colspan/rowspan for screen readers\n}\n\nexport type TableElementType = HTMLTableElement;\nexport type TableProps = Omit<CommonAndHTMLProps<TableElementType>, keyof TableCustomProps> & TableCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Table = React.forwardRef(\n    (\n        {\n            bordersFor,\n            isStriped,\n            highlightRowOnHover,\n            isFullWidth,\n            alignText,\n            caption,\n            summary,\n            hasColSpan,\n            children,\n            ...props\n        }: TableProps,\n        ref: React.Ref<TableElementType>\n    ) => {\n        let classNames = [];\n\n        if (bordersFor) {\n            classNames.push(`bordered-${bordersFor}`);\n        }\n\n        if (isStriped) {\n            classNames.push(\"striped\");\n        }\n\n        if (highlightRowOnHover) {\n            classNames.push(\"hoverable\");\n        }\n\n        if (isFullWidth) {\n            classNames.push(\"full-width\");\n        }\n\n        if (alignText) {\n            classNames.push(`align-text-${alignText}`);\n        }\n\n        // Get row count if children exist\n        const rowCount = React.Children.count(children);\n\n        // Get column count from first row if possible\n        const getColumnCount = () => {\n            if (!children || !React.isValidElement(children)) return undefined;\n\n            const firstRow = React.Children.toArray(children)[0];\n            if (React.isValidElement(firstRow)) {\n                const rowProps = firstRow.props as { children?: React.ReactNode };\n                if (rowProps.children) {\n                    return React.Children.count(rowProps.children);\n                }\n            }\n            return undefined;\n        };\n\n        return (\n            <Element<TableElementType>\n                as=\"table\"\n                classNames={classNames}\n                ref={ref}\n                role=\"table\"\n                aria-rowcount={rowCount || undefined}\n                aria-colcount={hasColSpan ? undefined : getColumnCount()}\n                summary={summary}\n                {...props}\n            >\n                {caption && <caption>{caption}</caption>}\n                {children}\n            </Element>\n        );\n    }\n);\nTable.displayName = \"Table\";\n"],"names":["Table","React","bordersFor","isStriped","highlightRowOnHover","isFullWidth","alignText","caption","summary","hasColSpan","children","props","ref","classNames","rowCount","jsxs","Element","firstRow","rowProps","jsx"],"mappings":";;;;AA4BO,MAAMA,IAAQC,EAAM;AAAA,EACvB,CACI;AAAA,IACI,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,QAAIC,IAAa,CAAA;AAEjB,IAAIX,KACAW,EAAW,KAAK,YAAYX,CAAU,EAAE,GAGxCC,KACAU,EAAW,KAAK,SAAS,GAGzBT,KACAS,EAAW,KAAK,WAAW,GAG3BR,KACAQ,EAAW,KAAK,YAAY,GAG5BP,KACAO,EAAW,KAAK,cAAcP,CAAS,EAAE;AAI7C,UAAMQ,IAAWb,EAAM,SAAS,MAAMS,CAAQ;AAgB9C,WACI,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,YAAAH;AAAA,QACA,KAAAD;AAAA,QACA,MAAK;AAAA,QACL,iBAAeE,KAAY;AAAA,QAC3B,iBAAeL,IAAa,UApBb,MAAM;AACzB,cAAI,CAACC,KAAY,CAACT,EAAM,eAAeS,CAAQ,EAAG;AAElD,gBAAMO,IAAWhB,EAAM,SAAS,QAAQS,CAAQ,EAAE,CAAC;AACnD,cAAIT,EAAM,eAAegB,CAAQ,GAAG;AAChC,kBAAMC,IAAWD,EAAS;AAC1B,gBAAIC,EAAS;AACT,qBAAOjB,EAAM,SAAS,MAAMiB,EAAS,QAAQ;AAAA,UAErD;AAAA,QAEJ,GASgD;AAAA,QACxC,SAAAV;AAAA,QACC,GAAGG;AAAA,QAEH,UAAA;AAAA,UAAAJ,KAAW,gBAAAY,EAAC,aAAS,UAAAZ,EAAA,CAAQ;AAAA,UAC7BG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AACAV,EAAM,cAAc;"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["// FRAMEWORK ===========================================================================================================\nimport React from \"react\";\n\n// FICTOAN =============================================================================================================\nimport { Element } from \"../Element\";\n\n// STYLES ==============================================================================================================\nimport \"./table.css\";\n\n// TYPES ===============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\n// prettier-ignore\nexport interface TableCustomProps {\n    bordersFor          ? : \"rows\" | \"columns\" | \"both\";\n    alignText           ? : \"left\" | \"right\" | \"centre\" | \"center\";\n    isStriped           ? : boolean;\n    highlightRowOnHover ? : boolean;\n    isFullWidth         ? : boolean;\n    caption             ? : string; // Accessible table caption\n    summary             ? : string; // Description of table structure for complex tables\n}\n\nexport type TableElementType = HTMLTableElement;\nexport type TableProps = Omit<CommonAndHTMLProps<TableElementType>, keyof TableCustomProps> & TableCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Table = React.forwardRef(\n    (\n        {\n            bordersFor,\n            isStriped,\n            highlightRowOnHover,\n            isFullWidth,\n            alignText,\n            caption,\n            summary,\n            children,\n            ...props\n        }: TableProps,\n        ref: React.Ref<TableElementType>\n    ) => {\n        let classNames = [];\n\n        if (bordersFor) {\n            classNames.push(`bordered-${bordersFor}`);\n        }\n\n        if (isStriped) {\n            classNames.push(\"striped\");\n        }\n\n        if (highlightRowOnHover) {\n            classNames.push(\"hoverable\");\n        }\n\n        if (isFullWidth) {\n            classNames.push(\"full-width\");\n        }\n\n        if (alignText) {\n            classNames.push(`align-text-${alignText}`);\n        }\n\n        // No aria-rowcount / aria-colcount: those are for virtualised/paginated tables where the\n        // DOM holds only a subset of rows. This Table renders all children, so the native <table>\n        // semantics convey the counts — deriving them from arbitrary children was wrong anyway\n        // (counted thead+tbody as 2 rows; colcount was dead for any multi-section table).\n        return (\n            <Element<TableElementType>\n                as=\"table\"\n                classNames={classNames}\n                ref={ref}\n                role=\"table\"\n                summary={summary}\n                {...props}\n            >\n                {caption && <caption>{caption}</caption>}\n                {children}\n            </Element>\n        );\n    }\n);\nTable.displayName = \"Table\";\n"],"names":["Table","React","bordersFor","isStriped","highlightRowOnHover","isFullWidth","alignText","caption","summary","children","props","ref","classNames","jsxs","Element","jsx"],"mappings":";;;;AA2BO,MAAMA,IAAQC,EAAM;AAAA,EACvB,CACI;AAAA,IACI,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,QAAIC,IAAa,CAAA;AAEjB,WAAIV,KACAU,EAAW,KAAK,YAAYV,CAAU,EAAE,GAGxCC,KACAS,EAAW,KAAK,SAAS,GAGzBR,KACAQ,EAAW,KAAK,WAAW,GAG3BP,KACAO,EAAW,KAAK,YAAY,GAG5BN,KACAM,EAAW,KAAK,cAAcN,CAAS,EAAE,GAQzC,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,YAAAF;AAAA,QACA,KAAAD;AAAA,QACA,MAAK;AAAA,QACL,SAAAH;AAAA,QACC,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAH,KAAW,gBAAAQ,EAAC,aAAS,UAAAR,EAAA,CAAQ;AAAA,UAC7BE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AACAT,EAAM,cAAc;"}

package/dist/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,OAAO,YAAY,CAAC;AAMpB,UAAU,OAAO;IACT,GAAG,EAAU,MAAM,CAAC;IACpB,KAAK,EAAQ,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAM,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAS,CAAC,EAAG,OAAO,CAAC;CAC5B;AAGD,MAAM,WAAW,eAAe;IACxB,IAAI,EAA4B,OAAO,EAAE,CAAC;IAC1C,2BAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,gBAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,KAA4B,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvE,WAA4B,CAAC,EAAG,OAAO,CAAC;CAC/C;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,eAAe,CAAC,GAAG,eAAe,CAAC;AAE3G,eAAO,MAAM,IAAI,0JAkIhB,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,OAAO,YAAY,CAAC;AAMpB,UAAU,OAAO;IACT,GAAG,EAAU,MAAM,CAAC;IACpB,KAAK,EAAQ,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAM,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAS,CAAC,EAAG,OAAO,CAAC;CAC5B;AAGD,MAAM,WAAW,eAAe;IACxB,IAAI,EAA4B,OAAO,EAAE,CAAC;IAC1C,2BAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,gBAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,KAA4B,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvE,WAA4B,CAAC,EAAG,OAAO,CAAC;CAC/C;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,eAAe,CAAC,GAAG,eAAe,CAAC;AAE3G,eAAO,MAAM,IAAI,0JAuJhB,CAAC"}