@stubber/ui 1.13.6 → 1.13.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/atoms/Button.svelte.d.ts +1 -1
  2. package/dist/atoms/TextOnlyButton.svelte.d.ts +1 -1
  3. package/dist/components/Chip.svelte.d.ts +2 -2
  4. package/dist/components/IconButton.svelte.d.ts +2 -2
  5. package/dist/components/Inputs/SelectInput.svelte.d.ts +1 -1
  6. package/dist/components/PrimaryButton.svelte.d.ts +2 -2
  7. package/dist/components/alert/alert-description.svelte +8 -0
  8. package/dist/components/alert/alert-description.svelte.d.ts +19 -0
  9. package/dist/components/alert/alert-title.svelte +13 -0
  10. package/dist/components/alert/alert-title.svelte.d.ts +22 -0
  11. package/dist/components/alert/alert.svelte +10 -0
  12. package/dist/components/alert/alert.svelte.d.ts +22 -0
  13. package/dist/components/alert/index.d.ts +43 -0
  14. package/dist/components/alert/index.js +19 -0
  15. package/dist/components/alert-dialog/alert-dialog-action.svelte.d.ts +1 -1
  16. package/dist/components/alert-dialog/alert-dialog-cancel.svelte.d.ts +1 -1
  17. package/dist/components/badge/index.d.ts +2 -2
  18. package/dist/components/button/index.d.ts +2 -2
  19. package/dist/components/calendar/calendar-day.svelte.d.ts +1 -1
  20. package/dist/components/calendar/calendar-next-button.svelte.d.ts +1 -1
  21. package/dist/components/calendar/calendar-prev-button.svelte.d.ts +1 -1
  22. package/dist/components/range-calendar/range-calendar-day.svelte.d.ts +1 -1
  23. package/dist/components/range-calendar/range-calendar-next-button.svelte.d.ts +1 -1
  24. package/dist/components/range-calendar/range-calendar-prev-button.svelte.d.ts +1 -1
  25. package/dist/components/sheet/index.d.ts +2 -2
  26. package/dist/components/switch/index.d.ts +4 -4
  27. package/dist/components/tabs/index.d.ts +4 -4
  28. package/dist/components/toggle/index.d.ts +2 -2
  29. package/package.json +6 -11
  30. package/dist/components/command/command-dialog.svelte.d.ts +0 -43
  31. package/dist/components/context-menu/context-menu-label.svelte.d.ts +0 -23
  32. package/dist/components/context-menu/context-menu-sub-trigger.svelte.d.ts +0 -21
  33. package/dist/components/dropdown-menu/dropdown-menu-label.svelte.d.ts +0 -23
  34. package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +0 -21
  35. package/dist/components/scroll-area/scroll-area-scrollbar.svelte.d.ts +0 -25
  36. package/dist/components/scroll-area/scroll-area.svelte.d.ts +0 -29
  37. package/dist/components/sheet/sheet-content.svelte.d.ts +0 -40
  38. package/dist/components/toggle/toggle.svelte.d.ts +0 -25
@@ -10,7 +10,7 @@ declare const __propDef: {
10
10
  disabled?: boolean;
11
11
  };
12
12
  events: {
13
- click: MouseEvent;
13
+ click: PointerEvent;
14
14
  } & {
15
15
  [evt: string]: CustomEvent<any>;
16
16
  };
@@ -10,7 +10,7 @@ declare const __propDef: {
10
10
  disabled?: boolean;
11
11
  };
12
12
  events: {
13
- click: MouseEvent;
13
+ click: PointerEvent;
14
14
  } & {
15
15
  [evt: string]: CustomEvent<any>;
16
16
  };
