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

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpF,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC7B,IAAgB,CAAC,EAAG,YAAY,CAAC;IACjC,KAAgB,CAAC,EAAG,UAAU,CAAC;IAC/B,UAAgB,CAAC,EAAG,mBAAmB,CAAC;IACxC,aAAgB,CAAC,EAAG,CAAC,KAAK,EAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1E,eAAgB,CAAC,EAAG,MAAM,CAAC;CAC9B;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,MAAM,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;AA2B/G,eAAO,MAAM,KAAK,4JAmDjB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpF,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC7B,IAAgB,CAAC,EAAG,YAAY,CAAC;IACjC,KAAgB,CAAC,EAAG,UAAU,CAAC;IAC/B,UAAgB,CAAC,EAAG,mBAAmB,CAAC;IACxC,aAAgB,CAAC,EAAG,CAAC,KAAK,EAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1E,eAAgB,CAAC,EAAG,MAAM,CAAC;CAC9B;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,MAAM,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;AA2B/G,eAAO,MAAM,KAAK,4JAkDjB,CAAC"}

package/dist/components/Badge/Badge.js

@@ -10,38 +10,37 @@ const g = {
   minus: /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M5 12h14" }) })
 }, f = c.forwardRef(
   ({
-    children: e,
+    children: h,
     size: r = "medium",
     shape: d,
-    actionIcon: s,
-    onActionClick: t,
+    actionIcon: i,
+    onActionClick: e,
     actionAriaLabel: n,
-    ...p
-  }, l) => {
-    let i = [];
-    r && i.push(`size-${r}`), d && i.push(`shape-${d}`);
-    const m = (h) => {
-      h.stopPropagation(), t == null || t(h);
-    }, o = !!s;
+    ...l
+  }, p) => {
+    let t = [];
+    r && t.push(`size-${r}`), d && t.push(`shape-${d}`);
+    const m = (o) => {
+      o.stopPropagation(), e == null || e(o);
+    }, s = !!i;
     return /* @__PURE__ */ u(
       v,
       {
         "data-badge": !0,
-        "data-has-action": o || void 0,
-        ref: l,
-        classNames: i,
-        "aria-label": typeof e == "string" ? e : void 0,
-        ...p,
+        "data-has-action": s || void 0,
+        ref: p,
+        classNames: t,
+        ...l,
         children: [
-          e,
-          o && /* @__PURE__ */ a(
+          h,
+          s && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: "badge-action-button",
               onClick: m,
               "aria-label": n,
-              children: g[s]
+              children: g[i]
             }
           )
         ]

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, ShapeTypes, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./badge.css\";\n\nexport type BadgeActionIconType = \"cross\" | \"tick\" | \"plus\" | \"minus\";\n\nexport interface BadgeCustomProps {\n    size            ? : SpacingTypes;\n    shape           ? : ShapeTypes;\n    actionIcon      ? : BadgeActionIconType;\n    onActionClick   ? : (event : React.MouseEvent<HTMLButtonElement>) => void;\n    actionAriaLabel ? : string;\n}\n\nexport type BadgeElementType = HTMLDivElement;\nexport type BadgeProps = Omit<CommonAndHTMLProps<BadgeElementType>, keyof BadgeCustomProps> & BadgeCustomProps;\n\n// ICONS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////\nconst ActionIcons : Record<BadgeActionIconType, React.ReactNode> = {\n    cross : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M18 6L6 18M6 6l12 12\" />\n        </svg>\n    ),\n    tick  : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12l5 5L20 7\" />\n        </svg>\n    ),\n    plus  : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 5v14M5 12h14\" />\n        </svg>\n    ),\n    minus : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\" />\n        </svg>\n    ),\n};\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Badge = React.forwardRef(\n    ({\n        children,\n        size = \"medium\",\n        shape,\n        actionIcon,\n        onActionClick,\n        actionAriaLabel,\n        ...props\n    } : BadgeProps, ref : React.Ref<BadgeElementType>) => {\n        let classNames = [];\n\n        if (size) {\n            classNames.push(`size-${size}`);\n        }\n\n        if (shape) {\n            classNames.push(`shape-${shape}`);\n        }\n\n        const handleActionClick = (e : React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onActionClick?.(e);\n        };\n\n        const hasAction = Boolean(actionIcon);\n\n        return (\n            <Element<BadgeElementType>\n                data-badge\n                data-has-action={hasAction || undefined}\n                ref={ref}\n                classNames={classNames}\n                aria-label={(typeof children === \"string\" ? children : undefined)}\n                {...props}\n            >\n                {children}\n\n                {hasAction && (\n                    <button\n                        type=\"button\"\n                        className=\"badge-action-button\"\n                        onClick={handleActionClick}\n                        aria-label={actionAriaLabel}\n                    >\n                        {ActionIcons[actionIcon!]}\n                    </button>\n                )}\n            </Element>\n        );\n    },\n);\nBadge.displayName = \"Badge\";\n"],"names":["ActionIcons","jsx","Badge","React","children","size","shape","actionIcon","onActionClick","actionAriaLabel","props","ref","classNames","handleActionClick","e","hasAction","jsxs","Element"],"mappings":";;;;AAwBA,MAAMA,IAA6D;AAAA,EAC/D,OACI,gBAAAC,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,uBAAA,CAAuB,EAAA,CACnC;AAAA,EAEJ,MACI,gBAAAA,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB,EAAA,CAC7B;AAAA,EAEJ,MACI,gBAAAA,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,mBAAA,CAAmB,EAAA,CAC/B;AAAA,EAEJ,OACI,gBAAAA,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,WAAA,CAAW,EAAA,CACvB;AAER,GAGaC,IAAQC,EAAM;AAAA,EACvB,CAAC;AAAA,IACG,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACSC,MAAsC;AAClD,QAAIC,IAAa,CAAA;AAEjB,IAAIP,KACAO,EAAW,KAAK,QAAQP,CAAI,EAAE,GAG9BC,KACAM,EAAW,KAAK,SAASN,CAAK,EAAE;AAGpC,UAAMO,IAAoB,CAACC,MAA4C;AACnE,MAAAA,EAAE,gBAAA,GACFN,KAAA,QAAAA,EAAgBM;AAAA,IACpB,GAEMC,IAAY,EAAQR;AAE1B,WACI,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,cAAU;AAAA,QACV,mBAAiBF,KAAa;AAAA,QAC9B,KAAAJ;AAAA,QACA,YAAAC;AAAA,QACA,cAAa,OAAOR,KAAa,WAAWA,IAAW;AAAA,QACtD,GAAGM;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UAEAW,KACG,gBAAAd;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASY;AAAA,cACT,cAAYJ;AAAA,cAEX,YAAYF,CAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AACAL,EAAM,cAAc;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, ShapeTypes, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./badge.css\";\n\nexport type BadgeActionIconType = \"cross\" | \"tick\" | \"plus\" | \"minus\";\n\nexport interface BadgeCustomProps {\n    size            ? : SpacingTypes;\n    shape           ? : ShapeTypes;\n    actionIcon      ? : BadgeActionIconType;\n    onActionClick   ? : (event : React.MouseEvent<HTMLButtonElement>) => void;\n    actionAriaLabel ? : string;\n}\n\nexport type BadgeElementType = HTMLDivElement;\nexport type BadgeProps = Omit<CommonAndHTMLProps<BadgeElementType>, keyof BadgeCustomProps> & BadgeCustomProps;\n\n// ICONS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////\nconst ActionIcons : Record<BadgeActionIconType, React.ReactNode> = {\n    cross : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M18 6L6 18M6 6l12 12\" />\n        </svg>\n    ),\n    tick  : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12l5 5L20 7\" />\n        </svg>\n    ),\n    plus  : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 5v14M5 12h14\" />\n        </svg>\n    ),\n    minus : (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\" />\n        </svg>\n    ),\n};\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Badge = React.forwardRef(\n    ({\n        children,\n        size = \"medium\",\n        shape,\n        actionIcon,\n        onActionClick,\n        actionAriaLabel,\n        ...props\n    } : BadgeProps, ref : React.Ref<BadgeElementType>) => {\n        let classNames = [];\n\n        if (size) {\n            classNames.push(`size-${size}`);\n        }\n\n        if (shape) {\n            classNames.push(`shape-${shape}`);\n        }\n\n        const handleActionClick = (e : React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onActionClick?.(e);\n        };\n\n        const hasAction = Boolean(actionIcon);\n\n        return (\n            <Element<BadgeElementType>\n                data-badge\n                data-has-action={hasAction || undefined}\n                ref={ref}\n                classNames={classNames}\n                {...props}\n            >\n                {children}\n\n                {hasAction && (\n                    <button\n                        type=\"button\"\n                        className=\"badge-action-button\"\n                        onClick={handleActionClick}\n                        aria-label={actionAriaLabel}\n                    >\n                        {ActionIcons[actionIcon!]}\n                    </button>\n                )}\n            </Element>\n        );\n    },\n);\nBadge.displayName = \"Badge\";\n"],"names":["ActionIcons","jsx","Badge","React","children","size","shape","actionIcon","onActionClick","actionAriaLabel","props","ref","classNames","handleActionClick","e","hasAction","jsxs","Element"],"mappings":";;;;AAwBA,MAAMA,IAA6D;AAAA,EAC/D,OACI,gBAAAC,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,uBAAA,CAAuB,EAAA,CACnC;AAAA,EAEJ,MACI,gBAAAA,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB,EAAA,CAC7B;AAAA,EAEJ,MACI,gBAAAA,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,mBAAA,CAAmB,EAAA,CAC/B;AAAA,EAEJ,OACI,gBAAAA,EAAC,OAAA,EAAI,SAAQ,aAAY,eAAY,QACjC,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,WAAA,CAAW,EAAA,CACvB;AAER,GAGaC,IAAQC,EAAM;AAAA,EACvB,CAAC;AAAA,IACG,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACSC,MAAsC;AAClD,QAAIC,IAAa,CAAA;AAEjB,IAAIP,KACAO,EAAW,KAAK,QAAQP,CAAI,EAAE,GAG9BC,KACAM,EAAW,KAAK,SAASN,CAAK,EAAE;AAGpC,UAAMO,IAAoB,CAACC,MAA4C;AACnE,MAAAA,EAAE,gBAAA,GACFN,KAAA,QAAAA,EAAgBM;AAAA,IACpB,GAEMC,IAAY,EAAQR;AAE1B,WACI,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,cAAU;AAAA,QACV,mBAAiBF,KAAa;AAAA,QAC9B,KAAAJ;AAAA,QACA,YAAAC;AAAA,QACC,GAAGF;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UAEAW,KACG,gBAAAd;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASY;AAAA,cACT,cAAYJ;AAAA,cAEX,YAAYF,CAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AACAL,EAAM,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,mBAAmB,CAAC;AAK3B,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,CAAC,sBAAsB,CAAC;IAChF,QAAQ,EAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAU,CAAC,EAAG,MAAM,CAAC;IACrB,OAAU,CAAC,EAAG,YAAY,CAAC;CAC9B;AAED,MAAM,MAAM,yBAAyB,GAAG,aAAa,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,CAAC,yBAAyB,CAAC;IACtF,QAAQ,EAAK,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAS,CAAC,EAAG,OAAO,CAAC;CACxB;AAsCD,eAAO,MAAM,WAAW,yFAqDvB,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,CAAC,sBAAsB,CAAC;IAChF,QAAQ,EAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAU,CAAC,EAAG,MAAM,CAAC;IACrB,OAAU,CAAC,EAAG,YAAY,CAAC;CAC9B;AAED,MAAM,MAAM,yBAAyB,GAAG,aAAa,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,CAAC,yBAAyB,CAAC;IACtF,QAAQ,EAAK,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAS,CAAC,EAAG,OAAO,CAAC;CACxB;AAmCD,eAAO,MAAM,WAAW,yFA0DvB,CAAC"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -2,15 +2,14 @@
 import { jsx as r } from "react/jsx-runtime";
 import t from "react";
 /* empty css                */
