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

package/dist/components/Element/Element.js

@@ -1,152 +1,154 @@
 "use client";
-import { jsx as pt } from "react/jsx-runtime";
-import ht from "react";
-import { createClassName as mt } from "../../utils/classNames.js";
-const ct = ht.forwardRef(
+import { jsx as ut } from "react/jsx-runtime";
+import Ct from "react";
+import { createClassName as Ot } from "../../utils/classNames.js";
+const Tt = /* @__PURE__ */ new Set([
+  "none",
+  "nano",
+  "micro",
+  "tiny",
+  "small",
+  "medium",
+  "large",
+  "huge"
+]), wt = (o) => Tt.has(o), kt = Ct.forwardRef(
   ({
-    as: R = "div",
-    role: E,
-    ariaLabel: I,
-    tabIndex: j,
-    onKeyDown: A,
-    ...B
-  }, D) => {
+    as: o = "div",
+    role: k,
+    ariaLabel: x,
+    tabIndex: z,
+    onKeyDown: N,
+    ...L
+  }, R) => {
     const {
-      classNames: H = [],
-      bgColor: i,
-      bgColour: l,
-      bgOpacity: r,
-      borderColor: n,
-      borderColour: s,
-      borderOpacity: d,
-      className: S,
-      columns: bt,
+      classNames: S = [],
+      bgColor: e,
+      bgColour: n,
+      bgOpacity: l,
+      borderColor: r,
+      borderColour: d,
+      borderOpacity: s,
+      className: v,
+      columns: a,
       fillColor: g,
       fillColour: p,
-      gap: h,
-      hideOnDesktop: G,
-      hideOnMobile: V,
-      hideOnTabletLandscape: W,
-      hideOnTabletPortrait: q,
-      horizontalMargin: t,
-      horizontalPadding: o,
-      horizontallyCenterThis: J,
-      horizontallyCentreThis: K,
-      inheritFormSpacing: Q,
-      isClickable: U,
-      isFullHeight: X,
-      isFullWidth: Y,
-      layoutAsFlexbox: Z,
+      gap: B,
+      hideOnDesktop: P,
+      hideOnMobile: E,
+      hideOnTabletLandscape: F,
+      hideOnTabletPortrait: I,
+      horizontalMargin: M,
+      horizontalPadding: A,
+      horizontallyCenterThis: j,
+      horizontallyCentreThis: D,
+      inheritFormSpacing: G,
+      isClickable: H,
+      isFullHeight: K,
+      isFullWidth: V,
+      layoutAsFlexbox: W,
       layoutAsGrid: _,
-      stackVertically: tt,
-      stackHorizontally: ot,
-      marginLeft: m,
-      marginBottom: c,
-      margin: b,
-      marginRight: y,
-      marginTop: $,
-      opacity: u,
-      paddingBottom: f,
-      paddingLeft: C,
-      padding: k,
-      paddingRight: O,
-      paddingTop: w,
-      pushItemsToEnds: et,
-      shadow: v,
-      shape: x,
-      showOnlyOnDesktop: at,
-      showOnlyOnMobile: it,
-      showOnlyOnTabletLandscape: lt,
-      showOnlyOnTabletPortrait: rt,
-      size: z,
-      strokeColor: T,
-      strokeColour: N,
-      textColor: P,
-      textColour: F,
-      verticalMargin: e,
-      verticalPadding: a,
-      verticallyCenterItems: nt,
-      verticallyCentreItems: st,
-      weight: L,
-      style: dt,
-      ...gt
-    } = B, M = {
-      ...dt,
-      ...r && { "--bg-opacity": Number(r) / 100 },
-      ...d && { "--border-opacity": Number(d) / 100 }
+      listVertically: q,
+      listHorizontally: J,
+      marginLeft: Q,
+      marginBottom: U,
+      margin: X,
+      marginRight: Y,
+      marginTop: Z,
+      opacity: m,
+      paddingBottom: tt,
+      paddingLeft: it,
+      padding: ot,
+      paddingRight: at,
+      paddingTop: et,
+      pushItemsToEnds: nt,
+      shadow: h,
+      shape: c,
+      showOnlyOnDesktop: lt,
+      showOnlyOnMobile: rt,
+      showOnlyOnTabletLandscape: dt,
+      showOnlyOnTabletPortrait: st,
+      size: y,
+      strokeColor: b,
+      strokeColour: $,
+      textColor: f,
+      textColour: u,
+      verticalMargin: gt,
+      verticalPadding: pt,
+      verticallyCenterItems: mt,
+      verticallyCentreItems: ht,
+      weight: C,
+      style: ct,
+      ...yt
+    } = L, O = [], T = {}, i = (t, bt, $t) => {
+      t && (wt(t) ? O.push(bt(t)) : $t.forEach((ft) => {
+        T[ft] = t;
+      }));
     };
-    return /* @__PURE__ */ pt(
-      R,
+    i(B, (t) => `gap-${t}`, ["gap"]), i(X, (t) => `margin-all-${t}`, ["margin"]), i(Z, (t) => `margin-top-${t}`, ["marginTop"]), i(Y, (t) => `margin-right-${t}`, ["marginRight"]), i(U, (t) => `margin-bottom-${t}`, ["marginBottom"]), i(Q, (t) => `margin-left-${t}`, ["marginLeft"]), i(M, (t) => `margin-right-${t} margin-left-${t}`, ["marginLeft", "marginRight"]), i(gt, (t) => `margin-top-${t} margin-bottom-${t}`, ["marginTop", "marginBottom"]), i(ot, (t) => `padding-all-${t}`, ["padding"]), i(et, (t) => `padding-top-${t}`, ["paddingTop"]), i(at, (t) => `padding-right-${t}`, ["paddingRight"]), i(tt, (t) => `padding-bottom-${t}`, ["paddingBottom"]), i(it, (t) => `padding-left-${t}`, ["paddingLeft"]), i(A, (t) => `padding-right-${t} padding-left-${t}`, ["paddingLeft", "paddingRight"]), i(pt, (t) => `padding-top-${t} padding-bottom-${t}`, ["paddingTop", "paddingBottom"]);
+    const w = {
+      ...ct,
+      ...l && { "--bg-opacity": Number(l) / 100 },
+      ...s && { "--border-opacity": Number(s) / 100 },
+      ...a && { gridTemplateColumns: `repeat(${a}, 1fr)` },
+      ...T
+    };
+    return /* @__PURE__ */ ut(
+      o,
       {
-        ref: D,
-        role: E,
-        "aria-label": I,
-        tabIndex: j,
-        onKeyDown: A,
-        ...gt,
-        "data-form-spaced": Q || void 0,
-        style: Object.keys(M).length > 0 ? M : void 0,
-        className: mt(
+        ref: R,
+        role: k,
+        "aria-label": x,
+        tabIndex: z,
+        onKeyDown: N,
+        ...yt,
+        "data-form-spaced": G || void 0,
+        style: Object.keys(w).length > 0 ? w : void 0,
+        className: Ot(
           [
-            S,
-            i && `bg-${i}`,
-            l && `bg-${l}`,
-            n && `border-${n}`,
-            s && `border-${s}`,
+            v,
+            e && `bg-${e}`,
+            n && `bg-${n}`,
+            r && `border-${r}`,
+            d && `border-${d}`,
             g && `fill-${g}`,
             p && `fill-${p}`,
-            G && "hide-on-desktop",
-            V && "hide-on-mobile",
-            W && "hide-on-tablet-landscape",
-            q && "hide-on-tablet-portrait",
-            t && `margin-right-${t} margin-left-${t}`,
-            o && `padding-right-${o} padding-left-${o}`,
-            J && "horizontally-centre-this",
-            K && "horizontally-centre-this",
-            U && "is-clickable",
-            X && "full-height",
-            Y && "full-width",
-            Z && "layout-flexbox",
-            _ && "layout-grid",
-            tt && "stack-vertically",
-            ot && "stack-horizontally",
-            h && `gap-${h}`,
-            m && `margin-left-${m}`,
-            c && `margin-bottom-${c}`,
-            b && `margin-all-${b}`,
-            y && `margin-right-${y}`,
-            $ && `margin-top-${$}`,
-            u && `opacity-${u}`,
-            f && `padding-bottom-${f}`,
-            C && `padding-left-${C}`,
-            k && `padding-all-${k}`,
-            O && `padding-right-${O}`,
-            w && `padding-top-${w}`,
-            et && "push-to-ends",
-            v && `shadow-${v}`,
-            x && `shape-${x}`,
-            at && "show-only-on-desktop",
-            it && "show-only-on-mobile",
-            lt && "show-only-on-tablet-landscape",
-            rt && "show-only-on-tablet-portrait",
-            z && `size-${z}`,
-            T && `stroke-${T}`,
-            N && `stroke-${N}`,
-            P && `text-${P}`,
-            F && `text-${F}`,
-            e && `margin-top-${e} margin-bottom-${e}`,
-            a && `padding-top-${a} padding-bottom-${a}`,
-            nt && "vertically-centre-items",
-            st && "vertically-centre-items",
-            L && `weight-${L}`
-          ].concat(H)
+            P && "hide-on-desktop",
+            E && "hide-on-mobile",
+            F && "hide-on-tablet-landscape",
+            I && "hide-on-tablet-portrait",
+            j && "horizontally-centre-this",
+            D && "horizontally-centre-this",
+            H && "is-clickable",
+            K && "full-height",
+            V && "full-width",
+            W && "layout-flexbox",
+            (_ || a) && "layout-grid",
+            q && "list-vertically",
+            J && "list-horizontally",
+            m && `opacity-${m}`,
+            nt && "push-to-ends",
+            h && `shadow-${h}`,
+            c && `shape-${c}`,
+            lt && "show-only-on-desktop",
+            rt && "show-only-on-mobile",
+            dt && "show-only-on-tablet-landscape",
+            st && "show-only-on-tablet-portrait",
+            y && `size-${y}`,
+            b && `stroke-${b}`,
+            $ && `stroke-${$}`,
+            f && `text-${f}`,
+            u && `text-${u}`,
+            mt && "vertically-centre-items",
+            ht && "vertically-centre-items",
+            C && `weight-${C}`
+          ].concat(O, S)
         )
       }
     );
   }
 );
-ct.displayName = "Element";
+kt.displayName = "Element";
 export {
-  ct as Element
+  kt as Element
 };
 //# sourceMappingURL=Element.js.map

package/dist/components/Element/Element.js.map

@@ -1 +1 @@
-{"version":3,"file":"Element.js","sources":["../../../src/components/Element/Element.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// UTILS ===============================================================================================================\nimport { createClassName } from \"$utils/classNames\";\n\n// OTHER ===============================================================================================================\nimport { ElementProps } from \"./constants\";\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Internally typed against HTMLElement (the underlying forwardRef call can\n// only carry one ref type). The exported cast below re-types `Element` as a\n// generic component so `<Element<HTMLButtonElement>>` actually flows a button-\n// typed ref through to consumers — `forwardRef` strips the generic K from the\n// outer signature without this cast.\nexport const Element = React.forwardRef(\n    <K extends HTMLElement>(\n        {\n            as : Component = \"div\",\n            role,\n            ariaLabel,\n            tabIndex,\n            onKeyDown,\n            ...props\n        }: ElementProps<K> & {\n            role      ? : string;\n            ariaLabel ? : string;\n            tabIndex  ? : number;\n            onKeyDown ? : (event: React.KeyboardEvent) => void;\n        }, ref: React.Ref<HTMLElement>\n    ) => {\n        const {\n            classNames = [],\n            bgColor,\n            bgColour,\n            bgOpacity,\n            borderColor,\n            borderColour,\n            borderOpacity,\n            className,\n            columns,\n            fillColor,\n            fillColour,\n            gap,\n            hideOnDesktop,\n            hideOnMobile,\n            hideOnTabletLandscape,\n            hideOnTabletPortrait,\n            horizontalMargin,\n            horizontalPadding,\n            horizontallyCenterThis,\n            horizontallyCentreThis,\n            inheritFormSpacing,\n            isClickable,\n            isFullHeight,\n            isFullWidth,\n            layoutAsFlexbox,\n            layoutAsGrid,\n            stackVertically,\n            stackHorizontally,\n            marginLeft,\n            marginBottom,\n            margin,\n            marginRight,\n            marginTop,\n            opacity,\n            paddingBottom,\n            paddingLeft,\n            padding,\n            paddingRight,\n            paddingTop,\n            pushItemsToEnds,\n            shadow,\n            shape,\n            showOnlyOnDesktop,\n            showOnlyOnMobile,\n            showOnlyOnTabletLandscape,\n            showOnlyOnTabletPortrait,\n            size,\n            strokeColor,\n            strokeColour,\n            textColor,\n            textColour,\n            verticalMargin,\n            verticalPadding,\n            verticallyCenterItems,\n            verticallyCentreItems,\n            weight,\n            style,\n            ...minimalProps\n        } = props;\n\n        // Build style object with opacity CSS custom properties\n        const computedStyle = {\n            ...style,\n            ...(bgOpacity && { \"--bg-opacity\": Number(bgOpacity) / 100 }),\n            ...(borderOpacity && { \"--border-opacity\": Number(borderOpacity) / 100 }),\n        } as React.CSSProperties;\n\n        return (\n            <Component\n                ref={ref}\n                role={role}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                onKeyDown={onKeyDown}\n                {...minimalProps}\n                data-form-spaced={inheritFormSpacing || undefined}\n                style={Object.keys(computedStyle).length > 0 ? computedStyle : undefined}\n                className={createClassName(\n                    [\n                        className,\n                        bgColor && `bg-${bgColor}`,\n                        bgColour && `bg-${bgColour}`,\n                        borderColor && `border-${borderColor}`,\n                        borderColour && `border-${borderColour}`,\n                        fillColor && `fill-${fillColor}`,\n                        fillColour && `fill-${fillColour}`,\n                        hideOnDesktop && \"hide-on-desktop\",\n                        hideOnMobile && \"hide-on-mobile\",\n                        hideOnTabletLandscape && \"hide-on-tablet-landscape\",\n                        hideOnTabletPortrait && \"hide-on-tablet-portrait\",\n                        horizontalMargin && `margin-right-${horizontalMargin} margin-left-${horizontalMargin}`,\n                        horizontalPadding && `padding-right-${horizontalPadding} padding-left-${horizontalPadding}`,\n                        horizontallyCenterThis && \"horizontally-centre-this\",\n                        horizontallyCentreThis && \"horizontally-centre-this\",\n                        isClickable && \"is-clickable\",\n                        isFullHeight && \"full-height\",\n                        isFullWidth && \"full-width\",\n                        layoutAsFlexbox && \"layout-flexbox\",\n                        layoutAsGrid && \"layout-grid\",\n                        stackVertically && \"stack-vertically\",\n                        stackHorizontally && \"stack-horizontally\",\n                        gap && `gap-${gap}`,\n                        marginLeft && `margin-left-${marginLeft}`,\n                        marginBottom && `margin-bottom-${marginBottom}`,\n                        margin && `margin-all-${margin}`,\n                        marginRight && `margin-right-${marginRight}`,\n                        marginTop && `margin-top-${marginTop}`,\n                        opacity && `opacity-${opacity}`,\n                        paddingBottom && `padding-bottom-${paddingBottom}`,\n                        paddingLeft && `padding-left-${paddingLeft}`,\n                        padding && `padding-all-${padding}`,\n                        paddingRight && `padding-right-${paddingRight}`,\n                        paddingTop && `padding-top-${paddingTop}`,\n                        pushItemsToEnds && \"push-to-ends\",\n                        shadow && `shadow-${shadow}`,\n                        shape && `shape-${shape}`,\n                        showOnlyOnDesktop && \"show-only-on-desktop\",\n                        showOnlyOnMobile && \"show-only-on-mobile\",\n                        showOnlyOnTabletLandscape && \"show-only-on-tablet-landscape\",\n                        showOnlyOnTabletPortrait && \"show-only-on-tablet-portrait\",\n                        size && `size-${size}`,\n                        strokeColor && `stroke-${strokeColor}`,\n                        strokeColour && `stroke-${strokeColour}`,\n                        textColor && `text-${textColor}`,\n                        textColour && `text-${textColour}`,\n                        verticalMargin && `margin-top-${verticalMargin} margin-bottom-${verticalMargin}`,\n                        verticalPadding && `padding-top-${verticalPadding} padding-bottom-${verticalPadding}`,\n                        verticallyCenterItems && \"vertically-centre-items\",\n                        verticallyCentreItems && \"vertically-centre-items\",\n                        weight && `weight-${weight}`,\n                    ].concat(classNames),\n                )}\n            />\n        );\n    },\n) as <K extends HTMLElement = HTMLElement>(\n    props: ElementProps<K> & {\n        role      ? : string;\n        ariaLabel ? : string;\n        tabIndex  ? : number;\n        onKeyDown ? : React.KeyboardEventHandler<K>;\n        ref       ? : React.Ref<K>;\n    },\n) => React.ReactElement;\n(Element as any).displayName = \"Element\";\n"],"names":["Element","React","Component","role","ariaLabel","tabIndex","onKeyDown","props","ref","classNames","bgColor","bgColour","bgOpacity","borderColor","borderColour","borderOpacity","className","columns","fillColor","fillColour","gap","hideOnDesktop","hideOnMobile","hideOnTabletLandscape","hideOnTabletPortrait","horizontalMargin","horizontalPadding","horizontallyCenterThis","horizontallyCentreThis","inheritFormSpacing","isClickable","isFullHeight","isFullWidth","layoutAsFlexbox","layoutAsGrid","stackVertically","stackHorizontally","marginLeft","marginBottom","margin","marginRight","marginTop","opacity","paddingBottom","paddingLeft","padding","paddingRight","paddingTop","pushItemsToEnds","shadow","shape","showOnlyOnDesktop","showOnlyOnMobile","showOnlyOnTabletLandscape","showOnlyOnTabletPortrait","size","strokeColor","strokeColour","textColor","textColour","verticalMargin","verticalPadding","verticallyCenterItems","verticallyCentreItems","weight","style","minimalProps","computedStyle","jsx","createClassName"],"mappings":";;;AAeO,MAAMA,KAAUC,GAAM;AAAA,EACzB,CACI;AAAA,IACI,IAAKC,IAAY;AAAA,IACjB,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAMJC,MACF;AACD,UAAM;AAAA,MACF,YAAAC,IAAa,CAAA;AAAA,MACb,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,KAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,2BAAAC;AAAA,MACA,0BAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACH3D,GAGE4D,IAAgB;AAAA,MAClB,GAAGF;AAAA,MACH,GAAIrD,KAAa,EAAE,gBAAgB,OAAOA,CAAS,IAAI,IAAA;AAAA,MACvD,GAAIG,KAAiB,EAAE,oBAAoB,OAAOA,CAAa,IAAI,IAAA;AAAA,IAAI;AAG3E,WACI,gBAAAqD;AAAA,MAAClE;AAAA,MAAA;AAAA,QACG,KAAAM;AAAA,QACA,MAAAL;AAAA,QACA,cAAYC;AAAA,QACZ,UAAAC;AAAA,QACA,WAAAC;AAAA,QACC,GAAG4D;AAAA,QACJ,oBAAkBrC,KAAsB;AAAA,QACxC,OAAO,OAAO,KAAKsC,CAAa,EAAE,SAAS,IAAIA,IAAgB;AAAA,QAC/D,WAAWE;AAAA,UACP;AAAA,YACIrD;AAAA,YACAN,KAAW,MAAMA,CAAO;AAAA,YACxBC,KAAY,MAAMA,CAAQ;AAAA,YAC1BE,KAAe,UAAUA,CAAW;AAAA,YACpCC,KAAgB,UAAUA,CAAY;AAAA,YACtCI,KAAa,QAAQA,CAAS;AAAA,YAC9BC,KAAc,QAAQA,CAAU;AAAA,YAChCE,KAAiB;AAAA,YACjBC,KAAgB;AAAA,YAChBC,KAAyB;AAAA,YACzBC,KAAwB;AAAA,YACxBC,KAAoB,gBAAgBA,CAAgB,gBAAgBA,CAAgB;AAAA,YACpFC,KAAqB,iBAAiBA,CAAiB,iBAAiBA,CAAiB;AAAA,YACzFC,KAA0B;AAAA,YAC1BC,KAA0B;AAAA,YAC1BE,KAAe;AAAA,YACfC,KAAgB;AAAA,YAChBC,KAAe;AAAA,YACfC,KAAmB;AAAA,YACnBC,KAAgB;AAAA,YAChBC,MAAmB;AAAA,YACnBC,MAAqB;AAAA,YACrBhB,KAAO,OAAOA,CAAG;AAAA,YACjBiB,KAAc,eAAeA,CAAU;AAAA,YACvCC,KAAgB,iBAAiBA,CAAY;AAAA,YAC7CC,KAAU,cAAcA,CAAM;AAAA,YAC9BC,KAAe,gBAAgBA,CAAW;AAAA,YAC1CC,KAAa,cAAcA,CAAS;AAAA,YACpCC,KAAW,WAAWA,CAAO;AAAA,YAC7BC,KAAiB,kBAAkBA,CAAa;AAAA,YAChDC,KAAe,gBAAgBA,CAAW;AAAA,YAC1CC,KAAW,eAAeA,CAAO;AAAA,YACjCC,KAAgB,iBAAiBA,CAAY;AAAA,YAC7CC,KAAc,eAAeA,CAAU;AAAA,YACvCC,MAAmB;AAAA,YACnBC,KAAU,UAAUA,CAAM;AAAA,YAC1BC,KAAS,SAASA,CAAK;AAAA,YACvBC,MAAqB;AAAA,YACrBC,MAAoB;AAAA,YACpBC,MAA6B;AAAA,YAC7BC,MAA4B;AAAA,YAC5BC,KAAQ,QAAQA,CAAI;AAAA,YACpBC,KAAe,UAAUA,CAAW;AAAA,YACpCC,KAAgB,UAAUA,CAAY;AAAA,YACtCC,KAAa,QAAQA,CAAS;AAAA,YAC9BC,KAAc,QAAQA,CAAU;AAAA,YAChCC,KAAkB,cAAcA,CAAc,kBAAkBA,CAAc;AAAA,YAC9EC,KAAmB,eAAeA,CAAe,mBAAmBA,CAAe;AAAA,YACnFC,MAAyB;AAAA,YACzBC,MAAyB;AAAA,YACzBC,KAAU,UAAUA,CAAM;AAAA,UAAA,EAC5B,OAAOvD,CAAU;AAAA,QAAA;AAAA,MACvB;AAAA,IAAA;AAAA,EAGZ;AACJ;AASCT,GAAgB,cAAc;"}
+{"version":3,"file":"Element.js","sources":["../../../src/components/Element/Element.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// UTILS ===============================================================================================================\nimport { createClassName } from \"$utils/classNames\";\n\n// OTHER ===============================================================================================================\nimport { ElementProps } from \"./constants\";\n\n// Spacing props accept a scale token OR an arbitrary CSS length. Tokens map to a\n// utility class (stays in @layer fictoan, overridable); anything else is treated\n// as a raw length and applied via inline style.\nconst SPACING_TOKENS = new Set<string>([\n    \"none\", \"nano\", \"micro\", \"tiny\", \"small\", \"medium\", \"large\", \"huge\",\n]);\nconst isSpacingToken = (value: string): boolean => SPACING_TOKENS.has(value);\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Internally typed against HTMLElement (the underlying forwardRef call can\n// only carry one ref type). The exported cast below re-types `Element` as a\n// generic component so `<Element<HTMLButtonElement>>` actually flows a button-\n// typed ref through to consumers — `forwardRef` strips the generic K from the\n// outer signature without this cast.\nexport const Element = React.forwardRef(\n    <K extends HTMLElement>(\n        {\n            as : Component = \"div\",\n            role,\n            ariaLabel,\n            tabIndex,\n            onKeyDown,\n            ...props\n        }: ElementProps<K> & {\n            role      ? : string;\n            ariaLabel ? : string;\n            tabIndex  ? : number;\n            onKeyDown ? : (event: React.KeyboardEvent) => void;\n        }, ref: React.Ref<HTMLElement>\n    ) => {\n        const {\n            classNames = [],\n            bgColor,\n            bgColour,\n            bgOpacity,\n            borderColor,\n            borderColour,\n            borderOpacity,\n            className,\n            columns,\n            fillColor,\n            fillColour,\n            gap,\n            hideOnDesktop,\n            hideOnMobile,\n            hideOnTabletLandscape,\n            hideOnTabletPortrait,\n            horizontalMargin,\n            horizontalPadding,\n            horizontallyCenterThis,\n            horizontallyCentreThis,\n            inheritFormSpacing,\n            isClickable,\n            isFullHeight,\n            isFullWidth,\n            layoutAsFlexbox,\n            layoutAsGrid,\n            listVertically,\n            listHorizontally,\n            marginLeft,\n            marginBottom,\n            margin,\n            marginRight,\n            marginTop,\n            opacity,\n            paddingBottom,\n            paddingLeft,\n            padding,\n            paddingRight,\n            paddingTop,\n            pushItemsToEnds,\n            shadow,\n            shape,\n            showOnlyOnDesktop,\n            showOnlyOnMobile,\n            showOnlyOnTabletLandscape,\n            showOnlyOnTabletPortrait,\n            size,\n            strokeColor,\n            strokeColour,\n            textColor,\n            textColour,\n            verticalMargin,\n            verticalPadding,\n            verticallyCenterItems,\n            verticallyCentreItems,\n            weight,\n            style,\n            ...minimalProps\n        } = props;\n\n        // Spacing props: a scale token emits a utility class; any other string is\n        // treated as a raw CSS length and applied via inline style.\n        const spacingClasses: string[] = [];\n        const spacingStyle: Record<string, string> = {};\n        const applySpacing = (\n            value      : string | undefined,\n            tokenClass : (token: string) => string,\n            cssProps   : string[],\n        ) => {\n            if (!value) return;\n            if (isSpacingToken(value)) {\n                spacingClasses.push(tokenClass(value));\n            } else {\n                cssProps.forEach((prop) => { spacingStyle[prop] = value; });\n            }\n        };\n\n        applySpacing(gap,               (t) => `gap-${t}`,                             [\"gap\"]);\n        applySpacing(margin,            (t) => `margin-all-${t}`,                      [\"margin\"]);\n        applySpacing(marginTop,         (t) => `margin-top-${t}`,                      [\"marginTop\"]);\n        applySpacing(marginRight,       (t) => `margin-right-${t}`,                    [\"marginRight\"]);\n        applySpacing(marginBottom,      (t) => `margin-bottom-${t}`,                   [\"marginBottom\"]);\n        applySpacing(marginLeft,        (t) => `margin-left-${t}`,                     [\"marginLeft\"]);\n        applySpacing(horizontalMargin,  (t) => `margin-right-${t} margin-left-${t}`,   [\"marginLeft\", \"marginRight\"]);\n        applySpacing(verticalMargin,    (t) => `margin-top-${t} margin-bottom-${t}`,   [\"marginTop\", \"marginBottom\"]);\n        applySpacing(padding,           (t) => `padding-all-${t}`,                     [\"padding\"]);\n        applySpacing(paddingTop,        (t) => `padding-top-${t}`,                     [\"paddingTop\"]);\n        applySpacing(paddingRight,      (t) => `padding-right-${t}`,                   [\"paddingRight\"]);\n        applySpacing(paddingBottom,     (t) => `padding-bottom-${t}`,                  [\"paddingBottom\"]);\n        applySpacing(paddingLeft,       (t) => `padding-left-${t}`,                    [\"paddingLeft\"]);\n        applySpacing(horizontalPadding, (t) => `padding-right-${t} padding-left-${t}`, [\"paddingLeft\", \"paddingRight\"]);\n        applySpacing(verticalPadding,   (t) => `padding-top-${t} padding-bottom-${t}`, [\"paddingTop\", \"paddingBottom\"]);\n\n        // Build style object: user style + opacity custom properties + arbitrary spacing\n        const computedStyle = {\n            ...style,\n            ...(bgOpacity && { \"--bg-opacity\": Number(bgOpacity) / 100 }),\n            ...(borderOpacity && { \"--border-opacity\": Number(borderOpacity) / 100 }),\n            ...(columns && { gridTemplateColumns: `repeat(${columns}, 1fr)` }),\n            ...spacingStyle,\n        } as React.CSSProperties;\n\n        return (\n            <Component\n                ref={ref}\n                role={role}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                onKeyDown={onKeyDown}\n                {...minimalProps}\n                data-form-spaced={inheritFormSpacing || undefined}\n                style={Object.keys(computedStyle).length > 0 ? computedStyle : undefined}\n                className={createClassName(\n                    [\n                        className,\n                        bgColor && `bg-${bgColor}`,\n                        bgColour && `bg-${bgColour}`,\n                        borderColor && `border-${borderColor}`,\n                        borderColour && `border-${borderColour}`,\n                        fillColor && `fill-${fillColor}`,\n                        fillColour && `fill-${fillColour}`,\n                        hideOnDesktop && \"hide-on-desktop\",\n                        hideOnMobile && \"hide-on-mobile\",\n                        hideOnTabletLandscape && \"hide-on-tablet-landscape\",\n                        hideOnTabletPortrait && \"hide-on-tablet-portrait\",\n                        horizontallyCenterThis && \"horizontally-centre-this\",\n                        horizontallyCentreThis && \"horizontally-centre-this\",\n                        isClickable && \"is-clickable\",\n                        isFullHeight && \"full-height\",\n                        isFullWidth && \"full-width\",\n                        layoutAsFlexbox && \"layout-flexbox\",\n                        (layoutAsGrid || columns) && \"layout-grid\",\n                        listVertically && \"list-vertically\",\n                        listHorizontally && \"list-horizontally\",\n                        opacity && `opacity-${opacity}`,\n                        pushItemsToEnds && \"push-to-ends\",\n                        shadow && `shadow-${shadow}`,\n                        shape && `shape-${shape}`,\n                        showOnlyOnDesktop && \"show-only-on-desktop\",\n                        showOnlyOnMobile && \"show-only-on-mobile\",\n                        showOnlyOnTabletLandscape && \"show-only-on-tablet-landscape\",\n                        showOnlyOnTabletPortrait && \"show-only-on-tablet-portrait\",\n                        size && `size-${size}`,\n                        strokeColor && `stroke-${strokeColor}`,\n                        strokeColour && `stroke-${strokeColour}`,\n                        textColor && `text-${textColor}`,\n                        textColour && `text-${textColour}`,\n                        verticallyCenterItems && \"vertically-centre-items\",\n                        verticallyCentreItems && \"vertically-centre-items\",\n                        weight && `weight-${weight}`,\n                    ].concat(spacingClasses, classNames),\n                )}\n            />\n        );\n    },\n) as <K extends HTMLElement = HTMLElement>(\n    props: ElementProps<K> & {\n        role      ? : string;\n        ariaLabel ? : string;\n        tabIndex  ? : number;\n        onKeyDown ? : React.KeyboardEventHandler<K>;\n        ref       ? : React.Ref<K>;\n    },\n) => React.ReactElement;\n(Element as any).displayName = \"Element\";\n"],"names":["SPACING_TOKENS","isSpacingToken","value","Element","React","Component","role","ariaLabel","tabIndex","onKeyDown","props","ref","classNames","bgColor","bgColour","bgOpacity","borderColor","borderColour","borderOpacity","className","columns","fillColor","fillColour","gap","hideOnDesktop","hideOnMobile","hideOnTabletLandscape","hideOnTabletPortrait","horizontalMargin","horizontalPadding","horizontallyCenterThis","horizontallyCentreThis","inheritFormSpacing","isClickable","isFullHeight","isFullWidth","layoutAsFlexbox","layoutAsGrid","listVertically","listHorizontally","marginLeft","marginBottom","margin","marginRight","marginTop","opacity","paddingBottom","paddingLeft","padding","paddingRight","paddingTop","pushItemsToEnds","shadow","shape","showOnlyOnDesktop","showOnlyOnMobile","showOnlyOnTabletLandscape","showOnlyOnTabletPortrait","size","strokeColor","strokeColour","textColor","textColour","verticalMargin","verticalPadding","verticallyCenterItems","verticallyCentreItems","weight","style","minimalProps","spacingClasses","spacingStyle","applySpacing","tokenClass","cssProps","prop","computedStyle","jsx","createClassName"],"mappings":"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"}

package/dist/components/Element/constants.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, FormEvent, HTMLProps } from 'react';
+import { ElementType, HTMLProps } from 'react';
 import { OklchColourName } from '../../styles/colours';
 
 export declare const BasicColours: readonly ["transparent", "black", "white"];