@@ -7,7 +7,7 @@ export default class Chip extends SvelteComponent<{
7
7
  icon?: string | undefined;
8
8
  hasX?: boolean | undefined;
9
9
  }, {
10
- click: MouseEvent;
10
+ click: PointerEvent;
11
11
  } & {
12
12
  [evt: string]: CustomEvent<any>;
13
13
  }, {}> {
@@ -24,7 +24,7 @@ declare const __propDef: {
24
24
  hasX?: boolean | undefined;
25
25
  };
26
26
  events: {
27
- click: MouseEvent;
27
+ click: PointerEvent;
28
28
  } & {
29
29
  [evt: string]: CustomEvent<any>;
30
30
  };
@@ -12,7 +12,7 @@ export default class IconButton extends SvelteComponent<{
12
12
  mouseover: MouseEvent;
13
13
  focus: FocusEvent;
14
14
  blur: FocusEvent;
15
- click: MouseEvent;
15
+ click: PointerEvent;
16
16
  } & {
17
17
  [evt: string]: CustomEvent<any>;
18
18
  }, {}> {
@@ -34,7 +34,7 @@ declare const __propDef: {
34
34
  mouseover: MouseEvent;
35
35
  focus: FocusEvent;
36
36
  blur: FocusEvent;
37
- click: MouseEvent;
37
+ click: PointerEvent;
38
38
  } & {
39
39
  [evt: string]: CustomEvent<any>;
40
40
  };
@@ -8,7 +8,7 @@ declare const __propDef: {
8
8
  name: string;
9
9
  };
10
10
  events: {
11
- change: CustomEvent<any>;
11
+ change: any;
12
12
  } & {
13
13
  [evt: string]: CustomEvent<any>;
14
14
  };
@@ -14,7 +14,7 @@ export default class PrimaryButton extends SvelteComponent<{
14
14
  mouseover: MouseEvent;
15
15
  focus: FocusEvent;
16
16
  blur: FocusEvent;
17
- click: MouseEvent;
17
+ click: PointerEvent;
18
18
  } & {
19
19
  [evt: string]: CustomEvent<any>;
20
20
  }, {}> {
@@ -38,7 +38,7 @@ declare const __propDef: {
38
38
  mouseover: MouseEvent;
39
39
  focus: FocusEvent;
40
40
  blur: FocusEvent;
41
- click: MouseEvent;
41
+ click: PointerEvent;
42
42
  } & {
43
43
  [evt: string]: CustomEvent<any>;
44
44
  };
@@ -0,0 +1,8 @@
1
+ <script>import { cn } from "../../utils/shadcn-utils";
2
+ let className = void 0;
3
+ export { className as class };
4
+ </script>
5
+
6
+ <div class={cn("text-sm [&_p]:leading-relaxed", className)} {...$$restProps}>
7
+ <slot />
8
+ </div>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { HTMLAttributes } from "svelte/elements";
3
+ declare const __propDef: {
4
+ props: HTMLAttributes<HTMLDivElement>;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {
9
+ default: {};
10
+ };
11
+ exports?: {} | undefined;
12
+ bindings?: string | undefined;
13
+ };
14
+ export type AlertDescriptionProps = typeof __propDef.props;
15
+ export type AlertDescriptionEvents = typeof __propDef.events;
16
+ export type AlertDescriptionSlots = typeof __propDef.slots;
17
+ export default class AlertDescription extends SvelteComponent<AlertDescriptionProps, AlertDescriptionEvents, AlertDescriptionSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,13 @@
1
+ <script>import { cn } from "../../utils/shadcn-utils";
2
+ let className = void 0;
3
+ export let level = "h5";
4
+ export { className as class };
5
+ </script>
6
+
7
+ <svelte:element
8
+ this={level}
9
+ class={cn("mb-1 font-medium leading-none tracking-tight", className)}
10
+ {...$$restProps}
11
+ >
12
+ <slot />
13
+ </svelte:element>
@@ -0,0 +1,22 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { HTMLAttributes } from "svelte/elements";
3
+ import type { HeadingLevel } from "./index.js";
4
+ declare const __propDef: {
5
+ props: HTMLAttributes<HTMLHeadingElement> & {
6
+ level?: HeadingLevel;
7
+ };
8
+ events: {
9
+ [evt: string]: CustomEvent<any>;
10
+ };
11
+ slots: {
12
+ default: {};
13
+ };
14
+ exports?: {} | undefined;
15
+ bindings?: string | undefined;
16
+ };
17
+ export type AlertTitleProps = typeof __propDef.props;
18
+ export type AlertTitleEvents = typeof __propDef.events;
19
+ export type AlertTitleSlots = typeof __propDef.slots;
20
+ export default class AlertTitle extends SvelteComponent<AlertTitleProps, AlertTitleEvents, AlertTitleSlots> {
21
+ }
22
+ export {};
@@ -0,0 +1,10 @@
1
+ <script>import { alertVariants } from "./index.js";
2
+ import { cn } from "../../utils/shadcn-utils";
3
+ let className = void 0;
4
+ export let variant = "default";
5
+ export { className as class };
6
+ </script>
7
+
8
+ <div class={cn(alertVariants({ variant }), className)} {...$$restProps} role="alert">
9
+ <slot />
10
+ </div>
@@ -0,0 +1,22 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { HTMLAttributes } from "svelte/elements";
3
+ import { type Variant } from "./index.js";
4
+ declare const __propDef: {
5
+ props: HTMLAttributes<HTMLDivElement> & {
6
+ variant?: Variant;
7
+ };
8
+ events: {
9
+ [evt: string]: CustomEvent<any>;
10
+ };
11
+ slots: {
12
+ default: {};
13
+ };
14
+ exports?: {} | undefined;
15
+ bindings?: string | undefined;
16
+ };
17
+ export type AlertProps = typeof __propDef.props;
18
+ export type AlertEvents = typeof __propDef.events;
19
+ export type AlertSlots = typeof __propDef.slots;
20
+ export default class Alert extends SvelteComponent<AlertProps, AlertEvents, AlertSlots> {
21
+ }
22
+ export {};
@@ -0,0 +1,43 @@
1
+ import { type VariantProps } from "tailwind-variants";
2
+ import Root from "./alert.svelte";
3
+ import Description from "./alert-description.svelte";
4
+ import Title from "./alert-title.svelte";
5
+ export declare const alertVariants: import("tailwind-variants").TVReturnType<{
6
+ variant: {
7
+ default: string;
8
+ destructive: string;
9
+ };
10
+ }, undefined, "[&>svg]:text-foreground relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4", import("tailwind-variants/dist/config.js").TVConfig<{
11
+ variant: {
12
+ default: string;
13
+ destructive: string;
14
+ };
15
+ }, {
16
+ variant: {
17
+ default: string;
18
+ destructive: string;
19
+ };
20
+ }>, {
21
+ variant: {
22
+ default: string;
23
+ destructive: string;
24
+ };
25
+ }, undefined, import("tailwind-variants").TVReturnType<{
26
+ variant: {
27
+ default: string;
28
+ destructive: string;
29
+ };
30
+ }, undefined, "[&>svg]:text-foreground relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4", import("tailwind-variants/dist/config.js").TVConfig<{
31
+ variant: {
32
+ default: string;
33
+ destructive: string;
34
+ };
35
+ }, {
36
+ variant: {
37
+ default: string;
38
+ destructive: string;
39
+ };
40
+ }>, unknown, unknown, undefined>>;
41
+ export type Variant = VariantProps<typeof alertVariants>["variant"];
42
+ export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
43
+ export { Root, Description, Title, Root as Alert, Description as AlertDescription, Title as AlertTitle, };
@@ -0,0 +1,19 @@
1
+ import { tv } from "tailwind-variants";
2
+ import Root from "./alert.svelte";
3
+ import Description from "./alert-description.svelte";
4
+ import Title from "./alert-title.svelte";
5
+ export const alertVariants = tv({
6
+ base: "[&>svg]:text-foreground relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",
7
+ variants: {
8
+ variant: {
9
+ default: "bg-background text-foreground",
10
+ destructive: "border-destructive/50 text-destructive text-destructive dark:border-destructive [&>svg]:text-destructive",
11
+ },
12
+ },
13
+ defaultVariants: {
14
+ variant: "default",
15
+ },
16
+ });
17
+ export { Root, Description, Title,
18
+ //
19
+ Root as Alert, Description as AlertDescription, Title as AlertTitle, };
@@ -9,7 +9,7 @@ declare const __propDef: {
9
9
  } & {
10
10
  [x: `data-melt-${string}`]: "";
11
11
  } & {
12
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events").DialogEvents["close"]>;
12
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events.js").DialogEvents["close"]>;
13
13
  };
14
14
  };
15
15
  };
@@ -9,7 +9,7 @@ declare const __propDef: {
9
9
  } & {
10
10
  [x: `data-melt-${string}`]: "";
11
11
  } & {
12
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events").DialogEvents["close"]>;
12
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events.js").DialogEvents["close"]>;
13
13
  };
14
14
  };
