@vuer-ai/vuer-uikit 0.0.3 → 0.0.4

package/dist/highlight-cursor/index.mjs

@@ -1,13 +1,13 @@
 import '../chunk-VGCVIHBR.mjs';
-export { CursorProvider } from '../chunk-SUU4Z6E5.mjs';
-export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-ZKYQYCKN.mjs';
-import '../chunk-KAPV3EZO.mjs';
-import '../chunk-GA2JCN3F.mjs';
-import '../chunk-JOBQTBEM.mjs';
+export { CursorProvider } from '../chunk-7SXCVFSA.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-M3KBBKQR.mjs';
+import '../chunk-QOUX33X5.mjs';
+import '../chunk-5GPQ7U5B.mjs';
+import '../chunk-66JQXJEV.mjs';
 import '../chunk-Q3APPCB2.mjs';
-import '../chunk-KVDEBKWR.mjs';
+import '../chunk-25GQKTNF.mjs';
+export { TabsCursorProvider } from '../chunk-6L4KPPOD.mjs';
 export { withCursor } from '../chunk-CP7QYV4N.mjs';
 import '../chunk-QS7WS6DD.mjs';
 import '../chunk-HW6SLBO3.mjs';
 import '../chunk-3FR3WKI4.mjs';
-export { TabsCursorProvider } from '../chunk-FYEZTS4S.mjs';

package/dist/highlight-cursor/tabs-cursor-context.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkJIXJTLEO_js = require('../chunk-JIXJTLEO.js');
+var chunkB5EMQBVL_js = require('../chunk-B5EMQBVL.js');
 
 
 
 Object.defineProperty(exports, "TabsCursorProvider", {
   enumerable: true,
-  get: function () { return chunkJIXJTLEO_js.TabsCursorProvider; }
+  get: function () { return chunkB5EMQBVL_js.TabsCursorProvider; }
 });
 Object.defineProperty(exports, "useTabsCursor", {
   enumerable: true,
-  get: function () { return chunkJIXJTLEO_js.useTabsCursor; }
+  get: function () { return chunkB5EMQBVL_js.useTabsCursor; }
 });

package/dist/highlight-cursor/tabs-cursor-context.mjs

@@ -1 +1 @@
-export { TabsCursorProvider, useTabsCursor } from '../chunk-FYEZTS4S.mjs';
+export { TabsCursorProvider, useTabsCursor } from '../chunk-6L4KPPOD.mjs';

package/dist/index.css

@@ -93,6 +93,7 @@
   --line-secondary: var(--gray-6);
   --shadow-primary: var(--black-alpha-3);
   --shadow-secondary: var(--black-alpha-4);
+  --shadow-tertiary: var(--black-alpha-4);
   --black-1: rgba(0, 0, 0, 1);
   --black-alpha-1: rgba(0, 0, 0, 0.6);
   --black-alpha-2: rgba(0, 0, 0, 0.2);
@@ -187,6 +188,7 @@
   --line-secondary: var(--gray-4);
   --shadow-primary: var(--black-alpha-1);
   --shadow-secondary: var(--black-alpha-2);
+  --shadow-tertiary: var(--black-alpha-6);
 }
 .liquidlight {
   color-scheme: light;
@@ -217,6 +219,7 @@
   --line-secondary: var(--gray-6);
   --shadow-primary: var(--black-alpha-3);
   --shadow-secondary: var(--black-alpha-4);
+  --shadow-tertiary: var(--black-alpha-4);
 }
 .liquiddark {
   color-scheme: dark;
@@ -247,26 +250,43 @@
   --line-secondary: var(--gray-4);
   --shadow-primary: var(--black-alpha-1);
   --shadow-secondary: var(--black-alpha-2);
+  --shadow-tertiary: var(--black-alpha-6);
 }