@@ -10,6 +10,7 @@ type OpacityLevel = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
 type CustomColours = "hue" | "tint" | "shade" | "analogue" | "accent";
 export type EmphasisTypes = "primary" | "secondary" | "tertiary" | "custom";
 export type SpacingTypes = "none" | "nano" | "micro" | "tiny" | "small" | "medium" | "large" | "huge";
+export type SpacingOrLength = SpacingTypes | (string & {});
 export type ShadowTypes = "none" | "mild" | "hard" | "soft";
 export type ShapeTypes = "rounded" | "curved";
 export type OpacityTypes = "0" | "5" | "10" | "20" | "30" | "40" | "50" | "60" | "70" | "80" | "90";
@@ -33,25 +34,25 @@ export interface CommonProps {
     shape?: ShapeTypes;
     opacity?: OpacityTypes;
     layoutAsFlexbox?: boolean;
-    stackVertically?: boolean;
-    stackHorizontally?: boolean;
+    listVertically?: boolean;
+    listHorizontally?: boolean;
     layoutAsGrid?: boolean;
-    columns?: string;
-    gap?: SpacingTypes;
-    margin?: SpacingTypes;
-    horizontalMargin?: SpacingTypes;
-    verticalMargin?: SpacingTypes;
-    marginTop?: SpacingTypes;
-    marginRight?: SpacingTypes;
-    marginBottom?: SpacingTypes;
-    marginLeft?: SpacingTypes;
-    padding?: SpacingTypes;
-    horizontalPadding?: SpacingTypes;
-    verticalPadding?: SpacingTypes;
-    paddingTop?: SpacingTypes;
-    paddingRight?: SpacingTypes;
-    paddingBottom?: SpacingTypes;
-    paddingLeft?: SpacingTypes;
+    columns?: number;
+    gap?: SpacingOrLength;
+    margin?: SpacingOrLength;
+    horizontalMargin?: SpacingOrLength;
+    verticalMargin?: SpacingOrLength;
+    marginTop?: SpacingOrLength;
+    marginRight?: SpacingOrLength;
+    marginBottom?: SpacingOrLength;
+    marginLeft?: SpacingOrLength;
+    padding?: SpacingOrLength;
+    horizontalPadding?: SpacingOrLength;
+    verticalPadding?: SpacingOrLength;
+    paddingTop?: SpacingOrLength;
+    paddingRight?: SpacingOrLength;
+    paddingBottom?: SpacingOrLength;
+    paddingLeft?: SpacingOrLength;
     horizontallyCentreThis?: boolean;
     horizontallyCenterThis?: boolean;
     verticallyCentreItems?: boolean;
@@ -74,12 +75,11 @@ export interface CommonProps {
 }
 export interface CommonAndHTMLProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "size" | "ref" | "shape"> {
 }
-export type FlexibleEventHandler<T, V = any> = ((event: T) => void) | ((value: V) => void);
+export type FlexibleEventHandler<T, V = unknown> = ((event: T) => void) | ((value: V) => void);
 export interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "ref" | "shape"> {
     as?: ElementType;
     className?: string;
     ariaLabel?: string;
-    onChange?: FlexibleEventHandler<FormEvent<T>, any>;
 }
 export {};
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/Element/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Element/constants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Element/constants.ts"],"names":[],"mappings":"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"}

package/dist/components/Element/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/Element/constants.ts"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport { ElementType, FormEvent, HTMLProps } from \"react\";\n\n// STYLES ==============================================================================================================\nimport { oklchColourDefinitions, type OklchColourName } from \"../../styles/colours\";\n\n// Basic colours without hue/chroma (not part of OKLCH definitions)\nexport const BasicColours = [ \"transparent\", \"black\", \"white\" ] as const;\ntype BasicColoursType = typeof BasicColours[number];\n\n// Combined list of all available colours\nexport const FictoanColours = [ ...Object.keys(oklchColourDefinitions), ...BasicColours ] as const;\n\ntype Luminance = \"dark\" | \"light\";\ntype ShadeLevel = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype OpacityLevel = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype CustomColours = \"hue\" | \"tint\" | \"shade\" | \"analogue\" | \"accent\";\n\n// prettier-ignore\nexport type EmphasisTypes = \"primary\" | \"secondary\" | \"tertiary\" | \"custom\";\nexport type SpacingTypes = \"none\" | \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\nexport type ShadowTypes = \"none\" | \"mild\" | \"hard\" | \"soft\";\nexport type ShapeTypes = \"rounded\" | \"curved\";\nexport type OpacityTypes = \"0\" | \"5\" | \"10\" | \"20\" | \"30\" | \"40\" | \"50\" | \"60\" | \"70\" | \"80\" | \"90\";\nexport type WeightTypes = \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\";\nexport type ButtonVariantTypes = \"success\" | \"warning\" | \"danger\";\n\nexport type ColourPropTypes =\n    | `${OklchColourName}-${Luminance}${ShadeLevel}`\n    | `${OklchColourName}-${Luminance}${ShadeLevel}-opacity${OpacityLevel}`\n    | `${OklchColourName}-opacity${OpacityLevel}`\n    | `${BasicColoursType}-opacity${OpacityLevel}`\n    | OklchColourName\n    | BasicColoursType\n    | CustomColours\n    | \"\";\n\nexport interface CommonProps {\n    bgColor                   ? : ColourPropTypes;\n    bgColour                  ? : ColourPropTypes;\n    bgOpacity                 ? : OpacityTypes;\n    textColor                 ? : ColourPropTypes;\n    textColour                ? : ColourPropTypes;\n    borderColor               ? : ColourPropTypes;\n    borderColour              ? : ColourPropTypes;\n    borderOpacity             ? : OpacityTypes;\n    fillColor                 ? : ColourPropTypes;\n    fillColour                ? : ColourPropTypes;\n    strokeColor               ? : ColourPropTypes;\n    strokeColour              ? : ColourPropTypes;\n    shadow                    ? : ShadowTypes;\n    shape                     ? : ShapeTypes;\n    opacity                   ? : OpacityTypes;\n    // Flexbox -----------------------------------------------------------------\n    layoutAsFlexbox           ? : boolean;\n    stackVertically           ? : boolean;\n    stackHorizontally         ? : boolean;\n    // Grid --------------------------------------------------------------------\n    layoutAsGrid              ? : boolean;\n    columns                   ? : string;\n    // Common ------------------------------------------------------------------\n    gap                       ? : SpacingTypes;\n    // Margin ------------------------------------------------------------------\n    margin                    ? : SpacingTypes;\n    horizontalMargin          ? : SpacingTypes;\n    verticalMargin            ? : SpacingTypes;\n    marginTop                 ? : SpacingTypes;\n    marginRight               ? : SpacingTypes;\n    marginBottom              ? : SpacingTypes;\n    marginLeft                ? : SpacingTypes;\n    // Padding -----------------------------------------------------------------\n    padding                   ? : SpacingTypes;\n    horizontalPadding         ? : SpacingTypes;\n    verticalPadding           ? : SpacingTypes;\n    paddingTop                ? : SpacingTypes;\n    paddingRight              ? : SpacingTypes;\n    paddingBottom             ? : SpacingTypes;\n    paddingLeft               ? : SpacingTypes;\n    horizontallyCentreThis    ? : boolean;\n    horizontallyCenterThis    ? : boolean;\n    verticallyCentreItems     ? : boolean;\n    verticallyCenterItems     ? : boolean;\n    pushItemsToEnds           ? : boolean;\n    isClickable               ? : boolean;\n    isFullWidth               ? : boolean;\n    isFullHeight              ? : boolean;\n    inheritFormSpacing        ? : boolean;\n    hideOnMobile              ? : boolean;\n    showOnlyOnMobile          ? : boolean;\n    hideOnTabletPortrait      ? : boolean;\n    showOnlyOnTabletPortrait  ? : boolean;\n    hideOnTabletLandscape     ? : boolean;\n    showOnlyOnTabletLandscape ? : boolean;\n    hideOnDesktop             ? : boolean;\n    showOnlyOnDesktop         ? : boolean;\n    weight                    ? : WeightTypes;\n    classNames                ? : string[];\n}\n\nexport interface CommonAndHTMLProps<T extends {}>\n    extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"size\" | \"ref\" | \"shape\"> {}\n\n// Fictoan has two different types of event handlers, one for standard events and one for direct values\n// This generic event handler type is a union of the two\nexport type FlexibleEventHandler<T, V = any> =\n    | ((event : T) => void)\n    | ((value : V) => void);\n\nexport interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"ref\" | \"shape\"> {\n    as        ? : ElementType;\n    className ? : string;\n    ariaLabel ? : string;\n    onChange  ? : FlexibleEventHandler<FormEvent<T>, any>;\n}\n"],"names":["BasicColours","FictoanColours","oklchColourDefinitions"],"mappings":";AAOO,MAAMA,IAAe,CAAE,eAAe,SAAS,OAAQ,GAIjDC,IAAiB,CAAE,GAAG,OAAO,KAAKC,CAAsB,GAAG,GAAGF,CAAa;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/Element/constants.ts"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport { ElementType, HTMLProps } from \"react\";\n\n// STYLES ==============================================================================================================\nimport { oklchColourDefinitions, type OklchColourName } from \"../../styles/colours\";\n\n// Basic colours without hue/chroma (not part of OKLCH definitions)\nexport const BasicColours = [ \"transparent\", \"black\", \"white\" ] as const;\ntype BasicColoursType = typeof BasicColours[number];\n\n// Combined list of all available colours\nexport const FictoanColours = [ ...Object.keys(oklchColourDefinitions), ...BasicColours ] as const;\n\ntype Luminance = \"dark\" | \"light\";\ntype ShadeLevel = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype OpacityLevel = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype CustomColours = \"hue\" | \"tint\" | \"shade\" | \"analogue\" | \"accent\";\n\n// prettier-ignore\nexport type EmphasisTypes = \"primary\" | \"secondary\" | \"tertiary\" | \"custom\";\nexport type SpacingTypes = \"none\" | \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n// A spacing prop accepts a scale token (preferred — emits a utility class) OR any CSS\n// length string (e.g. \"4px\", \"20vw\", \"calc(100% - 8px)\") which is applied via inline style.\n// The `& {}` keeps autocomplete suggesting the tokens while still allowing any string.\nexport type SpacingOrLength = SpacingTypes | (string & {});\nexport type ShadowTypes = \"none\" | \"mild\" | \"hard\" | \"soft\";\nexport type ShapeTypes = \"rounded\" | \"curved\";\nexport type OpacityTypes = \"0\" | \"5\" | \"10\" | \"20\" | \"30\" | \"40\" | \"50\" | \"60\" | \"70\" | \"80\" | \"90\";\nexport type WeightTypes = \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\";\nexport type ButtonVariantTypes = \"success\" | \"warning\" | \"danger\";\n\nexport type ColourPropTypes =\n    | `${OklchColourName}-${Luminance}${ShadeLevel}`\n    | `${OklchColourName}-${Luminance}${ShadeLevel}-opacity${OpacityLevel}`\n    | `${OklchColourName}-opacity${OpacityLevel}`\n    | `${BasicColoursType}-opacity${OpacityLevel}`\n    | OklchColourName\n    | BasicColoursType\n    | CustomColours\n    | \"\";\n\nexport interface CommonProps {\n    bgColor                   ? : ColourPropTypes;\n    bgColour                  ? : ColourPropTypes;\n    bgOpacity                 ? : OpacityTypes;\n    textColor                 ? : ColourPropTypes;\n    textColour                ? : ColourPropTypes;\n    borderColor               ? : ColourPropTypes;\n    borderColour              ? : ColourPropTypes;\n    borderOpacity             ? : OpacityTypes;\n    fillColor                 ? : ColourPropTypes;\n    fillColour                ? : ColourPropTypes;\n    strokeColor               ? : ColourPropTypes;\n    strokeColour              ? : ColourPropTypes;\n    shadow                    ? : ShadowTypes;\n    shape                     ? : ShapeTypes;\n    opacity                   ? : OpacityTypes;\n    // Flexbox -----------------------------------------------------------------\n    layoutAsFlexbox           ? : boolean;\n    listVertically            ? : boolean;\n    listHorizontally          ? : boolean;\n    // Grid --------------------------------------------------------------------\n    layoutAsGrid              ? : boolean;\n    columns                   ? : number;\n    // Common ------------------------------------------------------------------\n    gap                       ? : SpacingOrLength;\n    // Margin ------------------------------------------------------------------\n    margin                    ? : SpacingOrLength;\n    horizontalMargin          ? : SpacingOrLength;\n    verticalMargin            ? : SpacingOrLength;\n    marginTop                 ? : SpacingOrLength;\n    marginRight               ? : SpacingOrLength;\n    marginBottom              ? : SpacingOrLength;\n    marginLeft                ? : SpacingOrLength;\n    // Padding -----------------------------------------------------------------\n    padding                   ? : SpacingOrLength;\n    horizontalPadding         ? : SpacingOrLength;\n    verticalPadding           ? : SpacingOrLength;\n    paddingTop                ? : SpacingOrLength;\n    paddingRight              ? : SpacingOrLength;\n    paddingBottom             ? : SpacingOrLength;\n    paddingLeft               ? : SpacingOrLength;\n    horizontallyCentreThis    ? : boolean;\n    horizontallyCenterThis    ? : boolean;\n    verticallyCentreItems     ? : boolean;\n    verticallyCenterItems     ? : boolean;\n    pushItemsToEnds           ? : boolean;\n    isClickable               ? : boolean;\n    isFullWidth               ? : boolean;\n    isFullHeight              ? : boolean;\n    inheritFormSpacing        ? : boolean;\n    hideOnMobile              ? : boolean;\n    showOnlyOnMobile          ? : boolean;\n    hideOnTabletPortrait      ? : boolean;\n    showOnlyOnTabletPortrait  ? : boolean;\n    hideOnTabletLandscape     ? : boolean;\n    showOnlyOnTabletLandscape ? : boolean;\n    hideOnDesktop             ? : boolean;\n    showOnlyOnDesktop         ? : boolean;\n    weight                    ? : WeightTypes;\n    classNames                ? : string[];\n}\n\nexport interface CommonAndHTMLProps<T extends {}>\n    extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"size\" | \"ref\" | \"shape\"> {}\n\n// Fictoan has two different types of event handlers, one for standard events and one for direct values\n// This generic event handler type is a union of the two\nexport type FlexibleEventHandler<T, V = unknown> =\n    | ((event : T) => void)\n    | ((value : V) => void);\n\nexport interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"ref\" | \"shape\"> {\n    as        ? : ElementType;\n    className ? : string;\n    ariaLabel ? : string;\n}\n"],"names":["BasicColours","FictoanColours","oklchColourDefinitions"],"mappings":";AAOO,MAAMA,IAAe,CAAE,eAAe,SAAS,OAAQ,GAIjDC,IAAiB,CAAE,GAAG,OAAO,KAAKC,CAAsB,GAAG,GAAGF,CAAa;"}