15
15
  };
@@ -7,7 +7,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
7
7
  destructive: string;
8
8
  outline: string;
9
9
  };
10
- }, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.d.ts").TVConfig<{
10
+ }, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.js").TVConfig<{
11
11
  variant: {
12
12
  default: string;
13
13
  secondary: string;
@@ -35,7 +35,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
35
35
  destructive: string;
36
36
  outline: string;
37
37
  };
38
- }, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.d.ts").TVConfig<{
38
+ }, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.js").TVConfig<{
39
39
  variant: {
40
40
  default: string;
41
41
  secondary: string;
@@ -15,7 +15,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
15
15
  lg: string;
16
16
  icon: string;
17
17
  };
18
- }, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
18
+ }, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
19
19
  variant: {
20
20
  default: string;
21
21
  destructive: string;
@@ -71,7 +71,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
71
71
  lg: string;
72
72
  icon: string;
73
73
  };
74
- }, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
74
+ }, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
75
75
  variant: {
76
76
  default: string;
77
77
  destructive: string;
@@ -24,7 +24,7 @@ declare const __propDef: {
24
24
  } & {
25
25
  [x: `data-melt-${string}`]: "";
26
26
  } & {
27
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["cell"]>;
27
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events.js").CalendarEvents["cell"]>;
28
28
  };
29
29
  };
