@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/formLabel/FormLabel.js

@@ -1,52 +1,39 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { useRef as d, useState as g, useEffect as b } from "react";
-import a from "../../utils/classNames.js";
-const w = (f) => {
-  const { className: l = "", children: o, supportingText: e, ...n } = f, i = d(null), [t, c] = g(null), u = "htmlFor" in n;
-  b(() => {
-    if (!i.current)
-      return;
-    const s = i.current.parentElement;
-    s && (s.classList.contains("form-group-lg") ? c("lg") : s.classList.contains("form-group-sm") && c("sm"));
-  }, []);
-  const m = a(
-    "text-color-gray",
-    typeof e == "string" && "text-italic",
-    t === "sm" && "text-size-10",
-    t === "lg" && "text-size-14",
-    !t && "text-size-12"
-  );
-  if (u && n.htmlFor) {
-    const s = a(
-      !e && "display-inline-block",
-      e && "display-inline-flex flex-wrap justify-content-between width-100pct",
-      l
-    );
-    return /* @__PURE__ */ p("label", { ref: i, ...n, className: s, children: [
-      /* @__PURE__ */ r("span", { children: o }),
-      e && /* @__PURE__ */ r("span", { className: m, children: e })
-    ] });
-  }
-  const x = a(
-    "text-color-dark",
-    "max-width-100pct",
-    t === "sm" && "text-size-10",
-    t === "lg" && "text-size-14",
-    !t && "text-size-12",
-    !e && "display-inline-block",
-    e && "display-inline-flex flex-wrap justify-content-between width-100pct",
-    !l.includes("margin-bottom") && "margin-bottom-5",
-    l
-  );
-  return (
-    // @ts-expect-error
-    /* @__PURE__ */ p("div", { ref: i, ...n, className: x, children: [
-      o,
-      e && /* @__PURE__ */ r("span", { className: m, children: e })
-    ] })
-  );
+import e from "../../utils/classNames.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/formLabel/FormLabel.tsx
+var o = (o) => {
+	let { className: s = "", children: c, supportingText: l, ...u } = o, d = n(null), [f, p] = r(null), m = "htmlFor" in u;
+	t(() => {
+		if (!d.current) return;
+		let e = d.current.parentElement;
+		e && (e.classList.contains("form-group-lg") ? p("lg") : e.classList.contains("form-group-sm") && p("sm"));
+	}, []);
+	let h = e("text-color-gray", typeof l == "string" && "text-italic", f === "sm" && "text-size-10", f === "lg" && "text-size-14", !f && "text-size-12");
+	if (m && u.htmlFor) {
+		let t = e(!l && "display-inline-block", l && "display-inline-flex flex-wrap justify-content-between width-100pct", s);
+		return /* @__PURE__ */ a("label", {
+			ref: d,
+			...u,
+			className: t,
+			children: [/* @__PURE__ */ i("span", { children: c }), l && /* @__PURE__ */ i("span", {
+				className: h,
+				children: l
+			})]
+		});
+	}
+	let g = e("text-color-dark", "max-width-100pct", f === "sm" && "text-size-10", f === "lg" && "text-size-14", !f && "text-size-12", !l && "display-inline-block", l && "display-inline-flex flex-wrap justify-content-between width-100pct", !s.includes("margin-bottom") && "margin-bottom-5", s);
+	return /* @__PURE__ */ a("div", {
+		ref: d,
+		...u,
+		className: g,
+		children: [c, l && /* @__PURE__ */ i("span", {
+			className: h,
+			children: l
+		})]
+	});
 };
-export {
-  w as default
-};
-//# sourceMappingURL=FormLabel.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=FormLabel.js.map

package/components/formLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../src/components/formLabel/FormLabel.tsx"],"sourcesContent":["import React, { type PropsWithChildren, type ComponentProps, useEffect, useRef, useState } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type FormLabelProps = ComponentProps<'label'> & {\n    /**\n     * Additional supporting text displayed next to the label.\n     */\n    supportingText?: string | React.ReactElement;\n\n    /**\n     * Additional classes set to the outer element.\n     */\n    className?: string;\n};\n\nconst FormLabel = (props: PropsWithChildren<FormLabelProps>) => {\n    const { className = '', children, supportingText, ...remainingProps } = props;\n\n    const elementRef = useRef<HTMLDivElement | HTMLLabelElement>(null);\n\n    const [parentSize, setParentSize] = useState<'lg' | 'sm' | null>(null);\n\n    const isLabel = 'htmlFor' in remainingProps;\n\n    useEffect(() => {\n        if (!elementRef.current) {\n            return;\n        }\n\n        const parent = elementRef.current.parentElement;\n        if (!parent) {\n            return;\n        }\n\n        if (parent.classList.contains('form-group-lg')) {\n            setParentSize('lg');\n        } else if (parent.classList.contains('form-group-sm')) {\n            setParentSize('sm');\n        }\n    }, []);\n\n    const supportingTextClasses = classNames(\n        'text-color-gray',\n        typeof supportingText === 'string' && 'text-italic',\n        parentSize === 'sm' && 'text-size-10',\n        parentSize === 'lg' && 'text-size-14',\n        !parentSize && 'text-size-12'\n    );\n\n    if (isLabel && remainingProps.htmlFor) {\n        const labelClasses = classNames(\n            !supportingText && 'display-inline-block',\n            supportingText && 'display-inline-flex flex-wrap justify-content-between width-100pct',\n            className\n        );\n\n        return (\n            <label ref={elementRef as React.RefObject<HTMLLabelElement>} {...remainingProps} className={labelClasses}>\n                <span>{children}</span>\n                {supportingText && <span className={supportingTextClasses}>{supportingText}</span>}\n            </label>\n        );\n    }\n\n    const classes = classNames(\n        'text-color-dark',\n        'max-width-100pct',\n        parentSize === 'sm' && 'text-size-10',\n        parentSize === 'lg' && 'text-size-14',\n        !parentSize && 'text-size-12',\n        !supportingText && 'display-inline-block',\n        supportingText && 'display-inline-flex flex-wrap justify-content-between width-100pct',\n        !className.includes('margin-bottom') && 'margin-bottom-5',\n        className\n    );\n\n    return (\n        // @ts-expect-error\n        <div ref={elementRef} {...remainingProps} className={classes}>\n            {children}\n            {supportingText && <span className={supportingTextClasses}>{supportingText}</span>}\n        </div>\n    );\n};\n\nexport default FormLabel;\n"],"names":["FormLabel","props","className","children","supportingText","remainingProps","elementRef","useRef","parentSize","setParentSize","useState","isLabel","useEffect","parent","supportingTextClasses","classNames","labelClasses","jsx","classes"],"mappings":";;;AAgBA,MAAMA,IAAY,CAACC,MAA6C;AAC5D,QAAM,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,gBAAAC,GAAgB,GAAGC,MAAmBJ,GAElEK,IAAaC,EAA0C,IAAI,GAE3D,CAACC,GAAYC,CAAa,IAAIC,EAA6B,IAAI,GAE/DC,IAAU,aAAaN;AAE7B,EAAAO,EAAU,MAAM;AACZ,QAAI,CAACN,EAAW;AACZ;AAGJ,UAAMO,IAASP,EAAW,QAAQ;AAClC,IAAKO,MAIDA,EAAO,UAAU,SAAS,eAAe,IACzCJ,EAAc,IAAI,IACXI,EAAO,UAAU,SAAS,eAAe,KAChDJ,EAAc,IAAI;AAAA,EAE1B,GAAG,CAAA,CAAE;AAEL,QAAMK,IAAwBC;AAAA,IAC1B;AAAA,IACA,OAAOX,KAAmB,YAAY;AAAA,IACtCI,MAAe,QAAQ;AAAA,IACvBA,MAAe,QAAQ;AAAA,IACvB,CAACA,KAAc;AAAA,EAAA;AAGnB,MAAIG,KAAWN,EAAe,SAAS;AACnC,UAAMW,IAAeD;AAAA,MACjB,CAACX,KAAkB;AAAA,MACnBA,KAAkB;AAAA,MAClBF;AAAA,IAAA;AAGJ,6BACK,SAAA,EAAM,KAAKI,GAAkD,GAAGD,GAAgB,WAAWW,GACxF,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAM,UAAAd,GAAS;AAAA,MACfC,KAAkB,gBAAAa,EAAC,QAAA,EAAK,WAAWH,GAAwB,UAAAV,EAAA,CAAe;AAAA,IAAA,GAC/E;AAAA,EAER;AAEA,QAAMc,IAAUH;AAAA,IACZ;AAAA,IACA;AAAA,IACAP,MAAe,QAAQ;AAAA,IACvBA,MAAe,QAAQ;AAAA,IACvB,CAACA,KAAc;AAAA,IACf,CAACJ,KAAkB;AAAA,IACnBA,KAAkB;AAAA,IAClB,CAACF,EAAU,SAAS,eAAe,KAAK;AAAA,IACxCA;AAAA,EAAA;AAGJ;AAAA;AAAA,sBAEK,OAAA,EAAI,KAAKI,GAAa,GAAGD,GAAgB,WAAWa,GAChD,UAAA;AAAA,MAAAf;AAAA,MACAC,KAAkB,gBAAAa,EAAC,QAAA,EAAK,WAAWH,GAAwB,UAAAV,EAAA,CAAe;AAAA,IAAA,EAAA,CAC/E;AAAA;AAER;"}
+{"version":3,"file":"FormLabel.js","names":[],"sources":["../../../src/components/formLabel/FormLabel.tsx"],"sourcesContent":["import React, { type PropsWithChildren, type ComponentProps, useEffect, useRef, useState } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type FormLabelProps = ComponentProps<'label'> & {\n    /**\n     * Additional supporting text displayed next to the label.\n     */\n    supportingText?: string | React.ReactElement;\n\n    /**\n     * Additional classes set to the outer element.\n     */\n    className?: string;\n};\n\nconst FormLabel = (props: PropsWithChildren<FormLabelProps>) => {\n    const { className = '', children, supportingText, ...remainingProps } = props;\n\n    const elementRef = useRef<HTMLDivElement | HTMLLabelElement>(null);\n\n    const [parentSize, setParentSize] = useState<'lg' | 'sm' | null>(null);\n\n    const isLabel = 'htmlFor' in remainingProps;\n\n    useEffect(() => {\n        if (!elementRef.current) {\n            return;\n        }\n\n        const parent = elementRef.current.parentElement;\n        if (!parent) {\n            return;\n        }\n\n        if (parent.classList.contains('form-group-lg')) {\n            setParentSize('lg');\n        } else if (parent.classList.contains('form-group-sm')) {\n            setParentSize('sm');\n        }\n    }, []);\n\n    const supportingTextClasses = classNames(\n        'text-color-gray',\n        typeof supportingText === 'string' && 'text-italic',\n        parentSize === 'sm' && 'text-size-10',\n        parentSize === 'lg' && 'text-size-14',\n        !parentSize && 'text-size-12'\n    );\n\n    if (isLabel && remainingProps.htmlFor) {\n        const labelClasses = classNames(\n            !supportingText && 'display-inline-block',\n            supportingText && 'display-inline-flex flex-wrap justify-content-between width-100pct',\n            className\n        );\n\n        return (\n            <label ref={elementRef as React.RefObject<HTMLLabelElement>} {...remainingProps} className={labelClasses}>\n                <span>{children}</span>\n                {supportingText && <span className={supportingTextClasses}>{supportingText}</span>}\n            </label>\n        );\n    }\n\n    const classes = classNames(\n        'text-color-dark',\n        'max-width-100pct',\n        parentSize === 'sm' && 'text-size-10',\n        parentSize === 'lg' && 'text-size-14',\n        !parentSize && 'text-size-12',\n        !supportingText && 'display-inline-block',\n        supportingText && 'display-inline-flex flex-wrap justify-content-between width-100pct',\n        !className.includes('margin-bottom') && 'margin-bottom-5',\n        className\n    );\n\n    return (\n        // @ts-expect-error\n        <div ref={elementRef} {...remainingProps} className={classes}>\n            {children}\n            {supportingText && <span className={supportingTextClasses}>{supportingText}</span>}\n        </div>\n    );\n};\n\nexport default FormLabel;\n"],"mappings":";;;;AAgBA,IAAM,KAAa,MAA6C;CAC5D,IAAM,EAAE,eAAY,IAAI,aAAU,mBAAgB,GAAG,MAAmB,GAElE,IAAa,EAA0C,IAAI,GAE3D,CAAC,GAAY,KAAiB,EAA6B,IAAI,GAE/D,IAAU,aAAa;CAE7B,QAAgB;EACZ,IAAI,CAAC,EAAW,SACZ;EAGJ,IAAM,IAAS,EAAW,QAAQ;EAC7B,MAID,EAAO,UAAU,SAAS,eAAe,IACzC,EAAc,IAAI,IACX,EAAO,UAAU,SAAS,eAAe,KAChD,EAAc,IAAI;CAE1B,GAAG,CAAC,CAAC;CAEL,IAAM,IAAwB,EAC1B,mBACA,OAAO,KAAmB,YAAY,eACtC,MAAe,QAAQ,gBACvB,MAAe,QAAQ,gBACvB,CAAC,KAAc,cACnB;CAEA,IAAI,KAAW,EAAe,SAAS;EACnC,IAAM,IAAe,EACjB,CAAC,KAAkB,wBACnB,KAAkB,sEAClB,CACJ;EAEA,OACI,kBAAC,SAAD;GAAO,KAAK;GAAiD,GAAI;GAAgB,WAAW;aAA5F,CACI,kBAAC,QAAD,EAAO,YAAe,CAAA,GACrB,KAAkB,kBAAC,QAAD;IAAM,WAAW;cAAwB;GAAqB,CAAA,CAC9E;;CAEf;CAEA,IAAM,IAAU,EACZ,mBACA,oBACA,MAAe,QAAQ,gBACvB,MAAe,QAAQ,gBACvB,CAAC,KAAc,gBACf,CAAC,KAAkB,wBACnB,KAAkB,sEAClB,CAAC,EAAU,SAAS,eAAe,KAAK,mBACxC,CACJ;CAEA,OAEI,kBAAC,OAAD;EAAK,KAAK;EAAY,GAAI;EAAgB,WAAW;YAArD,CACK,GACA,KAAkB,kBAAC,QAAD;GAAM,WAAW;aAAwB;EAAqB,CAAA,CAChF;;AAEb"}

package/components/formLabel/LabeledElement.js

@@ -1,14 +1,21 @@
-import { jsxs as d, jsx as p } from "react/jsx-runtime";
 import e from "../../utils/classNames.js";
-import f from "./FormLabel.js";
-const L = (l) => {
-  const { label: a, htmlFor: s, labelProps: m = {}, noGap: o = !1, className: r = "", children: n, ...t } = l, { className: c, ...i } = m, b = e(c, o && "margin-bottom-0");
-  return /* @__PURE__ */ d("div", { ...t, className: e("LabeledElement display-flex flex-column", r), children: [
-    /* @__PURE__ */ p(f, { htmlFor: s, ...i, className: b, children: a }),
-    n
-  ] });
+import t from "./FormLabel.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/formLabel/LabeledElement.tsx
+var i = (i) => {
+	let { label: a, htmlFor: o, labelProps: s = {}, noGap: c = !1, className: l = "", children: u, ...d } = i, { className: f, ...p } = s, m = e(f, c && "margin-bottom-0");
+	return /* @__PURE__ */ r("div", {
+		...d,
+		className: e("LabeledElement display-flex flex-column", l),
+		children: [/* @__PURE__ */ n(t, {
+			htmlFor: o,
+			...p,
+			className: m,
+			children: a
+		}), u]
+	});
 };
-export {
-  L as default
-};
-//# sourceMappingURL=LabeledElement.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=LabeledElement.js.map

package/components/formLabel/LabeledElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledElement.js","sources":["../../../src/components/formLabel/LabeledElement.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport FormLabel, { type FormLabelProps } from './FormLabel';\n\nexport type LabeledElementProps = {\n    /**\n     * The text to display for the label.\n     */\n    label: string | React.ReactElement;\n\n    /**\n     * Optional ID of the element associated with the label.\n     */\n    htmlFor?: string;\n\n    /**\n     * Additional props for the FormLabel, excluding children and htmlFor.\n     */\n    labelProps?: Omit<FormLabelProps, 'children'>;\n\n    /**\n     * If true, removes the bottom margin from the label.\n     *\n     * @default false\n     */\n    noGap?: boolean;\n\n    /**\n     * Additional classes for styling the wrapper.\n     */\n    className?: string;\n};\n\nconst LabeledElement = (props: PropsWithChildren<LabeledElementProps>) => {\n    const { label, htmlFor, labelProps = {}, noGap = false, className = '', children, ...remainingProps } = props;\n\n    // Extract and handle the `className` prop separately for the label\n    const { className: labelClassName, ...otherLabelProps } = labelProps;\n    const combinedLabelClassName = classNames(labelClassName, noGap && 'margin-bottom-0');\n\n    return (\n        <div {...remainingProps} className={classNames('LabeledElement display-flex flex-column', className)}>\n            <FormLabel htmlFor={htmlFor} {...otherLabelProps} className={combinedLabelClassName}>\n                {label}\n            </FormLabel>\n            {children}\n        </div>\n    );\n};\n\nexport default LabeledElement;\n"],"names":["LabeledElement","props","label","htmlFor","labelProps","noGap","className","children","remainingProps","labelClassName","otherLabelProps","combinedLabelClassName","classNames","jsxs","jsx","FormLabel"],"mappings":";;;AAmCA,MAAMA,IAAiB,CAACC,MAAkD;AACtE,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,YAAAC,IAAa,CAAA,GAAI,OAAAC,IAAQ,IAAO,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,MAAmBP,GAGlG,EAAE,WAAWQ,GAAgB,GAAGC,MAAoBN,GACpDO,IAAyBC,EAAWH,GAAgBJ,KAAS,iBAAiB;AAEpF,SACI,gBAAAQ,EAAC,SAAK,GAAGL,GAAgB,WAAWI,EAAW,2CAA2CN,CAAS,GAC/F,UAAA;AAAA,IAAA,gBAAAQ,EAACC,KAAU,SAAAZ,GAAmB,GAAGO,GAAiB,WAAWC,GACxD,UAAAT,GACL;AAAA,IACCK;AAAA,EAAA,GACL;AAER;"}
+{"version":3,"file":"LabeledElement.js","names":[],"sources":["../../../src/components/formLabel/LabeledElement.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport FormLabel, { type FormLabelProps } from './FormLabel';\n\nexport type LabeledElementProps = {\n    /**\n     * The text to display for the label.\n     */\n    label: string | React.ReactElement;\n\n    /**\n     * Optional ID of the element associated with the label.\n     */\n    htmlFor?: string;\n\n    /**\n     * Additional props for the FormLabel, excluding children and htmlFor.\n     */\n    labelProps?: Omit<FormLabelProps, 'children'>;\n\n    /**\n     * If true, removes the bottom margin from the label.\n     *\n     * @default false\n     */\n    noGap?: boolean;\n\n    /**\n     * Additional classes for styling the wrapper.\n     */\n    className?: string;\n};\n\nconst LabeledElement = (props: PropsWithChildren<LabeledElementProps>) => {\n    const { label, htmlFor, labelProps = {}, noGap = false, className = '', children, ...remainingProps } = props;\n\n    // Extract and handle the `className` prop separately for the label\n    const { className: labelClassName, ...otherLabelProps } = labelProps;\n    const combinedLabelClassName = classNames(labelClassName, noGap && 'margin-bottom-0');\n\n    return (\n        <div {...remainingProps} className={classNames('LabeledElement display-flex flex-column', className)}>\n            <FormLabel htmlFor={htmlFor} {...otherLabelProps} className={combinedLabelClassName}>\n                {label}\n            </FormLabel>\n            {children}\n        </div>\n    );\n};\n\nexport default LabeledElement;\n"],"mappings":";;;;AAmCA,IAAM,KAAkB,MAAkD;CACtE,IAAM,EAAE,UAAO,YAAS,gBAAa,CAAC,GAAG,WAAQ,IAAO,eAAY,IAAI,aAAU,GAAG,MAAmB,GAGlG,EAAE,WAAW,GAAgB,GAAG,MAAoB,GACpD,IAAyB,EAAW,GAAgB,KAAS,iBAAiB;CAEpF,OACI,kBAAC,OAAD;EAAK,GAAI;EAAgB,WAAW,EAAW,2CAA2C,CAAS;YAAnG,CACI,kBAAC,GAAD;GAAoB;GAAS,GAAI;GAAiB,WAAW;aACxD;EACM,CAAA,GACV,CACA;;AAEb"}

package/components/groupedItemList/GroupedItemList.d.ts

@@ -76,7 +76,7 @@ export type GroupedItemListProps<T> = {
  * The component can be customized to render dividers and list items in different styles.
  *
  * @param {GroupedItemListProps} props - The props for the component.
- * @returns {JSX.Element} The grouped and rendered list component.
+ * @returns {React.ReactElement} The grouped and rendered list component.
  */
 declare const GroupedItemList: <T>(props: GroupedItemListProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default GroupedItemList;

package/components/groupedItemList/GroupedItemList.js

@@ -1,44 +1,34 @@
-import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import y, { useMemo as g } from "react";
-import { naturalSortByProperty as B, sortByProperty as C } from "../../utils/SortUtils.js";
-const D = (f) => {
-  const {
-    items: n,
-    groupBy: o = "name",
-    groupSortOrder: h = "asc",
-    // Default to ascending order if not specified
-    groupSortFunction: m,
-    itemSortFunction: i,
-    itemSortOrder: v = "asc",
-    // Default to ascending order if not specified
-    renderDivider: a,
-    renderItem: d,
-    listElement: N = "div",
-    // Default to 'div' if not specified
-    listElementClassName: S,
-    dividerElementClassName: F,
-    className: K
-  } = f, p = m || ((e) => B(e, "groupKey", h)), E = i || ((e) => C(e, o, v)), c = typeof o == "function" ? o : (e) => e[o]?.[0]?.toUpperCase() ?? "", u = g(() => {
-    const e = n.reduce(
-      (r, l) => {
-        const s = c(l);
-        return r[s] || (r[s] = []), r[s].push(l), r;
-      },
-      {}
-    );
-    return Object.keys(e).map((r) => ({
-      groupKey: r,
-      items: e[r]
-    }));
-  }, [n, c]), I = N, j = g(() => p(u), [u, p]);
-  return /* @__PURE__ */ t("div", { className: `grouped-item-list ${K ?? ""}`, children: j.map((e) => /* @__PURE__ */ x(y.Fragment, { children: [
-    /* @__PURE__ */ t("div", { className: `group-divider ${F ?? ""}`, children: a ? a(e.groupKey) : e.groupKey }),
-    /* @__PURE__ */ t(I, { className: S, children: E(e.items).map(
-      (r) => d ? d(r) : /* @__PURE__ */ t(y.Fragment, { children: /* @__PURE__ */ t("div", { className: "item-name", children: r.name }) }, r.id ?? crypto.randomUUID())
-    ) })
-  ] }, e.groupKey)) });
+import { naturalSortByProperty as e, sortByProperty as t } from "../../utils/SortUtils.js";
+import "../../SortUtils.js";
+import n, { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/groupedItemList/GroupedItemList.tsx
+var o = (o) => {
+	let { items: s, groupBy: c = "name", groupSortOrder: l = "asc", groupSortFunction: u, itemSortFunction: d, itemSortOrder: f = "asc", renderDivider: p, renderItem: m, listElement: h = "div", listElementClassName: g, dividerElementClassName: _, className: v } = o, y = u || ((t) => e(t, "groupKey", l)), b = d || ((e) => t(e, c, f)), x = typeof c == "function" ? c : (e) => e[c]?.[0]?.toUpperCase() ?? "", S = r(() => {
+		let e = s.reduce((e, t) => {
+			let n = x(t);
+			return e[n] || (e[n] = []), e[n].push(t), e;
+		}, {});
+		return Object.keys(e).map((t) => ({
+			groupKey: t,
+			items: e[t]
+		}));
+	}, [s, x]), C = h, w = r(() => y(S), [S, y]);
+	return /* @__PURE__ */ i("div", {
+		className: `grouped-item-list ${v ?? ""}`,
+		children: w.map((e) => /* @__PURE__ */ a(n.Fragment, { children: [/* @__PURE__ */ i("div", {
+			className: `group-divider ${_ ?? ""}`,
+			children: p ? p(e.groupKey) : e.groupKey
+		}), /* @__PURE__ */ i(C, {
+			className: g,
+			children: b(e.items).map((e) => m ? m(e) : /* @__PURE__ */ i(n.Fragment, { children: /* @__PURE__ */ i("div", {
+				className: "item-name",
+				children: e.name
+			}) }, e.id ?? crypto.randomUUID()))
+		})] }, e.groupKey))
+	});
 };
-export {
-  D as default
-};
-//# sourceMappingURL=GroupedItemList.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=GroupedItemList.js.map

package/components/groupedItemList/GroupedItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedItemList.js","sources":["../../../src/components/groupedItemList/GroupedItemList.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { naturalSortByProperty, sortByProperty, type SortDirectionType } from '../../SortUtils';\n\nexport type Group = {\n    groupKey: string;\n    items: any[];\n};\n\nexport type GroupedItemListProps<T> = {\n    /**\n     * The list of items to be grouped and rendered.\n     *\n     * By default, the component assumes an item object containing an `id` and `name` property\n     * plus some other attributes.\n     */\n    items: T[];\n\n    /**\n     * The property of the items to group by as a string, or a custom group function.\n     * Defaults to `name` if not provided.\n     *\n     * @default 'name'\n     */\n    groupBy?: keyof T | ((item: T) => string);\n\n    /**\n     * The order in which to sort the groups. Accepts `asc` for ascending or `desc` for descending.\n     * @default 'asc'\n     */\n    groupSortOrder?: SortDirectionType;\n\n    /**\n     * The order in which to sort the items inside a group. Accepts `asc` for ascending or `desc` for descending.\n     *\n     * @default 'asc'\n     */\n    itemSortOrder?: SortDirectionType;\n\n    /**\n     * Sorting function for the groups.\n     */\n    groupSortFunction?: (groups: Group[]) => Group[];\n\n    /**\n     * Sorting function for the items within each group.\n     */\n    itemSortFunction?: (items: T[]) => T[];\n\n    /**\n     * A custom render function for the group divider.\n     * Receives the group key (e.g., letter or date) as a parameter.\n     */\n    renderDivider?: (groupKey: string) => React.ReactNode;\n\n    /**\n     * A custom render function for individual list items.\n     * Receives an item as a parameter.\n     */\n    renderItem?: (item: T) => React.ReactNode;\n\n    /**\n     * Specifies the HTML element to use for the list inside each group.\n     * Default is `div`. Use `ul` for rendering the list items as `<li>` elements.\n     *\n     * @default 'div'\n     */\n    listElement?: 'div' | 'ul';\n\n    /**\n     * Optional class name for the list element inside each group.\n     * Applied to the `div` or `ul` wrapping the items.\n     */\n    listElementClassName?: string;\n\n    /**\n     * Optional class name for the divider element in each group.\n     * Applied to the `div` wrapping each group divider.\n     */\n    dividerElementClassName?: string;\n\n    /**\n     * Optional class name for the outer wrapper element.\n     * Applied to the outer `div` wrapping the entire component.\n     */\n    className?: string;\n};\n\n/**\n * A React component that groups and renders a list of items based on a specified property.\n * The component can be customized to render dividers and list items in different styles.\n *\n * @param {GroupedItemListProps} props - The props for the component.\n * @returns {JSX.Element} The grouped and rendered list component.\n */\nconst GroupedItemList = <T,>(props: GroupedItemListProps<T>) => {\n    const {\n        items,\n        groupBy = 'name',\n        groupSortOrder = 'asc', // Default to ascending order if not specified\n        groupSortFunction,\n        itemSortFunction,\n        itemSortOrder = 'asc', // Default to ascending order if not specified\n        renderDivider,\n        renderItem,\n        listElement = 'div', // Default to 'div' if not specified\n        listElementClassName,\n        dividerElementClassName,\n        className,\n    } = props;\n\n    // Default group sorting function or specific function provided\n    const groupSortFn = groupSortFunction\n        ? groupSortFunction\n        : (groups: Group[]) => naturalSortByProperty(groups, 'groupKey', groupSortOrder);\n\n    // Default item sorting within groups or specific function provided\n    const itemSortFn = itemSortFunction\n        ? itemSortFunction\n        : (itemsToSort: T[]) => sortByProperty(itemsToSort, groupBy as keyof T, itemSortOrder);\n\n    // Determine the grouping function based on the type of groupBy\n    // const getGroupKey = (item: T): string => {\n    //     if (typeof groupBy === 'string') {\n    //         if (groupBy === 'name') {\n    //             return (item as any).name?.[0]?.toUpperCase() ?? '';\n    //         }\n    //         return (item as any)[groupBy]?.toString() ?? '';\n    //     } else if (typeof groupBy === 'function') {\n    //         return groupBy(item);\n    //     }\n    //     throw new Error('Please define a \"groupBy\" property as a string or function.');\n    // };\n\n    const getGroupKey =\n        typeof groupBy === 'function'\n            ? groupBy\n            : (item: T) => ((item as any)[groupBy] as string)?.[0]?.toUpperCase() ?? '';\n\n    // Group items by the specified property\n    // const allGroups = useMemo(\n    //     () =>\n    //         items.reduce<Record<string, T[]>>((acc, item) => {\n    //             const groupKey = getGroupKey(item);\n    //             if (!acc[groupKey]) {\n    //                 acc[groupKey] = [];\n    //             }\n    //             acc[groupKey].push(item);\n    //             return acc;\n    //         }, {}),\n    //     [items, getGroupKey]\n    // );\n\n    // Group items by the specified property\n    const groupedItems = useMemo(() => {\n        // Explicitly typing the accumulator as Record<string, T[]>\n        const groups: Record<string, T[]> = items.reduce(\n            (acc: Record<string, T[]>, item: T) => {\n                const groupKey = getGroupKey(item);\n                if (!acc[groupKey]) {\n                    acc[groupKey] = [];\n                }\n                acc[groupKey].push(item);\n                return acc;\n            },\n            {} as Record<string, T[]>\n        );\n\n        return Object.keys(groups).map(groupKey => ({\n            groupKey,\n            items: groups[groupKey],\n        }));\n    }, [items, getGroupKey]);\n\n    // Assign the specified list element ('div' or 'ul')\n    const ListElement = listElement;\n\n    // Sort groups using the provided sort function\n    const sortedGroups = useMemo(() => groupSortFn(groupedItems), [groupedItems, groupSortFn]);\n\n    return (\n        <div className={`grouped-item-list ${className ?? ''}`}>\n            {sortedGroups.map(group => (\n                <React.Fragment key={group.groupKey}>\n                    <div className={`group-divider ${dividerElementClassName ?? ''}`}>\n                        {renderDivider ? renderDivider(group.groupKey) : group.groupKey}\n                    </div>\n                    <ListElement className={listElementClassName}>\n                        {itemSortFn(group.items).map(item =>\n                            renderItem ? (\n                                renderItem(item)\n                            ) : (\n                                <React.Fragment key={(item as any).id ?? crypto.randomUUID()}>\n                                    <div className='item-name'>{(item as any).name}</div>\n                                </React.Fragment>\n                            )\n                        )}\n                    </ListElement>\n                </React.Fragment>\n            ))}\n        </div>\n    );\n};\n\nexport default GroupedItemList;\n"],"names":["GroupedItemList","props","items","groupBy","groupSortOrder","groupSortFunction","itemSortFunction","itemSortOrder","renderDivider","renderItem","listElement","listElementClassName","dividerElementClassName","className","groupSortFn","groups","naturalSortByProperty","itemSortFn","itemsToSort","sortByProperty","getGroupKey","item","groupedItems","useMemo","acc","groupKey","ListElement","sortedGroups","jsx","group","jsxs","React"],"mappings":";;;AA+FA,MAAMA,IAAkB,CAAKC,MAAmC;AAC5D,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,gBAAAC,IAAiB;AAAA;AAAA,IACjB,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA;AAAA,IAChB,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC,IAAc;AAAA;AAAA,IACd,sBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACAZ,GAGEa,IAAcT,MAEd,CAACU,MAAoBC,EAAsBD,GAAQ,YAAYX,CAAc,IAG7Ea,IAAaX,MAEb,CAACY,MAAqBC,EAAeD,GAAaf,GAAoBI,CAAa,IAenFa,IACF,OAAOjB,KAAY,aACbA,IACA,CAACkB,MAAcA,EAAalB,CAAO,IAAe,CAAC,GAAG,iBAAiB,IAiB3EmB,IAAeC,EAAQ,MAAM;AAE/B,UAAMR,IAA8Bb,EAAM;AAAA,MACtC,CAACsB,GAA0BH,MAAY;AACnC,cAAMI,IAAWL,EAAYC,CAAI;AACjC,eAAKG,EAAIC,CAAQ,MACbD,EAAIC,CAAQ,IAAI,CAAA,IAEpBD,EAAIC,CAAQ,EAAE,KAAKJ,CAAI,GAChBG;AAAA,MACX;AAAA,MACA,CAAA;AAAA,IAAC;AAGL,WAAO,OAAO,KAAKT,CAAM,EAAE,IAAI,CAAAU,OAAa;AAAA,MACxC,UAAAA;AAAA,MACA,OAAOV,EAAOU,CAAQ;AAAA,IAAA,EACxB;AAAA,EACN,GAAG,CAACvB,GAAOkB,CAAW,CAAC,GAGjBM,IAAchB,GAGdiB,IAAeJ,EAAQ,MAAMT,EAAYQ,CAAY,GAAG,CAACA,GAAcR,CAAW,CAAC;AAEzF,SACI,gBAAAc,EAAC,OAAA,EAAI,WAAW,qBAAqBf,KAAa,EAAE,IAC/C,UAAAc,EAAa,IAAI,CAAAE,MACd,gBAAAC,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,WAAW,iBAAiBhB,KAA2B,EAAE,IACzD,UAAAJ,IAAgBA,EAAcqB,EAAM,QAAQ,IAAIA,EAAM,UAC3D;AAAA,sBACCH,GAAA,EAAY,WAAWf,GACnB,UAAAM,EAAWY,EAAM,KAAK,EAAE;AAAA,MAAI,CAAAR,MACzBZ,IACIA,EAAWY,CAAI,IAEf,gBAAAO,EAACG,EAAM,UAAN,EACG,UAAA,gBAAAH,EAAC,SAAI,WAAU,aAAc,YAAa,KAAA,CAAK,EAAA,GAD7BP,EAAa,MAAM,OAAO,YAEhD;AAAA,IAAA,EAER,CACJ;AAAA,EAAA,EAAA,GAdiBQ,EAAM,QAe3B,CACH,GACL;AAER;"}
+{"version":3,"file":"GroupedItemList.js","names":[],"sources":["../../../src/components/groupedItemList/GroupedItemList.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { naturalSortByProperty, sortByProperty, type SortDirectionType } from '../../SortUtils';\n\nexport type Group = {\n    groupKey: string;\n    items: any[];\n};\n\nexport type GroupedItemListProps<T> = {\n    /**\n     * The list of items to be grouped and rendered.\n     *\n     * By default, the component assumes an item object containing an `id` and `name` property\n     * plus some other attributes.\n     */\n    items: T[];\n\n    /**\n     * The property of the items to group by as a string, or a custom group function.\n     * Defaults to `name` if not provided.\n     *\n     * @default 'name'\n     */\n    groupBy?: keyof T | ((item: T) => string);\n\n    /**\n     * The order in which to sort the groups. Accepts `asc` for ascending or `desc` for descending.\n     * @default 'asc'\n     */\n    groupSortOrder?: SortDirectionType;\n\n    /**\n     * The order in which to sort the items inside a group. Accepts `asc` for ascending or `desc` for descending.\n     *\n     * @default 'asc'\n     */\n    itemSortOrder?: SortDirectionType;\n\n    /**\n     * Sorting function for the groups.\n     */\n    groupSortFunction?: (groups: Group[]) => Group[];\n\n    /**\n     * Sorting function for the items within each group.\n     */\n    itemSortFunction?: (items: T[]) => T[];\n\n    /**\n     * A custom render function for the group divider.\n     * Receives the group key (e.g., letter or date) as a parameter.\n     */\n    renderDivider?: (groupKey: string) => React.ReactNode;\n\n    /**\n     * A custom render function for individual list items.\n     * Receives an item as a parameter.\n     */\n    renderItem?: (item: T) => React.ReactNode;\n\n    /**\n     * Specifies the HTML element to use for the list inside each group.\n     * Default is `div`. Use `ul` for rendering the list items as `<li>` elements.\n     *\n     * @default 'div'\n     */\n    listElement?: 'div' | 'ul';\n\n    /**\n     * Optional class name for the list element inside each group.\n     * Applied to the `div` or `ul` wrapping the items.\n     */\n    listElementClassName?: string;\n\n    /**\n     * Optional class name for the divider element in each group.\n     * Applied to the `div` wrapping each group divider.\n     */\n    dividerElementClassName?: string;\n\n    /**\n     * Optional class name for the outer wrapper element.\n     * Applied to the outer `div` wrapping the entire component.\n     */\n    className?: string;\n};\n\n/**\n * A React component that groups and renders a list of items based on a specified property.\n * The component can be customized to render dividers and list items in different styles.\n *\n * @param {GroupedItemListProps} props - The props for the component.\n * @returns {React.ReactElement} The grouped and rendered list component.\n */\nconst GroupedItemList = <T,>(props: GroupedItemListProps<T>) => {\n    const {\n        items,\n        groupBy = 'name',\n        groupSortOrder = 'asc', // Default to ascending order if not specified\n        groupSortFunction,\n        itemSortFunction,\n        itemSortOrder = 'asc', // Default to ascending order if not specified\n        renderDivider,\n        renderItem,\n        listElement = 'div', // Default to 'div' if not specified\n        listElementClassName,\n        dividerElementClassName,\n        className,\n    } = props;\n\n    // Default group sorting function or specific function provided\n    const groupSortFn = groupSortFunction\n        ? groupSortFunction\n        : (groups: Group[]) => naturalSortByProperty(groups, 'groupKey', groupSortOrder);\n\n    // Default item sorting within groups or specific function provided\n    const itemSortFn = itemSortFunction\n        ? itemSortFunction\n        : (itemsToSort: T[]) => sortByProperty(itemsToSort, groupBy as keyof T, itemSortOrder);\n\n    // Determine the grouping function based on the type of groupBy\n    // const getGroupKey = (item: T): string => {\n    //     if (typeof groupBy === 'string') {\n    //         if (groupBy === 'name') {\n    //             return (item as any).name?.[0]?.toUpperCase() ?? '';\n    //         }\n    //         return (item as any)[groupBy]?.toString() ?? '';\n    //     } else if (typeof groupBy === 'function') {\n    //         return groupBy(item);\n    //     }\n    //     throw new Error('Please define a \"groupBy\" property as a string or function.');\n    // };\n\n    const getGroupKey =\n        typeof groupBy === 'function'\n            ? groupBy\n            : (item: T) => ((item as any)[groupBy] as string)?.[0]?.toUpperCase() ?? '';\n\n    // Group items by the specified property\n    // const allGroups = useMemo(\n    //     () =>\n    //         items.reduce<Record<string, T[]>>((acc, item) => {\n    //             const groupKey = getGroupKey(item);\n    //             if (!acc[groupKey]) {\n    //                 acc[groupKey] = [];\n    //             }\n    //             acc[groupKey].push(item);\n    //             return acc;\n    //         }, {}),\n    //     [items, getGroupKey]\n    // );\n\n    // Group items by the specified property\n    const groupedItems = useMemo(() => {\n        // Explicitly typing the accumulator as Record<string, T[]>\n        const groups: Record<string, T[]> = items.reduce(\n            (acc: Record<string, T[]>, item: T) => {\n                const groupKey = getGroupKey(item);\n                if (!acc[groupKey]) {\n                    acc[groupKey] = [];\n                }\n                acc[groupKey].push(item);\n                return acc;\n            },\n            {} as Record<string, T[]>\n        );\n\n        return Object.keys(groups).map(groupKey => ({\n            groupKey,\n            items: groups[groupKey],\n        }));\n    }, [items, getGroupKey]);\n\n    // Assign the specified list element ('div' or 'ul')\n    const ListElement = listElement;\n\n    // Sort groups using the provided sort function\n    const sortedGroups = useMemo(() => groupSortFn(groupedItems), [groupedItems, groupSortFn]);\n\n    return (\n        <div className={`grouped-item-list ${className ?? ''}`}>\n            {sortedGroups.map(group => (\n                <React.Fragment key={group.groupKey}>\n                    <div className={`group-divider ${dividerElementClassName ?? ''}`}>\n                        {renderDivider ? renderDivider(group.groupKey) : group.groupKey}\n                    </div>\n                    <ListElement className={listElementClassName}>\n                        {itemSortFn(group.items).map(item =>\n                            renderItem ? (\n                                renderItem(item)\n                            ) : (\n                                <React.Fragment key={(item as any).id ?? crypto.randomUUID()}>\n                                    <div className='item-name'>{(item as any).name}</div>\n                                </React.Fragment>\n                            )\n                        )}\n                    </ListElement>\n                </React.Fragment>\n            ))}\n        </div>\n    );\n};\n\nexport default GroupedItemList;\n"],"mappings":";;;;;AA+FA,IAAM,KAAuB,MAAmC;CAC5D,IAAM,EACF,UACA,aAAU,QACV,oBAAiB,OACjB,sBACA,qBACA,mBAAgB,OAChB,kBACA,eACA,iBAAc,OACd,yBACA,4BACA,iBACA,GAGE,IAAc,OAEb,MAAoB,EAAsB,GAAQ,YAAY,CAAc,IAG7E,IAAa,OAEZ,MAAqB,EAAe,GAAa,GAAoB,CAAa,IAenF,IACF,OAAO,KAAY,aACb,KACC,MAAc,EAAa,EAAQ,GAAc,EAAE,EAAE,YAAY,KAAK,IAiB3E,IAAe,QAAc;EAE/B,IAAM,IAA8B,EAAM,QACrC,GAA0B,MAAY;GACnC,IAAM,IAAW,EAAY,CAAI;GAKjC,OAJK,EAAI,OACL,EAAI,KAAY,CAAC,IAErB,EAAI,EAAS,CAAC,KAAK,CAAI,GAChB;EACX,GACA,CAAC,CACL;EAEA,OAAO,OAAO,KAAK,CAAM,CAAC,CAAC,KAAI,OAAa;GACxC;GACA,OAAO,EAAO;EAClB,EAAE;CACN,GAAG,CAAC,GAAO,CAAW,CAAC,GAGjB,IAAc,GAGd,IAAe,QAAc,EAAY,CAAY,GAAG,CAAC,GAAc,CAAW,CAAC;CAEzF,OACI,kBAAC,OAAD;EAAK,WAAW,qBAAqB,KAAa;YAC7C,EAAa,KAAI,MACd,kBAAC,EAAM,UAAP,EAAA,UAAA,CACI,kBAAC,OAAD;GAAK,WAAW,iBAAiB,KAA2B;aACvD,IAAgB,EAAc,EAAM,QAAQ,IAAI,EAAM;EACtD,CAAA,GACL,kBAAC,GAAD;GAAa,WAAW;aACnB,EAAW,EAAM,KAAK,CAAC,CAAC,KAAI,MACzB,IACI,EAAW,CAAI,IAEf,kBAAC,EAAM,UAAP,EAAA,UACI,kBAAC,OAAD;IAAK,WAAU;cAAc,EAAa;GAAU,CAAA,EACxC,GAFM,EAAa,MAAM,OAAO,WAAW,CAE3C,CAExB;EACS,CAAA,CACD,EAAA,GAfK,EAAM,QAeX,CACnB;CACA,CAAA;AAEb"}

package/components/icon/Icon.d.ts

@@ -0,0 +1,116 @@
+import { IconType as GeneratedIconType } from './IconType';
+export { normalizeIconName } from '../../utils/iconNames';
+type UnprefixedIconType = GeneratedIconType extends `icon-${infer IconName}` ? IconName : never;
+/**
+ * Known UIKIT icon names offered by TypeScript autocomplete.
+ *
+ * Short names are preferred. Canonical `icon-*` names remain available for backward compatibility and searchability.
+ */
+export type KnownIconType = GeneratedIconType | UnprefixedIconType;
+/**
+ * An autocomplete-friendly UIKIT icon name.
+ *
+ * The open string intersection keeps custom icons, legacy names and SVG URLs assignable without collapsing the known
+ * icon literals to `string` in editor suggestions.
+ */
+export type IconType = KnownIconType | (string & Record<never, never>);
+export type IconProps = {
+    /**
+     * Additional classes set to the icon root element.
+     */
+    className?: string;
+    /**
+     * An icon name, UIKIT icon class name or external .svg link.
+     *
+     * Prefer an unprefixed name such as `truck`. The `icon-*` and legacy class names are normalized.
+     */
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
+    /**
+     * Replaces the icon while it is hovered.
+     */
+    hoverIconName?: IconType;
+    /**
+     * Legacy alias for `hoverIconName`.
+     *
+     * @deprecated Use `hoverIconName` instead.
+     */
+    hoverIcon?: IconType;
+    /**
+     * Additional classes set to the icon span.
+     */
+    iconClassName?: string;
+    /**
+     * The size (text-size) of the icon
+     */
+    size?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | '10' | '11' | '12' | '14' | '16' | '18' | '20';
+    /**
+     * Spinning animation.
+     *
+     * @default false
+     */
+    spinning?: boolean;
+    /**
+     * Pulsing animation.
+     *
+     * @default false
+     */
+    pulsing?: boolean;
+    /**
+     * Filled style.
+     *
+     * @default false
+     */
+    filled?: boolean;
+    /**
+     * Add a disabled line
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Recolor the disabled line to the danger color.
+     *
+     * @default false
+     */
+    disabledDanger?: boolean;
+    /**
+     * Flip the disabled line.
+     *
+     * @default false
+     */
+    disabledInverse?: boolean;
+    /**
+     * An icon name, UIKIT icon class name or external .svg link.
+     *
+     * Prefer an unprefixed name such as `truck`. The `icon-*` and legacy class names are normalized.
+     */
+    pairIconName?: IconType;
+    /**
+     * Legacy alias for `pairIconName`.
+     *
+     * @deprecated Use `pairIconName` instead.
+     */
+    pairIcon?: IconType;
+    /**
+     * Replaces the pairIcon while it is hovered.
+     */
+    hoverPairIconName?: IconType;
+    /**
+     * Legacy alias for `hoverPairIconName`.
+     *
+     * @deprecated Use `hoverPairIconName` instead.
+     */
+    hoverPairIcon?: IconType;
+    /**
+     * Additional classes set to the pairIcon span.
+     */
+    pairIconClassName?: string;
+};
+declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/components/icon/Icon.js

@@ -0,0 +1,34 @@
+import e from "../../utils/classNames.js";
+import { isSvgIcon as t, normalizeIconName as n } from "../../utils/iconNames.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/icon/Icon.tsx
+var o = (o) => {
+	let { className: s = "", iconName: c, icon: l, hoverIconName: u, hoverIcon: d, iconClassName: f = "", pairIconName: p, pairIcon: m, hoverPairIconName: h, hoverPairIcon: g, pairIconClassName: _ = "", size: v, spinning: y = !1, pulsing: b = !1, filled: x = !1, disabled: S = !1, disabledDanger: C = !1, disabledInverse: w = !1 } = o, [T, E] = r(!1), D = c ?? l ?? "", O = u ?? d, k = p ?? m, A = h ?? g, j = T && O ? O : D, M = O || k && A ? {
+		onMouseEnter: () => E(!0),
+		onMouseLeave: () => E(!1)
+	} : {}, N = y ? "spinning" : "", P = b ? "pulsing" : "", F = x ? "uikit-icon-filled" : "", I = S ? "uikit-icon-disabled" : "", L = C ? "uikit-icon-disabled uikit-icon-disabled-danger" : "", R = w ? "uikit-icon-disabled uikit-icon-disabled-inverse" : "", z;
+	if (t(j) && (z = { "--i": `url(${j})` }), k) {
+		let r = T && A ? A : k, o = e("uikit-icon-pair", v && `text-size-${v}`, s), c = e("uikit-icon", !t(j) && n(j), f), l = e("uikit-icon", !t(r) && n(r), _, N, P), u;
+		return t(r) && (u = { "--i": `url(${r})` }), /* @__PURE__ */ a("span", {
+			className: o,
+			...M,
+			children: [/* @__PURE__ */ i("span", {
+				className: c,
+				style: z
+			}), /* @__PURE__ */ i("span", {
+				className: l,
+				style: u
+			})]
+		});
+	}
+	return /* @__PURE__ */ i("span", {
+		className: e("uikit-icon", !t(j) && n(j), v && `text-size-${v}`, I, L, R, s, f, N, P, F),
+		style: z,
+		...M
+	});
+};
+//#endregion
+export { o as default, n as normalizeIconName };
+
+//# sourceMappingURL=Icon.js.map

package/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { isSvgIcon, normalizeIconName } from '../../utils/iconNames';\nimport type { IconType as GeneratedIconType } from './IconType';\n\nexport { normalizeIconName } from '../../utils/iconNames';\n\ntype UnprefixedIconType = GeneratedIconType extends `icon-${infer IconName}` ? IconName : never;\n\n/**\n * Known UIKIT icon names offered by TypeScript autocomplete.\n *\n * Short names are preferred. Canonical `icon-*` names remain available for backward compatibility and searchability.\n */\nexport type KnownIconType = GeneratedIconType | UnprefixedIconType;\n\n/**\n * An autocomplete-friendly UIKIT icon name.\n *\n * The open string intersection keeps custom icons, legacy names and SVG URLs assignable without collapsing the known\n * icon literals to `string` in editor suggestions.\n */\nexport type IconType = KnownIconType | (string & Record<never, never>);\n\nexport type IconProps = {\n    /**\n     * Additional classes set to the icon root element.\n     */\n    className?: string;\n\n    /**\n     * An icon name, UIKIT icon class name or external .svg link.\n     *\n     * Prefer an unprefixed name such as `truck`. The `icon-*` and legacy class names are normalized.\n     */\n    iconName?: IconType;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\n\n    /**\n     * Replaces the icon while it is hovered.\n     */\n    hoverIconName?: IconType;\n\n    /**\n     * Legacy alias for `hoverIconName`.\n     *\n     * @deprecated Use `hoverIconName` instead.\n     */\n    hoverIcon?: IconType;\n\n    /**\n     * Additional classes set to the icon span.\n     */\n    iconClassName?: string;\n\n    /**\n     * The size (text-size) of the icon\n     */\n    size?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | '10' | '11' | '12' | '14' | '16' | '18' | '20';\n\n    /**\n     * Spinning animation.\n     *\n     * @default false\n     */\n    spinning?: boolean;\n\n    /**\n     * Pulsing animation.\n     *\n     * @default false\n     */\n    pulsing?: boolean;\n\n    /**\n     * Filled style.\n     *\n     * @default false\n     */\n    filled?: boolean;\n\n    /**\n     * Add a disabled line\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Recolor the disabled line to the danger color.\n     *\n     * @default false\n     */\n    disabledDanger?: boolean;\n\n    /**\n     * Flip the disabled line.\n     *\n     * @default false\n     */\n    disabledInverse?: boolean;\n\n    /**\n     * An icon name, UIKIT icon class name or external .svg link.\n     *\n     * Prefer an unprefixed name such as `truck`. The `icon-*` and legacy class names are normalized.\n     */\n    pairIconName?: IconType;\n\n    /**\n     * Legacy alias for `pairIconName`.\n     *\n     * @deprecated Use `pairIconName` instead.\n     */\n    pairIcon?: IconType;\n\n    /**\n     * Replaces the pairIcon while it is hovered.\n     */\n    hoverPairIconName?: IconType;\n\n    /**\n     * Legacy alias for `hoverPairIconName`.\n     *\n     * @deprecated Use `hoverPairIconName` instead.\n     */\n    hoverPairIcon?: IconType;\n\n    /**\n     * Additional classes set to the pairIcon span.\n     */\n    pairIconClassName?: string;\n};\n\nconst Icon = (props: IconProps) => {\n    const {\n        className = '',\n        iconName,\n        icon: legacyIcon,\n        hoverIconName,\n        hoverIcon: legacyHoverIcon,\n        iconClassName = '',\n        pairIconName,\n        pairIcon: legacyPairIcon,\n        hoverPairIconName,\n        hoverPairIcon: legacyHoverPairIcon,\n        pairIconClassName = '',\n        size,\n        spinning = false,\n        pulsing = false,\n        filled = false,\n        disabled = false,\n        disabledDanger = false,\n        disabledInverse = false,\n    } = props;\n\n    const [isHovered, setIsHovered] = useState(false);\n    const resolvedIconName = iconName ?? legacyIcon ?? '';\n    const resolvedHoverIconName = hoverIconName ?? legacyHoverIcon;\n    const resolvedPairIconName = pairIconName ?? legacyPairIcon;\n    const resolvedHoverPairIconName = hoverPairIconName ?? legacyHoverPairIcon;\n    const currentIconName = isHovered && resolvedHoverIconName ? resolvedHoverIconName : resolvedIconName;\n    const canSwapOnHover = Boolean(resolvedHoverIconName || (resolvedPairIconName && resolvedHoverPairIconName));\n    const hoverHandlers = canSwapOnHover\n        ? {\n              onMouseEnter: () => setIsHovered(true),\n              onMouseLeave: () => setIsHovered(false),\n          }\n        : {};\n\n    const spinningClass = spinning ? 'spinning' : '';\n    const pulsingClass = pulsing ? 'pulsing' : '';\n    const filledClass = filled ? 'uikit-icon-filled' : '';\n    const disabledClass = disabled ? 'uikit-icon-disabled' : '';\n    const disabledDangerClass = disabledDanger ? 'uikit-icon-disabled uikit-icon-disabled-danger' : '';\n    const disabledInverseClass = disabledInverse ? 'uikit-icon-disabled uikit-icon-disabled-inverse' : '';\n\n    let iconStyle: React.CSSProperties | undefined;\n    if (isSvgIcon(currentIconName)) {\n        iconStyle = { '--i': `url(${currentIconName})` } as React.CSSProperties;\n    }\n\n    if (resolvedPairIconName) {\n        const currentPairIconName =\n            isHovered && resolvedHoverPairIconName ? resolvedHoverPairIconName : resolvedPairIconName;\n        const wrapperClasses = classNames('uikit-icon-pair', size && `text-size-${size}`, className);\n        const iconClasses = classNames(\n            'uikit-icon',\n            !isSvgIcon(currentIconName) && normalizeIconName(currentIconName),\n            iconClassName\n        );\n        const pairIconClasses = classNames(\n            'uikit-icon',\n            !isSvgIcon(currentPairIconName) && normalizeIconName(currentPairIconName),\n            pairIconClassName,\n            spinningClass,\n            pulsingClass\n        );\n\n        let pairIconStyle: React.CSSProperties | undefined;\n        if (isSvgIcon(currentPairIconName)) {\n            pairIconStyle = { '--i': `url(${currentPairIconName})` } as React.CSSProperties;\n        }\n\n        return (\n            <span className={wrapperClasses} {...hoverHandlers}>\n                <span className={iconClasses} style={iconStyle} />\n                <span className={pairIconClasses} style={pairIconStyle} />\n            </span>\n        );\n    }\n\n    const iconClasses = classNames(\n        'uikit-icon',\n        !isSvgIcon(currentIconName) && normalizeIconName(currentIconName),\n        size && `text-size-${size}`,\n        disabledClass,\n        disabledDangerClass,\n        disabledInverseClass,\n        className,\n        iconClassName,\n        spinningClass,\n        pulsingClass,\n        filledClass\n    );\n\n    return <span className={iconClasses} style={iconStyle} {...hoverHandlers} />;\n};\n\nexport default Icon;\n"],"mappings":";;;;;AA6IA,IAAM,KAAQ,MAAqB;CAC/B,IAAM,EACF,eAAY,IACZ,aACA,MAAM,GACN,kBACA,WAAW,GACX,mBAAgB,IAChB,iBACA,UAAU,GACV,sBACA,eAAe,GACf,uBAAoB,IACpB,SACA,cAAW,IACX,aAAU,IACV,YAAS,IACT,cAAW,IACX,oBAAiB,IACjB,qBAAkB,OAClB,GAEE,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,IAAmB,KAAY,KAAc,IAC7C,IAAwB,KAAiB,GACzC,IAAuB,KAAgB,GACvC,IAA4B,KAAqB,GACjD,IAAkB,KAAa,IAAwB,IAAwB,GAE/E,IADyB,KAA0B,KAAwB,IAE3E;EACI,oBAAoB,EAAa,EAAI;EACrC,oBAAoB,EAAa,EAAK;CAC1C,IACA,CAAC,GAED,IAAgB,IAAW,aAAa,IACxC,IAAe,IAAU,YAAY,IACrC,IAAc,IAAS,sBAAsB,IAC7C,IAAgB,IAAW,wBAAwB,IACnD,IAAsB,IAAiB,mDAAmD,IAC1F,IAAuB,IAAkB,oDAAoD,IAE/F;CAKJ,IAJI,EAAU,CAAe,MACzB,IAAY,EAAE,OAAO,OAAO,EAAgB,GAAG,IAG/C,GAAsB;EACtB,IAAM,IACF,KAAa,IAA4B,IAA4B,GACnE,IAAiB,EAAW,mBAAmB,KAAQ,aAAa,KAAQ,CAAS,GACrF,IAAc,EAChB,cACA,CAAC,EAAU,CAAe,KAAK,EAAkB,CAAe,GAChE,CACJ,GACM,IAAkB,EACpB,cACA,CAAC,EAAU,CAAmB,KAAK,EAAkB,CAAmB,GACxE,GACA,GACA,CACJ,GAEI;EAKJ,OAJI,EAAU,CAAmB,MAC7B,IAAgB,EAAE,OAAO,OAAO,EAAoB,GAAG,IAIvD,kBAAC,QAAD;GAAM,WAAW;GAAgB,GAAI;aAArC,CACI,kBAAC,QAAD;IAAM,WAAW;IAAa,OAAO;GAAY,CAAA,GACjD,kBAAC,QAAD;IAAM,WAAW;IAAiB,OAAO;GAAgB,CAAA,CACvD;;CAEd;CAgBA,OAAO,kBAAC,QAAD;EAAM,WAdO,EAChB,cACA,CAAC,EAAU,CAAe,KAAK,EAAkB,CAAe,GAChE,KAAQ,aAAa,KACrB,GACA,GACA,GACA,GACA,GACA,GACA,GACA,CAGoB;EAAa,OAAO;EAAW,GAAI;CAAgB,CAAA;AAC/E"}

package/components/icon/IconType.d.ts

@@ -0,0 +1 @@
+export type IconType = 'icon-academic-cap' | 'icon-addressbook' | 'icon-ai' | 'icon-air-pay' | 'icon-am' | 'icon-angle-double-down' | 'icon-angle-double-left' | 'icon-angle-double-right' | 'icon-angle-double-up' | 'icon-antenna' | 'icon-api' | 'icon-archive' | 'icon-area-chart' | 'icon-area-in' | 'icon-area-out' | 'icon-arrow-down' | 'icon-arrow-left' | 'icon-arrow-right' | 'icon-arrow-up' | 'icon-arrows-collapse' | 'icon-arrows-combine' | 'icon-arrows-expand' | 'icon-arrows-horizontal' | 'icon-arrows-split' | 'icon-assigned' | 'icon-axis-x' | 'icon-axis-y' | 'icon-axis-z' | 'icon-axle' | 'icon-ban-circle' | 'icon-bar-chart-box' | 'icon-battery-charging' | 'icon-battery-level-empty' | 'icon-battery-level-full' | 'icon-battery-level-low' | 'icon-beacon' | 'icon-big-bag' | 'icon-book' | 'icon-bookable-poi' | 'icon-bookmark-square' | 'icon-bookmark' | 'icon-border-crossing' | 'icon-box-open' | 'icon-box' | 'icon-brain' | 'icon-brake' | 'icon-branch-horizontal' | 'icon-branch-remove' | 'icon-branch-vertical' | 'icon-broadcast' | 'icon-building' | 'icon-bulb' | 'icon-bulk-container' | 'icon-bus-baseline' | 'icon-bus-breakdown' | 'icon-bus' | 'icon-businessman' | 'icon-calendar-parking' | 'icon-calendar-plus' | 'icon-calendar-today' | 'icon-calendar' | 'icon-camera' | 'icon-car-baseline' | 'icon-car-wash' | 'icon-car' | 'icon-card-hotel' | 'icon-card-reader' | 'icon-cards-add' | 'icon-cards-grid' | 'icon-cards-list' | 'icon-cards-table' | 'icon-cargo' | 'icon-carrier' | 'icon-chat' | 'icon-check-badge' | 'icon-check-shield' | 'icon-checkbox-checked' | 'icon-checkbox' | 'icon-checkboxes' | 'icon-chevron-down' | 'icon-chevron-left' | 'icon-chevron-right' | 'icon-chevron-up' | 'icon-chip' | 'icon-circle-dashed' | 'icon-circle-stack' | 'icon-click' | 'icon-climate-control' | 'icon-clipboard' | 'icon-cloud-download' | 'icon-cloud-not-saved' | 'icon-cloud-progress' | 'icon-cloud-upload' | 'icon-cloud' | 'icon-coasting' | 'icon-code-braces' | 'icon-code-brackets' | 'icon-coffee' | 'icon-cog' | 'icon-coil' | 'icon-color-swatch' | 'icon-comment' | 'icon-compare' | 'icon-compass' | 'icon-component-custom-recurrent' | 'icon-component-custom' | 'icon-construction' | 'icon-convert' | 'icon-conveyor-belt' | 'icon-cookie' | 'icon-cooling' | 'icon-cost-efficiency' | 'icon-crown' | 'icon-cruise-control' | 'icon-css' | 'icon-csv' | 'icon-cube-dashed' | 'icon-cube' | 'icon-currency-euro' | 'icon-damages' | 'icon-dangerousgoods' | 'icon-dashboard-view' | 'icon-dashboard' | 'icon-delivery-completed' | 'icon-delivery-error' | 'icon-delivery-late' | 'icon-delivery-on-track' | 'icon-delivery-warning' | 'icon-delivery' | 'icon-design' | 'icon-desktop' | 'icon-detail-view-info' | 'icon-detail-view' | 'icon-direction' | 'icon-discount-badge' | 'icon-document-out' | 'icon-document' | 'icon-download' | 'icon-drag-n-drop' | 'icon-drive-history' | 'icon-driver-card' | 'icon-driver' | 'icon-drivercard-in' | 'icon-drivercard-out' | 'icon-duplicate' | 'icon-earphone' | 'icon-emergency-stop' | 'icon-empty' | 'icon-engine' | 'icon-envelope-indicator' | 'icon-envelope-open' | 'icon-envelope' | 'icon-erase' | 'icon-error-sign' | 'icon-euro-note' | 'icon-exclamation-sign' | 'icon-exclamation' | 'icon-eye-close' | 'icon-eye-closed' | 'icon-eye-open' | 'icon-face-frown' | 'icon-face-neutral' | 'icon-face-smile' | 'icon-facetime-video' | 'icon-factory' | 'icon-file-signature' | 'icon-files' | 'icon-fill' | 'icon-filling-e-station' | 'icon-filling-station' | 'icon-filter-active' | 'icon-filter-reset' | 'icon-filter' | 'icon-fingerprint' | 'icon-finish' | 'icon-fire' | 'icon-flag' | 'icon-flash' | 'icon-folder-closed' | 'icon-folder-open' | 'icon-fuel-electric' | 'icon-fuel-gas' | 'icon-fuel-hydrogen' | 'icon-fuel-liquid' | 'icon-fuel-mix' | 'icon-fullscreen' | 'icon-geofence' | 'icon-get' | 'icon-give' | 'icon-globe-alt' | 'icon-globe' | 'icon-group-blocks' | 'icon-group' | 'icon-hand-down' | 'icon-hand-left' | 'icon-hand-right' | 'icon-hand-up' | 'icon-handshake' | 'icon-hash' | 'icon-heart' | 'icon-heating' | 'icon-hierarchy' | 'icon-history' | 'icon-home-sign' | 'icon-home' | 'icon-hour-glass' | 'icon-id' | 'icon-inbox-in' | 'icon-inbox-out' | 'icon-inbox-stack' | 'icon-inbox' | 'icon-info-sign' | 'icon-info' | 'icon-insert' | 'icon-issue-tracking' | 'icon-key' | 'icon-kickdown' | 'icon-language' | 'icon-layer-pois' | 'icon-layer' | 'icon-leafs' | 'icon-light-bulb' | 'icon-line-chart' | 'icon-link' | 'icon-load-unload' | 'icon-load' | 'icon-location-arrow' | 'icon-lock-open' | 'icon-lock' | 'icon-log-in' | 'icon-logout' | 'icon-looking-glass-man' | 'icon-looking-glass' | 'icon-magic-wand' | 'icon-maintenance-components' | 'icon-map-location' | 'icon-map-marker' | 'icon-map' | 'icon-megaphone' | 'icon-menu-hamburger' | 'icon-merge' | 'icon-mesh-box' | 'icon-migrate' | 'icon-milage' | 'icon-minus-light' | 'icon-minus-sign' | 'icon-minus' | 'icon-missing' | 'icon-mode-dark-light' | 'icon-more' | 'icon-new-window' | 'icon-newspaper' | 'icon-note' | 'icon-notification' | 'icon-number-1' | 'icon-number-2' | 'icon-number-3' | 'icon-off' | 'icon-oil-can' | 'icon-ok-circle' | 'icon-ok-dashed' | 'icon-ok-sign' | 'icon-ok' | 'icon-onboarding' | 'icon-ongoing' | 'icon-option-horizontal' | 'icon-option-vertical' | 'icon-order' | 'icon-palette-broken' | 'icon-palette-empty' | 'icon-palette' | 'icon-paper-clip' | 'icon-parcel-broken' | 'icon-parcel' | 'icon-parking' | 'icon-pause-circle' | 'icon-pause' | 'icon-pdf-file' | 'icon-pencil-square' | 'icon-pencil' | 'icon-phone' | 'icon-pictures' | 'icon-pin-range' | 'icon-pin' | 'icon-play-circle' | 'icon-play' | 'icon-plugged-off' | 'icon-plugged-on' | 'icon-plus-light' | 'icon-plus-sign' | 'icon-plus' | 'icon-pm' | 'icon-poi' | 'icon-polygon' | 'icon-position' | 'icon-print' | 'icon-progress-ongoing' | 'icon-progress-remaining' | 'icon-progression' | 'icon-prompt' | 'icon-pto-off' | 'icon-pto-on' | 'icon-pushpin' | 'icon-puzzle' | 'icon-pylon' | 'icon-qr-code' | 'icon-question-sign' | 'icon-question' | 'icon-record' | 'icon-recycle' | 'icon-refresh' | 'icon-remove-circle' | 'icon-remove-sign' | 'icon-remove' | 'icon-repeat-square' | 'icon-repeat' | 'icon-resize-full' | 'icon-resize-horizontal' | 'icon-resize-small' | 'icon-resize-vertical' | 'icon-retrofit' | 'icon-revert' | 'icon-rio-marker' | 'icon-rio' | 'icon-road-restrictions' | 'icon-road' | 'icon-robot' | 'icon-rocket' | 'icon-role-management' | 'icon-roll-container' | 'icon-route-option' | 'icon-route-view' | 'icon-route' | 'icon-ruler' | 'icon-satellite-radar' | 'icon-save' | 'icon-scale' | 'icon-scan' | 'icon-scissors' | 'icon-search-list' | 'icon-search-truck' | 'icon-search' | 'icon-send' | 'icon-series' | 'icon-server-stack' | 'icon-settings' | 'icon-share-alt' | 'icon-share-nodes' | 'icon-share' | 'icon-shelve-empty' | 'icon-shelve' | 'icon-ship' | 'icon-shopping-bag' | 'icon-shopping-cart' | 'icon-signature' | 'icon-slope-down-max' | 'icon-slope-down-min' | 'icon-slope-up-max' | 'icon-slope-up-min' | 'icon-sort-by-attributes-alt' | 'icon-sort-by-attributes' | 'icon-sort' | 'icon-sparkles' | 'icon-speed' | 'icon-sphere' | 'icon-spinner' | 'icon-split-view' | 'icon-square-dashed' | 'icon-stack-add' | 'icon-stack-iso' | 'icon-stack' | 'icon-star-empty' | 'icon-star' | 'icon-stars' | 'icon-start' | 'icon-stats-high' | 'icon-stats-line-dots' | 'icon-stats-low' | 'icon-stats-medium' | 'icon-stats' | 'icon-status-available' | 'icon-status-change-horizontal' | 'icon-status-change' | 'icon-status-driving' | 'icon-status-resting' | 'icon-status-working' | 'icon-steering-wheel' | 'icon-stillage' | 'icon-stopover' | 'icon-support' | 'icon-table-view' | 'icon-tachograph-download' | 'icon-tachograph' | 'icon-tag' | 'icon-tasks' | 'icon-temperature' | 'icon-th-list' | 'icon-thumbs-down' | 'icon-thumbs-up' | 'icon-tickets' | 'icon-time-alt' | 'icon-time-cancle' | 'icon-time-incomplete' | 'icon-time' | 'icon-tire' | 'icon-tms' | 'icon-to-bottom' | 'icon-to-left' | 'icon-to-right' | 'icon-to-top' | 'icon-tracking-package' | 'icon-traffic-lights' | 'icon-trailer-baseline' | 'icon-trailer-liquid' | 'icon-trailer-standard' | 'icon-trailer-tipping' | 'icon-trailer' | 'icon-trailerposition' | 'icon-train' | 'icon-transfer' | 'icon-transition-push-right' | 'icon-transition-right' | 'icon-trash-open' | 'icon-trash' | 'icon-triangle-bottom' | 'icon-triangle-left' | 'icon-triangle-right' | 'icon-triangle-top' | 'icon-trophy' | 'icon-truck-baseline' | 'icon-truck-breakdown' | 'icon-truck-unit' | 'icon-truck' | 'icon-unassigned' | 'icon-unavailable' | 'icon-unlink' | 'icon-upload' | 'icon-user-add' | 'icon-user-group' | 'icon-user-ok' | 'icon-user-remove' | 'icon-user-sign-off' | 'icon-user-sign' | 'icon-user' | 'icon-van-baseline' | 'icon-van' | 'icon-variable' | 'icon-video' | 'icon-volume' | 'icon-wallet' | 'icon-warehouse' | 'icon-warning-sign' | 'icon-weather-cloudy' | 'icon-weather-icy' | 'icon-weather-overcast' | 'icon-weather-raining' | 'icon-weather-snowing' | 'icon-weather-stormy' | 'icon-weather-sunny' | 'icon-weather-thundering' | 'icon-weather-windy' | 'icon-weight' | 'icon-width' | 'icon-wifi' | 'icon-window' | 'icon-workflow-step' | 'icon-workflow' | 'icon-workshop' | 'icon-wrench' | 'icon-xmas-raindeer' | 'icon-xmas-santa';

package/components/licensePlate/LicensePlate.js

@@ -1,23 +1,37 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
-const c = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", children: /* @__PURE__ */ l(
-  "path",
-  {
-    fill: "#FFC200",
-    fillRule: "nonzero",
-    d: "M5.143.439H5.6L5.23.71l.141.438L5 .88l-.371.27.14-.438L4.4.439h.459L5 0zm2.198.594h.458l-.37.272.141.44-.371-.271-.372.27.142-.439-.372-.271h.46l.142-.44zm1.607 1.625h.458l-.37.272.141.44-.371-.271-.372.27.142-.438-.371-.272.459-.001.142-.438zm.593 2.208H10l-.37.272.14.44-.37-.272-.372.271.14-.438-.37-.272.46-.001.141-.438zm-.59 2.214h.459l-.37.271.14.44-.37-.271-.372.271.141-.439-.371-.271.46-.001.141-.439zM7.337 8.701h.459l-.371.272.141.44-.371-.27-.371.27.14-.44-.37-.27.459-.002.142-.438zm-2.201.588h.458l-.37.272.141.439-.371-.27-.372.27.142-.439-.372-.271.46-.001.142-.438zM2.938 8.7h.458l-.37.273.141.439-.371-.27-.372.27.141-.44-.37-.27h.459l.142-.44zM1.33 7.083h.458l-.37.272.14.44-.371-.271-.372.27.142-.439-.37-.271h.458l.143-.44zM.743 4.869H1.2l-.37.272.141.439-.371-.27-.372.27.142-.439L0 4.87l.459-.001L.6 4.43zm.581-2.217h.459l-.37.272.14.439-.37-.27-.372.27.14-.439-.37-.271h.459l.142-.44zM2.94 1.03h.459l-.37.272.14.44-.37-.272-.372.271.14-.439-.37-.271.458-.001.143-.439z"
-  }
-) }), d = (h) => {
-  const { countryCode: e, hideStars: a, className: n = "", children: r } = h;
-  let t = "";
-  return e?.length === 2 && (t = "two-letters"), e?.length === 3 && (t = "three-letters"), /* @__PURE__ */ l("div", { className: `license-plate ${n}`, children: /* @__PURE__ */ s("div", { className: "plate-content", children: [
-    e && /* @__PURE__ */ s("div", { className: "plate-country", children: [
-      !a && /* @__PURE__ */ l("span", { className: "stars", children: c }),
-      /* @__PURE__ */ l("span", { className: `plate-country-code ${t}`, children: e })
-    ] }),
-    /* @__PURE__ */ l("div", { className: "plate-number", children: r })
-  ] }) });
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/licensePlate/LicensePlate.tsx
+var n = /* @__PURE__ */ e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "10",
+	height: "10",
+	children: /* @__PURE__ */ e("path", {
+		fill: "#FFC200",
+		fillRule: "nonzero",
+		d: "M5.143.439H5.6L5.23.71l.141.438L5 .88l-.371.27.14-.438L4.4.439h.459L5 0zm2.198.594h.458l-.37.272.141.44-.371-.271-.372.27.142-.439-.372-.271h.46l.142-.44zm1.607 1.625h.458l-.37.272.141.44-.371-.271-.372.27.142-.438-.371-.272.459-.001.142-.438zm.593 2.208H10l-.37.272.14.44-.37-.272-.372.271.14-.438-.37-.272.46-.001.141-.438zm-.59 2.214h.459l-.37.271.14.44-.37-.271-.372.271.141-.439-.371-.271.46-.001.141-.439zM7.337 8.701h.459l-.371.272.141.44-.371-.27-.371.27.14-.44-.37-.27.459-.002.142-.438zm-2.201.588h.458l-.37.272.141.439-.371-.27-.372.27.142-.439-.372-.271.46-.001.142-.438zM2.938 8.7h.458l-.37.273.141.439-.371-.27-.372.27.141-.44-.37-.27h.459l.142-.44zM1.33 7.083h.458l-.37.272.14.44-.371-.271-.372.27.142-.439-.37-.271h.458l.143-.44zM.743 4.869H1.2l-.37.272.141.439-.371-.27-.372.27.142-.439L0 4.87l.459-.001L.6 4.43zm.581-2.217h.459l-.37.272.14.439-.37-.27-.372.27.14-.439-.37-.271h.459l.142-.44zM2.94 1.03h.459l-.37.272.14.44-.37-.272-.372.271.14-.439-.37-.271.458-.001.143-.439z"
+	})
+}), r = (r) => {
+	let { countryCode: i, hideStars: a, className: o = "", children: s } = r, c = "";
+	return i?.length === 2 && (c = "two-letters"), i?.length === 3 && (c = "three-letters"), /* @__PURE__ */ e("div", {
+		className: `license-plate ${o}`,
+		children: /* @__PURE__ */ t("div", {
+			className: "plate-content",
+			children: [i && /* @__PURE__ */ t("div", {
+				className: "plate-country",
+				children: [!a && /* @__PURE__ */ e("span", {
+					className: "stars",
+					children: n
+				}), /* @__PURE__ */ e("span", {
+					className: `plate-country-code ${c}`,
+					children: i
+				})]
+			}), /* @__PURE__ */ e("div", {
+				className: "plate-number",
+				children: s
+			})]
+		})
+	});
 };
-export {
-  d as default
-};
-//# sourceMappingURL=LicensePlate.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=LicensePlate.js.map