npm - @cfx-dev/ui-components - Versions diffs - 2.1.24 → 3.0.1 - Mend

@cfx-dev/ui-components 2.1.24 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/LICENSE CHANGED Viewed

@@ -1,21 +1,21 @@
-MIT License
-Copyright (c) 2024 FiveM
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+Copyright (c) 2024 FiveM
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md CHANGED Viewed

@@ -1,39 +1,39 @@
-# UI Component Library
-Include design system, utils and reusable components.
-## Instalation
-```console
-yarn add @cfx-dev/ui-components
-```
-or
-```console
-npm install @cfx-dev/ui-components
-```
-## Usage
-In your bundler config add this sass option to use ui utils in styles:
-```javascript
-additionalData: `@use "~@cfx-dev/ui-components/dist/styles-scss/ui" as ui;`,
-```
-```javascript
-import '@cfx-dev/ui-components/dist/styles-scss/global.scss';
-```
-Import default themes or take a look inside how to make your own:
-```javascript
-import '@cfx-dev/ui-components/dist/styles-scss/themes.scss';
-```
-Add theme class name to body or root element
-```javascript
-<body className="cfxui-theme-cfx">
-```
-For some components you will need to define this variables in your root stiles:
-```css
-html {
-  --width: 100vw;
-  --height: 100vh;
-  --quant: calc(1rem * 0.25);
-}
-```
-## License
+# UI Component Library
+Include design system, utils and reusable components.
+## Instalation
+```console
+yarn add @cfx-dev/ui-components
+```
+or
+```console
+npm install @cfx-dev/ui-components
+```
+## Usage
+In your bundler config add this sass option to use ui utils in styles:
+```javascript
+additionalData: `@use "~@cfx-dev/ui-components/dist/styles-scss/ui" as ui;`,
+```
+```javascript
+import '@cfx-dev/ui-components/dist/styles-scss/global.scss';
+```
+Import default themes or take a look inside how to make your own:
+```javascript
+import '@cfx-dev/ui-components/dist/styles-scss/themes.scss';
+```
+Add theme class name to body or root element
+```javascript
+<body className="cfxui-theme-cfx">
+```
+For some components you will need to define this variables in your root stiles:
+```css
+html {
+  --width: 100vw;
+  --height: 100vh;
+  --quant: calc(1rem * 0.25);
+}
+```
+## License
 This project is licensed under the MIT License.

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

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Logos/LogosShowcase.js CHANGED Viewed

@@ -52,8 +52,8 @@ function d() {
           "div",
           {
             style: {
-              height: "82px",
-              width: "390px"
+              height: "83px",
+              width: "503px"
             },
             children: /* @__PURE__ */ e(c.Cfx.CompositeLogo, {})
           }