@anoki/fse-ui 2.3.0-RC14 → 2.3.0-RC15

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es266.js";
 import { clsx as n } from "./index.es268.js";
-import { createColorClasses as d } from "./index.es341.js";
+import { createColorClasses as d } from "./index.es302.js";
 const u = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es138.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es266.js";
-import { createColorClasses as a } from "./index.es341.js";
+import { createColorClasses as a } from "./index.es302.js";
 import { clsx as d } from "./index.es268.js";
 const f = ({
   width: e = 24,

package/dist/index.es14.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es266.js";
 import { BaseModal as i } from "./index.es32.js";
 import { clsx as s } from "./index.es268.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es328.js";
-import { AddNewModalContent as p } from "./index.es329.js";
-import { AddNewModalFooter as n } from "./index.es330.js";
+import { AddNewModalHeader as l } from "./index.es329.js";
+import { AddNewModalContent as p } from "./index.es330.js";
+import { AddNewModalFooter as n } from "./index.es331.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as e } from "./index.es268.js";
-import { createColorClasses as x } from "./index.es341.js";
+import { createColorClasses as x } from "./index.es302.js";
 const n = ({
   width: t = 44,
   height: a = 44,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es266.js";
 import { clsx as t } from "./index.es268.js";
-import { createColorClasses as M } from "./index.es341.js";
+import { createColorClasses as M } from "./index.es302.js";
 const o = ({
   width: v = 263,
   height: m = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es266.js";
 import { clsx as t } from "./index.es268.js";
-import { createColorClasses as s } from "./index.es341.js";
+import { createColorClasses as s } from "./index.es302.js";
 const f = ({
   width: h = 137,
   height: V = 40,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es266.js";
 import { clsx as i } from "./index.es268.js";
-import { createColorClasses as a } from "./index.es341.js";
+import { createColorClasses as a } from "./index.es302.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as z } from "./index.es268.js";
-import { createColorClasses as d } from "./index.es341.js";
+import { createColorClasses as d } from "./index.es302.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as p } from "./index.es268.js";
-import { createColorClasses as e } from "./index.es341.js";
+import { createColorClasses as e } from "./index.es302.js";
 const c = ({
   width: s = 44,
   height: t = 44,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es266.js";
 import { clsx as i } from "./index.es268.js";
-import { createColorClasses as r } from "./index.es341.js";
+import { createColorClasses as r } from "./index.es302.js";
 const a = ({
   width: H = 117,
   height: L = 40,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es266.js";
 import { clsx as d } from "./index.es268.js";
-import { createColorClasses as i } from "./index.es341.js";
+import { createColorClasses as i } from "./index.es302.js";
 const f = ({
   width: H = 262,
   height: l = 40,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es266.js";
 import { clsx as i } from "./index.es268.js";
-import { createColorClasses as H } from "./index.es341.js";
+import { createColorClasses as H } from "./index.es302.js";
 const f = ({
   width: l = 248,
   height: e = 40,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es266.js";
 import { clsx as v } from "./index.es268.js";
-import { createColorClasses as t } from "./index.es341.js";
+import { createColorClasses as t } from "./index.es302.js";
 const d = ({
   width: h = 181,
   height: V = 40,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es266.js";
 import { useState as a } from "react";
-import { StepItemGenericAccordion as m } from "./index.es318.js";
+import { StepItemGenericAccordion as m } from "./index.es319.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 import { SectionHeading as p } from "./index.es226.js";
 const S = ({

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as i } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es341.js";
+import { createColorClasses as n } from "./index.es302.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es161.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es266.js";
-import { HeaderMobile as l } from "./index.es307.js";
-import { HeaderDesktop as h } from "./index.es308.js";
-import { useMediaQuery as H } from "./index.es309.js";
+import { HeaderMobile as l } from "./index.es308.js";
+import { HeaderDesktop as h } from "./index.es309.js";
+import { useMediaQuery as H } from "./index.es310.js";
 import './components/navigations/Header/Header.css';/* empty css            */
 import { Lazio as n } from "./index.es179.js";
 import { Marche as u } from "./index.es187.js";

package/dist/index.es167.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es266.js";
-import { useCopyToClipboardCurrentPage as a } from "./index.es339.js";
-import { fromISODateToDateFormatted as d } from "./index.es338.js";
-import { getFullNameInitials as $ } from "./index.es340.js";
+import { useCopyToClipboardCurrentPage as a } from "./index.es340.js";
+import { fromISODateToDateFormatted as d } from "./index.es339.js";
+import { getFullNameInitials as $ } from "./index.es341.js";
 import { splitInTwo as E } from "./index.es284.js";
 import { clsx as s } from "./index.es268.js";
 import { useMemo as t } from "react";

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as v } from "./index.es268.js";
-import { createColorClasses as i } from "./index.es341.js";
+import { createColorClasses as i } from "./index.es302.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es266.js";
 import { clsx as C } from "./index.es268.js";
-import { createColorClasses as f } from "./index.es341.js";
+import { createColorClasses as f } from "./index.es302.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as v } from "./index.es268.js";
-import { createColorClasses as t } from "./index.es341.js";
+import { createColorClasses as t } from "./index.es302.js";
 const u = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es18.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es266.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es334.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es335.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es126.js";
 import { CheckCircle as u } from "./index.es71.js";

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as t } from "./index.es268.js";
-import { createColorClasses as i } from "./index.es341.js";
+import { createColorClasses as i } from "./index.es302.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es266.js";
 import { clsx as r } from "./index.es268.js";
-import { createColorClasses as m } from "./index.es341.js";
+import { createColorClasses as m } from "./index.es302.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as i } from "./index.es268.js";
-import { createColorClasses as m } from "./index.es341.js";
+import { createColorClasses as m } from "./index.es302.js";
 const c = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es266.js";
 import { clsx as v } from "./index.es268.js";
-import { createColorClasses as d } from "./index.es341.js";
+import { createColorClasses as d } from "./index.es302.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es192.js

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

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as c } from "./index.es268.js";
-import { createColorClasses as h } from "./index.es341.js";
+import { createColorClasses as h } from "./index.es302.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es266.js";
 import { clsx as a } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es341.js";
+import { createColorClasses as n } from "./index.es302.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es20.js

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

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as d } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es341.js";
+import { createColorClasses as n } from "./index.es302.js";
 const h = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es202.js

@@ -5,7 +5,7 @@ import { ArrowLink as j } from "./index.es21.js";
 import { Button as b } from "./index.es36.js";
 import { Col as w } from "./index.es82.js";
 import './components/ui/OperatorCardDocument/OperatorCardDocument.css';/* empty css            */
-import { F as N } from "./index.es322.js";
+import { F as N } from "./index.es323.js";
 import { Row as k } from "./index.es216.js";
 import { Divider as v } from "./index.es104.js";
 import { Download as g } from "./index.es117.js";

package/dist/index.es203.js

@@ -3,7 +3,7 @@ import { useState as k } from "react";
 import { Row as c } from "./index.es216.js";
 import { Col as o } from "./index.es82.js";
 import { clsx as A } from "./index.es268.js";
-import { F as p } from "./index.es322.js";
+import { F as p } from "./index.es323.js";
 import { ActionIconText as y } from "./index.es9.js";
 import { Download as E } from "./index.es117.js";
 import { ArrowRight as I } from "./index.es22.js";

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es266.js";
 import { clsx as a } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es341.js";
+import { createColorClasses as n } from "./index.es302.js";
 const x = ({
   width: s = 32,
   height: e = 32,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es266.js";
 import { clsx as h } from "./index.es268.js";
-import { createColorClasses as x } from "./index.es341.js";
+import { createColorClasses as x } from "./index.es302.js";
 import { useId as d } from "react";
 const u = ({
   width: e = 73,

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es266.js";
-import { createColorClasses as m } from "./index.es341.js";
+import { createColorClasses as m } from "./index.es302.js";
 import { clsx as p } from "./index.es268.js";
 const f = ({
   width: l = 24,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es266.js";
 import { clsx as a } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es341.js";
+import { createColorClasses as n } from "./index.es302.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es213.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es266.js";
 import { clsx as n } from "./index.es268.js";
-import { createColorClasses as m } from "./index.es341.js";
+import { createColorClasses as m } from "./index.es302.js";
 const f = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es216.js

@@ -2,7 +2,7 @@ import { j as x } from "./index.es266.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es268.js";
 import { createSpacingClasses as j } from "./index.es389.js";
-import { createColorClasses as u } from "./index.es341.js";
+import { createColorClasses as u } from "./index.es302.js";
 import { createTypographyClasses as h } from "./index.es390.js";
 const E = ({
   as: o,

package/dist/index.es22.js

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

package/dist/index.es220.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es266.js";
 import { useState as C, useId as G } from "react";
 import { clsx as m } from "./index.es268.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es309.js";
+import { useMediaQuery as Q } from "./index.es310.js";
 import { Close as S } from "./index.es80.js";
 import { Col as A } from "./index.es82.js";
 import { Button as D } from "./index.es36.js";

package/dist/index.es224.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es266.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
 import { clsx as l } from "./index.es268.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es309.js";
+import { useMediaQuery as N } from "./index.es310.js";
 import { Close as I } from "./index.es80.js";
 import { Col as y } from "./index.es82.js";
 import { Button as L } from "./index.es36.js";

package/dist/index.es226.js

@@ -1,17 +1,21 @@
 import { j as i } from "./index.es266.js";
-import { Title as o } from "./index.es476.js";
-import { Description as n } from "./index.es477.js";
-import { clsx as t } from "./index.es268.js";
+import { Title as n } from "./index.es476.js";
+import { Description as c } from "./index.es477.js";
+import { clsx as o } from "./index.es268.js";
 import './components/ui/Section/Section.css';/* empty css            */
-const c = ({ className: r, children: s }) => /* @__PURE__ */ i.jsx("section", { className: r, children: s }), D = ({
+const m = ({
+  className: r,
+  children: s,
+  style: e
+}) => /* @__PURE__ */ i.jsx("section", { className: r, style: e, children: s }), D = ({
   className: r,
   title: s,
-  titleId: m,
+  titleId: e,
   color: x = "primary",
   titleMarginBottom: p = "mb-x16",
   descriptionClassName: a = "",
   descriptionMarginBottom: l = "mb-x40",
-  description: e,
+  description: t,
   children: d,
   mdFs: j = "2",
   fs: f = "4"
@@ -19,16 +23,16 @@ const c = ({ className: r, children: s }) => /* @__PURE__ */ i.jsx("section", {
   s && /* @__PURE__ */ i.jsxs(
     "div",
     {
-      className: t(
+      className: o(
         "ui-sections__title d-flex gap-x16",
         p,
         r
       ),
       children: [
         /* @__PURE__ */ i.jsx(
-          o,
+          n,
           {
-            id: m,
+            id: e,
             fs: f,
             mdFs: j,
             as: "h2",
@@ -40,22 +44,22 @@ const c = ({ className: r, children: s }) => /* @__PURE__ */ i.jsx("section", {
       ]
     }
   ),
-  e && /* @__PURE__ */ i.jsx(
-    n,
+  t && /* @__PURE__ */ i.jsx(
+    c,
     {
-      className: t(
+      className: o(
         "ui-sections__description",
         l,
         a
       ),
-      children: e
+      children: t
     }
   )
 ] });
-c.Title = o;
-c.Description = n;
+m.Title = n;
+m.Description = c;
 export {
-  c as Section,
+  m as Section,
   D as SectionHeading
 };
 //# sourceMappingURL=index.es226.js.map

package/dist/index.es226.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es226.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport \"./Section.scss\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\n  return <section className={className}>{children}</section>;\n};\n\ninterface SeactionHeadingProps {\n  className?: string;\n  titleMarginBottom?: string;\n  descriptionMarginBottom?: string;\n  descriptionClassName?: string;\n  title?: string | ReactNode;\n  titleId?: string;\n  mdFs?: TypographyKeys;\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  description?: string | ReactNode;\n  children?: ReactNode;\n}\n\nconst SectionHeading = ({\n  className,\n  title,\n  titleId,\n  color = \"primary\",\n  titleMarginBottom = \"mb-x16\",\n  descriptionClassName = \"\",\n  descriptionMarginBottom = \"mb-x40\",\n  description,\n  children,\n  mdFs = \"2\",\n  fs = \"4\",\n}: SeactionHeadingProps) => {\n  return (\n    <>\n      {title && (\n        <div\n          className={clsx(\n            \"ui-sections__title d-flex gap-x16\",\n            titleMarginBottom,\n            className,\n          )}\n        >\n          <SectionTitle\n            id={titleId}\n            fs={fs}\n            mdFs={mdFs}\n            as={\"h2\"}\n            color={color}\n          >\n            {title}\n          </SectionTitle>\n          {children}\n        </div>\n      )}\n      {description && (\n        <SectionDescription\n          className={clsx(\n            \"ui-sections__description\",\n            descriptionMarginBottom,\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </SectionDescription>\n      )}\n    </>\n  );\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section, SectionHeading };\n"],"names":["Section","className","children","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;;AAiBA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QACvCC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAF,GAAuB,UAAAC,EAAA,CAAS,GAiB5CE,IAAiB,CAAC;AAAA,EACtB,WAAAH;AAAA,EACA,OAAAI;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAT;AAAA,EACA,MAAAU,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAP;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACc;AAAAA,UAAA;AAAA,YACC,IAAIX;AAAA,YACJ,IAAAO;AAAA,YACA,MAAAD;AAAA,YACA,IAAI;AAAA,YACJ,OAAAL;AAAA,YAEC,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJS,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJX,EAAQ,QAAQiB;AAChBjB,EAAQ,cAAckB;"}
+{"version":3,"file":"index.es226.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { CSSProperties, FC, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport \"./Section.scss\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n  style?: CSSProperties;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({\n  className,\n  children,\n  style,\n}: SectionProps) => {\n  return (\n    <section className={className} style={style}>\n      {children}\n    </section>\n  );\n};\n\ninterface SeactionHeadingProps {\n  className?: string;\n  titleMarginBottom?: string;\n  descriptionMarginBottom?: string;\n  descriptionClassName?: string;\n  title?: string | ReactNode;\n  titleId?: string;\n  mdFs?: TypographyKeys;\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  description?: string | ReactNode;\n  children?: ReactNode;\n}\n\nconst SectionHeading = ({\n  className,\n  title,\n  titleId,\n  color = \"primary\",\n  titleMarginBottom = \"mb-x16\",\n  descriptionClassName = \"\",\n  descriptionMarginBottom = \"mb-x40\",\n  description,\n  children,\n  mdFs = \"2\",\n  fs = \"4\",\n}: SeactionHeadingProps) => {\n  return (\n    <>\n      {title && (\n        <div\n          className={clsx(\n            \"ui-sections__title d-flex gap-x16\",\n            titleMarginBottom,\n            className,\n          )}\n        >\n          <SectionTitle\n            id={titleId}\n            fs={fs}\n            mdFs={mdFs}\n            as={\"h2\"}\n            color={color}\n          >\n            {title}\n          </SectionTitle>\n          {children}\n        </div>\n      )}\n      {description && (\n        <SectionDescription\n          className={clsx(\n            \"ui-sections__description\",\n            descriptionMarginBottom,\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </SectionDescription>\n      )}\n    </>\n  );\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section, SectionHeading };\n"],"names":["Section","className","children","style","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;;AAkBA,MAAMA,IAA4B,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAEIC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAH,GAAsB,OAAAE,GAC5B,UAAAD,EAAA,CACH,GAkBEG,IAAiB,CAAC;AAAA,EACtB,WAAAJ;AAAA,EACA,OAAAK;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAV;AAAA,EACA,MAAAW,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAR;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAACc;AAAAA,UAAA;AAAA,YACC,IAAIX;AAAA,YACJ,IAAAO;AAAA,YACA,MAAAD;AAAA,YACA,IAAI;AAAA,YACJ,OAAAL;AAAA,YAEC,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJU,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJZ,EAAQ,QAAQkB;AAChBlB,EAAQ,cAAcmB;"}

package/dist/index.es228.js

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

package/dist/index.es23.js

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

package/dist/index.es230.js

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

package/dist/index.es231.js

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