@nasa-jpl/stellar-svelte 2.0.0-alpha.12

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 (111) hide show
  1. package/LICENSE +7 -0
  2. package/README.md +58 -0
  3. package/dist/components/ui/alert/alert-description.svelte +8 -0
  4. package/dist/components/ui/alert/alert-description.svelte.d.ts +19 -0
  5. package/dist/components/ui/alert/alert-title.svelte +13 -0
  6. package/dist/components/ui/alert/alert-title.svelte.d.ts +22 -0
  7. package/dist/components/ui/alert/alert.svelte +10 -0
  8. package/dist/components/ui/alert/alert.svelte.d.ts +22 -0
  9. package/dist/components/ui/alert/index.d.ts +43 -0
  10. package/dist/components/ui/alert/index.js +19 -0
  11. package/dist/components/ui/alert-dialog/alert-dialog-action.svelte +16 -0
  12. package/dist/components/ui/alert-dialog/alert-dialog-action.svelte.d.ts +23 -0
  13. package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte +16 -0
  14. package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte.d.ts +23 -0
  15. package/dist/components/ui/alert-dialog/alert-dialog-content.svelte +23 -0
  16. package/dist/components/ui/alert-dialog/alert-dialog-content.svelte.d.ts +19 -0
  17. package/dist/components/ui/alert-dialog/alert-dialog-description.svelte +12 -0
  18. package/dist/components/ui/alert-dialog/alert-dialog-description.svelte.d.ts +19 -0
  19. package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte +11 -0
  20. package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte.d.ts +19 -0
  21. package/dist/components/ui/alert-dialog/alert-dialog-header.svelte +8 -0
  22. package/dist/components/ui/alert-dialog/alert-dialog-header.svelte.d.ts +19 -0
  23. package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte +17 -0
  24. package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte.d.ts +17 -0
  25. package/dist/components/ui/alert-dialog/alert-dialog-portal.svelte +6 -0
  26. package/dist/components/ui/alert-dialog/alert-dialog-portal.svelte.d.ts +19 -0
  27. package/dist/components/ui/alert-dialog/alert-dialog-title.svelte +10 -0
  28. package/dist/components/ui/alert-dialog/alert-dialog-title.svelte.d.ts +19 -0
  29. package/dist/components/ui/alert-dialog/index.d.ts +13 -0
  30. package/dist/components/ui/alert-dialog/index.js +15 -0
  31. package/dist/components/ui/aspect-ratio/aspect-ratio.svelte +7 -0
  32. package/dist/components/ui/aspect-ratio/aspect-ratio.svelte.d.ts +19 -0
  33. package/dist/components/ui/aspect-ratio/index.d.ts +2 -0
  34. package/dist/components/ui/aspect-ratio/index.js +2 -0
  35. package/dist/components/ui/badge/badge.svelte +16 -0
  36. package/dist/components/ui/badge/badge.svelte.d.ts +24 -0
  37. package/dist/components/ui/badge/index.d.ts +53 -0
  38. package/dist/components/ui/badge/index.js +16 -0
  39. package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte +17 -0
  40. package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte.d.ts +19 -0
  41. package/dist/components/ui/breadcrumb/breadcrumb-item.svelte +9 -0
  42. package/dist/components/ui/breadcrumb/breadcrumb-item.svelte.d.ts +21 -0
  43. package/dist/components/ui/breadcrumb/breadcrumb-link.svelte +21 -0
  44. package/dist/components/ui/breadcrumb/breadcrumb-link.svelte.d.ts +24 -0
  45. package/dist/components/ui/breadcrumb/breadcrumb-list.svelte +16 -0
  46. package/dist/components/ui/breadcrumb/breadcrumb-list.svelte.d.ts +21 -0
  47. package/dist/components/ui/breadcrumb/breadcrumb-page.svelte +16 -0
  48. package/dist/components/ui/breadcrumb/breadcrumb-page.svelte.d.ts +23 -0
  49. package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte +18 -0
  50. package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte.d.ts +21 -0
  51. package/dist/components/ui/breadcrumb/breadcrumb.svelte +8 -0
  52. package/dist/components/ui/breadcrumb/breadcrumb.svelte.d.ts +21 -0
  53. package/dist/components/ui/breadcrumb/index.d.ts +8 -0
  54. package/dist/components/ui/breadcrumb/index.js +10 -0
  55. package/dist/components/ui/button/button.svelte +20 -0
  56. package/dist/components/ui/button/button.svelte.d.ts +16 -0
  57. package/dist/components/ui/button/index.d.ts +117 -0
  58. package/dist/components/ui/button/index.js +28 -0
  59. package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +30 -0
  60. package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +15 -0
  61. package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte +22 -0
  62. package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts +15 -0
  63. package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte +24 -0
  64. package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte.d.ts +17 -0
  65. package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte +13 -0
  66. package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +23 -0
  67. package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte +7 -0
  68. package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts +19 -0
  69. package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +30 -0
  70. package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +15 -0
  71. package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte +10 -0
  72. package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte.d.ts +17 -0
  73. package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +8 -0
  74. package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte.d.ts +19 -0
  75. package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte +25 -0
  76. package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts +15 -0
  77. package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +25 -0
  78. package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +21 -0
  79. package/dist/components/ui/dropdown-menu/index.d.ts +16 -0
  80. package/dist/components/ui/dropdown-menu/index.js +18 -0
  81. package/dist/components/ui/popover/index.d.ts +6 -0
  82. package/dist/components/ui/popover/index.js +8 -0
  83. package/dist/components/ui/popover/popover-content.svelte +19 -0
  84. package/dist/components/ui/popover/popover-content.svelte.d.ts +19 -0
  85. package/dist/components/ui/theme-switcher/button.svelte +20 -0
  86. package/dist/components/ui/theme-switcher/button.svelte.d.ts +14 -0
  87. package/dist/components/ui/theme-switcher/index.d.ts +4 -0
  88. package/dist/components/ui/theme-switcher/index.js +4 -0
  89. package/dist/components/ui/theme-switcher/theme-switcher-button.svelte +15 -0
  90. package/dist/components/ui/theme-switcher/theme-switcher-button.svelte.d.ts +16 -0
  91. package/dist/components/ui/theme-switcher/theme-switcher-dropdown.svelte +25 -0
  92. package/dist/components/ui/theme-switcher/theme-switcher-dropdown.svelte.d.ts +16 -0
  93. package/dist/components/ui/typography/H1.svelte +8 -0
  94. package/dist/components/ui/typography/H1.svelte.d.ts +21 -0
  95. package/dist/components/ui/typography/H2.svelte +8 -0
  96. package/dist/components/ui/typography/H2.svelte.d.ts +21 -0
  97. package/dist/components/ui/typography/H3.svelte +8 -0
  98. package/dist/components/ui/typography/H3.svelte.d.ts +21 -0
  99. package/dist/components/ui/typography/H4.svelte +8 -0
  100. package/dist/components/ui/typography/H4.svelte.d.ts +21 -0
  101. package/dist/components/ui/typography/P.svelte +8 -0
  102. package/dist/components/ui/typography/P.svelte.d.ts +21 -0
  103. package/dist/components/ui/typography/index.d.ts +6 -0
  104. package/dist/components/ui/typography/index.js +6 -0
  105. package/dist/index.css +1792 -0
  106. package/dist/index.d.ts +11 -0
  107. package/dist/index.js +12 -0
  108. package/dist/utils.d.ts +11 -0
  109. package/dist/utils.js +38 -0
  110. package/eslint.config.js +33 -0
  111. package/package.json +70 -0