+@custom-variant liquid (&:is(.liquiddark *, .liquidlight *));
+@utility liquid-bg { background: linear-gradient(147.1deg, rgba(172, 172, 172, 0.1) 0%, rgba(74, 74, 74, 0.1) 105.28%) !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; }
 @theme inline { --color-brand-primary: var(--brand-primary); --color-brand-secondary: var(--brand-secondary); --color-brand-tertiary: var(--brand-tertiary); --color-text-highlight: var(--text-highlight); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-tertiary: var(--text-tertiary); --color-text-withbg: var(--text-withbg); --color-bg-primary: var(--bg-primary); --color-bg-secondary: var(--bg-secondary); --color-bg-tertiary: var(--bg-tertiary); --color-bg-quaternary: var(--bg-quaternary); --color-bg-mask: var(--bg-mask); --color-icon-highlight: var(--icon-highlight); --color-icon-primary: var(--icon-primary); --color-icon-secondary: var(--icon-secondary); --color-icon-tertiary: var(--icon-tertiary); --color-icon-withbg: var(--icon-withbg); --color-danger-primary: var(--danger-primary); --color-danger-secondary: var(--danger-secondary); --color-danger-tertiary: var(--danger-tertiary); --color-accent-warning: var(--accent-warning); --color-accent-success: var(--accent-success); --color-line-primary: var(--line-primary); --color-line-secondary: var(--line-secondary); --color-shadow-primary: var(--shadow-primary); --color-shadow-secondary: var(--shadow-secondary); --radius-uk-xs: var(--radius); --radius-uk-sm: calc(var(--radius) + 2px); --radius-uk-md: calc(var(--radius) + 4px); --radius-uk-lg: calc(var(--radius) + 8px); --radius-uk-xl: calc(var(--radius) + 12px); --spacing-xxs: calc(var(--spacing) - 2px); --spacing-xs: var(--spacing); --spacing-sm: calc(var(--spacing) + 2px); --spacing-md: calc(var(--spacing) + 4px); --spacing-lg: calc(var(--spacing) + 8px); --spacing-xl: calc(var(--spacing) + 12px); --text-uk-xs: 10px; --text-uk-sm: 11px; --text-uk-md: 12px; --text-uk-lg: 13px; --text-uk-xl: 14px; --text-uk-xxl: 16px; --leading-uk-xs: 12px; --leading-uk-sm: 14px; --leading-uk-md: 16px; --leading-uk-lg: 18px; --leading-uk-xl: 20px; --leading-uk-xxl: 24px; }
 .vk-toast,
 [data-sonner-toast].vk-toast {
-  background: var(--color-bg-secondary) !important;
-  background-color: var(--color-bg-secondary) !important;
+  background: var(--color-bg-primary) !important;
   border: none !important;
   border-radius: var(--radius-uk-md) !important;
   padding: var(--spacing-lg) !important;
   box-shadow: 0px 8px 24px 0px var(--color-shadow-primary) !important;
+  padding-right: 60px !important;
 }
 .vk-toast [data-title] {
   color: var(--color-text-primary) !important;
   font-size: 14px !important;
   font-weight: 500 !important;
+  display: -webkit-box;
+  line-clamp: 1;
+  box-orient: vertical;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .vk-toast-description {
   color: var(--color-text-secondary) !important;
   font-size: 12px !important;
   font-weight: 400 !important;
+  display: -webkit-box;
+  line-clamp: 3;
+  box-orient: vertical;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .vk-toast button[data-button] {
   background: transparent !important;
@@ -277,18 +297,18 @@
   text-decoration: none !important;
   cursor: pointer !important;
   position: absolute !important;
-  right: 16px !important;
-  top: 50% !important;
-  transform: translateY(-50%) !important;
+  border-radius: 0 !important;
+  right: 0 !important;
+  top: 0 !important;
+  height: 100% !important;
+  width: 60px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  text-overflow: ellipsis !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
 }
 .vk-toast button[data-button]:hover {
-  background: var(--color-bg-tertiary) !important;
-}
-.vk-toast button[data-cancel] {
-  background: transparent !important;
-  color: var(--color-text-secondary) !important;
-  border: none !important;
-  font-size: 12px !important;
-  font-weight: 400 !important;
-  cursor: pointer !important;
+  background: var(--color-bg-secondary) !important;
 }

package/dist/index.d.mts

@@ -1,9 +1,11 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.mjs';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.mjs';
 export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from './ui/avatar.mjs';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.mjs';
 export { Toaster } from './ui/toast.mjs';
 export { Textarea } from './ui/textarea.mjs';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown.mjs';
+export { TreeDataItem, TreeView } from './ui/tree-view.mjs';
 export { Toggle, toggleVariants } from './ui/toggle.mjs';
 export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.mjs';
 export { Badge, badgeVariants } from './ui/badge.mjs';
@@ -19,6 +21,7 @@ export { InputNumbers, InputNumbersProps } from './ui/input-numbers.mjs';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.mjs';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './ui/select.mjs';
 export { Slider, SliderProps } from './ui/slider.mjs';
+export { Layout, LayoutProps } from './ui/layout.mjs';
 export { Theme, ThemeProvider, useTheme } from './ui/theme-context.mjs';
 export { cn } from './utils/cn.mjs';
 export { CursorProvider } from './highlight-cursor/cursor-provider.mjs';
@@ -27,8 +30,9 @@ export { TabsCursorProvider } from './highlight-cursor/tabs-cursor-context.mjs';
 export { withCursor } from './highlight-cursor/with-cursor.mjs';
 export { toast } from 'sonner';
 import 'react/jsx-runtime';
-import '@radix-ui/react-popover';
 import 'react';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-popover';
 import '@radix-ui/react-avatar';
 import '@radix-ui/react-tooltip';
 import 'class-variance-authority/types';
@@ -40,7 +44,6 @@ import '@radix-ui/react-radio-group';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-switch';
 import '@radix-ui/react-tabs';
-import '@radix-ui/react-dialog';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-select';
 import '@radix-ui/react-slider';

package/dist/index.d.ts

@@ -1,9 +1,11 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.js';
 export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from './ui/avatar.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.js';
 export { Toaster } from './ui/toast.js';
 export { Textarea } from './ui/textarea.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown.js';
+export { TreeDataItem, TreeView } from './ui/tree-view.js';
 export { Toggle, toggleVariants } from './ui/toggle.js';
 export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.js';
 export { Badge, badgeVariants } from './ui/badge.js';
@@ -19,6 +21,7 @@ export { InputNumbers, InputNumbersProps } from './ui/input-numbers.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './ui/select.js';
 export { Slider, SliderProps } from './ui/slider.js';
+export { Layout, LayoutProps } from './ui/layout.js';
 export { Theme, ThemeProvider, useTheme } from './ui/theme-context.js';
 export { cn } from './utils/cn.js';
 export { CursorProvider } from './highlight-cursor/cursor-provider.js';
@@ -27,8 +30,9 @@ export { TabsCursorProvider } from './highlight-cursor/tabs-cursor-context.js';
 export { withCursor } from './highlight-cursor/with-cursor.js';
 export { toast } from 'sonner';
 import 'react/jsx-runtime';
-import '@radix-ui/react-popover';
 import 'react';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-popover';
 import '@radix-ui/react-avatar';
 import '@radix-ui/react-tooltip';
 import 'class-variance-authority/types';
@@ -40,7 +44,6 @@ import '@radix-ui/react-radio-group';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-switch';
 import '@radix-ui/react-tabs';
-import '@radix-ui/react-dialog';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-select';
 import '@radix-ui/react-slider';