@soft-stech/bootsman-ui-shadcn 1.4.5 → 1.4.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/BuiSheet.vue_vue_type_script_setup_true_lang-BskbnSm5.js +23 -0
- package/dist/BuiSheetClose.vue_vue_type_script_setup_true_lang-BYXhp7zs.js +21 -0
- package/dist/BuiSheetDescription.vue_vue_type_script_setup_true_lang-B52ZY6l4.js +28 -0
- package/dist/BuiSheetFooter.vue_vue_type_script_setup_true_lang-DT3Cdj-l.js +19 -0
- package/dist/BuiSheetHeader.vue_vue_type_script_setup_true_lang-Hmi-f0up.js +19 -0
- package/dist/BuiSheetTitle.vue_vue_type_script_setup_true_lang-DafOh-no.js +28 -0
- package/dist/BuiSheetTrigger.vue_vue_type_script_setup_true_lang-Bo3F1V-i.js +21 -0
- package/dist/assets/main.css +1 -1
- package/dist/components/ui/sheet/BuiSheet.js +4 -0
- package/dist/components/ui/sheet/BuiSheet.vue.d.ts +21 -0
- package/dist/components/ui/sheet/BuiSheetClose.js +4 -0
- package/dist/components/ui/sheet/BuiSheetClose.vue.d.ts +17 -0
- package/dist/components/ui/sheet/BuiSheetContent.js +4 -0
- package/dist/components/ui/sheet/BuiSheetContent.vue.d.ts +37 -0
- package/dist/components/ui/sheet/BuiSheetDescription.js +4 -0
- package/dist/components/ui/sheet/BuiSheetDescription.vue.d.ts +22 -0
- package/dist/components/ui/sheet/BuiSheetFooter.js +4 -0
- package/dist/components/ui/sheet/BuiSheetFooter.vue.d.ts +21 -0
- package/dist/components/ui/sheet/BuiSheetHeader.js +4 -0
- package/dist/components/ui/sheet/BuiSheetHeader.vue.d.ts +21 -0
- package/dist/components/ui/sheet/BuiSheetTitle.js +4 -0
- package/dist/components/ui/sheet/BuiSheetTitle.vue.d.ts +22 -0
- package/dist/components/ui/sheet/BuiSheetTrigger.js +4 -0
- package/dist/components/ui/sheet/BuiSheetTrigger.vue.d.ts +17 -0
- package/dist/components/ui/sheet/index.d.ts +13 -0
- package/dist/components/ui/sheet/index.js +77 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +167 -150
- package/package.json +1 -1
- package/src/components/stories/BuiSheet.story.vue +41 -0
- package/src/components/ui/sheet/BuiSheet.vue +19 -0
- package/src/components/ui/sheet/BuiSheetClose.vue +11 -0
- package/src/components/ui/sheet/BuiSheetContent.vue +56 -0
- package/src/components/ui/sheet/BuiSheetDescription.vue +22 -0
- package/src/components/ui/sheet/BuiSheetFooter.vue +12 -0
- package/src/components/ui/sheet/BuiSheetHeader.vue +12 -0
- package/src/components/ui/sheet/BuiSheetTitle.vue +22 -0
- package/src/components/ui/sheet/BuiSheetTrigger.vue +11 -0
- package/src/components/ui/sheet/index.ts +31 -0
- package/src/index.ts +1 -0
@@ -0,0 +1,21 @@
|
|
1
|
+
import { DialogRootProps } from 'radix-vue';
|
2
|
+
declare function __VLS_template(): {
|
3
|
+
slots: {
|
4
|
+
default?(_: {}): any;
|
5
|
+
};
|
6
|
+
refs: {};
|
7
|
+
attrs: Partial<{}>;
|
8
|
+
};
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<DialogRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
11
|
+
"update:open": (value: boolean) => any;
|
12
|
+
}, string, import('vue').PublicProps, Readonly<DialogRootProps> & Readonly<{
|
13
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
14
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
16
|
+
export default _default;
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
18
|
+
new (): {
|
19
|
+
$slots: S;
|
20
|
+
};
|
21
|
+
};
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { DialogCloseProps } from 'radix-vue';
|
2
|
+
declare function __VLS_template(): {
|
3
|
+
slots: {
|
4
|
+
default?(_: {}): any;
|
5
|
+
};
|
6
|
+
refs: {};
|
7
|
+
attrs: Partial<{}>;
|
8
|
+
};
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<DialogCloseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
11
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
12
|
+
export default _default;
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
14
|
+
new (): {
|
15
|
+
$slots: S;
|
16
|
+
};
|
17
|
+
};
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { DialogContentProps } from 'radix-vue';
|
2
|
+
import { HTMLAttributes } from 'vue';
|
3
|
+
import { SheetVariants } from '.';
|
4
|
+
interface SheetContentProps extends DialogContentProps {
|
5
|
+
class?: HTMLAttributes['class'];
|
6
|
+
side?: SheetVariants['side'];
|
7
|
+
}
|
8
|
+
declare function __VLS_template(): {
|
9
|
+
slots: {
|
10
|
+
default?(_: {}): any;
|
11
|
+
};
|
12
|
+
refs: {};
|
13
|
+
attrs: Partial<{}>;
|
14
|
+
};
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<SheetContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
17
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
18
|
+
pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
|
19
|
+
focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
20
|
+
interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
21
|
+
openAutoFocus: (event: Event) => any;
|
22
|
+
closeAutoFocus: (event: Event) => any;
|
23
|
+
}, string, import('vue').PublicProps, Readonly<SheetContentProps> & Readonly<{
|
24
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
25
|
+
onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
|
26
|
+
onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
27
|
+
onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
28
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
29
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
30
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
31
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
32
|
+
export default _default;
|
33
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
34
|
+
new (): {
|
35
|
+
$slots: S;
|
36
|
+
};
|
37
|
+
};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { DialogDescriptionProps } from 'radix-vue';
|
2
|
+
import { HTMLAttributes } from 'vue';
|
3
|
+
declare function __VLS_template(): {
|
4
|
+
slots: {
|
5
|
+
default?(_: {}): any;
|
6
|
+
};
|
7
|
+
refs: {};
|
8
|
+
attrs: Partial<{}>;
|
9
|
+
};
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DialogDescriptionProps & {
|
12
|
+
class?: HTMLAttributes["class"];
|
13
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogDescriptionProps & {
|
14
|
+
class?: HTMLAttributes["class"];
|
15
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
17
|
+
export default _default;
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
19
|
+
new (): {
|
20
|
+
$slots: S;
|
21
|
+
};
|
22
|
+
};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
2
|
+
declare function __VLS_template(): {
|
3
|
+
slots: {
|
4
|
+
default?(_: {}): any;
|
5
|
+
};
|
6
|
+
refs: {};
|
7
|
+
attrs: Partial<{}>;
|
8
|
+
};
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<{
|
11
|
+
class?: HTMLAttributes["class"];
|
12
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
13
|
+
class?: HTMLAttributes["class"];
|
14
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
16
|
+
export default _default;
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
18
|
+
new (): {
|
19
|
+
$slots: S;
|
20
|
+
};
|
21
|
+
};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
2
|
+
declare function __VLS_template(): {
|
3
|
+
slots: {
|
4
|
+
default?(_: {}): any;
|
5
|
+
};
|
6
|
+
refs: {};
|
7
|
+
attrs: Partial<{}>;
|
8
|
+
};
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<{
|
11
|
+
class?: HTMLAttributes["class"];
|
12
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
13
|
+
class?: HTMLAttributes["class"];
|
14
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
16
|
+
export default _default;
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
18
|
+
new (): {
|
19
|
+
$slots: S;
|
20
|
+
};
|
21
|
+
};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { DialogTitleProps } from 'radix-vue';
|
2
|
+
import { HTMLAttributes } from 'vue';
|
3
|
+
declare function __VLS_template(): {
|
4
|
+
slots: {
|
5
|
+
default?(_: {}): any;
|
6
|
+
};
|
7
|
+
refs: {};
|
8
|
+
attrs: Partial<{}>;
|
9
|
+
};
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DialogTitleProps & {
|
12
|
+
class?: HTMLAttributes["class"];
|
13
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTitleProps & {
|
14
|
+
class?: HTMLAttributes["class"];
|
15
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
17
|
+
export default _default;
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
19
|
+
new (): {
|
20
|
+
$slots: S;
|
21
|
+
};
|
22
|
+
};
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { DialogTriggerProps } from 'radix-vue';
|
2
|
+
declare function __VLS_template(): {
|
3
|
+
slots: {
|
4
|
+
default?(_: {}): any;
|
5
|
+
};
|
6
|
+
refs: {};
|
7
|
+
attrs: Partial<{}>;
|
8
|
+
};
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
11
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
12
|
+
export default _default;
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
14
|
+
new (): {
|
15
|
+
$slots: S;
|
16
|
+
};
|
17
|
+
};
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
2
|
+
export { default as Sheet } from './BuiSheet.vue';
|
3
|
+
export { default as SheetClose } from './BuiSheetClose.vue';
|
4
|
+
export { default as SheetContent } from './BuiSheetContent.vue';
|
5
|
+
export { default as SheetDescription } from './BuiSheetDescription.vue';
|
6
|
+
export { default as SheetFooter } from './BuiSheetFooter.vue';
|
7
|
+
export { default as SheetHeader } from './BuiSheetHeader.vue';
|
8
|
+
export { default as SheetTitle } from './BuiSheetTitle.vue';
|
9
|
+
export { default as SheetTrigger } from './BuiSheetTrigger.vue';
|
10
|
+
export declare const sheetVariants: (props?: ({
|
11
|
+
side?: "left" | "right" | "top" | "bottom" | null | undefined;
|
12
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
13
|
+
export type SheetVariants = VariantProps<typeof sheetVariants>;
|
@@ -0,0 +1,77 @@
|
|
1
|
+
import { g as u, j as f } from "../../../utils-Do5XvoZJ.js";
|
2
|
+
import { _ as z } from "../../../BuiSheet.vue_vue_type_script_setup_true_lang-BskbnSm5.js";
|
3
|
+
import { _ as $ } from "../../../BuiSheetClose.vue_vue_type_script_setup_true_lang-BYXhp7zs.js";
|
4
|
+
import { defineComponent as m, computed as g, openBlock as h, createBlock as b, unref as t, withCtx as a, createVNode as o, mergeProps as x, renderSlot as _ } from "vue";
|
5
|
+
import { x as w, aa as y, ab as S, ac as B, a6 as C } from "../../../index-DKlaqzM0.js";
|
6
|
+
import { _ as H } from "../../../BuiSheetDescription.vue_vue_type_script_setup_true_lang-B52ZY6l4.js";
|
7
|
+
import { _ as M } from "../../../BuiSheetFooter.vue_vue_type_script_setup_true_lang-DT3Cdj-l.js";
|
8
|
+
import { _ as X } from "../../../BuiSheetHeader.vue_vue_type_script_setup_true_lang-Hmi-f0up.js";
|
9
|
+
import { _ as G } from "../../../BuiSheetTitle.vue_vue_type_script_setup_true_lang-DafOh-no.js";
|
10
|
+
import { _ as J } from "../../../BuiSheetTrigger.vue_vue_type_script_setup_true_lang-Bo3F1V-i.js";
|
11
|
+
import { X as v } from "../../../x-DjGG8Lwe.js";
|
12
|
+
const P = /* @__PURE__ */ m({
|
13
|
+
inheritAttrs: !1,
|
14
|
+
__name: "BuiSheetContent",
|
15
|
+
props: {
|
16
|
+
class: {},
|
17
|
+
side: {},
|
18
|
+
forceMount: { type: Boolean },
|
19
|
+
trapFocus: { type: Boolean },
|
20
|
+
disableOutsidePointerEvents: { type: Boolean },
|
21
|
+
asChild: { type: Boolean },
|
22
|
+
as: {}
|
23
|
+
},
|
24
|
+
emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
|
25
|
+
setup(r, { emit: n }) {
|
26
|
+
const s = r, i = n, d = g(() => {
|
27
|
+
const { class: e, side: c, ...p } = s;
|
28
|
+
return p;
|
29
|
+
}), l = w(d, i);
|
30
|
+
return (e, c) => (h(), b(t(y), null, {
|
31
|
+
default: a(() => [
|
32
|
+
o(t(S), { class: "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
|
33
|
+
o(t(B), x({
|
34
|
+
class: t(u)(t(k)({ side: e.side }), s.class)
|
35
|
+
}, { ...t(l), ...e.$attrs }), {
|
36
|
+
default: a(() => [
|
37
|
+
_(e.$slots, "default"),
|
38
|
+
o(t(C), { class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, {
|
39
|
+
default: a(() => [
|
40
|
+
o(t(v), { class: "h-4 w-4 text-muted-foreground" })
|
41
|
+
]),
|
42
|
+
_: 1
|
43
|
+
})
|
44
|
+
]),
|
45
|
+
_: 3
|
46
|
+
}, 16, ["class"])
|
47
|
+
]),
|
48
|
+
_: 3
|
49
|
+
}));
|
50
|
+
}
|
51
|
+
}), k = f(
|
52
|
+
"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
53
|
+
{
|
54
|
+
variants: {
|
55
|
+
side: {
|
56
|
+
top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
|
57
|
+
bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
|
58
|
+
left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
|
59
|
+
right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
|
60
|
+
}
|
61
|
+
},
|
62
|
+
defaultVariants: {
|
63
|
+
side: "right"
|
64
|
+
}
|
65
|
+
}
|
66
|
+
);
|
67
|
+
export {
|
68
|
+
z as Sheet,
|
69
|
+
$ as SheetClose,
|
70
|
+
P as SheetContent,
|
71
|
+
H as SheetDescription,
|
72
|
+
M as SheetFooter,
|
73
|
+
X as SheetHeader,
|
74
|
+
G as SheetTitle,
|
75
|
+
J as SheetTrigger,
|
76
|
+
k as sheetVariants
|
77
|
+
};
|
package/dist/index.d.ts
CHANGED
@@ -37,6 +37,7 @@ export * from './components/ui/skeleton/index';
|
|
37
37
|
export * from './components/ui/scroll-area/index';
|
38
38
|
export * from './components/ui/collapsible/index';
|
39
39
|
export * from './components/ui/auto-form/index';
|
40
|
+
export * from './components/ui/sheet/index';
|
40
41
|
export * from './lib/utils';
|
41
42
|
export { default as tailwind } from './tailwind-preset';
|
42
43
|
export * from './assets/variables.css';
|