30
30
  };
@@ -14,7 +14,7 @@ declare const __propDef: {
14
14
  } & {
15
15
  [x: `data-melt-${string}`]: "";
16
16
  } & {
17
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["nextButton"]>;
17
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events.js").CalendarEvents["nextButton"]>;
18
18
  };
19
19
  };
20
20
  };
@@ -14,7 +14,7 @@ declare const __propDef: {
14
14
  } & {
15
15
  [x: `data-melt-${string}`]: "";
16
16
  } & {
17
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["prevButton"]>;
17
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events.js").CalendarEvents["prevButton"]>;
18
18
  };
19
19
  };
20
20
  };
@@ -26,7 +26,7 @@ declare const __propDef: {
26
26
  } & {
27
27
  [x: `data-melt-${string}`]: "";
28
28
  } & {
29
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events").RangeCalendarEvents["cell"]>;
29
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events.js").RangeCalendarEvents["cell"]>;
30
30
  };
31
31
  };
32
32
  };
@@ -14,7 +14,7 @@ declare const __propDef: {
14
14
  } & {
15
15
  [x: `data-melt-${string}`]: "";
16
16
  } & {
17
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events").RangeCalendarEvents["nextButton"]>;
17
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events.js").RangeCalendarEvents["nextButton"]>;
18
18
  };
19
19
  };
20
20
  };
@@ -14,7 +14,7 @@ declare const __propDef: {
14
14
  } & {
15
15
  [x: `data-melt-${string}`]: "";
16
16
  } & {
17
- action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events").RangeCalendarEvents["prevButton"]>;
17
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events.js").RangeCalendarEvents["prevButton"]>;
18
18
  };
19
19
  };
20
20
  };
@@ -17,7 +17,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
17
17
  left: string;
18
18
  right: string;
19
19
  };
20
- }, undefined, "bg-background fixed z-[100] gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
20
+ }, undefined, "bg-background fixed z-[100] gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.js").TVConfig<{
21
21
  side: {
22
22
  top: string;
23
23
  bottom: string;
@@ -45,7 +45,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
45
45
  left: string;
46
46
  right: string;
47
47
  };
48
- }, undefined, "bg-background fixed z-[100] gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
48
+ }, undefined, "bg-background fixed z-[100] gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.js").TVConfig<{
49
49
  side: {
50
50
  top: string;
51
51
  bottom: string;
@@ -7,7 +7,7 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
7
7
  developer: string;
8
8
  secondary: string;
9
9
  };
10
- }, undefined, "focus-visible:ring-ring focus-visible:ring-offset-background data-[state=unchecked]:bg-gray-200 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
10
+ }, undefined, "focus-visible:ring-ring focus-visible:ring-offset-background data-[state=unchecked]:bg-gray-200 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
11
11
  variant: {
12
12
  default: string;
13
13
  developer: string;
@@ -31,7 +31,7 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
31
31
  developer: string;
32
32
  secondary: string;
33
33
  };