package/dist/components/Form/Checkbox/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Checkbox/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMvD,OAAO,cAAc,CAAC;AAItB,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AACjD,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,EAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,OAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,cAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,CAAC,OAAO,EAAG,OAAO,KAAK,IAAI,CAAC;IAC/C,IAAe,CAAC,EAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC1D,QAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,UAAe,CAAC,EAAG,OAAO,CAAC;CAC9B,CAAC;AAGF,eAAO,MAAM,MAAM;SAdI,MAAM;WACN,MAAM;cACN,OAAO;qBACP,OAAO;eACP,OAAO;eACP,OAAO;eACP,CAAC,OAAO,EAAG,OAAO,KAAK,IAAI;WAC3B,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;eACtC,MAAM;gBACN,MAAM;iBACN,OAAO;0CA0E7B,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Checkbox/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMvD,OAAO,cAAc,CAAC;AAItB,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AACjD,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAC9C,EAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,OAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,cAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,CAAC,OAAO,EAAG,OAAO,KAAK,IAAI,CAAC;IAC/C,IAAe,CAAC,EAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC1D,QAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,UAAe,CAAC,EAAG,OAAO,CAAC;CAC9B,CAAC;AAGF,eAAO,MAAM,MAAM;SAdI,MAAM;WACN,MAAM;cACN,OAAO;qBACP,OAAO;eACP,OAAO;eACP,OAAO;eACP,CAAC,OAAO,EAAG,OAAO,KAAK,IAAI;WAC3B,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;eACtC,MAAM;gBACN,MAAM;iBACN,OAAO;0CA2E7B,CAAC"}

