@dss-kit/ui-kit 1.0.1 → 1.0.3

package/dist/components/builders/Table/TableBodyRow/TableBodyRow.js

@@ -1,17 +1,31 @@
-import { jsx as n } from "react/jsx-runtime";
-import { css as m, cx as c } from "@emotion/css";
-import { forwardRef as i } from "react";
-import { theme as d } from "../../../../utils/theme/index.js";
-const { color: o } = d, p = i(
-  ({ children: r, className: e, showBorders: t = !1, ...a }, l) => {
-    const s = m({
-      borderBottom: t ? `1px solid ${o.border.neutral_alpha_low}` : "none",
+import { jsx as d } from "react/jsx-runtime";
+import { css as e, cx as m } from "@emotion/css";
+import { forwardRef as f } from "react";
+import { theme as b } from "../../../../utils/theme/index.js";
+const { color: o } = b, p = f(
+  ({ children: t, className: l, showBorders: a = !1, selected: r = !1, ...n }, s) => {
+    const c = e({
+      borderBottom: a ? `1px solid ${o.border.neutral_alpha_low}` : "none",
       transition: "background-color 0.15s ease-in-out",
       "&:hover": {
         backgroundColor: o.fill.neutral_primary_hover
       }
+    }), i = e({
+      backgroundColor: o.fill.accent_tint_low,
+      "&:hover": {
+        backgroundColor: o.fill.accent_tint
+      }
     });
-    return /* @__PURE__ */ n("tr", { ref: l, className: c(s, e), ...a, children: r });
+    return /* @__PURE__ */ d(
+      "tr",
+      {
+        ref: s,
+        "data-selected": r || void 0,
+        className: m(c, { [i]: r }, l),
+        ...n,
+        children: t
+      }
+    );
   }
 );
 p.displayName = "TableBodyRow";

package/dist/components/builders/Table/TablePagination/TablePagination.js

@@ -5,10 +5,10 @@ import z from "../../../../assets/svg/table/chevron-left.svg.js";
 import M from "../../../../assets/svg/table/chevron-right.svg.js";
 import Q from "../../../../assets/svg/table/dots.svg.js";
 import { getPageNumbers as U } from "./TablePagination.utils.js";
+import { Select as X } from "../../../controls/Select/Select.js";
 import { Button as _ } from "../../../controls/Button/Button.js";
 import { IconButton as B } from "../../../controls/IconButton/IconButton.js";
 import { Box as r } from "../../Box/Box.js";
-import { Select as X } from "../../../controls/Select/Select.js";
 import { theme as Y } from "../../../../utils/theme/index.js";
 import { Text as Z } from "../../Text/Text.js";
 const { color: i, cornerRadius: tt, spacing: b } = Y, bt = ({

package/dist/components/builders/Table/TablePlaceholder/TablePlaceholder.js

@@ -1,30 +1,30 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { Button as l } from "../../../controls/Button/Button.js";
-import { Box as s } from "../../Box/Box.js";
-import { theme as p } from "../../../../utils/theme/index.js";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { cx as s, css as l } from "@emotion/css";
+import { Button as p } from "../../../controls/Button/Button.js";
+import { Box as h } from "../../Box/Box.js";
+import { theme as f } from "../../../../utils/theme/index.js";
 import { Text as r } from "../../Text/Text.js";
-const { spacing: e, cornerRadius: h } = p, f = ({
+const { spacing: o, cornerRadius: x } = f, u = ({
   icon: i,
   labels: t,
-  onReset: n,
-  className: c,
+  onReset: c,
+  className: n,
   titleClassName: m,
   descriptionClassName: a
 }) => /* @__PURE__ */ d(
-  s,
+  h,
   {
     w: "full",
-    borderRadius: h.md,
-    py: e["5xl"],
-    px: e["10xl"],
+    borderRadius: x.md,
+    py: o["5xl"],
     alignItems: "center",
-    className: c,
+    className: n,
     children: [
       i,
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ e(
         r,
         {
-          mb: e.xs,
+          mb: o.xs,
           variant: "title-3",
           fontWeight: "semibold",
           className: m,
@@ -32,23 +32,23 @@ const { spacing: e, cornerRadius: h } = p, f = ({
           children: t.title
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ e(
         r,
         {
-          mb: e.md,
+          mb: o.md,
           colorName: "tertiary",
           variant: "body-1",
           fontWeight: "medium",
-          className: a,
+          className: s(l({ maxWidth: 400 }), a),
           center: !0,
           children: t.description
         }
       ),
-      typeof t.action == "string" ? /* @__PURE__ */ o(
-        l,
+      typeof t.action == "string" ? /* @__PURE__ */ e(
+        p,
         {
           width: "auto",
-          onClick: n,
+          onClick: c,
           intensity: "secondary",
           color: "accent",
           children: t.action
@@ -57,7 +57,7 @@ const { spacing: e, cornerRadius: h } = p, f = ({
     ]
   }
 );
-f.displayName = "TablePlaceholder";
+u.displayName = "TablePlaceholder";
 export {
-  f as TablePlaceholder
+  u as TablePlaceholder
 };

package/dist/components/builders/Text/Text.d.ts

@@ -332,11 +332,11 @@ export declare const AnimatedText: React.ComponentType<Omit<{
     textOverflow?: import("csstype").Property.TextOverflow | undefined;
     whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
     wordBreak?: import("csstype").Property.WordBreak | undefined;
-    disabled?: boolean | undefined;
     capitalize?: boolean | undefined;
     lowercase?: boolean | undefined;
     uppercase?: boolean | undefined;
     decoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
+    disabled?: boolean | undefined;
     variant?: "inherit" | TextVariant | undefined;
     tag?: TextTag | undefined;
     colorName?: "inherit" | TextColorName | undefined;

package/dist/components/builders/index.d.ts

@@ -3,5 +3,6 @@ export * from './Loader';
 export * from './Modal';
 export * from './Portal';
 export * from './Ripple';
+export * from './Sheet';
 export * from './Table';
 export * from './Text';

package/dist/components/controls/Checkbox/Checkbox.js

@@ -4,8 +4,8 @@ import { forwardRef as q, useState as A } from "react";
 import D from "../../../assets/svg/shared/check.svg.js";
 import E from "../../../assets/svg/shared/minus.svg.js";
 import { styles as e, checkboxVariantsStyles as F } from "./styles.js";
-import { Text as b } from "../../builders/Text/Text.js";
-import { Box as g } from "../../builders/Box/Box.js";
+import { Box as b } from "../../builders/Box/Box.js";
+import { Text as g } from "../../builders/Text/Text.js";
 const G = { sm: 20, md: 24 }, H = q(
   ({
     checked: m,
@@ -45,7 +45,7 @@ const G = { sm: 20, md: 24 }, H = q(
         ),
         children: [
           /* @__PURE__ */ i(
-            g,
+            b,
             {
               relative: !0,
               display: "inline-flex",
@@ -95,9 +95,9 @@ const G = { sm: 20, md: 24 }, H = q(
               ]
             }
           ),
-          (a || t) && /* @__PURE__ */ i(g, { gap: 4, children: [
+          (a || t) && /* @__PURE__ */ i(b, { gap: 4, children: [
             a && /* @__PURE__ */ r(
-              b,
+              g,
               {
                 colorName: N,
                 variant: d === "sm" ? "body-2" : "body-1",
@@ -106,7 +106,7 @@ const G = { sm: 20, md: 24 }, H = q(
               }
             ),
             t && /* @__PURE__ */ r(
-              b,
+              g,
               {
                 variant: "body-2",
                 colorName: u,

package/dist/components/controls/MarkdownTextEditor/MarkdownTextEditor.js

@@ -8,10 +8,10 @@ import { MarkdownShortcutPlugin as U } from "@lexical/react/LexicalMarkdownShort
 import { OnChangePlugin as W } from "@lexical/react/LexicalOnChangePlugin";
 import { TablePlugin as H } from "@lexical/react/LexicalTablePlugin";
 import { useState as u, useMemo as a, useCallback as p } from "react";
-import { getEditorConfig as K } from "./configs/editor.config.js";
-import { MARKDOWN_TOOLBAR_DEFAULT_ACTIONS as q } from "./MarkdownTextEditor.const.js";
-import { MarkdownTextEditorLocaleProvider as z } from "./MarkdownTextEditor.locale.js";
+import { MARKDOWN_TOOLBAR_DEFAULT_ACTIONS as K } from "./MarkdownTextEditor.const.js";
+import { MarkdownTextEditorLocaleProvider as q } from "./MarkdownTextEditor.locale.js";
 import { EDITOR_TRANSFORMERS as g } from "./transformers/index.js";
+import { getEditorConfig as z } from "./configs/editor.config.js";
 import { EditorStateContext as G } from "./contexts/EditorStateContext/EditorStateContext.js";
 import { ToolbarContext as J } from "./contexts/ToolbarContext/ToolbarContext.js";
 import { EditorToolbar as Q } from "./components/EditorToolbar/EditorToolbar.js";
@@ -40,7 +40,7 @@ function Ao({
   fieldClassName: R,
   previewClassName: v
 }) {
-  const [d, N] = u(""), [i, A] = u(!1), { availableActions: s, onImagesUpload: _ } = b || {}, O = a(() => K(), []), I = a(
+  const [d, N] = u(""), [i, A] = u(!1), { availableActions: s, onImagesUpload: _ } = b || {}, O = a(() => z(), []), I = a(
     () => ({
       isEditable: !m,
       isPreviewMode: i,
@@ -49,7 +49,7 @@ function Ao({
     }),
     [m, i, d]
   ), L = a(() => ({
-    availableActions: s || q
+    availableActions: s || K
   }), [s]), f = p(
     (t) => {
       N(t), r.onMarkdownChange && r.onMarkdownChange(t);
@@ -64,7 +64,7 @@ function Ao({
     },
     [f, r]
   );
-  return /* @__PURE__ */ o(z, { locale: M, children: /* @__PURE__ */ o(V, { initialConfig: O, children: /* @__PURE__ */ o(G.Provider, { value: I, children: /* @__PURE__ */ c(J.Provider, { value: L, children: [
+  return /* @__PURE__ */ o(q, { locale: M, children: /* @__PURE__ */ o(V, { initialConfig: O, children: /* @__PURE__ */ o(G.Provider, { value: I, children: /* @__PURE__ */ c(J.Provider, { value: L, children: [
     /* @__PURE__ */ c(
       h,
       {

package/dist/components/controls/Select/Select.js

@@ -7,9 +7,9 @@ import Me from "../../../assets/svg/shared/chevron-down.svg.js";
 import Oe from "../../../assets/svg/shared/empty-box.svg.js";
 import { styles as n, selectArrowSizesStyles as Ve } from "./styles.js";
 import { useControlled as Ae } from "../../../utils/hooks/useControlled.js";
-import { Checkbox as De } from "../Checkbox/Checkbox.js";
-import { Tag as We } from "../../shared/Tag/Tag.js";
-import { Portal as ze } from "../../builders/Portal/Portal.js";
+import { Portal as De } from "../../builders/Portal/Portal.js";
+import { Checkbox as We } from "../Checkbox/Checkbox.js";
+import { Tag as ze } from "../../shared/Tag/Tag.js";
 import { Box as i } from "../../builders/Box/Box.js";
 import { Text as d } from "../../builders/Text/Text.js";
 import { Ripple as Be } from "../../builders/Ripple/Ripple.js";
@@ -149,7 +149,7 @@ function Ye({
       }) : /* @__PURE__ */ t(i, { flexWrap: "wrap", row: !0, gap: 10, children: s.map((r) => {
         const c = S.get(r);
         return c ? /* @__PURE__ */ t(
-          We,
+          ze,
           {
             size: "sm",
             label: l ? l(c) : String(r),
@@ -180,7 +180,7 @@ function Ye({
         children: o
       }
     ) : /* @__PURE__ */ t(ye, { children: o });
-  }, he = V && /* @__PURE__ */ t(ze, { children: /* @__PURE__ */ t(
+  }, he = V && /* @__PURE__ */ t(De, { children: /* @__PURE__ */ t(
     i,
     {
       row: !0,
@@ -258,7 +258,7 @@ function Ye({
                   relative: !0,
                   onClick: () => de(e),
                   children: [
-                    a && /* @__PURE__ */ t(De, { size: "sm", checked: c }),
+                    a && /* @__PURE__ */ t(We, { size: "sm", checked: c }),
                     D ? /* @__PURE__ */ t(
                       d,
                       {

package/dist/components/shared/MarkdownText/MarkdownText.js

@@ -6,11 +6,11 @@ import { ContentEditable as f } from "@lexical/react/LexicalContentEditable";
 import { LexicalErrorBoundary as c } from "@lexical/react/LexicalErrorBoundary";
 import { RichTextPlugin as p } from "@lexical/react/LexicalRichTextPlugin";
 import { useMemo as s } from "react";
-import { getEditorConfig as u } from "../../controls/MarkdownTextEditor/configs/editor.config.js";
-import { EDITOR_TRANSFORMERS as x } from "../../controls/MarkdownTextEditor/transformers/index.js";
-import { markdownTextStyle as w } from "./MarkdownText.styles.js";
-import { Text as E } from "../../builders/Text/Text.js";
-import { EditorStateContext as k } from "../../controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.js";
+import { EDITOR_TRANSFORMERS as u } from "../../controls/MarkdownTextEditor/transformers/index.js";
+import { markdownTextStyle as x } from "./MarkdownText.styles.js";
+import { Text as w } from "../../builders/Text/Text.js";
+import { EditorStateContext as E } from "../../controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.js";
+import { getEditorConfig as k } from "../../controls/MarkdownTextEditor/configs/editor.config.js";
 function F({
   markdown: t,
   className: i,
@@ -27,15 +27,15 @@ function F({
     }),
     [r]
   );
-  return r ? /* @__PURE__ */ o(k.Provider, { value: a, children: /* @__PURE__ */ o(
+  return r ? /* @__PURE__ */ o(E.Provider, { value: a, children: /* @__PURE__ */ o(
     d,
     {
       initialConfig: {
-        ...u(),
+        ...k(),
         editable: !1,
         namespace: "ui-kit-markdown-text-viewer",
         editorState: () => {
-          l(r, x);
+          l(r, u);
         }
       },
       children: /* @__PURE__ */ o(
@@ -44,7 +44,7 @@ function F({
           contentEditable: /* @__PURE__ */ o(
             f,
             {
-              className: m(w, i),
+              className: m(x, i),
               "aria-placeholder": "markdown text",
               placeholder: () => null
             }
@@ -56,7 +56,7 @@ function F({
     },
     r
   ) }) : typeof e == "string" ? /* @__PURE__ */ o(
-    E,
+    w,
     {
       variant: "body-2",
       colorName: "tertiary",

package/dist/index.js

@@ -5,102 +5,104 @@ import { Loader as f } from "./components/builders/Loader/Loader.js";
 import { Modal as n } from "./components/builders/Modal/index.js";
 import { Portal as T } from "./components/builders/Portal/Portal.js";
 import { Ripple as l } from "./components/builders/Ripple/Ripple.js";
-import { Table as C } from "./components/builders/Table/Table.js";
-import { createColumnHelper as B } from "@tanstack/react-table";
-import { AnimatedText as h, Text as g } from "./components/builders/Text/Text.js";
-import { LineChart as A } from "./components/charts/LineChart/LineChart.js";
-import { PieProgressChart as S } from "./components/charts/PieProgressChart/PieProgressChart.js";
-import { Button as P } from "./components/controls/Button/Button.js";
-import { Checkbox as _ } from "./components/controls/Checkbox/Checkbox.js";
-import { IconButton as I } from "./components/controls/IconButton/IconButton.js";
-import { Input as v } from "./components/controls/Input/Input.js";
-import { MarkdownToolbarAction as D } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
-import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as O } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
-import { MarkdownTextEditor as U } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.js";
-import { OtpInput as y } from "./components/controls/OtpInput/OtpInput.js";
-import { Radio as F } from "./components/controls/RadioGroup/Radio.js";
-import { RadioGroup as N } from "./components/controls/RadioGroup/RadioGroup.js";
-import { SegmentControl as Y } from "./components/controls/SegmentControl/SegmentControl.js";
-import { Select as q } from "./components/controls/Select/Select.js";
-import { Switch as Q } from "./components/controls/Switch/Switch.js";
-import { Tabs as Z } from "./components/controls/Tabs/Tabs.js";
-import { Breadcrumbs as oo } from "./components/navigation/Breadcrumbs/Breadcrumbs.js";
-import { Avatar as eo } from "./components/shared/Avatar/Avatar.js";
-import { Badge as po } from "./components/shared/Badge/Badge.js";
-import { Counter as xo } from "./components/shared/Counter/Counter.js";
-import { Dot as ao } from "./components/shared/Dot/Dot.js";
-import { Hint as io } from "./components/shared/Hint/Hint.js";
-import { MarkdownText as so } from "./components/shared/MarkdownText/MarkdownText.js";
-import { Popover as Co } from "./components/shared/Popover/Popover.js";
-import { Skeleton as Bo } from "./components/shared/Skeleton/Skeleton.js";
-import { Tag as ho } from "./components/shared/Tag/Tag.js";
-import { Toast as ko } from "./components/shared/Toast/Toast.js";
-import { useToast as Eo } from "./components/shared/Toast/Toast.hooks.js";
-import { toast as Mo } from "./components/shared/Toast/Toast.utils.js";
-import { ToastContainer as Ro } from "./components/shared/Toast/ToastContainer.js";
-import { Tooltip as bo } from "./components/shared/Tooltip/Tooltip.js";
-import { ThemeProviderScoped as Lo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
-import { THEME_DATA_ATTRIBUTE as wo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
-import { ThemeContext as Ko, useUiKitTheme as Oo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.context.js";
-import { useControlled as Uo } from "./utils/hooks/useControlled.js";
-import { useBreakpoint as yo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
-import { Breakpoints as Fo, BreakpointsBase as Go } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
-import { getFontWeightClass as Xo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
-import { getSizeClass as jo } from "./utils/styles/getSizeClass/getSizeClass.js";
-import { getStyleClass as Jo } from "./utils/styles/getStyleClass/getStyleClass.js";
-import { theme as Vo } from "./utils/theme/index.js";
+import { Sheet as C } from "./components/builders/Sheet/index.js";
+import { Table as h } from "./components/builders/Table/Table.js";
+import { createColumnHelper as c } from "@tanstack/react-table";
+import { AnimatedText as k, Text as A } from "./components/builders/Text/Text.js";
+import { LineChart as S } from "./components/charts/LineChart/LineChart.js";
+import { PieProgressChart as P } from "./components/charts/PieProgressChart/PieProgressChart.js";
+import { Button as _ } from "./components/controls/Button/Button.js";
+import { Checkbox as I } from "./components/controls/Checkbox/Checkbox.js";
+import { IconButton as v } from "./components/controls/IconButton/IconButton.js";
+import { Input as D } from "./components/controls/Input/Input.js";
+import { MarkdownToolbarAction as O } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
+import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as U } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
+import { MarkdownTextEditor as y } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.js";
+import { OtpInput as F } from "./components/controls/OtpInput/OtpInput.js";
+import { Radio as N } from "./components/controls/RadioGroup/Radio.js";
+import { RadioGroup as Y } from "./components/controls/RadioGroup/RadioGroup.js";
+import { SegmentControl as q } from "./components/controls/SegmentControl/SegmentControl.js";
+import { Select as Q } from "./components/controls/Select/Select.js";
+import { Switch as Z } from "./components/controls/Switch/Switch.js";
+import { Tabs as oo } from "./components/controls/Tabs/Tabs.js";
+import { Breadcrumbs as eo } from "./components/navigation/Breadcrumbs/Breadcrumbs.js";
+import { Avatar as po } from "./components/shared/Avatar/Avatar.js";
+import { Badge as xo } from "./components/shared/Badge/Badge.js";
+import { Counter as ao } from "./components/shared/Counter/Counter.js";
+import { Dot as io } from "./components/shared/Dot/Dot.js";
+import { Hint as so } from "./components/shared/Hint/Hint.js";
+import { MarkdownText as Co } from "./components/shared/MarkdownText/MarkdownText.js";
+import { Popover as ho } from "./components/shared/Popover/Popover.js";
+import { Skeleton as co } from "./components/shared/Skeleton/Skeleton.js";
+import { Tag as ko } from "./components/shared/Tag/Tag.js";
+import { Toast as Eo } from "./components/shared/Toast/Toast.js";
+import { useToast as Mo } from "./components/shared/Toast/Toast.hooks.js";
+import { toast as Ro } from "./components/shared/Toast/Toast.utils.js";
+import { ToastContainer as bo } from "./components/shared/Toast/ToastContainer.js";
+import { Tooltip as Lo } from "./components/shared/Tooltip/Tooltip.js";
+import { ThemeProviderScoped as wo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
+import { THEME_DATA_ATTRIBUTE as Ko } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
+import { ThemeContext as Ho, useUiKitTheme as Uo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.context.js";
+import { useControlled as yo } from "./utils/hooks/useControlled.js";
+import { useBreakpoint as Fo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
+import { Breakpoints as No, BreakpointsBase as Xo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
+import { getFontWeightClass as jo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
+import { getSizeClass as Jo } from "./utils/styles/getSizeClass/getSizeClass.js";
+import { getStyleClass as Vo } from "./utils/styles/getStyleClass/getStyleClass.js";
+import { theme as $o } from "./utils/theme/index.js";
 export {
-  h as AnimatedText,
-  eo as Avatar,
-  po as Badge,
+  k as AnimatedText,
+  po as Avatar,
+  xo as Badge,
   m as Box,
-  oo as Breadcrumbs,
-  Fo as Breakpoints,
-  Go as BreakpointsBase,
-  P as Button,
-  _ as Checkbox,
-  xo as Counter,
-  ao as Dot,
-  io as Hint,
-  I as IconButton,
-  v as Input,
-  A as LineChart,
+  eo as Breadcrumbs,
+  No as Breakpoints,
+  Xo as BreakpointsBase,
+  _ as Button,
+  I as Checkbox,
+  ao as Counter,
+  io as Dot,
+  so as Hint,
+  v as IconButton,
+  D as Input,
+  S as LineChart,
   f as Loader,
-  O as MARKDOWN_TEXT_EDITOR_LOCALE_KEY,
-  so as MarkdownText,
-  U as MarkdownTextEditor,
-  D as MarkdownToolbarAction,
+  U as MARKDOWN_TEXT_EDITOR_LOCALE_KEY,
+  Co as MarkdownText,
+  y as MarkdownTextEditor,
+  O as MarkdownToolbarAction,
   n as Modal,
-  y as OtpInput,
-  S as PieProgressChart,
-  Co as Popover,
+  F as OtpInput,
+  P as PieProgressChart,
+  ho as Popover,
   T as Portal,
-  F as Radio,
-  N as RadioGroup,
+  N as Radio,
+  Y as RadioGroup,
   l as Ripple,
-  Y as SegmentControl,
-  q as Select,
-  Bo as Skeleton,
-  Q as Switch,
-  wo as THEME_DATA_ATTRIBUTE,
-  C as Table,
-  Z as Tabs,
-  ho as Tag,
-  g as Text,
-  Ko as ThemeContext,
-  Lo as ThemeProviderScoped,
-  ko as Toast,
-  Ro as ToastContainer,
-  bo as Tooltip,
+  q as SegmentControl,
+  Q as Select,
+  C as Sheet,
+  co as Skeleton,
+  Z as Switch,
+  Ko as THEME_DATA_ATTRIBUTE,
+  h as Table,
+  oo as Tabs,
+  ko as Tag,
+  A as Text,
+  Ho as ThemeContext,
+  wo as ThemeProviderScoped,
+  Eo as Toast,
+  bo as ToastContainer,
+  Lo as Tooltip,
   t as UiKitLocaleProvider,
-  B as createColumnHelper,
-  Xo as getFontWeightClass,
-  jo as getSizeClass,
-  Jo as getStyleClass,
-  Vo as theme,
-  Mo as toast,
-  yo as useBreakpoint,
-  Uo as useControlled,
-  Eo as useToast,
-  Oo as useUiKitTheme
+  c as createColumnHelper,
+  jo as getFontWeightClass,
+  Jo as getSizeClass,
+  Vo as getStyleClass,
+  $o as theme,
+  Ro as toast,
+  Fo as useBreakpoint,
+  yo as useControlled,
+  Mo as useToast,
+  Uo as useUiKitTheme
 };

package/dist/styles/utils/breakpoints/base.scss

@@ -1,11 +1,11 @@
-@mixin breakpoint($breakpoint, $direction: max) {
-  @if $direction == min {
-    @media (min-width: $breakpoint) {
-      @content;
-    }
-  } @else if $direction == max {
-    @media (max-width: ($breakpoint - 1px)) {
-      @content;
-    }
-  }
-}
+@mixin breakpoint($breakpoint, $direction: max) {
+  @if $direction == min {
+    @media (min-width: $breakpoint) {
+      @content;
+    }
+  } @else if $direction == max {
+    @media (max-width: ($breakpoint - 1px)) {
+      @content;
+    }
+  }
+}

package/dist/styles/utils/breakpoints/index.scss

@@ -1,3 +1,3 @@
-@forward "base";
-@forward "screen";
-@forward "semantic";
+@forward "base";
+@forward "screen";
+@forward "semantic";