34
- }, undefined, "focus-visible:ring-ring focus-visible:ring-offset-background data-[state=unchecked]:bg-gray-200 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
34
+ }, undefined, "focus-visible:ring-ring focus-visible:ring-offset-background data-[state=unchecked]:bg-gray-200 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-lg border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
35
35
  variant: {
36
36
  default: string;
37
37
  developer: string;
@@ -50,7 +50,7 @@ declare const thumbVariants: import("tailwind-variants").TVReturnType<{
50
50
  developer: string;
51
51
  secondary: string;
52
52
  };
53
- }, undefined, "bg-background pointer-events-none flex items-center justify-center h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", import("tailwind-variants/dist/config.d.ts").TVConfig<{
53
+ }, undefined, "bg-background pointer-events-none flex items-center justify-center h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", import("tailwind-variants/dist/config.js").TVConfig<{
54
54
  variant: {
55
55
  default: string;
56
56
  developer: string;
@@ -74,7 +74,7 @@ declare const thumbVariants: import("tailwind-variants").TVReturnType<{
74
74
  developer: string;
75
75
  secondary: string;
76
76
  };
77
- }, undefined, "bg-background pointer-events-none flex items-center justify-center h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", import("tailwind-variants/dist/config.d.ts").TVConfig<{
77
+ }, undefined, "bg-background pointer-events-none flex items-center justify-center h-5 w-5 rounded-lg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", import("tailwind-variants/dist/config.js").TVConfig<{
78
78
  variant: {
79
79
  default: string;
80
80
  developer: string;
@@ -9,7 +9,7 @@ declare const listVariants: import("tailwind-variants").TVReturnType<{
9
9
  default: string;
10
10
  secondary: string;
11
11
  };
12
- }, undefined, "text-muted-foreground", import("tailwind-variants/dist/config.d.ts").TVConfig<{
12
+ }, undefined, "text-muted-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
13
13
  variant: {
14
14
  default: string;
15
15
  secondary: string;
@@ -29,7 +29,7 @@ declare const listVariants: import("tailwind-variants").TVReturnType<{
29
29
  default: string;
30
30
  secondary: string;
31
31
  };
32
- }, undefined, "text-muted-foreground", import("tailwind-variants/dist/config.d.ts").TVConfig<{
32
+ }, undefined, "text-muted-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
33
33
  variant: {
34
34
  default: string;
35
35
  secondary: string;
@@ -45,7 +45,7 @@ declare const triggerVariants: import("tailwind-variants").TVReturnType<{
45
45
  default: string;
46
46
  secondary: string;
47
47
  };
48
- }, undefined, "data-[state=active]:bg-background data-[state=active]:text-foreground", import("tailwind-variants/dist/config.d.ts").TVConfig<{
48
+ }, undefined, "data-[state=active]:bg-background data-[state=active]:text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
49
49
  variant: {
50
50
  default: string;
51
51
  secondary: string;
@@ -65,7 +65,7 @@ declare const triggerVariants: import("tailwind-variants").TVReturnType<{
65
65
  default: string;
66
66
  secondary: string;
67
67
  };
68
- }, undefined, "data-[state=active]:bg-background data-[state=active]:text-foreground", import("tailwind-variants/dist/config.d.ts").TVConfig<{
68
+ }, undefined, "data-[state=active]:bg-background data-[state=active]:text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
69
69
  variant: {
70
70
  default: string;
71
71
  secondary: string;
@@ -10,7 +10,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
10
10
  sm: string;
11
11
  lg: string;
12
12
  };
13
- }, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
13
+ }, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
14
14
  variant: {
15
15
  default: string;
16
16
  outline: string;
@@ -50,7 +50,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
50
50
  sm: string;
51
51
  lg: string;
52
52
  };