package/dist/components/Form/Checkbox/Switch.js

@@ -9,27 +9,27 @@ const E = p.forwardRef(
   ({
     id: t,
     name: s,
-    label: f,
-    hideLabel: l,
+    label: l,
+    hideLabel: f,
     helpText: c,
     errorText: e,
     onChange: o,
     checked: h,
-    defaultChecked: u,
-    disabled: v,
+    defaultChecked: w,
+    disabled: u,
     required: a,
     size: m = "medium",
     labelFirst: i,
-    ...w
+    ...v
   }, I) => {
     const y = S(() => s || t, [s, t]), b = (B) => {
       o == null || o(B.target.checked);
-    }, { wrapperProps: N, inputProps: P } = $(w), j = p.useId(), r = t || `switch-${j.replace(/:/g, "")}`, { describedBy: k } = x(r, c, e);
+    }, { wrapperProps: N, inputProps: P } = $(v), j = p.useId(), r = t || `switch-${j.replace(/:/g, "")}`, { describedBy: k } = x(r, c, e);
     return /* @__PURE__ */ R(
       A,
       {
-        label: f,
-        hideLabel: l,
+        label: l,
+        hideLabel: f,
         htmlFor: r,
         helpText: c,
         errorText: e,
@@ -43,12 +43,13 @@ const E = p.forwardRef(
             {
               as: "input",
               type: "checkbox",
+              role: "switch",
               ref: I,
               id: r,
               name: y,
               checked: h,
-              defaultChecked: u,
-              disabled: v,
+              defaultChecked: w,
+              disabled: u,
               required: a,
               "aria-invalid": !!e || void 0,
               "aria-required": a,

package/dist/components/Form/Checkbox/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Form/Checkbox/Switch.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useMemo } from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { Element } from \"$element\";\nimport { SpacingTypes } from \"../../Element/constants\";\n\n// UTILS ===============================================================================================================\nimport { separateWrapperProps } from \"$utils/propSeparation\";\n\n// STYLES ==============================================================================================================\nimport \"./switch.css\";\n\n// OTHER ===============================================================================================================\nimport { FormItem, deriveAriaIds } from \"../FormItem/FormItem\";\nimport { InputLabelCustomProps } from \"../InputLabel/InputLabel\";\n\nexport type SwitchElementType = HTMLInputElement;\nexport type SwitchProps = InputLabelCustomProps & {\n    id             ? : string;\n    name           ? : string;\n    checked        ? : boolean;\n    defaultChecked ? : boolean;\n    disabled       ? : boolean;\n    required       ? : boolean;\n    onChange       ? : (checked : boolean) => void;\n    size           ? : Exclude<SpacingTypes, \"nano\" | \"huge\">;\n    helpText       ? : string;\n    errorText      ? : string;\n    labelFirst     ? : boolean;\n};\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Switch = React.forwardRef(\n    (\n        {\n            id,\n            name,\n            label,\n            hideLabel,\n            helpText,\n            errorText,\n            onChange,\n            checked,\n            defaultChecked,\n            disabled,\n            required,\n            size = \"medium\",\n            labelFirst,\n            ...props\n        } : SwitchProps,\n        ref : React.Ref<SwitchElementType>,\n    ) => {\n        const derivedName = useMemo(() => name || id, [ name, id ]);\n\n        const handleChange = (e : React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(e.target.checked);\n        };\n\n        // Separate wrapper-level props (margin, padding, etc.) from input-specific props\n        const {wrapperProps, inputProps} = separateWrapperProps(props);\n\n        const reactId = React.useId();\n        const finalId = id || `switch-${reactId.replace(/:/g, \"\")}`;\n        const { describedBy } = deriveAriaIds(finalId, helpText, errorText);\n\n        return (\n            <FormItem\n                label={label}\n                hideLabel={hideLabel}\n                htmlFor={finalId}\n                helpText={helpText}\n                errorText={errorText}\n                required={required}\n                size={size}\n                labelFirst={labelFirst}\n                {...wrapperProps}\n            >\n                <Element<SwitchElementType>\n                    as=\"input\"\n                    type=\"checkbox\"\n                    ref={ref}\n                    id={finalId}\n                    name={derivedName}\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    disabled={disabled}\n                    required={required}\n                    aria-invalid={Boolean(errorText) || undefined}\n                    aria-required={required}\n                    aria-describedby={describedBy}\n                    onChange={handleChange}\n                    {...inputProps}\n                />\n                <Element\n                    as={labelFirst ? \"label\" : \"div\"}\n                    htmlFor={labelFirst ? finalId : undefined}\n                    data-switch\n                    className={`size-${size}`}\n                />\n            </FormItem>\n        );\n    },\n);\nSwitch.displayName = \"Switch\";\n"],"names":["Switch","React","id","name","label","hideLabel","helpText","errorText","onChange","checked","defaultChecked","disabled","required","size","labelFirst","props","ref","derivedName","useMemo","handleChange","e","wrapperProps","inputProps","separateWrapperProps","reactId","finalId","describedBy","deriveAriaIds","jsxs","FormItem","jsx","Element"],"mappings":";;;;;;AAiCO,MAAMA,IAASC,EAAM;AAAA,EACxB,CACI;AAAA,IACI,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAcC,EAAQ,MAAMf,KAAQD,GAAI,CAAEC,GAAMD,CAAG,CAAC,GAEpDiB,IAAe,CAACC,MAA4C;AAC9D,MAAAZ,KAAA,QAAAA,EAAWY,EAAE,OAAO;AAAA,IACxB,GAGM,EAAC,cAAAC,GAAc,YAAAC,MAAcC,EAAqBR,CAAK,GAEvDS,IAAUvB,EAAM,MAAA,GAChBwB,IAAUvB,KAAM,UAAUsB,EAAQ,QAAQ,MAAM,EAAE,CAAC,IACnD,EAAE,aAAAE,EAAA,IAAgBC,EAAcF,GAASnB,GAAUC,CAAS;AAElE,WACI,gBAAAqB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAAzB;AAAA,QACA,WAAAC;AAAA,QACA,SAASoB;AAAA,QACT,UAAAnB;AAAA,QACA,WAAAC;AAAA,QACA,UAAAK;AAAA,QACA,MAAAC;AAAA,QACA,YAAAC;AAAA,QACC,GAAGO;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAS;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,IAAG;AAAA,cACH,MAAK;AAAA,cACL,KAAAf;AAAA,cACA,IAAIS;AAAA,cACJ,MAAMR;AAAA,cACN,SAAAR;AAAA,cACA,gBAAAC;AAAA,cACA,UAAAC;AAAA,cACA,UAAAC;AAAA,cACA,gBAAc,EAAQL,KAAc;AAAA,cACpC,iBAAeK;AAAA,cACf,oBAAkBc;AAAA,cAClB,UAAUP;AAAA,cACT,GAAGG;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,gBAAAQ;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,IAAIjB,IAAa,UAAU;AAAA,cAC3B,SAASA,IAAaW,IAAU;AAAA,cAChC,eAAW;AAAA,cACX,WAAW,QAAQZ,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAb,EAAO,cAAc;"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Form/Checkbox/Switch.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useMemo } from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { Element } from \"$element\";\nimport { SpacingTypes } from \"../../Element/constants\";\n\n// UTILS ===============================================================================================================\nimport { separateWrapperProps } from \"$utils/propSeparation\";\n\n// STYLES ==============================================================================================================\nimport \"./switch.css\";\n\n// OTHER ===============================================================================================================\nimport { FormItem, deriveAriaIds } from \"../FormItem/FormItem\";\nimport { InputLabelCustomProps } from \"../InputLabel/InputLabel\";\n\nexport type SwitchElementType = HTMLInputElement;\nexport type SwitchProps = InputLabelCustomProps & {\n    id             ? : string;\n    name           ? : string;\n    checked        ? : boolean;\n    defaultChecked ? : boolean;\n    disabled       ? : boolean;\n    required       ? : boolean;\n    onChange       ? : (checked : boolean) => void;\n    size           ? : Exclude<SpacingTypes, \"nano\" | \"huge\">;\n    helpText       ? : string;\n    errorText      ? : string;\n    labelFirst     ? : boolean;\n};\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Switch = React.forwardRef(\n    (\n        {\n            id,\n            name,\n            label,\n            hideLabel,\n            helpText,\n            errorText,\n            onChange,\n            checked,\n            defaultChecked,\n            disabled,\n            required,\n            size = \"medium\",\n            labelFirst,\n            ...props\n        } : SwitchProps,\n        ref : React.Ref<SwitchElementType>,\n    ) => {\n        const derivedName = useMemo(() => name || id, [ name, id ]);\n\n        const handleChange = (e : React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(e.target.checked);\n        };\n\n        // Separate wrapper-level props (margin, padding, etc.) from input-specific props\n        const {wrapperProps, inputProps} = separateWrapperProps(props);\n\n        const reactId = React.useId();\n        const finalId = id || `switch-${reactId.replace(/:/g, \"\")}`;\n        const { describedBy } = deriveAriaIds(finalId, helpText, errorText);\n\n        return (\n            <FormItem\n                label={label}\n                hideLabel={hideLabel}\n                htmlFor={finalId}\n                helpText={helpText}\n                errorText={errorText}\n                required={required}\n                size={size}\n                labelFirst={labelFirst}\n                {...wrapperProps}\n            >\n                <Element<SwitchElementType>\n                    as=\"input\"\n                    type=\"checkbox\"\n                    role=\"switch\"\n                    ref={ref}\n                    id={finalId}\n                    name={derivedName}\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    disabled={disabled}\n                    required={required}\n                    aria-invalid={Boolean(errorText) || undefined}\n                    aria-required={required}\n                    aria-describedby={describedBy}\n                    onChange={handleChange}\n                    {...inputProps}\n                />\n                <Element\n                    as={labelFirst ? \"label\" : \"div\"}\n                    htmlFor={labelFirst ? finalId : undefined}\n                    data-switch\n                    className={`size-${size}`}\n                />\n            </FormItem>\n        );\n    },\n);\nSwitch.displayName = \"Switch\";\n"],"names":["Switch","React","id","name","label","hideLabel","helpText","errorText","onChange","checked","defaultChecked","disabled","required","size","labelFirst","props","ref","derivedName","useMemo","handleChange","e","wrapperProps","inputProps","separateWrapperProps","reactId","finalId","describedBy","deriveAriaIds","jsxs","FormItem","jsx","Element"],"mappings":";;;;;;AAiCO,MAAMA,IAASC,EAAM;AAAA,EACxB,CACI;AAAA,IACI,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAcC,EAAQ,MAAMf,KAAQD,GAAI,CAAEC,GAAMD,CAAG,CAAC,GAEpDiB,IAAe,CAACC,MAA4C;AAC9D,MAAAZ,KAAA,QAAAA,EAAWY,EAAE,OAAO;AAAA,IACxB,GAGM,EAAC,cAAAC,GAAc,YAAAC,MAAcC,EAAqBR,CAAK,GAEvDS,IAAUvB,EAAM,MAAA,GAChBwB,IAAUvB,KAAM,UAAUsB,EAAQ,QAAQ,MAAM,EAAE,CAAC,IACnD,EAAE,aAAAE,EAAA,IAAgBC,EAAcF,GAASnB,GAAUC,CAAS;AAElE,WACI,gBAAAqB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAAzB;AAAA,QACA,WAAAC;AAAA,QACA,SAASoB;AAAA,QACT,UAAAnB;AAAA,QACA,WAAAC;AAAA,QACA,UAAAK;AAAA,QACA,MAAAC;AAAA,QACA,YAAAC;AAAA,QACC,GAAGO;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAS;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,IAAG;AAAA,cACH,MAAK;AAAA,cACL,MAAK;AAAA,cACL,KAAAf;AAAA,cACA,IAAIS;AAAA,cACJ,MAAMR;AAAA,cACN,SAAAR;AAAA,cACA,gBAAAC;AAAA,cACA,UAAAC;AAAA,cACA,UAAAC;AAAA,cACA,gBAAc,EAAQL,KAAc;AAAA,cACpC,iBAAeK;AAAA,cACf,oBAAkBc;AAAA,cAClB,UAAUP;AAAA,cACT,GAAGG;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,gBAAAQ;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,IAAIjB,IAAa,UAAU;AAAA,cAC3B,SAASA,IAAaW,IAAU;AAAA,cAChC,eAAW;AAAA,cACX,WAAW,QAAQZ,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAb,EAAO,cAAc;"}

package/dist/components/Form/FormItemGroup/FormItemGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItemGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormItemGroup/FormItemGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,wBAAwB;IACrC,OAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,qBAAsB,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,YAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,MAAsB,CAAC,EAAG,MAAM,CAAC;IACjC,OAAsB,CAAC,EAAG,MAAM,CAAC;CACpC;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AACtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAClF,wBAAwB,CAAC;AAG1D,eAAO,MAAM,aAAa,4KAmDzB,CAAC"}
+{"version":3,"file":"FormItemGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormItemGroup/FormItemGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,wBAAwB;IACrC,OAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,qBAAsB,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,YAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,MAAsB,CAAC,EAAG,MAAM,CAAC;IACjC,OAAsB,CAAC,EAAG,MAAM,CAAC;CACpC;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AACtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAClF,wBAAwB,CAAC;AAG1D,eAAO,MAAM,aAAa,4KAuDzB,CAAC"}