package/LICENSE ADDED
@@ -0,0 +1,7 @@
1
+ Copyright 2022 California Institute of Technology
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4
+
5
+ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6
+
7
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,58 @@
1
+ # create-svelte
2
+
3
+ Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
4
+
5
+ Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
6
+
7
+ ## Creating a project
8
+
9
+ If you're seeing this, you've probably already done this step. Congrats!
10
+
11
+ ```bash
12
+ # create a new project in the current directory
13
+ npm create svelte@latest
14
+
15
+ # create a new project in my-app
16
+ npm create svelte@latest my-app
17
+ ```
18
+
19
+ ## Developing
20
+
21
+ Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
22
+
23
+ ```bash
24
+ npm run dev
25
+
26
+ # or start the server and open the app in a new browser tab
27
+ npm run dev -- --open
28
+ ```
29
+
30
+ Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
31
+
32
+ ## Building
33
+
34
+ To build your library:
35
+
36
+ ```bash
37
+ npm run package
38
+ ```
39
+
40
+ To create a production version of your showcase app:
41
+
42
+ ```bash
43
+ npm run build
44
+ ```
45
+
46
+ You can preview the production build with `npm run preview`.
47
+
48
+ > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
49
+
50
+ ## Publishing
51
+
52
+ Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
53
+
54
+ To publish your library to [npm](https://www.npmjs.com):
55
+
56
+ ```bash
57
+ npm publish
58
+ ```
@@ -0,0 +1,8 @@
1
+ <script>import { cn } from "../../../utils.js";
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.js";
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 { cn } from "../../../utils.js";
2
+ import { alertVariants } from "./index.js";
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, "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 [&>svg]:text-foreground", import("tailwind-variants/dist/config").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, "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 [&>svg]:text-foreground", import("tailwind-variants/dist/config").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: "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 [&>svg]:text-foreground",
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, };
@@ -0,0 +1,16 @@
1
+ <script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ import { buttonVariants } from "../button/index.js";
3
+ import { cn } from "../../../utils.js";
4
+ let className = void 0;
5
+ export { className as class };
6
+ </script>
7
+
8
+ <AlertDialogPrimitive.Action
9
+ class={cn(buttonVariants({ size: 'lg' }), className)}
10
+ {...$$restProps}
11
+ on:click
12
+ on:keydown
13
+ let:builder
14
+ >
15
+ <slot {builder} />
16
+ </AlertDialogPrimitive.Action>
@@ -0,0 +1,23 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
3
+ declare const __propDef: {
4
+ props: AlertDialogPrimitive.ActionProps;
5
+ slots: {
6
+ default: {
7
+ builder: {
8
+ readonly type: "button";
9
+ } & {
10
+ [x: `data-melt-${string}`]: "";
11
+ } & {
12
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
13
+ };
14
+ };
15
+ };
16
+ events: AlertDialogPrimitive.ActionEvents;
17
+ };
18
+ export type AlertDialogActionProps = typeof __propDef.props;
19
+ export type AlertDialogActionEvents = typeof __propDef.events;
20
+ export type AlertDialogActionSlots = typeof __propDef.slots;
21
+ export default class AlertDialogAction extends SvelteComponent<AlertDialogActionProps, AlertDialogActionEvents, AlertDialogActionSlots> {
22
+ }
23
+ export {};
@@ -0,0 +1,16 @@
1
+ <script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ import { buttonVariants } from "../button/index.js";
3
+ import { cn } from "../../../utils.js";
4
+ let className = void 0;
5
+ export { className as class };
6
+ </script>
7
+
8
+ <AlertDialogPrimitive.Cancel
9
+ class={cn(buttonVariants({ variant: "outline", size: "lg" }), "mt-2 sm:mt-0", className)}
10
+ {...$$restProps}
11
+ on:click
12
+ on:keydown
13
+ let:builder
14
+ >
15
+ <slot {builder} />
16
+ </AlertDialogPrimitive.Cancel>
@@ -0,0 +1,23 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
3
+ declare const __propDef: {
4
+ props: AlertDialogPrimitive.CancelProps;
5
+ slots: {
6
+ default: {
7
+ builder: {
8
+ readonly type: "button";
9
+ } & {
10
+ [x: `data-melt-${string}`]: "";
11
+ } & {
12
+ action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
13
+ };
14
+ };
15
+ };
16
+ events: AlertDialogPrimitive.CancelEvents;
17
+ };
18
+ export type AlertDialogCancelProps = typeof __propDef.props;
19
+ export type AlertDialogCancelEvents = typeof __propDef.events;
20
+ export type AlertDialogCancelSlots = typeof __propDef.slots;
21
+ export default class AlertDialogCancel extends SvelteComponent<AlertDialogCancelProps, AlertDialogCancelEvents, AlertDialogCancelSlots> {
22
+ }
23
+ export {};
@@ -0,0 +1,23 @@
1
+ <script>import { cn, flyAndScale } from "../../../utils.js";
2
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
3
+ import * as AlertDialog from "./index.js";
4
+ export let transition = flyAndScale;
5
+ export let transitionConfig = void 0;
6
+ let className = void 0;
7
+ export { className as class };
8
+ </script>
9
+
10
+ <AlertDialog.Portal>
11
+ <AlertDialog.Overlay />
12
+ <AlertDialogPrimitive.Content
13
+ {transition}
14
+ {transitionConfig}
15
+ class={cn(
16
+ 'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg sm:rounded-lg md:w-full',
17
+ className,
18
+ )}
19
+ {...$$restProps}
20
+ >
21
+ <slot />
22
+ </AlertDialogPrimitive.Content>
23
+ </AlertDialog.Portal>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
3
+ declare const __propDef: {
4
+ props: AlertDialogPrimitive.ContentProps;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {
9
+ default: {};
10
+ };
11
+ exports?: {} | undefined;
12
+ bindings?: string | undefined;
13
+ };
14
+ export type AlertDialogContentProps = typeof __propDef.props;
15
+ export type AlertDialogContentEvents = typeof __propDef.events;
16
+ export type AlertDialogContentSlots = typeof __propDef.slots;
17
+ export default class AlertDialogContent extends SvelteComponent<AlertDialogContentProps, AlertDialogContentEvents, AlertDialogContentSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,12 @@
1
+ <script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ import { cn } from "../../../utils.js";
3
+ let className = void 0;
4
+ export { className as class };
5
+ </script>
6
+
7
+ <AlertDialogPrimitive.Description
8
+ class={cn("text-sm text-muted-foreground", className)}
9
+ {...$$restProps}
10
+ >
11
+ <slot />
12
+ </AlertDialogPrimitive.Description>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
3
+ declare const __propDef: {
4
+ props: AlertDialogPrimitive.DescriptionProps;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {
9
+ default: {};
10
+ };
11
+ exports?: {} | undefined;
12
+ bindings?: string | undefined;
13
+ };
14
+ export type AlertDialogDescriptionProps = typeof __propDef.props;
15
+ export type AlertDialogDescriptionEvents = typeof __propDef.events;
16
+ export type AlertDialogDescriptionSlots = typeof __propDef.slots;
17
+ export default class AlertDialogDescription extends SvelteComponent<AlertDialogDescriptionProps, AlertDialogDescriptionEvents, AlertDialogDescriptionSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,11 @@
1
+ <script>import { cn } from "../../../utils.js";
2
+ let className = void 0;
3
+ export { className as class };
4
+ </script>
5
+
6
+ <div
7
+ class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
8
+ {...$$restProps}
9
+ >
10
+ <slot />
11
+ </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 AlertDialogFooterProps = typeof __propDef.props;
15
+ export type AlertDialogFooterEvents = typeof __propDef.events;
16
+ export type AlertDialogFooterSlots = typeof __propDef.slots;
17
+ export default class AlertDialogFooter extends SvelteComponent<AlertDialogFooterProps, AlertDialogFooterEvents, AlertDialogFooterSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,8 @@
1
+ <script>import { cn } from "../../../utils.js";
2
+ let className = void 0;
3
+ export { className as class };
4
+ </script>
5
+
6
+ <div class={cn("flex flex-col space-y-2 text-center sm:text-left", 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 AlertDialogHeaderProps = typeof __propDef.props;
15
+ export type AlertDialogHeaderEvents = typeof __propDef.events;
16
+ export type AlertDialogHeaderSlots = typeof __propDef.slots;
17
+ export default class AlertDialogHeader extends SvelteComponent<AlertDialogHeaderProps, AlertDialogHeaderEvents, AlertDialogHeaderSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,17 @@
1
+ <script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ import { fade } from "svelte/transition";
3
+ import { cn } from "../../../utils.js";
4
+ let className = void 0;
5
+ export let transition = fade;
6
+ export let transitionConfig = {
7
+ duration: 150
8
+ };
9
+ export { className as class };
10
+ </script>
11
+
12
+ <AlertDialogPrimitive.Overlay
13
+ {transition}
14
+ {transitionConfig}
15
+ class={cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ", className)}
16
+ {...$$restProps}
17
+ />
@@ -0,0 +1,17 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
3
+ declare const __propDef: {
4
+ props: AlertDialogPrimitive.OverlayProps;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {};
9
+ exports?: {} | undefined;
10
+ bindings?: string | undefined;
11
+ };
12
+ export type AlertDialogOverlayProps = typeof __propDef.props;
13
+ export type AlertDialogOverlayEvents = typeof __propDef.events;
14
+ export type AlertDialogOverlaySlots = typeof __propDef.slots;
15
+ export default class AlertDialogOverlay extends SvelteComponent<AlertDialogOverlayProps, AlertDialogOverlayEvents, AlertDialogOverlaySlots> {
16
+ }
17
+ export {};
@@ -0,0 +1,6 @@
1
+ <script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ </script>
3
+
4
+ <AlertDialogPrimitive.Portal {...$$restProps}>
5
+ <slot />
6
+ </AlertDialogPrimitive.Portal>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
3
+ declare const __propDef: {
4
+ props: AlertDialogPrimitive.PortalProps;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {
9
+ default: {};
10
+ };
11
+ exports?: {} | undefined;
12
+ bindings?: string | undefined;
13
+ };
14
+ export type AlertDialogPortalProps = typeof __propDef.props;
15
+ export type AlertDialogPortalEvents = typeof __propDef.events;
16
+ export type AlertDialogPortalSlots = typeof __propDef.slots;
17
+ export default class AlertDialogPortal extends SvelteComponent<AlertDialogPortalProps, AlertDialogPortalEvents, AlertDialogPortalSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,10 @@
1
+ <script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ import { cn } from "../../../utils.js";
3
+ let className = void 0;
4
+ export let level = "h3";
5
+ export { className as class };
6
+ </script>
7
+
8
+ <AlertDialogPrimitive.Title class={cn("text-lg font-semibold", className)} {level} {...$$restProps}>
9
+ <slot />
10
+ </AlertDialogPrimitive.Title>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
3
+ declare const __propDef: {
4
+ props: AlertDialogPrimitive.TitleProps;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {
9
+ default: {};
10
+ };
11
+ exports?: {} | undefined;
12
+ bindings?: string | undefined;
13
+ };
14
+ export type AlertDialogTitleProps = typeof __propDef.props;
15
+ export type AlertDialogTitleEvents = typeof __propDef.events;
16
+ export type AlertDialogTitleSlots = typeof __propDef.slots;
17
+ export default class AlertDialogTitle extends SvelteComponent<AlertDialogTitleProps, AlertDialogTitleEvents, AlertDialogTitleSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,13 @@
1
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ import Title from "./alert-dialog-title.svelte";
3
+ import Action from "./alert-dialog-action.svelte";
4
+ import Cancel from "./alert-dialog-cancel.svelte";
5
+ import Portal from "./alert-dialog-portal.svelte";
6
+ import Footer from "./alert-dialog-footer.svelte";
7
+ import Header from "./alert-dialog-header.svelte";
8
+ import Overlay from "./alert-dialog-overlay.svelte";
9
+ import Content from "./alert-dialog-content.svelte";
10
+ import Description from "./alert-dialog-description.svelte";
11
+ declare const Root: typeof AlertDialogPrimitive.Root;
12
+ declare const Trigger: typeof AlertDialogPrimitive.Trigger;
13
+ export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription, };
@@ -0,0 +1,15 @@
1
+ import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
2
+ import Title from "./alert-dialog-title.svelte";
3
+ import Action from "./alert-dialog-action.svelte";
4
+ import Cancel from "./alert-dialog-cancel.svelte";
5
+ import Portal from "./alert-dialog-portal.svelte";
6
+ import Footer from "./alert-dialog-footer.svelte";
7
+ import Header from "./alert-dialog-header.svelte";
8
+ import Overlay from "./alert-dialog-overlay.svelte";
9
+ import Content from "./alert-dialog-content.svelte";
10
+ import Description from "./alert-dialog-description.svelte";
11
+ const Root = AlertDialogPrimitive.Root;
12
+ const Trigger = AlertDialogPrimitive.Trigger;
13
+ export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description,
14
+ //
15
+ Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription, };
@@ -0,0 +1,7 @@
1
+ <script>import { AspectRatio as AspectRatioPrimitive } from "bits-ui";
2
+ export let ratio = 4 / 3;
3
+ </script>
4
+
5
+ <AspectRatioPrimitive.Root {ratio} {...$$restProps}>
6
+ <slot />
7
+ </AspectRatioPrimitive.Root>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { AspectRatio as AspectRatioPrimitive } from 'bits-ui';
3
+ declare const __propDef: {
4
+ props: AspectRatioPrimitive.Props;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {
9
+ default: {};
10
+ };
11
+ exports?: {} | undefined;
12
+ bindings?: string | undefined;
13
+ };
14
+ export type AspectRatioProps = typeof __propDef.props;
15
+ export type AspectRatioEvents = typeof __propDef.events;
16
+ export type AspectRatioSlots = typeof __propDef.slots;
17
+ export default class AspectRatio extends SvelteComponent<AspectRatioProps, AspectRatioEvents, AspectRatioSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,2 @@
1
+ import Root from "./aspect-ratio.svelte";
2
+ export { Root, Root as AspectRatio };
@@ -0,0 +1,2 @@
1
+ import Root from "./aspect-ratio.svelte";
2
+ export { Root, Root as AspectRatio };
@@ -0,0 +1,16 @@
1
+ <script>import { badgeVariants } from "./index.js";
2
+ import { cn } from "../../../utils.js";
3
+ let className = void 0;
4
+ export let href = void 0;
5
+ export let variant = "default";
6
+ export { className as class };
7
+ </script>
8
+
9
+ <svelte:element
10
+ this={href ? "a" : "span"}
11
+ {href}
12
+ class={cn(badgeVariants({ variant, className }))}
13
+ {...$$restProps}
14
+ >
15
+ <slot />
16
+ </svelte:element>