-import { Element as b } from "../Element/Element.js";
-import { Text as B } from "../Typography/Text.js";
-const p = t.forwardRef(
-  ({ children: e, current: a, ...s }, i) => /* @__PURE__ */ r(
-    b,
+import { Element as d } from "../Element/Element.js";
+const b = t.forwardRef(
+  ({ children: e, current: a, ...s }, l) => /* @__PURE__ */ r(
+    d,
     {
       as: "li",
       "data-breadcrumb-item": !0,
-      ref: i,
+      ref: l,
       ...s,
       "aria-current": a ? "page" : void 0,
       className: a ? "current" : void 0,
@@ -18,48 +17,48 @@ const p = t.forwardRef(
       children: /* @__PURE__ */ r("span", { className: "breadcrumb-content", children: e })
     }
   )
-), N = ({ separator: e }) => /* @__PURE__ */ r(
-  B,
-  {
-    className: "breadcrumb-separator",
-    "aria-hidden": "true",
-    role: "presentation",
-    margin: "none",
-    children: e
-  }
-), g = t.forwardRef(
-  ({ children: e, separator: a = "/", spacing: s = "micro", ...i }, f) => {
-    let d = [];
-    s && d.push(`spacing-${s}`);
-    const u = t.Children.toArray(e).filter(Boolean), h = u.reduce((n, o, m) => {
-      if (!t.isValidElement(o)) return n;
-      const l = m === u.length - 1;
+), B = ({ separator: e }) => /* @__PURE__ */ r("li", { "aria-hidden": "true", role: "presentation", children: /* @__PURE__ */ r("span", { className: "breadcrumb-separator", children: e }) }), N = t.forwardRef(
+  ({ children: e, separator: a = "/", spacing: s = "micro", ...l }, f) => {
+    let u = [];
+    s && u.push(`spacing-${s}`);
+    const p = t.Children.toArray(e).filter(Boolean), h = p.reduce((n, i, o) => {
+      if (!t.isValidElement(i)) return n;
+      const m = o === p.length - 1;
       let c;
-      if (o.type === p) {
-        const y = o;
+      if (i.type === b) {
+        const y = i;
         c = t.cloneElement(y, {
-          current: l
+          current: m
         });
       } else
-        c = /* @__PURE__ */ r(p, { current: l, children: o }, `item-${m}`);
-      return n.push(c), l || n.push(
-        /* @__PURE__ */ r(N, { separator: a }, `sep-${m}`)
+        c = /* @__PURE__ */ r(b, { current: m, children: i }, `item-${o}`);
+      return n.push(c), m || n.push(
+        /* @__PURE__ */ r(B, { separator: a }, `sep-${o}`)
       ), n;
     }, []);
-    return /* @__PURE__ */ r("nav", { "aria-label": "Breadcrumb", ref: f, ...i, children: /* @__PURE__ */ r(
-      b,
+    return /* @__PURE__ */ r(
+      d,
       {
-        as: "ul",
-        "data-breadcrumbs-wrapper": !0,
-        role: "list",
-        classNames: d,
-        children: h
+        as: "nav",
+        "aria-label": "Breadcrumb",
+        ref: f,
+        ...l,
+        children: /* @__PURE__ */ r(
+          d,
+          {
+            as: "ul",
+            "data-breadcrumbs-wrapper": !0,
+            role: "list",
+            classNames: u,
+            children: h
+          }
+        )
       }
-    ) });
+    );
   }
 );
-g.displayName = "Breadcrumbs";
+N.displayName = "Breadcrumbs";
 export {
-  g as Breadcrumbs
+  N as Breadcrumbs
 };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.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 \"./breadcrumbs.css\";\n\n// OTHER ===============================================================================================================\nimport { Text } from \"$components/Typography\";\n\nexport type BreadcrumbsElementType = HTMLDivElement;\n\nexport interface BreadcrumbsProps extends CommonAndHTMLProps<BreadcrumbsElementType> {\n    children    : React.ReactNode;\n    separator ? : string;\n    spacing   ? : SpacingTypes;\n}\n\nexport type BreadcrumbItemElementType = HTMLLIElement;\n\nexport interface BreadcrumbItemProps extends CommonAndHTMLProps<BreadcrumbItemElementType> {\n    children   : React.ReactNode;\n    current  ? : boolean;\n}\n\ninterface SeparatorProps {\n    separator : string;\n}\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n    ({children, current, ...props}, ref) => {\n        return (\n            <Element\n                as=\"li\"\n                data-breadcrumb-item\n                ref={ref}\n                {...props}\n                aria-current={current ? \"page\" : undefined}\n                className={current ? \"current\" : undefined}\n                role=\"listitem\"\n            >\n                <span className=\"breadcrumb-content\">\n                    {children}\n                </span>\n            </Element>\n        );\n    },\n);\n\nconst Separator : React.FC<SeparatorProps> = ({separator}) => (\n    <Text\n        className=\"breadcrumb-separator\"\n        aria-hidden=\"true\"\n        role=\"presentation\"\n        margin=\"none\"\n    >\n        {separator}\n    </Text>\n);\n\nexport const Breadcrumbs = React.forwardRef<HTMLDivElement, BreadcrumbsProps>(\n    ({children, separator = \"/\", spacing = \"micro\", ...props}, ref) => {\n        let classNames = [];\n\n        if (spacing) {\n            classNames.push(`spacing-${spacing}`);\n        }\n\n        const childrenArray = React.Children.toArray(children).filter(Boolean);\n\n        const processedChildren = childrenArray.reduce<React.ReactNode[]>((acc, child, index) => {\n            if (!React.isValidElement(child)) return acc;\n\n            const isLast = index === childrenArray.length - 1;\n\n            let breadcrumbItem : React.ReactNode;\n            if (child.type === BreadcrumbItem) {\n                const typedChild = child as React.ReactElement<BreadcrumbItemProps>;\n                breadcrumbItem = React.cloneElement(typedChild, {\n                    current : isLast,\n                });\n            } else {\n                breadcrumbItem = (\n                    <BreadcrumbItem key={`item-${index}`} current={isLast}>\n                        {child}\n                    </BreadcrumbItem>\n                );\n            }\n\n            acc.push(breadcrumbItem);\n\n            if (!isLast) {\n                acc.push(\n                    <Separator key={`sep-${index}`} separator={separator} />,\n                );\n            }\n\n            return acc;\n        }, []);\n\n        return (\n            <nav aria-label=\"Breadcrumb\" ref={ref} {...props}>\n                <Element\n                    as=\"ul\"\n                    data-breadcrumbs-wrapper\n                    role=\"list\"\n                    classNames={classNames}\n                >\n                    {processedChildren}\n                </Element>\n            </nav>\n        );\n    },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"names":["BreadcrumbItem","React","children","current","props","ref","jsx","Element","Separator","separator","Text","Breadcrumbs","spacing","classNames","childrenArray","processedChildren","acc","child","index","isLast","breadcrumbItem","typedChild"],"mappings":";;;;;AAiCA,MAAMA,IAAiBC,EAAM;AAAA,EACzB,CAAC,EAAC,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAA,GAAQC,MAExB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,wBAAoB;AAAA,MACpB,KAAAF;AAAA,MACC,GAAGD;AAAA,MACJ,gBAAcD,IAAU,SAAS;AAAA,MACjC,WAAWA,IAAU,YAAY;AAAA,MACjC,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,sBACX,UAAAJ,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAIhB,GAEMM,IAAuC,CAAC,EAAC,WAAAC,EAAA,MAC3C,gBAAAH;AAAA,EAACI;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,QAAO;AAAA,IAEN,UAAAD;AAAA,EAAA;AACL,GAGSE,IAAcV,EAAM;AAAA,EAC7B,CAAC,EAAC,UAAAC,GAAU,WAAAO,IAAY,KAAK,SAAAG,IAAU,SAAS,GAAGR,EAAA,GAAQC,MAAQ;AAC/D,QAAIQ,IAAa,CAAA;AAEjB,IAAID,KACAC,EAAW,KAAK,WAAWD,CAAO,EAAE;AAGxC,UAAME,IAAgBb,EAAM,SAAS,QAAQC,CAAQ,EAAE,OAAO,OAAO,GAE/Da,IAAoBD,EAAc,OAA0B,CAACE,GAAKC,GAAOC,MAAU;AACrF,UAAI,CAACjB,EAAM,eAAegB,CAAK,EAAG,QAAOD;AAEzC,YAAMG,IAASD,MAAUJ,EAAc,SAAS;AAEhD,UAAIM;AACJ,UAAIH,EAAM,SAASjB,GAAgB;AAC/B,cAAMqB,IAAaJ;AACnB,QAAAG,IAAiBnB,EAAM,aAAaoB,GAAY;AAAA,UAC5C,SAAUF;AAAA,QAAA,CACb;AAAA,MACL;AACI,QAAAC,sBACKpB,GAAA,EAAqC,SAASmB,GAC1C,UAAAF,KADgB,QAAQC,CAAK,EAElC;AAIR,aAAAF,EAAI,KAAKI,CAAc,GAElBD,KACDH,EAAI;AAAA,QACA,gBAAAV,EAACE,GAAA,EAA+B,WAAAC,EAAA,GAAhB,OAAOS,CAAK,EAA0B;AAAA,MAAA,GAIvDF;AAAA,IACX,GAAG,CAAA,CAAE;AAEL,6BACK,OAAA,EAAI,cAAW,cAAa,KAAAX,GAAW,GAAGD,GACvC,UAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,4BAAwB;AAAA,QACxB,MAAK;AAAA,QACL,YAAAM;AAAA,QAEC,UAAAE;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AACAJ,EAAY,cAAc;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.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 \"./breadcrumbs.css\";\n\nexport type BreadcrumbsElementType = HTMLDivElement;\n\nexport interface BreadcrumbsProps extends CommonAndHTMLProps<BreadcrumbsElementType> {\n    children    : React.ReactNode;\n    separator ? : string;\n    spacing   ? : SpacingTypes;\n}\n\nexport type BreadcrumbItemElementType = HTMLLIElement;\n\nexport interface BreadcrumbItemProps extends CommonAndHTMLProps<BreadcrumbItemElementType> {\n    children   : React.ReactNode;\n    current  ? : boolean;\n}\n\ninterface SeparatorProps {\n    separator : string;\n}\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n    ({children, current, ...props}, ref) => {\n        return (\n            <Element\n                as=\"li\"\n                data-breadcrumb-item\n                ref={ref}\n                {...props}\n                aria-current={current ? \"page\" : undefined}\n                className={current ? \"current\" : undefined}\n                role=\"listitem\"\n            >\n                <span className=\"breadcrumb-content\">\n                    {children}\n                </span>\n            </Element>\n        );\n    },\n);\n\nconst Separator : React.FC<SeparatorProps> = ({separator}) => (\n    <li aria-hidden=\"true\" role=\"presentation\">\n        <span className=\"breadcrumb-separator\">\n            {separator}\n        </span>\n    </li>\n);\n\nexport const Breadcrumbs = React.forwardRef<HTMLDivElement, BreadcrumbsProps>(\n    ({children, separator = \"/\", spacing = \"micro\", ...props}, ref) => {\n        let classNames = [];\n\n        if (spacing) {\n            classNames.push(`spacing-${spacing}`);\n        }\n\n        const childrenArray = React.Children.toArray(children).filter(Boolean);\n\n        const processedChildren = childrenArray.reduce<React.ReactNode[]>((acc, child, index) => {\n            if (!React.isValidElement(child)) return acc;\n\n            const isLast = index === childrenArray.length - 1;\n\n            let breadcrumbItem : React.ReactNode;\n            if (child.type === BreadcrumbItem) {\n                const typedChild = child as React.ReactElement<BreadcrumbItemProps>;\n                breadcrumbItem = React.cloneElement(typedChild, {\n                    current : isLast,\n                });\n            } else {\n                breadcrumbItem = (\n                    <BreadcrumbItem key={`item-${index}`} current={isLast}>\n                        {child}\n                    </BreadcrumbItem>\n                );\n            }\n\n            acc.push(breadcrumbItem);\n\n            if (!isLast) {\n                acc.push(\n                    <Separator key={`sep-${index}`} separator={separator} />,\n                );\n            }\n\n            return acc;\n        }, []);\n\n        return (\n            <Element\n                as=\"nav\"\n                aria-label=\"Breadcrumb\"\n                ref={ref}\n                {...props}\n            >\n                <Element\n                    as=\"ul\"\n                    data-breadcrumbs-wrapper\n                    role=\"list\"\n                    classNames={classNames}\n                >\n                    {processedChildren}\n                </Element>\n            </Element>\n        );\n    },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"names":["BreadcrumbItem","React","children","current","props","ref","jsx","Element","Separator","separator","Breadcrumbs","spacing","classNames","childrenArray","processedChildren","acc","child","index","isLast","breadcrumbItem","typedChild"],"mappings":";;;;AA8BA,MAAMA,IAAiBC,EAAM;AAAA,EACzB,CAAC,EAAC,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAA,GAAQC,MAExB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,wBAAoB;AAAA,MACpB,KAAAF;AAAA,MACC,GAAGD;AAAA,MACJ,gBAAcD,IAAU,SAAS;AAAA,MACjC,WAAWA,IAAU,YAAY;AAAA,MACjC,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,sBACX,UAAAJ,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAIhB,GAEMM,IAAuC,CAAC,EAAC,WAAAC,0BAC1C,MAAA,EAAG,eAAY,QAAO,MAAK,gBACxB,UAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,wBACX,aACL,GACJ,GAGSI,IAAcT,EAAM;AAAA,EAC7B,CAAC,EAAC,UAAAC,GAAU,WAAAO,IAAY,KAAK,SAAAE,IAAU,SAAS,GAAGP,EAAA,GAAQC,MAAQ;AAC/D,QAAIO,IAAa,CAAA;AAEjB,IAAID,KACAC,EAAW,KAAK,WAAWD,CAAO,EAAE;AAGxC,UAAME,IAAgBZ,EAAM,SAAS,QAAQC,CAAQ,EAAE,OAAO,OAAO,GAE/DY,IAAoBD,EAAc,OAA0B,CAACE,GAAKC,GAAOC,MAAU;AACrF,UAAI,CAAChB,EAAM,eAAee,CAAK,EAAG,QAAOD;AAEzC,YAAMG,IAASD,MAAUJ,EAAc,SAAS;AAEhD,UAAIM;AACJ,UAAIH,EAAM,SAAShB,GAAgB;AAC/B,cAAMoB,IAAaJ;AACnB,QAAAG,IAAiBlB,EAAM,aAAamB,GAAY;AAAA,UAC5C,SAAUF;AAAA,QAAA,CACb;AAAA,MACL;AACI,QAAAC,sBACKnB,GAAA,EAAqC,SAASkB,GAC1C,UAAAF,KADgB,QAAQC,CAAK,EAElC;AAIR,aAAAF,EAAI,KAAKI,CAAc,GAElBD,KACDH,EAAI;AAAA,QACA,gBAAAT,EAACE,GAAA,EAA+B,WAAAC,EAAA,GAAhB,OAAOQ,CAAK,EAA0B;AAAA,MAAA,GAIvDF;AAAA,IACX,GAAG,CAAA,CAAE;AAEL,WACI,gBAAAT;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,cAAW;AAAA,QACX,KAAAF;AAAA,QACC,GAAGD;AAAA,QAEJ,UAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,4BAAwB;AAAA,YACxB,MAAK;AAAA,YACL,YAAAK;AAAA,YAEC,UAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAJ,EAAY,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,OAAO,eAAe,CAAC;AAGvB,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAS,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,QAAQ,EAAK,SAAS,CAAC;IACvB,KAAS,CAAC,EAAG,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,EAAE,MAAM,kBAAkB,CAAC,GAAG,kBAAkB,CAAC;AAGvH,eAAO,MAAM,OAAO,gKAwBnB,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,OAAO,eAAe,CAAC;AAGvB,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAS,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,QAAQ,EAAK,SAAS,CAAC;IACvB,KAAS,CAAC,EAAG,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,EAAE,MAAM,kBAAkB,CAAC,GAAG,kBAAkB,CAAC;AAGvH,eAAO,MAAM,OAAO,gKAiCnB,CAAC"}

package/dist/components/Callout/Callout.js

@@ -1,31 +1,37 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import s from "react";
+import { jsxs as m, jsx as u } from "react/jsx-runtime";
+import t from "react";
 /* empty css            */
-import { Element as i } from "../Element/Element.js";
-const m = s.forwardRef(
-  ({ kind: r, children: a, title: t, ...e }, o) => /* @__PURE__ */ l(
-    i,
-    {
-      as: "div",
-      "data-callout": !0,
-      ref: o,
-      className: r,
-      role: {
-        info: "status",
-        success: "status",
-        warning: "alert",
-        error: "alert"
-      }[r],
-      "aria-live": r === "error" || r === "warning" ? "assertive" : "polite",
-      "aria-label": t,
-      ...e,
-      children: a
-    }
-  )
+import { Element as n } from "../Element/Element.js";
+const p = t.forwardRef(
+  ({ kind: r, children: l, title: a, ...o }, s) => {
+    const c = {
+      info: "status",
+      success: "status",
+      warning: "alert",
+      error: "alert"
+    }, i = t.useId(), e = a ? `callout-title-${i.replace(/:/g, "")}` : void 0;
+    return /* @__PURE__ */ m(
+      n,
+      {
+        as: "div",
+        "data-callout": !0,
+        ref: s,
+        className: r,
+        role: c[r],
+        "aria-live": r === "error" || r === "warning" ? "assertive" : "polite",
+        "aria-labelledby": e,
+        ...o,
+        children: [
+          a && /* @__PURE__ */ u("p", { className: "callout-title", id: e, children: a }),
+          l
+        ]
+      }
+    );
+  }
 );
-m.displayName = "Callout";
+p.displayName = "Callout";
 export {
-  m as Callout
+  p as Callout
 };
 //# sourceMappingURL=Callout.js.map

package/dist/components/Callout/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../../src/components/Callout/Callout.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { ReactNode } from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./callout.css\";\n\n// prettier-ignore\nexport interface CalloutCustomProps {\n    kind       : \"info\" | \"success\" | \"warning\" | \"error\";\n    children   : ReactNode;\n    title    ? : string;\n}\n\nexport type CalloutElementType = HTMLDivElement;\nexport type CalloutProps = Omit<CommonAndHTMLProps<CalloutElementType>, keyof CalloutCustomProps> & CalloutCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Callout = React.forwardRef(\n    ({kind, children, title, ...props} : CalloutProps, ref : React.Ref<CalloutElementType>) => {\n        const roleMap = {\n            info    : \"status\",\n            success : \"status\",\n            warning : \"alert\",\n            error   : \"alert\",\n        };\n\n        return (\n            <Element<CalloutElementType>\n                as=\"div\"\n                data-callout\n                ref={ref}\n                className={kind}\n                role={roleMap[kind]}\n                aria-live={kind === \"error\" || kind === \"warning\" ? \"assertive\" : \"polite\"}\n                aria-label={title}\n                {...props}\n            >\n                {children}\n            </Element>\n        );\n    },\n);\nCallout.displayName = \"Callout\";\n"],"names":["Callout","React","kind","children","title","props","ref","jsx","Element"],"mappings":";;;;AAqBO,MAAMA,IAAUC,EAAM;AAAA,EACzB,CAAC,EAAC,MAAAC,GAAM,UAAAC,GAAU,OAAAC,GAAO,GAAGC,EAAA,GAAuBC,MAS3C,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,gBAAY;AAAA,MACZ,KAAAF;AAAA,MACA,WAAWJ;AAAA,MACX,MAbQ;AAAA,QACZ,MAAU;AAAA,QACV,SAAU;AAAA,QACV,SAAU;AAAA,QACV,OAAU;AAAA,MAAA,EASQA,CAAI;AAAA,MAClB,aAAWA,MAAS,WAAWA,MAAS,YAAY,cAAc;AAAA,MAClE,cAAYE;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAH,EAAQ,cAAc;"}
+{"version":3,"file":"Callout.js","sources":["../../../src/components/Callout/Callout.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { ReactNode } from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./callout.css\";\n\n// prettier-ignore\nexport interface CalloutCustomProps {\n    kind       : \"info\" | \"success\" | \"warning\" | \"error\";\n    children   : ReactNode;\n    title    ? : string;\n}\n\nexport type CalloutElementType = HTMLDivElement;\nexport type CalloutProps = Omit<CommonAndHTMLProps<CalloutElementType>, keyof CalloutCustomProps> & CalloutCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Callout = React.forwardRef(\n    ({kind, children, title, ...props} : CalloutProps, ref : React.Ref<CalloutElementType>) => {\n        const roleMap = {\n            info    : \"status\",\n            success : \"status\",\n            warning : \"alert\",\n            error   : \"alert\",\n        };\n\n        // Render the title visibly and label the callout by it (was aria-label only — invisible to sighted users).\n        const reactId = React.useId();\n        const titleId = title ? `callout-title-${reactId.replace(/:/g, \"\")}` : undefined;\n\n        return (\n            <Element<CalloutElementType>\n                as=\"div\"\n                data-callout\n                ref={ref}\n                className={kind}\n                role={roleMap[kind]}\n                aria-live={kind === \"error\" || kind === \"warning\" ? \"assertive\" : \"polite\"}\n                aria-labelledby={titleId}\n                {...props}\n            >\n                {title && (\n                    <p className=\"callout-title\" id={titleId}>\n                        {title}\n                    </p>\n                )}\n                {children}\n            </Element>\n        );\n    },\n);\nCallout.displayName = \"Callout\";\n"],"names":["Callout","React","kind","children","title","props","ref","roleMap","reactId","titleId","jsxs","Element"],"mappings":";;;;AAqBO,MAAMA,IAAUC,EAAM;AAAA,EACzB,CAAC,EAAC,MAAAC,GAAM,UAAAC,GAAU,OAAAC,GAAO,GAAGC,EAAA,GAAuBC,MAAwC;AACvF,UAAMC,IAAU;AAAA,MACZ,MAAU;AAAA,MACV,SAAU;AAAA,MACV,SAAU;AAAA,MACV,OAAU;AAAA,IAAA,GAIRC,IAAUP,EAAM,MAAA,GAChBQ,IAAUL,IAAQ,iBAAiBI,EAAQ,QAAQ,MAAM,EAAE,CAAC,KAAK;AAEvE,WACI,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,gBAAY;AAAA,QACZ,KAAAL;AAAA,QACA,WAAWJ;AAAA,QACX,MAAMK,EAAQL,CAAI;AAAA,QAClB,aAAWA,MAAS,WAAWA,MAAS,YAAY,cAAc;AAAA,QAClE,mBAAiBO;AAAA,QAChB,GAAGJ;AAAA,QAEH,UAAA;AAAA,UAAAD,uBACI,KAAA,EAAE,WAAU,iBAAgB,IAAIK,GAC5B,UAAAL,GACL;AAAA,UAEHD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AACAH,EAAQ,cAAc;"}

package/dist/components/Divider/Divider.js

@@ -4,20 +4,20 @@ import m from "react";
 /* empty css            */
 import { Element as s } from "../Element/Element.js";
 const p = m.forwardRef(
-  ({ kind: r, height: e, label: t, ...o }, i) => {
-    let a = [];
-    return r && a.push(r), /* @__PURE__ */ l(
+  ({ kind: r, height: a, label: o, ...t }, i) => {
+    let e = [];
+    return r && e.push(r), /* @__PURE__ */ l(
       s,
       {
         as: "hr",
         "data-hrule": !0,
         ref: i,
-        classNames: a,
+        classNames: e,
         role: "separator",
         "aria-orientation": "horizontal",
-        "aria-label": t,
-        ...o,
-        style: { height: e }
+        "aria-label": o,
+        ...t,
+        style: a ? { height: a } : void 0
       }
     );
   }

package/dist/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./divider.css\";\n\n// prettier-ignore\nexport interface DividerCustomProps {\n    kind   ? : \"primary\" | \"secondary\" | \"tertiary\";\n    height ? : string;\n    label  ? : string;\n}\n\nexport type DividerElementType = HTMLHRElement;\nexport type DividerProps = Omit<CommonAndHTMLProps<DividerElementType>, keyof DividerCustomProps> & DividerCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Divider = React.forwardRef(\n    (\n        {kind, height, label, ...props} : DividerProps, ref : React.Ref<DividerElementType>) => {\n        let classNames = [];\n\n        if (kind) {\n            classNames.push(kind);\n        }\n\n        return (\n            <Element<DividerElementType>\n                as=\"hr\"\n                data-hrule\n                ref={ref}\n                classNames={classNames}\n                role=\"separator\"\n                aria-orientation=\"horizontal\"\n                aria-label={label}\n                {...props}\n                style={{height : height}}\n            />\n        );\n    },\n);\nDivider.displayName = \"Divider\";\n"],"names":["Divider","React","kind","height","label","props","ref","classNames","jsx","Element"],"mappings":";;;;AAqBO,MAAMA,IAAUC,EAAM;AAAA,EACzB,CACI,EAAC,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO,GAAGC,EAAA,GAAuBC,MAAwC;AACxF,QAAIC,IAAa,CAAA;AAEjB,WAAIL,KACAK,EAAW,KAAKL,CAAI,GAIpB,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,cAAU;AAAA,QACV,KAAAH;AAAA,QACA,YAAAC;AAAA,QACA,MAAK;AAAA,QACL,oBAAiB;AAAA,QACjB,cAAYH;AAAA,QACX,GAAGC;AAAA,QACJ,OAAO,EAAC,QAAAF,EAAA;AAAA,MAAe;AAAA,IAAA;AAAA,EAGnC;AACJ;AACAH,EAAQ,cAAc;"}
+{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./divider.css\";\n\n// prettier-ignore\nexport interface DividerCustomProps {\n    kind   ? : \"primary\" | \"secondary\" | \"tertiary\";\n    height ? : string;\n    label  ? : string;\n}\n\nexport type DividerElementType = HTMLHRElement;\nexport type DividerProps = Omit<CommonAndHTMLProps<DividerElementType>, keyof DividerCustomProps> & DividerCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Divider = React.forwardRef(\n    (\n        {kind, height, label, ...props} : DividerProps, ref : React.Ref<DividerElementType>) => {\n        let classNames = [];\n\n        if (kind) {\n            classNames.push(kind);\n        }\n\n        return (\n            <Element<DividerElementType>\n                as=\"hr\"\n                data-hrule\n                ref={ref}\n                classNames={classNames}\n                role=\"separator\"\n                aria-orientation=\"horizontal\"\n                aria-label={label}\n                {...props}\n                style={height ? {height : height} : undefined}\n            />\n        );\n    },\n);\nDivider.displayName = \"Divider\";\n"],"names":["Divider","React","kind","height","label","props","ref","classNames","jsx","Element"],"mappings":";;;;AAqBO,MAAMA,IAAUC,EAAM;AAAA,EACzB,CACI,EAAC,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO,GAAGC,EAAA,GAAuBC,MAAwC;AACxF,QAAIC,IAAa,CAAA;AAEjB,WAAIL,KACAK,EAAW,KAAKL,CAAI,GAIpB,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,cAAU;AAAA,QACV,KAAAH;AAAA,QACA,YAAAC;AAAA,QACA,MAAK;AAAA,QACL,oBAAiB;AAAA,QACjB,cAAYH;AAAA,QACX,GAAGC;AAAA,QACJ,OAAOF,IAAS,EAAC,QAAAA,MAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhD;AACJ;AACAH,EAAQ,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Element.d.ts","sourceRoot":"","sources":["../../../src/components/Element/Element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ3C,eAAO,MAAM,OAAO,EAwJf,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACrC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG;IACrB,IAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,MAAM,CAAC;IACrB,QAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC5C,GAAU,CAAC,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC9B,KACA,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"Element.d.ts","sourceRoot":"","sources":["../../../src/components/Element/Element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAgB3C,eAAO,MAAM,OAAO,EA4Kf,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACrC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG;IACrB,IAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,MAAM,CAAC;IACrB,QAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC5C,GAAU,CAAC,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC9B,KACA,KAAK,CAAC,YAAY,CAAC"}