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

package/components/dropdown/DropdownToggleButton.js

@@ -1,87 +1,45 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as C } from "react";
-import R from "../button/Button.js";
-import h from "../../hooks/useMergeRefs.js";
-import g from "../../utils/classNames.js";
-const A = C((f, d) => {
-  const {
-    id: e,
-    disabled: t,
-    iconName: b,
-    bsSize: m,
-    bsStyle: p,
-    variant: y,
-    splitButton: o = !1,
-    onClick: s,
-    toggleButtonType: u = "button",
-    className: n = "",
-    as: k,
-    children: r,
-    outerRef: N,
-    iconOnly: v,
-    trackingAttributes: l,
-    ...a
-  } = f, i = h(N, d), w = g(!o && "dropdown-toggle", !o && n), x = g(
-    "dropdown-toggle",
-    "label",
-    `label-${p}`,
-    "display-flex align-items-center",
-    "user-select-none cursor-pointer",
-    t && "pointer-events-none",
-    n
-  ), B = g(
-    "dropdown-toggle",
-    "tag",
-    "clickable height-auto",
-    m === "sm" && "tag-small",
-    "display-flex align-items-center",
-    "user-select-none cursor-pointer",
-    t && "pointer-events-none",
-    n
-  );
-  return u === "tag" ? /* @__PURE__ */ c(
-    "div",
-    {
-      ...a,
-      ...l,
-      id: e,
-      ref: i,
-      onClick: s,
-      className: B,
-      children: r
-    }
-  ) : u === "label" ? /* @__PURE__ */ c(
-    "div",
-    {
-      ...a,
-      ...l,
-      id: e,
-      ref: i,
-      onClick: s,
-      className: x,
-      children: r
-    }
-  ) : /* @__PURE__ */ c(
-    R,
-    {
-      ...a,
-      ...l,
-      id: o ? `button-${e}` : e,
-      type: "button",
-      ref: i,
-      disabled: t,
-      bsStyle: p,
-      bsSize: m,
-      variant: y,
-      onClick: s,
-      iconName: b,
-      iconOnly: v,
-      className: w,
-      children: r
-    }
-  );
+import e from "../../utils/classNames.js";
+import t from "../../hooks/useMergeRefs.js";
+import n from "../button/Button.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/dropdown/DropdownToggleButton.tsx
+var a = r((r, a) => {
+	let { id: o, disabled: s, iconName: c, bsSize: l, bsStyle: u, variant: d, splitButton: f = !1, onClick: p, toggleButtonType: m = "button", className: h = "", as: g, children: _, outerRef: v, iconOnly: y, trackingAttributes: b, ...x } = r, S = t(v, a), C = e(!f && "dropdown-toggle", !f && h), w = e("dropdown-toggle", "label", `label-${u}`, "display-flex align-items-center", "user-select-none cursor-pointer", s && "pointer-events-none", h), T = e("dropdown-toggle", "tag", "clickable height-auto", l === "sm" && "tag-small", "display-flex align-items-center", "user-select-none cursor-pointer", s && "pointer-events-none", h);
+	return m === "tag" ? /* @__PURE__ */ i("div", {
+		...x,
+		...b,
+		id: o,
+		ref: S,
+		onClick: p,
+		className: T,
+		children: _
+	}) : m === "label" ? /* @__PURE__ */ i("div", {
+		...x,
+		...b,
+		id: o,
+		ref: S,
+		onClick: p,
+		className: w,
+		children: _
+	}) : /* @__PURE__ */ i(n, {
+		...x,
+		...b,
+		id: f ? `button-${o}` : o,
+		type: "button",
+		ref: S,
+		disabled: s,
+		bsStyle: u,
+		bsSize: l,
+		variant: d,
+		onClick: p,
+		iconName: c,
+		iconOnly: y,
+		className: C,
+		children: _
+	});
 });
-export {
-  A as default
-};
-//# sourceMappingURL=DropdownToggleButton.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=DropdownToggleButton.js.map

package/components/dropdown/DropdownToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownToggleButton.js","sources":["../../../src/components/dropdown/DropdownToggleButton.tsx"],"sourcesContent":["import { forwardRef, type HTMLProps, type PropsWithChildren } from 'react';\n\nimport Button, { type BUTTON_VARIANT, type BUTTON_SIZE, type BUTTON_STYLE } from '../button/Button';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\nimport type { TrackingAttributes } from '../../utils/analytics/googleAnalyticsUtils';\n\nexport type DropdownToggleButtonType = 'button' | 'tag' | 'label';\n\nexport type DropdownToggleEvent<T extends DropdownToggleButtonType = 'button'> = T extends 'button'\n    ? React.MouseEvent<HTMLButtonElement>\n    : React.MouseEvent<HTMLDivElement>;\n\nexport type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {\n    id?: string;\n    disabled?: boolean;\n    iconName?: string;\n    splitButton?: boolean;\n    iconOnly?: boolean;\n    onClick: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;\n    bsSize: BUTTON_SIZE;\n    bsStyle: BUTTON_STYLE;\n    variant?: BUTTON_VARIANT;\n    toggleButtonType?: DropdownToggleButtonType;\n    outerRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;\n    className?: string;\n    trackingAttributes?: TrackingAttributes;\n};\n\nconst DropdownToggleButton = forwardRef<\n    HTMLButtonElement | HTMLDivElement,\n    PropsWithChildren<DropdownToggleButtonProps>\n>((props, ref) => {\n    const {\n        id,\n        disabled,\n        iconName,\n        bsSize,\n        bsStyle,\n        variant,\n        splitButton = false,\n        onClick,\n        toggleButtonType = 'button',\n        className = '',\n        as: _as,\n        children,\n        outerRef,\n        iconOnly,\n        trackingAttributes,\n        ...remainingProps\n    } = props;\n\n    const toggleRef = useMergeRefs(outerRef, ref);\n\n    const buttonClasses = classNames(!splitButton && 'dropdown-toggle', !splitButton && className);\n\n    const labelClasses = classNames(\n        'dropdown-toggle',\n        'label',\n        `label-${bsStyle}`,\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n    const tagClasses = classNames(\n        'dropdown-toggle',\n        'tag',\n        'clickable height-auto',\n        bsSize === 'sm' && 'tag-small',\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n\n    if (toggleButtonType === 'tag') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                {...trackingAttributes}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={tagClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (toggleButtonType === 'label') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                {...trackingAttributes}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={labelClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    return (\n        <Button\n            {...remainingProps}\n            {...trackingAttributes}\n            id={splitButton ? `button-${id}` : id}\n            type='button'\n            ref={toggleRef}\n            disabled={disabled}\n            bsStyle={bsStyle}\n            bsSize={bsSize}\n            variant={variant}\n            onClick={onClick}\n            iconName={iconName}\n            iconOnly={iconOnly}\n            className={buttonClasses}\n        >\n            {children}\n        </Button>\n    );\n});\n\nexport default DropdownToggleButton;\n"],"names":["DropdownToggleButton","forwardRef","props","ref","id","disabled","iconName","bsSize","bsStyle","variant","splitButton","onClick","toggleButtonType","className","_as","children","outerRef","iconOnly","trackingAttributes","remainingProps","toggleRef","useMergeRefs","buttonClasses","classNames","labelClasses","tagClasses","jsx","Button"],"mappings":";;;;;AA6BA,MAAMA,IAAuBC,EAG3B,CAACC,GAAOC,MAAQ;AACd,QAAM;AAAA,IACF,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,WAAAC,IAAY;AAAA,IACZ,IAAIC;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHjB,GAEEkB,IAAYC,EAAaL,GAAUb,CAAG,GAEtCmB,IAAgBC,EAAW,CAACb,KAAe,mBAAmB,CAACA,KAAeG,CAAS,GAEvFW,IAAeD;AAAA,IACjB;AAAA,IACA;AAAA,IACA,SAASf,CAAO;AAAA,IAChB;AAAA,IACA;AAAA,IACAH,KAAY;AAAA,IACZQ;AAAA,EAAA,GAEEY,IAAaF;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACAhB,MAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACAF,KAAY;AAAA,IACZQ;AAAA,EAAA;AAGJ,SAAID,MAAqB,QAEjB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAIP;AAAA,MACJ,GAAGD;AAAA,MACJ,IAAAd;AAAA,MACA,KAAKgB;AAAA,MACL,SAAAT;AAAA,MACA,WAAWc;AAAA,MAEV,UAAAV;AAAA,IAAA;AAAA,EAAA,IAKTH,MAAqB,UAEjB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAIP;AAAA,MACJ,GAAGD;AAAA,MACJ,IAAAd;AAAA,MACA,KAAKgB;AAAA,MACL,SAAAT;AAAA,MACA,WAAWa;AAAA,MAEV,UAAAT;AAAA,IAAA;AAAA,EAAA,IAMT,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACH,GAAGD;AAAA,MACJ,IAAIR,IAAc,UAAUN,CAAE,KAAKA;AAAA,MACnC,MAAK;AAAA,MACL,KAAKgB;AAAA,MACL,UAAAf;AAAA,MACA,SAAAG;AAAA,MACA,QAAAD;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,MACA,UAAAL;AAAA,MACA,UAAAW;AAAA,MACA,WAAWK;AAAA,MAEV,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}
+{"version":3,"file":"DropdownToggleButton.js","names":[],"sources":["../../../src/components/dropdown/DropdownToggleButton.tsx"],"sourcesContent":["import { forwardRef, type HTMLProps, type PropsWithChildren } from 'react';\n\nimport Button, { type BUTTON_VARIANT, type BUTTON_SIZE, type BUTTON_STYLE } from '../button/Button';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\nimport type { TrackingAttributes } from '../../utils/analytics/googleAnalyticsUtils';\nimport type { IconType } from '../icon/Icon';\n\nexport type DropdownToggleButtonType = 'button' | 'tag' | 'label';\n\nexport type DropdownToggleEvent<T extends DropdownToggleButtonType = 'button'> = T extends 'button'\n    ? React.MouseEvent<HTMLButtonElement>\n    : React.MouseEvent<HTMLDivElement>;\n\nexport type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {\n    id?: string;\n    disabled?: boolean;\n    iconName?: IconType;\n    splitButton?: boolean;\n    iconOnly?: boolean;\n    onClick: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;\n    bsSize: BUTTON_SIZE;\n    bsStyle: BUTTON_STYLE;\n    variant?: BUTTON_VARIANT;\n    toggleButtonType?: DropdownToggleButtonType;\n    outerRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;\n    className?: string;\n    trackingAttributes?: TrackingAttributes;\n};\n\nconst DropdownToggleButton = forwardRef<\n    HTMLButtonElement | HTMLDivElement,\n    PropsWithChildren<DropdownToggleButtonProps>\n>((props, ref) => {\n    const {\n        id,\n        disabled,\n        iconName,\n        bsSize,\n        bsStyle,\n        variant,\n        splitButton = false,\n        onClick,\n        toggleButtonType = 'button',\n        className = '',\n        as: _as,\n        children,\n        outerRef,\n        iconOnly,\n        trackingAttributes,\n        ...remainingProps\n    } = props;\n\n    const toggleRef = useMergeRefs(outerRef, ref);\n\n    const buttonClasses = classNames(!splitButton && 'dropdown-toggle', !splitButton && className);\n\n    const labelClasses = classNames(\n        'dropdown-toggle',\n        'label',\n        `label-${bsStyle}`,\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n    const tagClasses = classNames(\n        'dropdown-toggle',\n        'tag',\n        'clickable height-auto',\n        bsSize === 'sm' && 'tag-small',\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n\n    if (toggleButtonType === 'tag') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                {...trackingAttributes}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={tagClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (toggleButtonType === 'label') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                {...trackingAttributes}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={labelClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    return (\n        <Button\n            {...remainingProps}\n            {...trackingAttributes}\n            id={splitButton ? `button-${id}` : id}\n            type='button'\n            ref={toggleRef}\n            disabled={disabled}\n            bsStyle={bsStyle}\n            bsSize={bsSize}\n            variant={variant}\n            onClick={onClick}\n            iconName={iconName}\n            iconOnly={iconOnly}\n            className={buttonClasses}\n        >\n            {children}\n        </Button>\n    );\n});\n\nexport default DropdownToggleButton;\n"],"mappings":";;;;;;AA8BA,IAAM,IAAuB,GAG1B,GAAO,MAAQ;CACd,IAAM,EACF,OACA,aACA,aACA,WACA,YACA,YACA,iBAAc,IACd,YACA,sBAAmB,UACnB,eAAY,IACZ,IAAI,GACJ,aACA,aACA,aACA,uBACA,GAAG,MACH,GAEE,IAAY,EAAa,GAAU,CAAG,GAEtC,IAAgB,EAAW,CAAC,KAAe,mBAAmB,CAAC,KAAe,CAAS,GAEvF,IAAe,EACjB,mBACA,SACA,SAAS,KACT,mCACA,mCACA,KAAY,uBACZ,CACJ,GACM,IAAa,EACf,mBACA,OACA,yBACA,MAAW,QAAQ,aACnB,mCACA,mCACA,KAAY,uBACZ,CACJ;CAgCA,OA9BI,MAAqB,QAEjB,kBAAC,OAAD;EACI,GAAK;EACL,GAAI;EACA;EACJ,KAAK;EACI;EACT,WAAW;EAEV;CACA,CAAA,IAIT,MAAqB,UAEjB,kBAAC,OAAD;EACI,GAAK;EACL,GAAI;EACA;EACJ,KAAK;EACI;EACT,WAAW;EAEV;CACA,CAAA,IAKT,kBAAC,GAAD;EACI,GAAI;EACJ,GAAI;EACJ,IAAI,IAAc,UAAU,MAAO;EACnC,MAAK;EACL,KAAK;EACK;EACD;EACD;EACC;EACA;EACC;EACA;EACV,WAAW;EAEV;CACG,CAAA;AAEhB,CAAC"}

package/components/dropdown/SimpleButtonDropdown.js

@@ -1,7 +1,11 @@
+import e from "./ButtonDropdown.js";
 import { jsx as t } from "react/jsx-runtime";
-import r from "./ButtonDropdown.js";
-const e = (o) => /* @__PURE__ */ t(r, { ...o, noCaret: !0 });
-export {
-  e as default
-};
-//# sourceMappingURL=SimpleButtonDropdown.js.map
+//#region src/components/dropdown/SimpleButtonDropdown.tsx
+var n = (n) => /* @__PURE__ */ t(e, {
+	...n,
+	noCaret: !0
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SimpleButtonDropdown.js.map

package/components/dropdown/SimpleButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleButtonDropdown.js","sources":["../../../src/components/dropdown/SimpleButtonDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from './ButtonDropdown';\n\nexport type SimpleButtonDropdownProps = ButtonDropdownProps;\n\nconst SimpleButtonDropdown = (props: SimpleButtonDropdownProps) => <ButtonDropdown {...props} noCaret />;\n\nexport default SimpleButtonDropdown;\n"],"names":["SimpleButtonDropdown","props","jsx","ButtonDropdown"],"mappings":";;AAIA,MAAMA,IAAuB,CAACC,MAAqC,gBAAAC,EAACC,KAAgB,GAAGF,GAAO,SAAO,GAAA,CAAC;"}
+{"version":3,"file":"SimpleButtonDropdown.js","names":[],"sources":["../../../src/components/dropdown/SimpleButtonDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from './ButtonDropdown';\n\nexport type SimpleButtonDropdownProps = ButtonDropdownProps;\n\nconst SimpleButtonDropdown = (props: SimpleButtonDropdownProps) => <ButtonDropdown {...props} noCaret />;\n\nexport default SimpleButtonDropdown;\n"],"mappings":";;;AAIA,IAAM,KAAwB,MAAqC,kBAAC,GAAD;CAAgB,GAAI;CAAO,SAAA;AAAS,CAAA"}

package/components/dropdown/SingleButtonDropdown.js

@@ -1,7 +1,8 @@
+import e from "./ButtonDropdown.js";
 import { jsx as t } from "react/jsx-runtime";
-import r from "./ButtonDropdown.js";
-const m = (o) => /* @__PURE__ */ t(r, { ...o });
-export {
-  m as default
-};
-//# sourceMappingURL=SingleButtonDropdown.js.map
+//#region src/components/dropdown/SingleButtonDropdown.tsx
+var n = (n) => /* @__PURE__ */ t(e, { ...n });
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SingleButtonDropdown.js.map

package/components/dropdown/SingleButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleButtonDropdown.js","sources":["../../../src/components/dropdown/SingleButtonDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from './ButtonDropdown';\n\nexport type SingleButtonDropdownProps = ButtonDropdownProps;\n\nconst SingleButtonDropdown = (props: SingleButtonDropdownProps) => <ButtonDropdown {...props} />;\n\nexport default SingleButtonDropdown;\n"],"names":["SingleButtonDropdown","props","jsx","ButtonDropdown"],"mappings":";;AAIA,MAAMA,IAAuB,CAACC,MAAqC,gBAAAC,EAACC,GAAA,EAAgB,GAAGF,EAAA,CAAO;"}
+{"version":3,"file":"SingleButtonDropdown.js","names":[],"sources":["../../../src/components/dropdown/SingleButtonDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from './ButtonDropdown';\n\nexport type SingleButtonDropdownProps = ButtonDropdownProps;\n\nconst SingleButtonDropdown = (props: SingleButtonDropdownProps) => <ButtonDropdown {...props} />;\n\nexport default SingleButtonDropdown;\n"],"mappings":";;;AAIA,IAAM,KAAwB,MAAqC,kBAAC,GAAD,EAAgB,GAAI,EAAQ,CAAA"}

package/components/dropdown/SplitButtonDropdown.js

@@ -1,7 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./ButtonDropdown.js";
-const u = (t) => /* @__PURE__ */ o(r, { ...t, splitButton: !0 });
-export {
-  u as default
-};
-//# sourceMappingURL=SplitButtonDropdown.js.map
+import e from "./ButtonDropdown.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/dropdown/SplitButtonDropdown.tsx
+var n = (n) => /* @__PURE__ */ t(e, {
+	...n,
+	splitButton: !0
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SplitButtonDropdown.js.map

package/components/dropdown/SplitButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButtonDropdown.js","sources":["../../../src/components/dropdown/SplitButtonDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from './ButtonDropdown';\n\nexport type SplitButtonDropdownProps = ButtonDropdownProps;\n\nconst SplitButtonDropdown = (props: SplitButtonDropdownProps) => <ButtonDropdown {...props} splitButton />;\n\nexport default SplitButtonDropdown;\n"],"names":["SplitButtonDropdown","props","jsx","ButtonDropdown"],"mappings":";;AAIA,MAAMA,IAAsB,CAACC,MAAoC,gBAAAC,EAACC,KAAgB,GAAGF,GAAO,aAAW,GAAA,CAAC;"}
+{"version":3,"file":"SplitButtonDropdown.js","names":[],"sources":["../../../src/components/dropdown/SplitButtonDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from './ButtonDropdown';\n\nexport type SplitButtonDropdownProps = ButtonDropdownProps;\n\nconst SplitButtonDropdown = (props: SplitButtonDropdownProps) => <ButtonDropdown {...props} splitButton />;\n\nexport default SplitButtonDropdown;\n"],"mappings":";;;AAIA,IAAM,KAAuB,MAAoC,kBAAC,GAAD;CAAgB,GAAI;CAAO,aAAA;AAAa,CAAA"}

package/components/dropdown/SplitCaretButton.js

@@ -1,26 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import f from "../../utils/classNames.js";
-import c from "./Caret.js";
-import d from "../button/Button.js";
-const S = p((o, s) => {
-  const { disabled: r = !1, bsStyle: e, bsSize: a, onClick: m, className: i, as: u, ...l } = o, n = f("dropdown-toggle", i);
-  return /* @__PURE__ */ t(
-    d,
-    {
-      ...l,
-      type: "button",
-      ref: s,
-      disabled: r,
-      bsStyle: e,
-      bsSize: a,
-      onClick: m,
-      className: n,
-      children: /* @__PURE__ */ t(c, {})
-    }
-  );
+import e from "../../utils/classNames.js";
+import t from "../button/Button.js";
+import n from "./Caret.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/dropdown/SplitCaretButton.tsx
+var a = r((r, a) => {
+	let { disabled: o = !1, bsStyle: s, bsSize: c, onClick: l, className: u, as: d, ...f } = r, p = e("dropdown-toggle", u);
+	return /* @__PURE__ */ i(t, {
+		...f,
+		type: "button",
+		ref: a,
+		disabled: o,
+		bsStyle: s,
+		bsSize: c,
+		onClick: l,
+		className: p,
+		children: /* @__PURE__ */ i(n, {})
+	});
 });
-export {
-  S as default
-};
-//# sourceMappingURL=SplitCaretButton.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=SplitCaretButton.js.map

package/components/dropdown/SplitCaretButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitCaretButton.js","sources":["../../../src/components/dropdown/SplitCaretButton.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLProps, type PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport Caret from './Caret';\nimport Button, { type BUTTON_STYLE, type BUTTON_SIZE } from '../button/Button';\n\nexport type SplitCaretButtonProps = HTMLProps<HTMLButtonElement> & {\n    disabled?: boolean;\n    iconOnly?: boolean;\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    bsSize: BUTTON_SIZE;\n    bsStyle: BUTTON_STYLE;\n    className?: string;\n};\n\nconst SplitCaretButton = forwardRef<HTMLButtonElement, PropsWithChildren<SplitCaretButtonProps>>((props, ref) => {\n    const { disabled = false, bsStyle, bsSize, onClick, className, as: _as, ...remainingProps } = props;\n\n    const splitCaretButtonClasses = classNames('dropdown-toggle', className);\n\n    return (\n        <Button\n            {...remainingProps}\n            type='button'\n            ref={ref}\n            disabled={disabled}\n            bsStyle={bsStyle}\n            bsSize={bsSize}\n            onClick={onClick}\n            className={splitCaretButtonClasses}\n        >\n            <Caret />\n        </Button>\n    );\n});\n\nexport default SplitCaretButton;\n"],"names":["SplitCaretButton","forwardRef","props","ref","disabled","bsStyle","bsSize","onClick","className","_as","remainingProps","splitCaretButtonClasses","classNames","jsx","Button","Caret"],"mappings":";;;;;AAeA,MAAMA,IAAmBC,EAAwE,CAACC,GAAOC,MAAQ;AAC7G,QAAM,EAAE,UAAAC,IAAW,IAAO,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,IAAIC,GAAK,GAAGC,EAAA,IAAmBR,GAExFS,IAA0BC,EAAW,mBAAmBJ,CAAS;AAEvE,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGJ;AAAA,MACJ,MAAK;AAAA,MACL,KAAAP;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAWI;AAAA,MAEX,4BAACI,GAAA,CAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC;"}
+{"version":3,"file":"SplitCaretButton.js","names":[],"sources":["../../../src/components/dropdown/SplitCaretButton.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLProps, type PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport Caret from './Caret';\nimport Button, { type BUTTON_STYLE, type BUTTON_SIZE } from '../button/Button';\n\nexport type SplitCaretButtonProps = HTMLProps<HTMLButtonElement> & {\n    disabled?: boolean;\n    iconOnly?: boolean;\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    bsSize: BUTTON_SIZE;\n    bsStyle: BUTTON_STYLE;\n    className?: string;\n};\n\nconst SplitCaretButton = forwardRef<HTMLButtonElement, PropsWithChildren<SplitCaretButtonProps>>((props, ref) => {\n    const { disabled = false, bsStyle, bsSize, onClick, className, as: _as, ...remainingProps } = props;\n\n    const splitCaretButtonClasses = classNames('dropdown-toggle', className);\n\n    return (\n        <Button\n            {...remainingProps}\n            type='button'\n            ref={ref}\n            disabled={disabled}\n            bsStyle={bsStyle}\n            bsSize={bsSize}\n            onClick={onClick}\n            className={splitCaretButtonClasses}\n        >\n            <Caret />\n        </Button>\n    );\n});\n\nexport default SplitCaretButton;\n"],"mappings":";;;;;;AAeA,IAAM,IAAmB,GAAyE,GAAO,MAAQ;CAC7G,IAAM,EAAE,cAAW,IAAO,YAAS,WAAQ,YAAS,cAAW,IAAI,GAAK,GAAG,MAAmB,GAExF,IAA0B,EAAW,mBAAmB,CAAS;CAEvE,OACI,kBAAC,GAAD;EACI,GAAI;EACJ,MAAK;EACA;EACK;EACD;EACD;EACC;EACT,WAAW;YAEX,kBAAC,GAAD,CAAQ,CAAA;CACJ,CAAA;AAEhB,CAAC"}

package/components/editableContent/EditableContent.js

@@ -1,153 +1,97 @@
-import { jsxs as c, Fragment as re, jsx as o } from "react/jsx-runtime";
-import { useState as s, useRef as ie, useEffect as le, useMemo as ce } from "react";
-import { noop as r } from "es-toolkit/function";
-import { usePopper as pe } from "react-popper";
-import { createPortal as de } from "react-dom";
-import p from "../../utils/classNames.js";
-import { getOrCreatePortalRoot as fe } from "../../utils/portalRoot.js";
-import ue from "../../hooks/useEsc.js";
-import me from "../../hooks/useFocusTrap.js";
-const Ee = -13, he = -18, O = 1, we = (P) => {
-  const {
-    show: t,
-    onSave: S = r,
-    onCancel: w = r,
-    onFocus: M = r,
-    onBlur: R = r,
-    onEditMode: F = r,
-    onSaveValidation: T = () => !0,
-    isValid: n = !0,
-    errorMessage: V,
-    allowResize: k = !1,
-    inputRows: m = O,
-    editorOffsetTop: I = 0,
-    editorOffsetLeft: _ = 0,
-    customEditor: E,
-    size: d = "md",
-    className: W = "",
-    inputClassName: z = "",
-    editorClassName: D = "",
-    children: A,
-    ...L
-  } = P, [i, l] = s(t), [f, h] = s(""), [b, u] = s(!n), [C, j] = s(null), [g, K] = s(null), y = !!E;
-  ue(() => N()), me(g);
-  const a = ie(null);
-  le(() => {
-    a.current && i && (a.current?.focus(), a.current?.select());
-  }, [i, a.current]);
-  const $ = {
-    placement: "bottom-start",
-    modifiers: [ce(
-      () => ({
-        name: "offset",
-        options: {
-          offset: ({ reference: e }) => {
-            const ne = he + _, ae = -(e.height - (Ee + I));
-            return [ne, ae];
-          }
-        }
-      }),
-      []
-    )],
-    strategy: "absolute"
-  }, { styles: B, attributes: H } = pe(C, g, $), U = () => {
-    t === void 0 && v(), F();
-  }, v = () => {
-    l(!0), h(C?.textContent?.trimEnd() ?? ""), u(!1);
-  }, X = (e) => {
-    h(e.target.value);
-  }, q = (e) => {
-    e.key === "Enter" && m === O && (e.preventDefault(), x());
-  }, N = () => {
-    l(!1), w();
-  }, x = () => {
-    const e = T(f);
-    u(!e), e && (l(!1), S(f.trimEnd()));
-  }, [G, J] = s(t);
-  t !== G && (t && v(), t || l(!1), J(t));
-  const [Q, Y] = s(n);
-  n !== Q && (u(!n), Y(n));
-  const Z = p(W, i && "opacity-0"), ee = p(
-    "EditableContentEditor",
-    "display-flex gap-5",
-    "padding-5",
-    "rounded",
-    "shadow-accent",
-    "z-index-max",
-    "bg-white",
-    D
-  ), te = p(
-    "display-flex flex-column gap-5",
-    "margin-0",
-    "form-group",
-    b && "has-feedback has-error"
-  ), oe = p("form-control", d === "lg" && "input-lg", z), se = {
-    minWidth: "100px",
-    resize: k ? "vertical" : "none"
-  };
-  return /* @__PURE__ */ c(re, { children: [
-    /* @__PURE__ */ o("span", { ref: j, onClick: U, className: Z, children: A }),
-    i && de(
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: ee,
-          onClick: (e) => e.stopPropagation(),
-          ref: K,
-          style: B.popper,
-          ...H.popper,
-          ...L,
-          children: [
-            /* @__PURE__ */ c("div", { className: te, children: [
-              y && E,
-              !y && /* @__PURE__ */ o(
-                "textarea",
-                {
-                  ref: a,
-                  className: oe,
-                  value: f,
-                  onChange: X,
-                  onFocus: M,
-                  onBlur: R,
-                  onKeyDown: q,
-                  style: se,
-                  rows: m
-                }
-              ),
-              b && /* @__PURE__ */ o("div", { className: "help-block position-relative", children: V })
-            ] }),
-            /* @__PURE__ */ c("div", { className: "display-flex gap-5", children: [
-              /* @__PURE__ */ o(
-                "button",
-                {
-                  type: "button",
-                  onClick: N,
-                  className: `EditableContentCancel btn btn-default btn-icon-only btn-${d}`,
-                  "aria-label": "EditableContent cancel button",
-                  "data-testid": "EditableContentCancel",
-                  children: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-remove" })
-                }
-              ),
-              /* @__PURE__ */ o(
-                "button",
-                {
-                  type: "button",
-                  onClick: x,
-                  className: `EditableContentSave btn btn-primary btn-icon-only btn-${d}`,
-                  "aria-label": "EditableContent save button",
-                  "data-testid": "EditableContentSave",
-                  children: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-ok" })
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      fe()
-    )
-  ] });
+import e from "../../hooks/useFocusTrap.js";
+import t from "../../hooks/useEsc.js";
+import n from "../../utils/classNames.js";
+import { useAnchorName as r, usePopover as i } from "../../hooks/useAnchoredPopover.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
+import { noop as c } from "es-toolkit/function";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/editableContent/EditableContent.tsx
+var f = -13, p = -18, m = 1, h = (h) => {
+	let { show: g, onSave: _ = c, onCancel: v = c, onFocus: y = c, onBlur: b = c, onEditMode: x = c, onSaveValidation: S = () => !0, isValid: C = !0, errorMessage: w, allowResize: T = !1, inputRows: E = m, editorOffsetTop: D = 0, editorOffsetLeft: O = 0, customEditor: k, size: A = "md", className: j = "", inputClassName: M = "", editorClassName: N = "", children: P, ...F } = h, [I, L] = s(g), [R, z] = s(""), [B, V] = s(!C), [H, ee] = s(null), [U, W] = s(null), G = !!k, K = r("editable-content");
+	t(() => Q()), e(U), i(U, I);
+	let q = o(null);
+	a(() => {
+		q.current && I && (q.current?.focus(), q.current?.select());
+	}, [I, q.current]);
+	let J = () => {
+		g === void 0 && Y(), x();
+	}, Y = () => {
+		L(!0), z(H?.textContent?.trimEnd() ?? ""), V(!1);
+	}, X = (e) => {
+		z(e.target.value);
+	}, Z = (e) => {
+		e.key === "Enter" && E === m && (e.preventDefault(), $());
+	}, Q = () => {
+		L(!1), v();
+	}, $ = () => {
+		let e = S(R);
+		V(!e), e && (L(!1), _(R.trimEnd()));
+	}, [te, ne] = s(g);
+	g !== te && (g && Y(), g || L(!1), ne(g));
+	let [re, ie] = s(C);
+	C !== re && (V(!C), ie(C));
+	let ae = n(j, I && "opacity-0"), oe = n("EditableContentEditor", "display-flex gap-5", "padding-5", "rounded", "shadow-accent", "z-index-max", "bg-white", N), se = n("display-flex flex-column gap-5", "margin-0", "form-group", B && "has-feedback has-error"), ce = n("form-control", A === "lg" && "input-lg", M), le = {
+		minWidth: "100px",
+		resize: T ? "vertical" : "none"
+	}, ue = { anchorName: K }, de = {
+		"--editable-content-editor-offset-top": `${f + D}px`,
+		"--editable-content-editor-offset-left": `${p + O}px`,
+		positionAnchor: K
+	};
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("span", {
+		ref: ee,
+		onClick: J,
+		className: ae,
+		style: ue,
+		children: P
+	}), I && /* @__PURE__ */ d("div", {
+		className: oe,
+		onClick: (e) => e.stopPropagation(),
+		ref: W,
+		style: de,
+		popover: "manual",
+		...F,
+		children: [/* @__PURE__ */ d("div", {
+			className: se,
+			children: [
+				G && k,
+				!G && /* @__PURE__ */ u("textarea", {
+					ref: q,
+					className: ce,
+					value: R,
+					onChange: X,
+					onFocus: y,
+					onBlur: b,
+					onKeyDown: Z,
+					style: le,
+					rows: E
+				}),
+				B && /* @__PURE__ */ u("div", {
+					className: "help-block position-relative",
+					children: w
+				})
+			]
+		}), /* @__PURE__ */ d("div", {
+			className: "display-flex gap-5",
+			children: [/* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: Q,
+				className: `EditableContentCancel btn btn-default btn-icon-only btn-${A}`,
+				"aria-label": "EditableContent cancel button",
+				"data-testid": "EditableContentCancel",
+				children: /* @__PURE__ */ u("span", { className: "uikit-icon icon-remove" })
+			}), /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: $,
+				className: `EditableContentSave btn btn-primary btn-icon-only btn-${A}`,
+				"aria-label": "EditableContent save button",
+				"data-testid": "EditableContentSave",
+				children: /* @__PURE__ */ u("span", { className: "uikit-icon icon-ok" })
+			})]
+		})]
+	})] });
 };
-export {
-  we as default
-};
-//# sourceMappingURL=EditableContent.js.map
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=EditableContent.js.map