@casinogate/ui 1.11.14 → 2.0.1

package/dist/primitives/toast/styles.js

@@ -0,0 +1,63 @@
+import { tv } from '../../internal/utils/tailwindcss.js';
+export const toastPrimitiveRootStyles = tv({
+    base: [
+        'cgui:overflow-hidden cgui:relative cgui:min-w-42 cgui:max-w-80',
+        'cgui:flex cgui:items-center cgui:gap-2 cgui:p-3',
+        'cgui:shadow-toast cgui:bg-surface-white',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:before:content-[""] cgui:before:pointer-events-none cgui:before:absolute cgui:before:top-0 cgui:before:inset-x-0 cgui:before:h-1.5 cgui:before:block',
+    ],
+    variants: {
+        variant: {
+            error: 'cgui:before:bg-state-error',
+            warning: 'cgui:before:bg-state-warning',
+            success: 'cgui:before:bg-state-success',
+            info: 'cgui:before:bg-state-info',
+        },
+        rounded: {
+            xs: 'cgui:rounded-xs',
+            sm: 'cgui:rounded-sm',
+            md: 'cgui:rounded-md',
+            lg: 'cgui:rounded-lg',
+            xl: 'cgui:rounded-xl',
+        },
+    },
+});
+export const toastPrimitiveIconWrapperStyles = tv({
+    base: [
+        'cgui:shrink-0 cgui:[&_svg]:size-6 cgui:[&_svg]:shrink-0 cgui:flex cgui:items-center cgui:justify-center cgui:select-none',
+    ],
+    variants: {
+        hasIcon: {
+            false: 'cgui:hidden',
+        },
+    },
+});
+export const toastPrimitiveInnerIconStyles = tv({
+    base: [],
+    variants: {
+        variant: {
+            error: 'cgui:text-state-error',
+            warning: 'cgui:text-state-warning',
+            success: 'cgui:text-state-success',
+            info: 'cgui:text-state-info',
+        },
+    },
+});
+export const toastPrimitiveBodyStyles = tv({
+    base: ['cgui:flex cgui:flex-col cgui:gap-1 cgui:flex-1 cgui:text-left'],
+});
+export const toastPrimitiveTitleStyles = tv({
+    base: ['cgui:text-body-2 cgui:text-fg-darkest'],
+});
+export const toastPrimitiveDescriptionStyles = tv({
+    base: ['cgui:text-caption-2 cgui:text-fg-darkest'],
+});
+export const toastPrimitiveCloseStyles = tv({
+    base: [
+        'cgui:shrink-0 cgui:size-6 cgui:flex cgui:items-center cgui:justify-center',
+        'cgui:rounded-xs cgui:cursor-pointer cgui:select-none',
+        'cgui:text-fg-regular cgui:hover:text-fg-darkest',
+        'cgui:transition-colors cgui:duration-200',
+    ],
+});

package/dist/primitives/toast/types.d.ts

@@ -0,0 +1,22 @@
+import type { Without } from '../../internal/types/common.js';
+import type { PrimitiveButtonAttributes, PrimitiveDivAttributes, PrimitiveParagraphAttributes } from '../../internal/types/html-attributes.js';
+import type { Snippet } from 'svelte';
+import type { WithChildren, WithElementRef } from 'svelte-toolbelt';
+import type { ToastPrimitiveRootVariants } from './styles.js';
+type ToastPrimitiveRootPropsWithoutHTML = WithElementRef<WithChildren<{
+    hasIcon?: boolean;
+}>> & ToastPrimitiveRootVariants;
+export type ToastPrimitiveRootProps = ToastPrimitiveRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastPrimitiveRootPropsWithoutHTML>;
+type ToastPrimitiveIconPropsWithoutHTML = WithElementRef<{
+    icon?: Snippet;
+}>;
+export type ToastPrimitiveIconProps = ToastPrimitiveIconPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastPrimitiveIconPropsWithoutHTML>;
+type ToastPrimitiveBodyPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type ToastPrimitiveBodyProps = ToastPrimitiveBodyPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastPrimitiveBodyPropsWithoutHTML>;
+type ToastPrimitiveTitlePropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type ToastPrimitiveTitleProps = ToastPrimitiveTitlePropsWithoutHTML & Without<PrimitiveParagraphAttributes, ToastPrimitiveTitlePropsWithoutHTML>;
+type ToastPrimitiveDescriptionPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type ToastPrimitiveDescriptionProps = ToastPrimitiveDescriptionPropsWithoutHTML & Without<PrimitiveParagraphAttributes, ToastPrimitiveDescriptionPropsWithoutHTML>;
+type ToastPrimitiveClosePropsWithoutHTML = WithElementRef<{}>;
+export type ToastPrimitiveCloseProps = ToastPrimitiveClosePropsWithoutHTML & Without<PrimitiveButtonAttributes, ToastPrimitiveClosePropsWithoutHTML>;
+export {};

