@dolanske/vui 1.14.17 → 1.15.0

package/README.md

@@ -1,12 +1,12 @@
-# VUI
-
-1. `npm i @dolanske/vui`
-2. In your main app entry,`import "@dolanske/vui/style` to import the global CSS
-3. Override default style [tokens](https://dolanske.github.io/vui/docs/tokens) to fit your style
-4. Build your thing bro
-
----
-
-## Documentation
-
-[Visit the docs here <](https://dolanske.github.io/vui/)
+# VUI
+
+1. `npm i @dolanske/vui`
+2. In your main app entry,`import "@dolanske/vui/style` to import the global CSS
+3. Override default style [tokens](https://dolanske.github.io/vui/docs/tokens) to fit your style
+4. Build your thing bro
+
+---
+
+## Documentation
+
+[Visit the docs here <](https://dolanske.github.io/vui/)

package/dist/src/index.d.ts

@@ -1,6 +1,5 @@
 import { Command, default as Commands } from './components/Commands/Commands.vue';
 import { SelectOption, default as Select } from './components/Select/Select.vue';
-import { Breakpoints, useBreakpoint, vuiBreakpoints } from './shared/breakpoints';
 import { Size, Sizes, Spaces, SpaceSize } from './shared/types';
 import { default as Accordion } from './components/Accordion/Accordion.vue';
 import { default as AccordionGroup } from './components/Accordion/AccordionGroup.vue';
@@ -70,6 +69,7 @@ import { default as Tooltip } from './components/Tooltip/Tooltip.vue';
 import { default as Backdrop } from './internal/Backdrop/Backdrop.vue';
 import { searchString } from './shared/helpers';
 import { setColorTheme, theme } from './shared/theme';
+import { breakpoints, viewport } from './shared/viewport';
 import { useViewTransition } from './shared/viewTransition';
 import * as Table from './components/Table';
-export { Accordion, AccordionGroup, Alert, AspectRatio, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, Breakpoints, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, ContextMenu, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Histogram, Indicator, Input, Kbd, KbdGroup, Marquee, Menubar, MenuItem, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, ResizableView, searchString, Select, type SelectOption, setColorTheme, Sheet, Sidebar, type Size, type Sizes, Skeleton, Slider, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useBreakpoint, useViewTransition, vuiBreakpoints, };
+export { Accordion, AccordionGroup, Alert, AspectRatio, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, breakpoints, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, ContextMenu, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Histogram, Indicator, Input, Kbd, KbdGroup, Marquee, Menubar, MenuItem, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, ResizableView, searchString, Select, type SelectOption, setColorTheme, Sheet, Sidebar, type Size, type Sizes, Skeleton, Slider, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useViewTransition, viewport, };

package/dist/src/shared/viewport.d.ts

@@ -0,0 +1,33 @@
+import { Ref } from 'vue';
+export interface Breakpoints {
+    /**
+     * Mobile breakpoint `<=572px`
+     */
+    s: boolean;
+    /**
+     * Tablet breakpoint `<=768px`
+     */
+    m: boolean;
+    /**
+     * Small desktop / laptop breakpoint `<=1228px`
+     */
+    l: boolean;
+}
+export declare const breakpoints: Ref<{
+    s: number;
+    m: number;
+    l: number;
+}, {
+    s: number;
+    m: number;
+    l: number;
+} | {
+    s: number;
+    m: number;
+    l: number;
+}>;
+export declare const viewport: {
+    s: boolean;
+    m: boolean;
+    l: boolean;
+};