@cfx-dev/ui-components 2.1.24 → 3.0.0

package/dist/{Rail-nVRissv6.js → Rail-XT5PwAlx.js}

@@ -3,7 +3,7 @@ import r from "react";
 import { Interactive as C } from "./components/Interactive/Interactive.js";
 import { clsx as v } from "./utils/clsx.js";
 import { clamp01 as b } from "./utils/math.js";
-import './assets/Rail.css';const P = "_virtual_tl3f9_1", T = "_root_tl3f9_5", R = "_rail_tl3f9_12", M = "_active_tl3f9_12", y = "_scroller_tl3f9_15", z = "_content_tl3f9_26", E = "_thumb_tl3f9_40", a = {
+const P = "_virtual_tl3f9_1", T = "_root_tl3f9_5", R = "_rail_tl3f9_12", M = "_active_tl3f9_12", y = "_scroller_tl3f9_15", z = "_content_tl3f9_26", E = "_thumb_tl3f9_40", a = {
   virtual: P,
   root: T,
   rail: R,

package/dist/assets/all_css.css

@@ -0,0 +1,55 @@
+
+@import "./css/Accordion.css";
+@import "./css/Avatar.css";
+@import "./css/Badge.css";
+@import "./css/Box.css";
+@import "./css/Button.css";
+@import "./css/ButtonBar.css";
+@import "./css/Center.css";
+@import "./css/Checkbox.css";
+@import "./css/ClipboardButton.css";
+@import "./css/ControlBox.css";
+@import "./css/CountryFlag.css";
+@import "./css/Decorate.css";
+@import "./css/Dot.css";
+@import "./css/Flex.css";
+@import "./css/FlexRestricter.css";
+@import "./css/FlexShowcase.css";
+@import "./css/Flyout.css";
+@import "./css/Icon.css";
+@import "./css/IconBig.css";
+@import "./css/IconButton.css";
+@import "./css/Indicator.css";
+@import "./css/InfoPanel.css";
+@import "./css/Input.css";
+@import "./css/InputDropzone.css";
+@import "./css/Interactive.css";
+@import "./css/Island.css";
+@import "./css/ItemPreview.css";
+@import "./css/Link.css";
+@import "./css/Loaf.css";
+@import "./css/Modal.css";
+@import "./css/NavList.css";
+@import "./css/Overlay.css";
+@import "./css/Pad.css";
+@import "./css/Page.css";
+@import "./css/Popover.css";
+@import "./css/PopoverShowcase.css";
+@import "./css/PremiumBadge.css";
+@import "./css/Prose.css";
+@import "./css/Radio.css";
+@import "./css/Rail.css";
+@import "./css/RichInput.css";
+@import "./css/Select.css";
+@import "./css/Separator.css";
+@import "./css/Shroud.css";
+@import "./css/Skeleton.css";
+@import "./css/Spacer.css";
+@import "./css/Switch.css";
+@import "./css/Table.css";
+@import "./css/Tabular.css";
+@import "./css/Text.css";
+@import "./css/Textarea.css";
+@import "./css/TextShowcase.css";
+@import "./css/Title.css";
+@import "./css/ToggleGroup.css";

package/dist/components/Accordion/Accordion.js

@@ -4,7 +4,7 @@ import { Icon as C } from "../Icon/Icon.js";
 import { Flex as k } from "../Layout/Flex/Flex.js";
 import { Text as I } from "../Text/Text.js";
 import { clsx as h } from "../../utils/clsx.js";
-import '../../assets/Accordion.css';const D = "_root_1pwnk_1", y = "_item_1pwnk_5", F = "_header_1pwnk_5", N = "_triggerContainer_1pwnk_10", U = "_iconFlip_1pwnk_23", T = "_iconUp_1pwnk_26", R = "_iconDown_1pwnk_29", $ = "_iconLeft_1pwnk_32", E = "_iconRight_1pwnk_36", L = "_content_1pwnk_49", O = "_open_1pwnk_56", o = {
+const D = "_root_1pwnk_1", y = "_item_1pwnk_5", F = "_header_1pwnk_5", N = "_triggerContainer_1pwnk_10", U = "_iconFlip_1pwnk_23", T = "_iconUp_1pwnk_26", R = "_iconDown_1pwnk_29", $ = "_iconLeft_1pwnk_32", E = "_iconRight_1pwnk_36", L = "_content_1pwnk_49", O = "_open_1pwnk_56", o = {
   root: D,
   item: y,
   header: F,

package/dist/components/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import k from "react";
 import { clsx as P } from "../../utils/clsx.js";
-import '../../assets/Avatar.css';const S = "_root_1vrfs_1", e = "_rounded_1vrfs_7", A = {
+const S = "_root_1vrfs_1", e = "_rounded_1vrfs_7", A = {
   root: S,
   rounded: e,
   "size-small": "_size-small_1vrfs_10",

package/dist/components/Badge/Badge.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import h from "react";
 import { Icon as v } from "../Icon/Icon.js";
 import { clsx as u } from "../../utils/clsx.js";
-import '../../assets/Badge.css';const f = "_root_5qhvc_1", q = "_success_5qhvc_12", d = "_hoverable_5qhvc_16", x = "_neutral_5qhvc_19", b = "_warning_5qhvc_23", g = "_error_5qhvc_30", p = "_small_5qhvc_37", w = "_icon_5qhvc_41", o = {
+const f = "_root_5qhvc_1", q = "_success_5qhvc_12", d = "_hoverable_5qhvc_16", x = "_neutral_5qhvc_19", b = "_warning_5qhvc_23", g = "_error_5qhvc_30", p = "_small_5qhvc_37", w = "_icon_5qhvc_41", o = {
   root: f,
   success: q,
   hoverable: d,

package/dist/components/Button/Button.js

@@ -3,7 +3,7 @@ import m from "react";
 import { Icon as A } from "../Icon/Icon.js";
 import { clsx as B } from "../../utils/clsx.js";
 import { noop as y } from "../../utils/functional.js";
-import '../../assets/Button.css';const q = "_unsetAll_13zdy_1", I = "_root_13zdy_5", M = "_fullWidth_13zdy_38", j = "_primary_13zdy_58", w = "_secondary_13zdy_79", F = "_linked_13zdy_121", R = "_quicklink_13zdy_150", v = "_icon_13zdy_157", D = "_icononly_13zdy_182", L = "_decorator_13zdy_187", o = {
+const q = "_unsetAll_13zdy_1", I = "_root_13zdy_5", M = "_fullWidth_13zdy_38", j = "_primary_13zdy_58", w = "_secondary_13zdy_79", F = "_linked_13zdy_121", R = "_quicklink_13zdy_150", v = "_icon_13zdy_157", D = "_icononly_13zdy_182", L = "_decorator_13zdy_187", o = {
   unsetAll: q,
   root: I,
   fullWidth: M,

package/dist/components/Button/ButtonBar.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import { clsx as o } from "../../utils/clsx.js";
-import '../../assets/ButtonBar.css';const i = "_bar_4bu59_1", l = {
+const i = "_bar_4bu59_1", l = {
   bar: i
 }, t = {
   start: "flex-start",

package/dist/components/Checkbox/Checkbox.js

@@ -50,7 +50,7 @@ import "../Icons/cfx-icons-big/Warning.js";
 import "../Icons/cfx-icons-big/Confirm.js";
 import { clsx as R } from "../../utils/clsx.js";
 import { getColor as q } from "../../utils/color.js";
-import '../../assets/Checkbox.css';function X(e, t) {
+function X(e, t) {
   return a.useReducer((n, o) => t[n][o] ?? n, e);
 }
 var I = (e) => {

package/dist/components/ClipboardButton/ClipboardButton.js

@@ -8,7 +8,7 @@ import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
 import { useClipboardComponent as k } from "../../utils/hooks/useClipboardComponent.js";
-import '../../assets/ClipboardButton.css';const b = "_root_185u8_1", h = "_copied_185u8_1", e = {
+const b = "_root_185u8_1", h = "_copied_185u8_1", e = {
   root: b,
   copied: h
 };

package/dist/components/ControlBox/ControlBox.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import c from "react";
 import { clsx as _ } from "../../utils/clsx.js";
-import '../../assets/ControlBox.css';const e = "_root_1ykga_1", f = "_small_1ykga_5", g = "_normal_1ykga_8", i = "_large_1ykga_11", o = {
+const e = "_root_1ykga_1", f = "_small_1ykga_5", g = "_normal_1ykga_8", i = "_large_1ykga_11", o = {
   root: e,
   small: f,
   normal: g,

package/dist/components/CountryFlag/CountryFlag.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import f from "react";
 import { Title as l } from "../Title/Title.js";
 import { clsx as i } from "../../utils/clsx.js";
-import '../../assets/CountryFlag.css';const m = "_root_n4jzf_1", u = {
+const m = "_root_n4jzf_1", u = {
   root: m
 }, x = f.forwardRef(function(r, e) {
   const {

package/dist/components/Decorate/Decorate.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
 import i from "react";
 import { clsx as t } from "../../utils/clsx.js";
-import '../../assets/Decorate.css';const _ = "_root_jt9ac_1", f = "_decorator_jt9ac_4", c = {
+const _ = "_root_jt9ac_1", f = "_decorator_jt9ac_4", c = {
   root: _,
   decorator: f
 }, u = i.forwardRef(function(o, a) {

package/dist/components/Dot/Dot.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import l from "react";
 import { clsx as m } from "../../utils/clsx.js";
 import { getColor as i } from "../../utils/color.js";
-import '../../assets/Dot.css';const _ = "_root_8a36f_1", r = {
+const _ = "_root_8a36f_1", r = {
   root: _,
   "size-small": "_size-small_8a36f_6",
   "size-normal": "_size-normal_8a36f_10",

package/dist/components/Flyout/Flyout.js

@@ -8,7 +8,7 @@ import { noop as f } from "../../utils/functional.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as k } from "../../utils/hooks/useKeyboardClose.js";
 import { useOutlet as q } from "../../utils/hooks/useOutlet.js";
-import '../../assets/Flyout.css';const b = "_root_6qvdu_1", C = "_holder_6qvdu_6", N = "_active_6qvdu_15", z = "_backdrop_6qvdu_15", y = "_mask_6qvdu_28", F = "_content_6qvdu_90", L = "_header_6qvdu_95", x = "_title_6qvdu_101", e = {
+const b = "_root_6qvdu_1", C = "_holder_6qvdu_6", N = "_active_6qvdu_15", z = "_backdrop_6qvdu_15", y = "_mask_6qvdu_28", F = "_content_6qvdu_90", L = "_header_6qvdu_95", x = "_title_6qvdu_101", e = {
   root: b,
   "size-normal": "_size-normal_6qvdu_6",
   holder: C,

package/dist/components/Icon/Icon.js

@@ -10,7 +10,7 @@ import { getTextOpacity as h } from "../Text/Text.js";
 import { ui as t } from "../ui.js";
 import { clsx as y } from "../../utils/clsx.js";
 import { getColor as z } from "../../utils/color.js";
-import '../../assets/Icon.css';const S = "_root_sqbzn_1", _ = {
+const S = "_root_sqbzn_1", _ = {
   root: S
 }, A = l.forwardRef(function(r, i) {
   const {

package/dist/components/IconBig/IconBig.js

@@ -44,7 +44,7 @@ import { I as f } from "../../cfxIconsBig-BLJjMT-Y.js";
 import { getTextOpacity as g } from "../Text/Text.js";
 import { clsx as z } from "../../utils/clsx.js";
 import { getColor as y } from "../../utils/color.js";
-import '../../assets/IconBig.css';const C = "_root_b0cs1_1", r = {
+const C = "_root_b0cs1_1", r = {
   root: C,
   "size-small": "_size-small_b0cs1_6",
   "size-normal": "_size-normal_b0cs1_14",

package/dist/components/IconButton/IconButton.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import _ from "react";
 import { Icon as p } from "../Icon/Icon.js";
 import { clsx as x } from "../../utils/clsx.js";
-import '../../assets/IconButton.css';const d = "_unset_1l0x5_1", f = "_root_1l0x5_5", b = "_medium_1l0x5_19", g = "_large_1l0x5_22", o = {
+const d = "_unset_1l0x5_1", f = "_root_1l0x5_5", b = "_medium_1l0x5_19", g = "_large_1l0x5_22", o = {
   unset: d,
   root: f,
   medium: b,

package/dist/components/Indicator/Indicator.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import i from "react";
 import { clsx as a } from "../../utils/clsx.js";
-import '../../assets/Indicator.css';const s = "_root_2gp9n_1", e = "_indicator_2gp9n_1", r = {
+const s = "_root_2gp9n_1", e = "_indicator_2gp9n_1", r = {
   root: s,
   indicator: e
 }, c = { animationDelay: "0ms" }, m = { animationDelay: "50ms" }, d = { animationDelay: "100ms" }, l = { animationDelay: "150ms" }, v = i.memo(function({

package/dist/components/InfoPanel/InfoPanel.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import u from "react";
 import { Icon as r } from "../Icon/Icon.js";
 import { clsx as v } from "../../utils/clsx.js";
-import '../../assets/InfoPanel.css';const y = "_rootUnset_5rtl4_1", f = "_root_5rtl4_1", x = "_interactive_5rtl4_19", z = "_interactiveIcon_5rtl4_22", d = "_icon_5rtl4_70", I = "_content_5rtl4_74", t = {
+const y = "_rootUnset_5rtl4_1", f = "_root_5rtl4_1", x = "_interactive_5rtl4_19", z = "_interactiveIcon_5rtl4_22", d = "_icon_5rtl4_70", I = "_content_5rtl4_74", t = {
   rootUnset: y,
   root: f,
   interactive: x,

package/dist/components/Input/Input.js

@@ -5,7 +5,7 @@ import W from "../IconButton/IconButton.js";
 import { Indicator as X } from "../Indicator/Indicator.js";
 import { clsx as $ } from "../../utils/clsx.js";
 import { getValue as q } from "../../utils/getValue.js";
-import '../../assets/Input.css';const H = "_root_e1sis_1", J = "_input_e1sis_1", L = "_small_e1sis_5", O = "_large_e1sis_9", P = "_placeholderIcon_e1sis_72", Q = "_empty_e1sis_164", U = "_decorator_e1sis_169", Y = "_onlight_e1sis_186", e = {
+const H = "_root_e1sis_1", J = "_input_e1sis_1", L = "_small_e1sis_5", O = "_large_e1sis_9", P = "_placeholderIcon_e1sis_72", Q = "_empty_e1sis_164", U = "_decorator_e1sis_169", Y = "_onlight_e1sis_186", e = {
   root: H,
   input: J,
   small: L,

package/dist/components/Input/RichInput.js

@@ -6,7 +6,7 @@ import { useDynamicRef as i } from "../../utils/hooks/useDynamicRef.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
-import '../../assets/RichInput.css';const L = "_root_1vnop_1", T = "_renderer_1vnop_1", j = "_small_1vnop_5", E = "_large_1vnop_10", z = "_clear_1vnop_157", o = {
+const L = "_root_1vnop_1", T = "_renderer_1vnop_1", j = "_small_1vnop_5", E = "_large_1vnop_10", z = "_clear_1vnop_157", o = {
   root: L,
   renderer: T,
   small: j,

package/dist/components/InputDropzone/InputDropzone.js

@@ -6,7 +6,7 @@ import { IconBig as Fr } from "../IconBig/IconBig.js";
 import { Text as Ue } from "../Text/Text.js";
 import { clsx as Er } from "../../utils/clsx.js";
 import Ye from "./ItemPreview.js";
-import '../../assets/InputDropzone.css';var _r = /* @__PURE__ */ new Map([
+var _r = /* @__PURE__ */ new Map([
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
   ["aac", "audio/aac"],
   ["abw", "application/x-abiword"],

package/dist/components/InputDropzone/ItemPreview.js

@@ -3,7 +3,7 @@ import e from "react";
 import f from "../IconButton/IconButton.js";
 import { Text as d } from "../Text/Text.js";
 import { clsx as _ } from "../../utils/clsx.js";
-import '../../assets/ItemPreview.css';const h = "_root_1v0i1_1", p = "_failed_1v0i1_12", u = "_filePath_1v0i1_15", a = {
+const h = "_root_1v0i1_1", p = "_failed_1v0i1_12", u = "_filePath_1v0i1_15", a = {
   root: h,
   failed: p,
   filePath: u

package/dist/components/Interactive/Interactive.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { clsx as m } from "../../utils/clsx.js";
-import '../../assets/Interactive.css';const f = "_root_1o2df_1", l = {
+const f = "_root_1o2df_1", l = {
   root: f
 }, h = i.forwardRef(function(o, t) {
   const {

package/dist/components/Island/Island.js

@@ -2,7 +2,7 @@ import { jsx as c } from "react/jsx-runtime";
 import b from "react";
 import { ui as p } from "../ui.js";
 import { clsx as h } from "../../utils/clsx.js";
-import '../../assets/Island.css';const w = "_root_mdgcu_1", R = "_grow_mdgcu_15", t = {
+const w = "_root_mdgcu_1", R = "_grow_mdgcu_15", t = {
   root: w,
   grow: R,
   "no-round-border-top-left": "_no-round-border-top-left_mdgcu_19",

package/dist/components/Layout/Box/Box.js

@@ -3,7 +3,7 @@ import c from "react";
 import { useContextualStyle as W } from "../../Style/Style.js";
 import { ui as a } from "../../ui.js";
 import { clsx as H } from "../../../utils/clsx.js";
-import '../../../assets/Box.css';const z = "_root_1rhjm_1", D = "_grow_1rhjm_16", t = {
+const z = "_root_1rhjm_1", D = "_grow_1rhjm_16", t = {
   root: z,
   "full-width": "_full-width_1rhjm_1",
   "fit-content-width": "_fit-content-width_1rhjm_4",

package/dist/components/Layout/Center/Center.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { clsx as _ } from "../../../utils/clsx.js";
-import '../../../assets/Center.css';const f = "_root_gr1d9_1", m = "_vertical_gr1d9_4", d = "_horizontal_gr1d9_8", o = {
+const f = "_root_gr1d9_1", m = "_vertical_gr1d9_4", d = "_horizontal_gr1d9_8", o = {
   root: f,
   vertical: m,
   horizontal: d

package/dist/components/Layout/Flex/Flex.js

@@ -3,7 +3,7 @@ import f from "react";
 import { Box as u } from "../Box/Box.js";
 import { clsx as b } from "../../../utils/clsx.js";
 import { FlexRestricter as v } from "./FlexRestricter.js";
-import '../../../assets/Flex.css';const z = "_root_w5him_1", R = "_centered_w5him_11", F = "_vertical_w5him_30", C = "_repell_w5him_36", N = "_wrap_w5him_39", B = "_stretch_w5him_51", E = "_horizontal_w5him_57", e = {
+const z = "_root_w5him_1", R = "_centered_w5him_11", F = "_vertical_w5him_30", C = "_repell_w5him_36", N = "_wrap_w5him_39", B = "_stretch_w5him_51", E = "_horizontal_w5him_57", e = {
   root: z,
   "full-width": "_full-width_w5him_5",
   "full-height": "_full-height_w5him_8",

package/dist/components/Layout/Flex/FlexRestricter.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import l from "react";
 import { clsx as s } from "../../../utils/clsx.js";
-import '../../../assets/FlexRestricter.css';const n = "_root_1jvko_1", _ = "_vertical_1jvko_4", v = "_horizontal_1jvko_7", o = {
+const n = "_root_1jvko_1", _ = "_vertical_1jvko_4", v = "_horizontal_1jvko_7", o = {
   root: n,
   vertical: _,
   horizontal: v

package/dist/components/Layout/Flex/FlexShowcase.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import l from "react";
 import { Flex as s } from "./Flex.js";
-import '../../../assets/FlexShowcase.css';const t = "_box_1118n_1", o = {
+const t = "_box_1118n_1", o = {
   box: t
 };
 function r(a) {

package/dist/components/Layout/Pad/Pad.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { clsx as u } from "../../../utils/clsx.js";
-import '../../../assets/Pad.css';const i = "_root_1aquh_1", o = {
+const i = "_root_1aquh_1", o = {
   root: i,
   "offset-none": "_offset-none_1aquh_1",
   "offset-hairthin": "_offset-hairthin_1aquh_4",

package/dist/components/Layout/Page/Page.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as l } from "react/jsx-runtime";
 import { clsx as n } from "../../../utils/clsx.js";
-import '../../../assets/Page.css';const d = "_root_18k7e_1", _ = "_loader_18k7e_8", m = "_wtf_18k7e_1", o = {
+const d = "_root_18k7e_1", _ = "_loader_18k7e_8", m = "_wtf_18k7e_1", o = {
   root: d,
   loader: _,
   wtf: m

package/dist/components/Layout/Scrollable/Rail.js

@@ -3,7 +3,7 @@ import "react";
 import "../../Interactive/Interactive.js";
 import "../../../utils/clsx.js";
 import "../../../utils/math.js";
-import { R } from "../../../Rail-nVRissv6.js";
+import { R } from "../../../Rail-XT5PwAlx.js";
 export {
   R as Rail
 };

package/dist/components/Layout/Scrollable/Scrollable.js

@@ -3,7 +3,7 @@ import r from "react";
 import { useContextualStyle as W } from "../../Style/Style.js";
 import { clsx as b } from "../../../utils/clsx.js";
 import { mergeRefs as k } from "../../../utils/mergeRefs.js";
-import { s as o, R as w } from "../../../Rail-nVRissv6.js";
+import { s as o, R as w } from "../../../Rail-XT5PwAlx.js";
 const N = {
   size: 0,
   scrollPos: 0,

package/dist/components/Layout/Scrollable/VirtualScrollable.js

@@ -3,7 +3,7 @@ import N, { createElement as k, PureComponent as re } from "react";
 import { _ as ie, a as ne } from "../../../inheritsLoose-CyjgKRgL.js";
 import { clsx as oe } from "../../../utils/clsx.js";
 import { Scrollable as le } from "./Scrollable.js";
-import { s as se } from "../../../Rail-nVRissv6.js";
+import { s as se } from "../../../Rail-XT5PwAlx.js";
 function $(r) {
   if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;

package/dist/components/Layout/Scrollable/index.js

@@ -1,4 +1,4 @@
-import { R as o } from "../../../Rail-nVRissv6.js";
+import { R as o } from "../../../Rail-XT5PwAlx.js";
 import { Scrollable as e } from "./Scrollable.js";
 import { VirtualScrollable as f } from "./VirtualScrollable.js";
 export {

package/dist/components/Link/Link.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import c from "react";
 import { clsx as d } from "../../utils/clsx.js";
-import '../../assets/Link.css';const u = "_unsetAll_6pbf7_1", f = "_root_6pbf7_5", i = "_unstyled_6pbf7_30", m = "_secondary_6pbf7_33", s = {
+const u = "_unsetAll_6pbf7_1", f = "_root_6pbf7_5", i = "_unstyled_6pbf7_30", m = "_secondary_6pbf7_33", s = {
   unsetAll: u,
   root: f,
   unstyled: i,

package/dist/components/Loaf/Loaf.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import i from "react";
 import { clsx as m } from "../../utils/clsx.js";
-import '../../assets/Loaf.css';const n = "_root_gg27t_1", f = "_bright_gg27t_14", o = {
+const n = "_root_gg27t_1", f = "_bright_gg27t_14", o = {
   root: n,
   "color-normal": "_color-normal_gg27t_10",
   bright: f,

package/dist/components/Modal/Modal.js

@@ -10,7 +10,7 @@ import { clsx as l } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as z } from "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
-import '../../assets/Modal.css';const B = "_root_zn44h_1", v = "_close_zn44h_37", x = "_header_zn44h_43", g = "_footer_zn44h_53", r = {
+const B = "_root_zn44h_1", v = "_close_zn44h_37", x = "_header_zn44h_43", g = "_footer_zn44h_53", r = {
   root: B,
   "modal-appearance": "_modal-appearance_zn44h_1",
   close: v,

package/dist/components/NavList/NavList.js

@@ -4,7 +4,7 @@ import { Interactive as d } from "../Interactive/Interactive.js";
 import { clsx as _ } from "../../utils/clsx.js";
 import { noop as f } from "../../utils/functional.js";
 import { getValue as i } from "../../utils/getValue.js";
-import '../../assets/NavList.css';const p = "_root_u7cv2_1", u = "_item_u7cv2_5", N = "_active_u7cv2_20", h = "_icon_u7cv2_30", c = {
+const p = "_root_u7cv2_1", u = "_item_u7cv2_5", N = "_active_u7cv2_20", h = "_icon_u7cv2_30", c = {
   root: p,
   item: u,
   active: N,

package/dist/components/Overlay/Overlay.js

@@ -6,7 +6,7 @@ import { clsx as n } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import { useOutlet as _ } from "../../utils/hooks/useOutlet.js";
-import '../../assets/Overlay.css';const f = "_root_17xdt_1", p = "_backdrop_17xdt_9", u = "_content_17xdt_27", a = {
+const f = "_root_17xdt_1", p = "_backdrop_17xdt_9", u = "_content_17xdt_27", a = {
   root: f,
   backdrop: p,
   "backdrop-appearance": "_backdrop-appearance_17xdt_1",

package/dist/components/Popover/Popover.js

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as u } from "react/jsx-runtime";
 import N from "react";
 import { Interactive as x } from "../Interactive/Interactive.js";
 import { clsx as t } from "../../utils/clsx.js";
-import '../../assets/Popover.css';const C = "_root_3gp1h_1", w = "_active_3gp1h_4", M = "_popover_3gp1h_4", P = "_appearance_3gp1h_1", o = {
+const C = "_root_3gp1h_1", w = "_active_3gp1h_4", M = "_popover_3gp1h_4", P = "_appearance_3gp1h_1", o = {
   root: C,
   active: w,
   popover: M,

package/dist/components/Popover/PopoverShowcase.js

@@ -8,7 +8,7 @@ import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
 import { Popover as l } from "./Popover.js";
-import '../../assets/PopoverShowcase.css';const v = "_popover_1s88x_1", u = {
+const v = "_popover_1s88x_1", u = {
   popover: v
 };
 function c() {

package/dist/components/PremiumBadge/PremiumBadge.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import a from "react";
 import { Title as m } from "../Title/Title.js";
 import { clsx as s } from "../../utils/clsx.js";
-import '../../assets/PremiumBadge.css';const g = "_root_137v5_1", c = {
+const g = "_root_137v5_1", c = {
   root: g
 }, t = {
   ag: {

package/dist/components/Prose/Prose.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/Prose.css';const r = "_root_n8l9t_1", s = {
+const r = "_root_n8l9t_1", s = {
   root: r
 };
 function c({

package/dist/components/Radio/Radio.js

@@ -1,7 +1,7 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { clsx as h } from "../../utils/clsx.js";
-import '../../assets/Radio.css';const u = "_root_1yglr_1", p = "_indicator_1yglr_29", x = "_disabled_1yglr_44", e = {
+const u = "_root_1yglr_1", p = "_indicator_1yglr_29", x = "_disabled_1yglr_44", e = {
   root: u,
   "size-normal": "_size-normal_1yglr_19",
   "size-large": "_size-large_1yglr_22",

package/dist/components/Select/Select.js

@@ -7,7 +7,7 @@ import { f as fn, _ as xe, c as Io } from "../../tslib.es6-CBKHJX9H.js";
 import { a as _o, u as Mo } from "../../medium-JVtzoF2c.js";
 import { Icon as Lo } from "../Icon/Icon.js";
 import { clsx as Vt } from "../../utils/clsx.js";
-import '../../assets/Select.css';var pn = function(e) {
+var pn = function(e) {
   var t = e.sideCar, n = fn(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");

package/dist/components/Separator/Separator.js

@@ -1,6 +1,6 @@
 import { jsxs as _, jsx as t } from "react/jsx-runtime";
 import { clsx as l } from "../../utils/clsx.js";
-import '../../assets/Separator.css';const p = "_root_dsunb_1", i = "_separator_dsunb_4", c = "_content_dsunb_42", d = "_thin_dsunb_45", m = "_vertical_dsunb_51", u = "_text_dsunb_98", s = {
+const p = "_root_dsunb_1", i = "_separator_dsunb_4", c = "_content_dsunb_42", d = "_thin_dsunb_45", m = "_vertical_dsunb_51", u = "_text_dsunb_98", s = {
   root: p,
   "separator-offset-none": "_separator-offset-none_dsunb_4",
   "separator-offset-hairthin": "_separator-offset-hairthin_dsunb_7",

package/dist/components/Shroud/Shroud.js

@@ -6,7 +6,7 @@ import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import { useWindowResize as v } from "../../utils/hooks/useWindowResize.js";
 import { useOutlet as x } from "../../utils/hooks/useOutlet.js";
-import '../../assets/Shroud.css';const b = "_root_7v6x1_1", g = "_tile_7v6x1_6", e = {
+const b = "_root_7v6x1_1", g = "_tile_7v6x1_6", e = {
   root: b,
   tile: g
 }, P = r.forwardRef(function(c, n) {

package/dist/components/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import n from "react";
 import { TextSizeEnum as l } from "../Text/Text.types.js";
-import '../../assets/Skeleton.css';const r = "_skeleton_fx7ao_1", i = "_shimmer_fx7ao_1", f = {
+const r = "_skeleton_fx7ao_1", i = "_shimmer_fx7ao_1", f = {
   skeleton: r,
   shimmer: i
 };

package/dist/components/Spacer/Spacer.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { clsx as l } from "../../utils/clsx.js";
-import '../../assets/Spacer.css';const r = "_root_x8a9c_1", z = "_horizontal_x8a9c_1", c = "_vertical_x8a9c_37", e = {
+const r = "_root_x8a9c_1", z = "_horizontal_x8a9c_1", c = "_vertical_x8a9c_37", e = {
   root: r,
   horizontal: z,
   "size-none": "_size-none_x8a9c_4",

package/dist/components/Switch/Switch.js

@@ -3,7 +3,7 @@ import * as a from "react";
 import U from "react";
 import { c as B, u as H, a as I, P as _, b as M, d as j, e as q } from "../../index-CjWRnNpt.js";
 import { clsx as C } from "../../utils/clsx.js";
-import '../../assets/Switch.css';var S = "Switch", [z, Y] = B(S), [A, O] = z(S), P = a.forwardRef(
+var S = "Switch", [z, Y] = B(S), [A, O] = z(S), P = a.forwardRef(
   (t, s) => {
     const {
       __scopeSwitch: e,

package/dist/components/Table/Table.js

@@ -4,7 +4,7 @@ import y from "../Checkbox/Checkbox.js";
 import I from "../IconButton/IconButton.js";
 import { Text as $ } from "../Text/Text.js";
 import { clsx as f } from "../../utils/clsx.js";
-import '../../assets/Table.css';const S = "_tableIcon_jm0lw_1", z = "_iconButton_jm0lw_1", A = "_root_jm0lw_21", E = "_radio_jm0lw_38", O = "_radioContent_jm0lw_42", g = "_pointer_jm0lw_49", F = "_selectedRow_jm0lw_52", H = "_headerText_jm0lw_56", V = "_headerContent_jm0lw_65", q = "_hidden_jm0lw_84", o = {
+const S = "_tableIcon_jm0lw_1", z = "_iconButton_jm0lw_1", A = "_root_jm0lw_21", E = "_radio_jm0lw_38", O = "_radioContent_jm0lw_42", g = "_pointer_jm0lw_49", F = "_selectedRow_jm0lw_52", H = "_headerText_jm0lw_56", V = "_headerContent_jm0lw_65", q = "_hidden_jm0lw_84", o = {
   tableIcon: S,
   iconButton: z,
   root: A,

package/dist/components/Tabular/Tabular.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as x } from "react/jsx-runtime";
 import h, { createElement as k } from "react";
 import { Dot as v } from "../Dot/Dot.js";
 import { clsx as b } from "../../utils/clsx.js";
-import '../../assets/Tabular.css';const C = "_reset_1xcn9_1", p = "_root_1xcn9_5", I = "_item_1xcn9_17", R = "_active_1xcn9_38", g = "_hasNotification_1xcn9_65", T = "_content_1xcn9_68", a = {
+const C = "_reset_1xcn9_1", p = "_root_1xcn9_5", I = "_item_1xcn9_17", R = "_active_1xcn9_38", g = "_hasNotification_1xcn9_65", T = "_content_1xcn9_68", a = {
   reset: C,
   root: p,
   "theme-dark": "_theme-dark_1xcn9_11",

package/dist/components/Text/Text.js

@@ -3,7 +3,7 @@ import l from "react";
 import { ui as C } from "../ui.js";
 import { clsx as w } from "../../utils/clsx.js";
 import { getColor as A } from "../../utils/color.js";
-import '../../assets/Text.css';const O = "_root_14isi_1", R = "_centered_14isi_4", S = "_underlined_14isi_7", $ = "_truncated_14isi_10", E = "_typographic_14isi_18", N = "_block_14isi_28", o = {
+const O = "_root_14isi_1", R = "_centered_14isi_4", S = "_underlined_14isi_7", $ = "_truncated_14isi_10", E = "_typographic_14isi_18", N = "_block_14isi_28", o = {
   root: O,
   centered: R,
   underlined: S,