53
- }, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
53
+ }, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
54
54
  variant: {
55
55
  default: string;
56
56
  outline: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stubber/ui",
3
- "version": "1.13.6",
3
+ "version": "1.13.8",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && pnpm run package && node ./fix_dts_imports.js",
@@ -9,7 +9,7 @@
9
9
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
10
10
  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
11
11
  "storybook": "storybook dev -p 6006",
12
- "build-storybook": "storybook build --output-dir build/storybook-static",
12
+ "build-storybook": "svelte-kit sync && storybook build --output-dir build/storybook-static",
13
13
  "format": "prettier --write '{public,src}/**/*.{css,html,js,svelte}'"
14
14
  },
15
15
  "exports": {
@@ -53,6 +53,7 @@
53
53
  "prettier": "^2.8.7",
54
54
  "prettier-plugin-svelte": "^2.10.0",
55
55
  "publint": "^0.1.9",
56
+ "rollup-plugin-visualizer": "^7.0.1",
56
57
  "storybook": "^8.4.7",
57
58
  "svelte": "^4.2.19",
58
59
  "svelte-check": "^3.0.1",
@@ -65,9 +66,10 @@
65
66
  "types": "./dist/index.d.ts",
66
67
  "type": "module",
67
68
  "dependencies": {
69
+ "@internationalized/date": "^3.12.1",
68
70
  "bits-ui": "^0.22.0",
69
71
  "clsx": "^2.1.1",
70
- "cmdk-sv": "^0.0.18",
72
+ "cmdk-sv": "^0.0.19",
71
73
  "embla-carousel-svelte": "^8.6.0",
72
74
  "svelte-popperjs": "^1.3.2",
73
75
  "svelte-select": "^5.6.0",
@@ -76,16 +78,9 @@
76
78
  "tailwind-variants": "^0.3.0",
77
79
  "tippy.js": "^6.3.7"
78
80
  },
79
- "pnpm": {
80
- "onlyBuiltDependencies": [
81
- "@sveltejs/kit",
82
- "esbuild",
83
- "svelte-preprocess"
84
- ]
85
- },
86
81
  "release": {
87
82
  "branches": [
88
- "master"
83
+ "staging"
89
84
  ],
90
85
  "plugins": [
91
86
  "@semantic-release/commit-analyzer",
@@ -1,43 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import type { Dialog as DialogPrimitive } from "bits-ui";
3
- declare const __propDef: {
4
- props: {
5
- preventScroll?: boolean | undefined;
6
- closeOnEscape?: boolean | undefined;
7
- closeOnOutsideClick?: boolean | undefined;
8
- onOutsideClick?: ((event: PointerEvent | MouseEvent | TouchEvent) => void) | undefined;
9
- portal?: (HTMLElement | string | null) | undefined;
10
- open?: boolean | undefined;
11
- onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
12
- openFocus?: import("bits-ui").FocusProp | undefined;
13
- closeFocus?: import("bits-ui").FocusProp | undefined;
14
- } & {
15
- state?: import("svelte/store").Writable<import("cmdk-sv").State> | undefined;
16
- label?: string | undefined;
17
- shouldFilter?: boolean | undefined;
18
- filter?: ((value: string, search: string) => number) | undefined;
19
- value?: string | undefined;
20
- onValueChange?: ((value: string) => void) | undefined;
21
- loop?: boolean | undefined;
22
- ids?: Partial<import("cmdk-sv").CommandIds> | undefined;
23
- } & import("cmdk-sv/dist/internal").HTMLDivAttributes & {
24
- onKeydown?: (e: KeyboardEvent) => void;
25
- asChild?: boolean;
26
- } & {
27
- dialogClass?: DialogPrimitive.ContentProps["class"];
28
- };
29
- events: {
30
- [evt: string]: CustomEvent<any>;
31
- };
32
- slots: {
33
- default: {};
34
- };
35
- exports?: {} | undefined;
36
- bindings?: string | undefined;
37
- };
38
- export type CommandDialogProps = typeof __propDef.props;
39
- export type CommandDialogEvents = typeof __propDef.events;
40
- export type CommandDialogSlots = typeof __propDef.slots;
41
- export default class CommandDialog extends SvelteComponent<CommandDialogProps, CommandDialogEvents, CommandDialogSlots> {
42
- }
43
- export {};
@@ -1,23 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- asChild?: boolean | undefined | undefined;
5
- el?: HTMLDivElement | undefined;
6
- } & import("bits-ui/dist/internal").HTMLDivAttributes & {
7
- inset?: boolean;
8
- };
9
- events: {
10
- [evt: string]: CustomEvent<any>;
11
- };
12
- slots: {
13
- default: {};
14
- };
15
- exports?: {} | undefined;
16
- bindings?: string | undefined;
17
- };
18
- export type ContextMenuLabelProps = typeof __propDef.props;
19
- export type ContextMenuLabelEvents = typeof __propDef.events;
20
- export type ContextMenuLabelSlots = typeof __propDef.slots;
21
- export default class ContextMenuLabel extends SvelteComponent<ContextMenuLabelProps, ContextMenuLabelEvents, ContextMenuLabelSlots> {
22
- }
23
- export {};
@@ -1,21 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
3
- declare const __propDef: {
4
- props: {
5
- disabled?: boolean | undefined | undefined;
6
- asChild?: boolean | undefined | undefined;
7
- el?: HTMLDivElement | undefined;
8
- } & import("bits-ui/dist/internal").HTMLDivAttributes & {
9
- inset?: boolean;
10
- };
11
- slots: {
12
- default: {};
13
- };
14
- events: ContextMenuPrimitive.SubTriggerEvents;
15
- };
16
- export type ContextMenuSubTriggerProps = typeof __propDef.props;
17
- export type ContextMenuSubTriggerEvents = typeof __propDef.events;
18
- export type ContextMenuSubTriggerSlots = typeof __propDef.slots;
19
- export default class ContextMenuSubTrigger extends SvelteComponent<ContextMenuSubTriggerProps, ContextMenuSubTriggerEvents, ContextMenuSubTriggerSlots> {
20
- }
21
- export {};
@@ -1,23 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- asChild?: boolean | undefined | undefined;
5
- el?: HTMLDivElement | undefined;
6
- } & import("bits-ui/dist/internal").HTMLDivAttributes & {
7
- inset?: boolean;
8
- };
9
- events: {
10
- [evt: string]: CustomEvent<any>;
11
- };
12
- slots: {
13
- default: {};
14
- };
15
- exports?: {} | undefined;
16
- bindings?: string | undefined;
17
- };
18
- export type DropdownMenuLabelProps = typeof __propDef.props;
19
- export type DropdownMenuLabelEvents = typeof __propDef.events;
20
- export type DropdownMenuLabelSlots = typeof __propDef.slots;
21
- export default class DropdownMenuLabel extends SvelteComponent<DropdownMenuLabelProps, DropdownMenuLabelEvents, DropdownMenuLabelSlots> {
22
- }
23
- export {};
@@ -1,21 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
3
- declare const __propDef: {
4
- props: {
5
- disabled?: boolean | undefined | undefined;
6
- asChild?: boolean | undefined | undefined;
7
- el?: HTMLDivElement | undefined;
8
- } & import("bits-ui/dist/internal").HTMLDivAttributes & {
9
- inset?: boolean;
10
- };
11
- slots: {
12
- default: {};
13
- };
14
- events: DropdownMenuPrimitive.SubTriggerEvents;
15
- };
16
- export type DropdownMenuSubTriggerProps = typeof __propDef.props;
17
- export type DropdownMenuSubTriggerEvents = typeof __propDef.events;
18
- export type DropdownMenuSubTriggerSlots = typeof __propDef.slots;
19
- export default class DropdownMenuSubTrigger extends SvelteComponent<DropdownMenuSubTriggerProps, DropdownMenuSubTriggerEvents, DropdownMenuSubTriggerSlots> {
20
- }
21
- export {};
@@ -1,25 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- asChild?: boolean | undefined | undefined;
5
- el?: HTMLDivElement | undefined;
6
- } & {
7
- orientation: "horizontal" | "vertical";
8
- } & import("bits-ui/dist/internal").HTMLDivAttributes & {
9
- orientation?: "vertical" | "horizontal";
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {
15
- default: {};
16
- };
17
- exports?: {} | undefined;
18
- bindings?: string | undefined;
19
- };
20
- export type ScrollAreaScrollbarProps = typeof __propDef.props;
21
- export type ScrollAreaScrollbarEvents = typeof __propDef.events;
22
- export type ScrollAreaScrollbarSlots = typeof __propDef.slots;
23
- export default class ScrollAreaScrollbar extends SvelteComponent<ScrollAreaScrollbarProps, ScrollAreaScrollbarEvents, ScrollAreaScrollbarSlots> {
24
- }
25
- export {};
@@ -1,29 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- type?: import("@melt-ui/svelte/index.js").ScrollAreaType | undefined;
5
- dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
6
- hideDelay?: number | undefined;
7
- } & {
8
- asChild?: boolean | undefined | undefined;
9
- el?: HTMLDivElement | undefined;
10
- } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
11
- orientation?: "vertical" | "horizontal" | "both";
12
- scrollbarXClasses?: string;
13
- scrollbarYClasses?: string;
14
- };
15
- events: {
16
- [evt: string]: CustomEvent<any>;
17
- };
18
- slots: {
19
- default: {};
20
- };
21
- exports?: {} | undefined;
22
- bindings?: string | undefined;
23
- };
24
- export type ScrollAreaProps = typeof __propDef.props;
25
- export type ScrollAreaEvents = typeof __propDef.events;
26
- export type ScrollAreaSlots = typeof __propDef.slots;
27
- export default class ScrollArea extends SvelteComponent<ScrollAreaProps, ScrollAreaEvents, ScrollAreaSlots> {
28
- }
29
- export {};
@@ -1,40 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Side } from "./index.js";
3
- declare const __propDef: {
4
- props: {
5
- transition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
6
- transitionConfig?: any;
7
- inTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
8
- inTransitionConfig?: any;
9
- outTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
10
- outTransitionConfig?: any;
11
- asChild?: boolean | undefined | undefined;
12
- el?: HTMLDivElement | undefined;
13
- } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
14
- side?: Side;
15
- hasOverlay?: boolean;
16
- };
17
- events: {
18
- pointerdown: PointerEvent;
19
- pointermove: PointerEvent;
20
- pointerup: PointerEvent;
21
- touchcancel: TouchEvent;
22
- touchend: TouchEvent;
23
- touchmove: TouchEvent;
24
- touchstart: TouchEvent;
25
- } & {
26
- [evt: string]: CustomEvent<any>;
27
- };
28
- slots: {
29
- default: {};
30
- close: {};
31
- };
32
- exports?: {} | undefined;
33
- bindings?: string | undefined;
34
- };
35
- export type SheetContentProps = typeof __propDef.props;
36
- export type SheetContentEvents = typeof __propDef.events;
37
- export type SheetContentSlots = typeof __propDef.slots;
38
- export default class SheetContent extends SvelteComponent<SheetContentProps, SheetContentEvents, SheetContentSlots> {
39
- }
40
- export {};
@@ -1,25 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { Toggle as TogglePrimitive } from "bits-ui";
3
- import { type Size, type Variant } from "./index.js";
4
- declare const __propDef: {
5
- props: {
6
- disabled?: boolean | undefined;
7
- pressed?: boolean | undefined | undefined;
8
- onPressedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean> | undefined;
9
- asChild?: boolean | undefined | undefined;
10
- el?: HTMLButtonElement | undefined;
11
- } & import("svelte/elements.js").HTMLButtonAttributes & {
12
- variant?: Variant;
13
- size?: Size;
14
- };
15
- slots: {
16
- default: {};
17
- };
18
- events: TogglePrimitive.Events;
19
- };
20
- export type ToggleProps = typeof __propDef.props;
21
- export type ToggleEvents = typeof __propDef.events;
22
- export type ToggleSlots = typeof __propDef.slots;
23
- export default class Toggle extends SvelteComponent<ToggleProps, ToggleEvents, ToggleSlots> {
24
- }
25
- export {};