package/dist/primitives/toast/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casinogate/ui",
-  "version": "1.11.14",
+  "version": "2.0.1",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -11,6 +11,16 @@
       "default": "./dist/index.js"
     },
     "./styles.css": "./dist/assets/css/root.css",
+    "./atomic": {
+      "types": "./dist/atomic/index.d.ts",
+      "svelte": "./dist/atomic/index.js",
+      "default": "./dist/atomic/index.js"
+    },
+    "./atomic/icons": {
+      "types": "./dist/atomic/icons/index.d.ts",
+      "svelte": "./dist/atomic/icons/index.js",
+      "default": "./dist/atomic/icons/index.js"
+    },
     "./app-shell": {
       "types": "./dist/components/app-shell/index.d.ts",
       "svelte": "./dist/components/app-shell/index.js",
@@ -165,6 +175,271 @@
       "types": "./dist/components/toast/index.d.ts",
       "svelte": "./dist/components/toast/index.js",
       "default": "./dist/components/toast/index.js"
+    },
+    "./primitives": {
+      "types": "./dist/primitives/index.d.ts",
+      "svelte": "./dist/primitives/index.js",
+      "default": "./dist/primitives/index.js"
+    },
+    "./primitives/app-shell": {
+      "types": "./dist/primitives/app-shell/index.d.ts",
+      "svelte": "./dist/primitives/app-shell/index.js",
+      "default": "./dist/primitives/app-shell/index.js"
+    },
+    "./primitives/badge": {
+      "types": "./dist/primitives/badge/index.d.ts",
+      "svelte": "./dist/primitives/badge/index.js",
+      "default": "./dist/primitives/badge/index.js"
+    },
+    "./primitives/breadcrumb": {
+      "types": "./dist/primitives/breadcrumb/index.d.ts",
+      "svelte": "./dist/primitives/breadcrumb/index.js",
+      "default": "./dist/primitives/breadcrumb/index.js"
+    },
+    "./primitives/button": {
+      "types": "./dist/primitives/button/index.d.ts",
+      "svelte": "./dist/primitives/button/index.js",
+      "default": "./dist/primitives/button/index.js"
+    },
+    "./primitives/button-group": {
+      "types": "./dist/primitives/button-group/index.d.ts",
+      "svelte": "./dist/primitives/button-group/index.js",
+      "default": "./dist/primitives/button-group/index.js"
+    },
+    "./primitives/checkbox": {
+      "types": "./dist/primitives/checkbox/index.d.ts",
+      "svelte": "./dist/primitives/checkbox/index.js",
+      "default": "./dist/primitives/checkbox/index.js"
+    },
+    "./primitives/chip": {
+      "types": "./dist/primitives/chip/index.d.ts",
+      "svelte": "./dist/primitives/chip/index.js",
+      "default": "./dist/primitives/chip/index.js"
+    },
+    "./primitives/collapsible": {
+      "types": "./dist/primitives/collapsible/index.d.ts",
+      "svelte": "./dist/primitives/collapsible/index.js",
+      "default": "./dist/primitives/collapsible/index.js"
+    },
+    "./primitives/combobox": {
+      "types": "./dist/primitives/combobox/index.d.ts",
+      "svelte": "./dist/primitives/combobox/index.js",
+      "default": "./dist/primitives/combobox/index.js"
+    },
+    "./primitives/command": {
+      "types": "./dist/primitives/command/index.d.ts",
+      "svelte": "./dist/primitives/command/index.js",
+      "default": "./dist/primitives/command/index.js"
+    },
+    "./primitives/dialog": {
+      "types": "./dist/primitives/dialog/index.d.ts",
+      "svelte": "./dist/primitives/dialog/index.js",
+      "default": "./dist/primitives/dialog/index.js"
+    },
+    "./primitives/drawer": {
+      "types": "./dist/primitives/drawer/index.d.ts",
+      "svelte": "./dist/primitives/drawer/index.js",
+      "default": "./dist/primitives/drawer/index.js"
+    },
+    "./primitives/dropdown": {
+      "types": "./dist/primitives/dropdown/index.d.ts",
+      "svelte": "./dist/primitives/dropdown/index.js",
+      "default": "./dist/primitives/dropdown/index.js"
+    },
+    "./primitives/field": {
+      "types": "./dist/primitives/field/index.d.ts",
+      "svelte": "./dist/primitives/field/index.js",
+      "default": "./dist/primitives/field/index.js"
+    },
+    "./primitives/file-upload": {
+      "types": "./dist/primitives/file-upload/index.d.ts",
+      "svelte": "./dist/primitives/file-upload/index.js",
+      "default": "./dist/primitives/file-upload/index.js"
+    },
+    "./primitives/input": {
+      "types": "./dist/primitives/input/index.d.ts",
+      "svelte": "./dist/primitives/input/index.js",
+      "default": "./dist/primitives/input/index.js"
+    },
+    "./primitives/input-password": {
+      "types": "./dist/primitives/input-password/index.d.ts",
+      "svelte": "./dist/primitives/input-password/index.js",
+      "default": "./dist/primitives/input-password/index.js"
+    },
+    "./primitives/kbd": {
+      "types": "./dist/primitives/kbd/index.d.ts",
+      "svelte": "./dist/primitives/kbd/index.js",
+      "default": "./dist/primitives/kbd/index.js"
+    },
+    "./primitives/navigation": {
+      "types": "./dist/primitives/navigation/index.d.ts",
+      "svelte": "./dist/primitives/navigation/index.js",
+      "default": "./dist/primitives/navigation/index.js"
+    },
+    "./primitives/number-input": {
+      "types": "./dist/primitives/number-input/index.d.ts",
+      "svelte": "./dist/primitives/number-input/index.js",
+      "default": "./dist/primitives/number-input/index.js"
+    },
+    "./primitives/pagination": {
+      "types": "./dist/primitives/pagination/index.d.ts",
+      "svelte": "./dist/primitives/pagination/index.js",
+      "default": "./dist/primitives/pagination/index.js"
+    },
+    "./primitives/pill": {
+      "types": "./dist/primitives/pill/index.d.ts",
+      "svelte": "./dist/primitives/pill/index.js",
+      "default": "./dist/primitives/pill/index.js"
+    },
+    "./primitives/popover": {
+      "types": "./dist/primitives/popover/index.d.ts",
+      "svelte": "./dist/primitives/popover/index.js",
+      "default": "./dist/primitives/popover/index.js"
+    },
+    "./primitives/segment": {
+      "types": "./dist/primitives/segment/index.d.ts",
+      "svelte": "./dist/primitives/segment/index.js",
+      "default": "./dist/primitives/segment/index.js"
+    },
+    "./primitives/select": {
+      "types": "./dist/primitives/select/index.d.ts",
+      "svelte": "./dist/primitives/select/index.js",
+      "default": "./dist/primitives/select/index.js"
+    },
+    "./primitives/separator": {
+      "types": "./dist/primitives/separator/index.d.ts",
+      "svelte": "./dist/primitives/separator/index.js",
+      "default": "./dist/primitives/separator/index.js"
+    },
+    "./primitives/skeleton": {
+      "types": "./dist/primitives/skeleton/index.d.ts",
+      "svelte": "./dist/primitives/skeleton/index.js",
+      "default": "./dist/primitives/skeleton/index.js"
+    },
+    "./primitives/slider": {
+      "types": "./dist/primitives/slider/index.d.ts",
+      "svelte": "./dist/primitives/slider/index.js",
+      "default": "./dist/primitives/slider/index.js"
+    },
+    "./primitives/spinner": {
+      "types": "./dist/primitives/spinner/index.d.ts",
+      "svelte": "./dist/primitives/spinner/index.js",
+      "default": "./dist/primitives/spinner/index.js"
+    },
+    "./primitives/switch": {
+      "types": "./dist/primitives/switch/index.d.ts",
+      "svelte": "./dist/primitives/switch/index.js",
+      "default": "./dist/primitives/switch/index.js"
+    },
+    "./primitives/textarea": {
+      "types": "./dist/primitives/textarea/index.d.ts",
+      "svelte": "./dist/primitives/textarea/index.js",
+      "default": "./dist/primitives/textarea/index.js"
+    },
+    "./primitives/toast": {
+      "types": "./dist/primitives/toast/index.d.ts",
+      "svelte": "./dist/primitives/toast/index.js",
+      "default": "./dist/primitives/toast/index.js"
+    },
+    "./composed": {
+      "types": "./dist/composed/index.d.ts",
+      "svelte": "./dist/composed/index.js",
+      "default": "./dist/composed/index.js"
+    },
+    "./composed/breadcrumb": {
+      "types": "./dist/composed/breadcrumb/index.d.ts",
+      "svelte": "./dist/composed/breadcrumb/index.js",
+      "default": "./dist/composed/breadcrumb/index.js"
+    },
+    "./composed/collapsible": {
+      "types": "./dist/composed/collapsible/index.d.ts",
+      "svelte": "./dist/composed/collapsible/index.js",
+      "default": "./dist/composed/collapsible/index.js"
+    },
+    "./composed/combobox": {
+      "types": "./dist/composed/combobox/index.d.ts",
+      "svelte": "./dist/composed/combobox/index.js",
+      "default": "./dist/composed/combobox/index.js"
+    },
+    "./composed/command": {
+      "types": "./dist/composed/command/index.d.ts",
+      "svelte": "./dist/composed/command/index.js",
+      "default": "./dist/composed/command/index.js"
+    },
+    "./composed/data-table": {
+      "types": "./dist/composed/data-table/index.d.ts",
+      "svelte": "./dist/composed/data-table/index.js",
+      "default": "./dist/composed/data-table/index.js"
+    },
+    "./composed/dialog": {
+      "types": "./dist/composed/dialog/index.d.ts",
+      "svelte": "./dist/composed/dialog/index.js",
+      "default": "./dist/composed/dialog/index.js"
+    },
+    "./composed/drawer": {
+      "types": "./dist/composed/drawer/index.d.ts",
+      "svelte": "./dist/composed/drawer/index.js",
+      "default": "./dist/composed/drawer/index.js"
+    },
+    "./composed/dropdown": {
+      "types": "./dist/composed/dropdown/index.d.ts",
+      "svelte": "./dist/composed/dropdown/index.js",
+      "default": "./dist/composed/dropdown/index.js"
+    },
+    "./composed/field": {
+      "types": "./dist/composed/field/index.d.ts",
+      "svelte": "./dist/composed/field/index.js",
+      "default": "./dist/composed/field/index.js"
+    },
+    "./composed/file-upload": {
+      "types": "./dist/composed/file-upload/index.d.ts",
+      "svelte": "./dist/composed/file-upload/index.js",
+      "default": "./dist/composed/file-upload/index.js"
+    },
+    "./composed/navigation": {
+      "types": "./dist/composed/navigation/index.d.ts",
+      "svelte": "./dist/composed/navigation/index.js",
+      "default": "./dist/composed/navigation/index.js"
+    },
+    "./composed/pagination": {
+      "types": "./dist/composed/pagination/index.d.ts",
+      "svelte": "./dist/composed/pagination/index.js",
+      "default": "./dist/composed/pagination/index.js"
+    },
+    "./composed/pill": {
+      "types": "./dist/composed/pill/index.d.ts",
+      "svelte": "./dist/composed/pill/index.js",
+      "default": "./dist/composed/pill/index.js"
+    },
+    "./composed/popover": {
+      "types": "./dist/composed/popover/index.d.ts",
+      "svelte": "./dist/composed/popover/index.js",
+      "default": "./dist/composed/popover/index.js"
+    },
+    "./composed/segment": {
+      "types": "./dist/composed/segment/index.d.ts",
+      "svelte": "./dist/composed/segment/index.js",
+      "default": "./dist/composed/segment/index.js"
+    },
+    "./composed/select": {
+      "types": "./dist/composed/select/index.d.ts",
+      "svelte": "./dist/composed/select/index.js",
+      "default": "./dist/composed/select/index.js"
+    },
+    "./composed/slider": {
+      "types": "./dist/composed/slider/index.d.ts",
+      "svelte": "./dist/composed/slider/index.js",
+      "default": "./dist/composed/slider/index.js"
+    },
+    "./composed/switch": {
+      "types": "./dist/composed/switch/index.d.ts",
+      "svelte": "./dist/composed/switch/index.js",
+      "default": "./dist/composed/switch/index.js"
+    },
+    "./composed/toast": {
+      "types": "./dist/composed/toast/index.d.ts",
+      "svelte": "./dist/composed/toast/index.js",
+      "default": "./dist/composed/toast/index.js"
     }
   },
   "files": [

package/dist/components/app-shell/exports-primitive.d.ts

@@ -1,9 +0,0 @@
-export { default as Content } from './components/app-shell.content.svelte';
-export { default as Header } from './components/app-shell.header.svelte';
-export { default as NavBar } from './components/app-shell.nav-bar.svelte';
-export { default as Root } from './components/app-shell.root.svelte';
-export { default as SidebarFooter } from './components/app-shell.sidebar-footer.svelte';
-export { default as SidebarHead } from './components/app-shell.sidebar-head.svelte';
-export { default as SidebarToggle } from './components/app-shell.sidebar-toggle.svelte';
-export { default as Sidebar } from './components/app-shell.sidebar.svelte';
-export { default as Viewport } from './components/app-shell.viewport.svelte';

package/dist/components/app-shell/exports-primitive.js

@@ -1,9 +0,0 @@
-export { default as Content } from './components/app-shell.content.svelte';
-export { default as Header } from './components/app-shell.header.svelte';
-export { default as NavBar } from './components/app-shell.nav-bar.svelte';
-export { default as Root } from './components/app-shell.root.svelte';
-export { default as SidebarFooter } from './components/app-shell.sidebar-footer.svelte';
-export { default as SidebarHead } from './components/app-shell.sidebar-head.svelte';
-export { default as SidebarToggle } from './components/app-shell.sidebar-toggle.svelte';
-export { default as Sidebar } from './components/app-shell.sidebar.svelte';
-export { default as Viewport } from './components/app-shell.viewport.svelte';

package/dist/components/app-shell/styles.d.ts

@@ -1,83 +0,0 @@
-import { Context } from 'runed';
-import type { ReadableBox } from 'svelte-toolbelt';
-import type { VariantProps } from 'tailwind-variants';
-export declare const appShellVariants: import("tailwind-variants").TVReturnType<{
-    layout: {
-        stacked: {
-            sidebar: string[];
-        };
-        adjacent: {
-            header: string[];
-        };
-    };
-    withBorder: {
-        true: {
-            header: string[];
-            sidebar: string[];
-        };
-    };
-}, {
-    root: string[];
-    header: string[];
-    sidebar: string[];
-    content: string[];
-    viewport: string[];
-    sidebarToggle: string[];
-    sidebarHead: string[];
-    sidebarFooter: string[];
-    navBar: string[];
-}, undefined, {
-    layout: {
-        stacked: {
-            sidebar: string[];
-        };
-        adjacent: {
-            header: string[];
-        };
-    };
-    withBorder: {
-        true: {
-            header: string[];
-            sidebar: string[];
-        };
-    };
-}, {
-    root: string[];
-    header: string[];
-    sidebar: string[];
-    content: string[];
-    viewport: string[];
-    sidebarToggle: string[];
-    sidebarHead: string[];
-    sidebarFooter: string[];
-    navBar: string[];
-}, import("tailwind-variants").TVReturnType<{
-    layout: {
-        stacked: {
-            sidebar: string[];
-        };
-        adjacent: {
-            header: string[];
-        };
-    };
-    withBorder: {
-        true: {
-            header: string[];
-            sidebar: string[];
-        };
-    };
-}, {
-    root: string[];
-    header: string[];
-    sidebar: string[];
-    content: string[];
-    viewport: string[];
-    sidebarToggle: string[];
-    sidebarHead: string[];
-    sidebarFooter: string[];
-    navBar: string[];
-}, undefined, unknown, unknown, undefined>>;
-export type AppShellVariantsProps = VariantProps<typeof appShellVariants>;
-type AppShellStylesContextValues = ReadableBox<ReturnType<typeof appShellVariants>>;
-export declare const AppShellStylesContext: Context<AppShellStylesContextValues>;
-export {};

package/dist/components/app-shell/styles.js

@@ -1,67 +0,0 @@
-import { keyWithPrefix } from '../../internal/utils/common.js';
-import { tv } from '../../internal/utils/tailwindcss.js';
-import { Context } from 'runed';
-export const appShellVariants = tv({
-    slots: {
-        root: ['cgui:group/appShell', 'cgui:relative', 'cgui:size-full', 'cgui:bg-bg-main'],
-        header: [
-            'cgui:fixed cgui:top-0 cgui:right-0 cgui:h-(--app-shell-header-height) cgui:w-full',
-            'cgui:flex cgui:items-center',
-            'cgui:transition-(width) cgui:duration-250 cgui:ease-in-out',
-            'cgui:bg-surface-white',
-        ],
-        sidebar: [
-            'cgui:flex cgui:flex-col',
-            'cgui:h-full cgui:w-(--app-shell-sidebar-width) cgui:data-[collapsed]:w-(--app-shell-sidebar-collapsed-width)',
-            'cgui:bg-surface-darkest',
-            'cgui:transition-(width) cgui:duration-250 cgui:ease-in-out',
-            'cgui:fixed cgui:left-0 cgui:bottom-0',
-            'cgui:will-change-width',
-        ],
-        content: [
-            'cgui:overflow-y-auto',
-            'cgui:size-full cgui:flex cgui:flex-col cgui:grow',
-            'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
-        ],
-        viewport: [
-            'cgui:size-full cgui:overflow-hidden cgui:flex cgui:flex-col cgui:grow',
-            'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
-            'cgui:group-has-[[data-slot="sidebar"]]/appShell:pl-(--app-shell-sidebar-width) cgui:group-data-[collapsed]/appShell:group-has-[[data-slot="sidebar"]]/appShell:pl-(--app-shell-sidebar-collapsed-width)',
-            'cgui:group-has-[[data-slot="header"]]/appShell:pt-(--app-shell-header-height)',
-        ],
-        sidebarToggle: [
-            'cgui:flex cgui:items-center cgui:justify-center',
-            'cgui:transparent cgui:cursor-pointer cgui:size-6 cgui:text-icon-default',
-            'cgui:disabled:opacity-50 cgui:disabled:cursor-not-allowed',
-        ],
-        sidebarHead: [
-            'cgui:flex cgui:items-center cgui:shrink-0 cgui:p-4',
-            'cgui:border-b cgui:border-b-stroke-minimum/10',
-        ],
-        sidebarFooter: [
-            'cgui:flex cgui:items-center cgui:shrink-0 cgui:px-4 cgui:pt-4 cgui:pb-3',
-            'cgui:border-t cgui:border-t-stroke-minimum/10',
-        ],
-        navBar: ['cgui:flex cgui:flex-col cgui:flex-1 cgui:overflow-y-auto cgui:no-scrollbar'],
-    },
-    variants: {
-        layout: {
-            stacked: {
-                sidebar: ['cgui:group-has-[[data-slot="header"]]/appShell:h-[calc(100%-var(--app-shell-header-height))]'],
-            },
-            adjacent: {
-                header: [
-                    'cgui:group-has-[[data-slot="sidebar"]]/appShell:w-[calc(100%-var(--app-shell-sidebar-width))]',
-                    'cgui:group-data-[collapsed]/appShell:group-has-[[data-slot="sidebar"]]/appShell:w-[calc(100%-var(--app-shell-sidebar-collapsed-width))] ',
-                ],
-            },
-        },
-        withBorder: {
-            true: {
-                header: ['cgui:border-b cgui:border-stroke-divider'],
-                sidebar: ['cgui:border-r cgui:border-stroke-divider'],
-            },
-        },
-    },
-});
-export const AppShellStylesContext = new Context(keyWithPrefix('app-shell-styles'));