@nasa-jpl/stellar-svelte 2.0.0-alpha.71 → 2.1.10

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 (84) hide show
  1. package/dist/components/ui/alert/alert-description.svelte +3 -1
  2. package/dist/components/ui/alert/alert-description.svelte.d.ts +4 -1
  3. package/dist/components/ui/alert/alert-title.svelte +6 -4
  4. package/dist/components/ui/alert/alert-title.svelte.d.ts +3 -2
  5. package/dist/components/ui/alert/alert.svelte +7 -2
  6. package/dist/components/ui/alert/alert.svelte.d.ts +2 -1
  7. package/dist/components/ui/alert/index.d.ts +102 -3
  8. package/dist/components/ui/alert/index.js +17 -1
  9. package/dist/components/ui/alert-dialog/alert-dialog-action.svelte.d.ts +1 -1
  10. package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte.d.ts +1 -1
  11. package/dist/components/ui/badge/index.d.ts +2 -2
  12. package/dist/components/ui/button/index.d.ts +2 -2
  13. package/dist/components/ui/calendar/calendar-day.svelte.d.ts +1 -1
  14. package/dist/components/ui/calendar/calendar-next-button.svelte.d.ts +1 -1
  15. package/dist/components/ui/calendar/calendar-prev-button.svelte.d.ts +1 -1
  16. package/dist/components/ui/command/command-empty.svelte +3 -1
  17. package/dist/components/ui/command/command-group.svelte +11 -8
  18. package/dist/components/ui/command/command-group.svelte.d.ts +1 -1
  19. package/dist/components/ui/command/command-input.svelte +7 -3
  20. package/dist/components/ui/command/command-item.svelte +5 -1
  21. package/dist/components/ui/command/command-shortcut.svelte +3 -1
  22. package/dist/components/ui/command/command.svelte +3 -0
  23. package/dist/components/ui/command/index.d.ts +58 -11
  24. package/dist/components/ui/command/index.js +61 -12
  25. package/dist/components/ui/form/form-field-errors.svelte.d.ts +1 -1
  26. package/dist/components/ui/form/form-legend.svelte.d.ts +1 -1
  27. package/dist/components/ui/label/label.svelte.d.ts +1 -1
  28. package/dist/components/ui/range-calendar/range-calendar-day.svelte.d.ts +1 -1
  29. package/dist/components/ui/range-calendar/range-calendar-next-button.svelte.d.ts +1 -1
  30. package/dist/components/ui/range-calendar/range-calendar-prev-button.svelte.d.ts +1 -1
  31. package/dist/components/ui/select/select-trigger.svelte.d.ts +1 -1
  32. package/dist/components/ui/sheet/index.d.ts +2 -2
  33. package/dist/components/ui/table/index.d.ts +2 -2
  34. package/dist/components/ui/table/table-cell.svelte.d.ts +1 -1
  35. package/dist/components/ui/table/table-header.svelte.d.ts +1 -1
  36. package/dist/components/ui/table/table-row.svelte.d.ts +1 -1
  37. package/dist/components/ui/toggle/index.d.ts +2 -2
  38. package/dist/components/ui/toggle-group/index.d.ts +1 -1
  39. package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts +2 -2
  40. package/dist/components/ui/tooltip/index.d.ts +2 -1
  41. package/dist/components/ui/tooltip/index.js +3 -2
  42. package/dist/components/ui/tooltip/tooltip-arrow.svelte +10 -0
  43. package/dist/components/ui/tooltip/tooltip-arrow.svelte.d.ts +17 -0
  44. package/dist/components/ui/tooltip/tooltip-content.svelte +8 -11
  45. package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts +1 -1
  46. package/dist/index.css +64 -19
  47. package/dist/index.d.ts +0 -1
  48. package/dist/index.js +0 -1
  49. package/package.json +4 -4
  50. package/dist/components/ui/checkbox/checkbox.svelte.d.ts +0 -25
  51. package/dist/components/ui/command/command-dialog.svelte.d.ts +0 -40
  52. package/dist/components/ui/command/command.svelte.d.ts +0 -19
  53. package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte.d.ts +0 -24
  54. package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts +0 -25
  55. package/dist/components/ui/context-menu/context-menu-radio-item.svelte.d.ts +0 -23
  56. package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts +0 -23
  57. package/dist/components/ui/drawer/index.d.ts +0 -13
  58. package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +0 -24
  59. package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +0 -25
  60. package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +0 -23
  61. package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +0 -23
  62. package/dist/components/ui/menubar/menubar-label.svelte.d.ts +0 -23
  63. package/dist/components/ui/menubar/menubar-sub-trigger.svelte.d.ts +0 -21
  64. package/dist/components/ui/resizable/resizable-handle.svelte.d.ts +0 -23
  65. package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte.d.ts +0 -25
  66. package/dist/components/ui/scroll-area/scroll-area.svelte.d.ts +0 -29
  67. package/dist/components/ui/select/select-content.svelte.d.ts +0 -38
  68. package/dist/components/ui/select/select-item.svelte.d.ts +0 -34
  69. package/dist/components/ui/select/select-label.svelte.d.ts +0 -24
  70. package/dist/components/ui/sheet/sheet-content.svelte.d.ts +0 -30
  71. package/dist/components/ui/toggle/toggle.svelte.d.ts +0 -25
  72. package/dist/components/ui/toggle-group/toggle-group.svelte.d.ts +0 -38
  73. package/dist/components/ui/typography/H1.svelte +0 -8
  74. package/dist/components/ui/typography/H1.svelte.d.ts +0 -21
  75. package/dist/components/ui/typography/H2.svelte +0 -8
  76. package/dist/components/ui/typography/H2.svelte.d.ts +0 -21
  77. package/dist/components/ui/typography/H3.svelte +0 -8
  78. package/dist/components/ui/typography/H3.svelte.d.ts +0 -21
  79. package/dist/components/ui/typography/H4.svelte +0 -8
  80. package/dist/components/ui/typography/H4.svelte.d.ts +0 -21
  81. package/dist/components/ui/typography/P.svelte +0 -8
  82. package/dist/components/ui/typography/P.svelte.d.ts +0 -21
  83. package/dist/components/ui/typography/index.d.ts +0 -6
  84. package/dist/components/ui/typography/index.js +0 -6
@@ -4,7 +4,7 @@ declare const __propDef: {
4
4
  props: {
5
5
  asChild?: boolean;
6
6
  el?: HTMLLegendElement;
7
- } & import("svelte/elements.js").HTMLAttributes<HTMLLegendElement> & {
7
+ } & import("svelte/elements").HTMLAttributes<HTMLLegendElement> & {
8
8
  size?: LabelSize;
9
9
  };
10
10
  events: {
@@ -5,7 +5,7 @@ declare const __propDef: {
5
5
  props: {
6
6
  asChild?: boolean | undefined | undefined;
7
7
  el?: HTMLLabelElement | undefined;
8
- } & import("svelte/elements.js").HTMLLabelAttributes & {
8
+ } & import("svelte/elements").HTMLLabelAttributes & {
9
9
  size?: LabelSize;
10
10
  };
11
11
  slots: {
@@ -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
  };
@@ -4,7 +4,7 @@ declare const __propDef: {
4
4
  props: {
5
5
  asChild?: boolean | undefined | undefined;
6
6
  el?: HTMLButtonElement | undefined;
7
- } & import("svelte/elements.js").HTMLButtonAttributes & {
7
+ } & import("svelte/elements").HTMLButtonAttributes & {
8
8
  size?: SelectSize;
9
9
  };
10
10
  events: {
@@ -18,7 +18,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
18
18
  left: string;
19
19
  right: string;
20
20
  };
21
- }, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
21
+ }, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.js").TVConfig<{
22
22
  side: {
23
23
  top: string;
24
24
  bottom: string;
@@ -46,7 +46,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
46
46
  left: string;
47
47
  right: string;
48
48
  };
49
- }, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
49
+ }, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.js").TVConfig<{
50
50
  side: {
51
51
  top: string;
52
52
  bottom: string;
@@ -14,7 +14,7 @@ declare const tableCellVariants: import("tailwind-variants").TVReturnType<{
14
14
  xs: string;
15
15
  lg: string;
16
16
  };
17
- }, undefined, "align-middle [&:has([role=checkbox])]:pr-0", import("tailwind-variants/dist/config").TVConfig<{
17
+ }, undefined, "align-middle [&:has([role=checkbox])]:pr-0", import("tailwind-variants/dist/config.js").TVConfig<{
18
18
  size: {
19
19
  default: string;
20
20
  sm: string;
@@ -42,7 +42,7 @@ declare const tableCellVariants: import("tailwind-variants").TVReturnType<{
42
42
  xs: string;
43
43
  lg: string;
44
44
  };
45
- }, undefined, "align-middle [&:has([role=checkbox])]:pr-0", import("tailwind-variants/dist/config").TVConfig<{
45
+ }, undefined, "align-middle [&:has([role=checkbox])]:pr-0", import("tailwind-variants/dist/config.js").TVConfig<{
46
46
  size: {
47
47
  default: string;
48
48
  sm: string;
@@ -4,7 +4,7 @@ import { type TableCellProps } from './index.js';
4
4
  declare const __propDef: {
5
5
  props: HTMLTdAttributes & TableCellProps;
6
6
  events: {
7
- click: MouseEvent;
7
+ click: PointerEvent;
8
8
  keydown: KeyboardEvent;
9
9
  } & {
10
10
  [evt: string]: CustomEvent<any>;
@@ -3,7 +3,7 @@ import type { HTMLAttributes } from "svelte/elements";
3
3
  declare const __propDef: {
4
4
  props: HTMLAttributes<HTMLTableSectionElement>;
5
5
  events: {
6
- click: MouseEvent;
6
+ click: PointerEvent;
7
7
  keydown: KeyboardEvent;
8
8
  } & {
9
9
  [evt: string]: CustomEvent<any>;
@@ -5,7 +5,7 @@ declare const __propDef: {
5
5
  "data-state"?: unknown;
6
6
  };
7
7
  events: {
8
- click: MouseEvent;
8
+ click: PointerEvent;
9
9
  keydown: KeyboardEvent;
10
10
  } & {
11
11
  [evt: string]: CustomEvent<any>;
@@ -11,7 +11,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
11
11
  lg: string;
12
12
  xs: string;
13
13
  };
14
- }, 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 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
14
+ }, 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 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
15
15
  variant: {
16
16
  default: string;
17
17
  outline: string;
@@ -55,7 +55,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
55
55
  lg: string;
56
56
  xs: string;
57
57
  };
58
- }, 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 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
58
+ }, 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 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
59
59
  variant: {
60
60
  default: string;
61
61
  outline: string;
@@ -6,6 +6,6 @@ export type ToggleVariants = VariantProps<typeof toggleVariants>;
6
6
  export declare function setToggleGroupCtx(props: ToggleVariants): void;
7
7
  export declare function getToggleGroupCtx(): {
8
8
  variant?: "default" | "outline" | undefined;
9
- size?: "default" | "xs" | "sm" | "lg" | undefined;
9
+ size?: "default" | "sm" | "lg" | "xs" | undefined;
10
10
  };
11
11
  export { Item, Root, Root as ToggleGroup, Item as ToggleGroupItem, };
@@ -5,9 +5,9 @@ declare const __propDef: {
5
5
  disabled?: boolean | undefined | undefined;
6
6
  asChild?: boolean | undefined | undefined;
7
7
  el?: HTMLButtonElement | undefined;
8
- } & import("svelte/elements.js").HTMLButtonAttributes & {
8
+ } & import("svelte/elements").HTMLButtonAttributes & {
9
9
  variant?: "default" | "outline" | undefined;
10
- size?: "default" | "xs" | "sm" | "lg" | undefined;
10
+ size?: "default" | "sm" | "lg" | "xs" | undefined;
11
11
  };
12
12
  events: {
13
13
  [evt: string]: CustomEvent<any>;
@@ -1,5 +1,6 @@
1
1
  import { Tooltip as TooltipPrimitive } from "bits-ui";
2
2
  import Content from "./tooltip-content.svelte";
3
+ import Arrow from "./tooltip-arrow.svelte";
3
4
  declare const Root: typeof TooltipPrimitive.Root;
4
5
  declare const Trigger: typeof TooltipPrimitive.Trigger;
5
- export { Root, Trigger, Content, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, };
6
+ export { Root, Trigger, Content, Arrow, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Arrow as TooltipArrow, };
@@ -1,7 +1,8 @@
1
1
  import { Tooltip as TooltipPrimitive } from "bits-ui";
2
2
  import Content from "./tooltip-content.svelte";
3
+ import Arrow from "./tooltip-arrow.svelte";
3
4
  const Root = TooltipPrimitive.Root;
4
5
  const Trigger = TooltipPrimitive.Trigger;
5
- export { Root, Trigger, Content,
6
+ export { Root, Trigger, Content, Arrow,
6
7
  //
7
- Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, };
8
+ Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Arrow as TooltipArrow, };
@@ -0,0 +1,10 @@
1
+ <script>import { Tooltip as TooltipPrimitive } from "bits-ui";
2
+ import { cn } from "../../../utils.js";
3
+ let className = void 0;
4
+ export { className as class };
5
+ </script>
6
+
7
+ <TooltipPrimitive.Arrow
8
+ class={cn("rounded-[2px] border-l border-t bg-popover", className)}
9
+ {...$$restProps}
10
+ />
@@ -0,0 +1,17 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { Tooltip as TooltipPrimitive } from "bits-ui";
3
+ declare const __propDef: {
4
+ props: TooltipPrimitive.ArrowProps;
5
+ events: {
6
+ [evt: string]: CustomEvent<any>;
7
+ };
8
+ slots: {};
9
+ exports?: {} | undefined;
10
+ bindings?: string | undefined;
11
+ };
12
+ export type TooltipArrowProps = typeof __propDef.props;
13
+ export type TooltipArrowEvents = typeof __propDef.events;
14
+ export type TooltipArrowSlots = typeof __propDef.slots;
15
+ export default class TooltipArrow extends SvelteComponent<TooltipArrowProps, TooltipArrowEvents, TooltipArrowSlots> {
16
+ }
17
+ export {};
@@ -1,5 +1,5 @@
1
- <script>import { Tooltip as TooltipPrimitive } from "bits-ui";
2
- import { cn, flyAndScale } from "../../../utils.js";
1
+ <script>import { cn, flyAndScale } from "../../../utils.js";
2
+ import { Tooltip as TooltipPrimitive } from "bits-ui";
3
3
  let className = void 0;
4
4
  export let sideOffset = 4;
5
5
  export let transition = flyAndScale;
@@ -11,14 +11,11 @@ export { className as class };
11
11
  </script>
12
12
 
13
13
  <TooltipPrimitive.Content
14
- {transition}
15
- {transitionConfig}
16
- {sideOffset}
17
- class={cn(
18
- "bg-popover text-popover-foreground z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
19
- className
20
- )}
21
- {...$$restProps}
14
+ {transition}
15
+ {transitionConfig}
16
+ {sideOffset}
17
+ class={cn('bg-popover text-popover-foreground z-50 rounded-md border px-2 py-1 text-xs shadow-md dark', className)}
18
+ {...$$restProps}
22
19
  >
23
- <slot />
20
+ <slot />
24
21
  </TooltipPrimitive.Content>
@@ -1,5 +1,5 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import { Tooltip as TooltipPrimitive } from "bits-ui";
2
+ import { Tooltip as TooltipPrimitive } from 'bits-ui';
3
3
  declare const __propDef: {
4
4
  props: TooltipPrimitive.ContentProps;
5
5
  events: {
package/dist/index.css CHANGED
@@ -107,7 +107,7 @@
107
107
  }
108
108
 
109
109
  /*
110
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
111
111
  */
112
112
 
113
113
  /*
@@ -877,6 +877,10 @@ body {
877
877
  margin-top: -1rem;
878
878
  }
879
879
 
880
+ .mb-0 {
881
+ margin-bottom: 0px;
882
+ }
883
+
880
884
  .mb-1 {
881
885
  margin-bottom: 0.25rem;
882
886
  }
@@ -893,10 +897,22 @@ body {
893
897
  margin-left: 0.5rem;
894
898
  }
895
899
 
900
+ .ml-6 {
901
+ margin-left: 1.5rem;
902
+ }
903
+
896
904
  .ml-auto {
897
905
  margin-left: auto;
898
906
  }
899
907
 
908
+ .mr-1 {
909
+ margin-right: 0.25rem;
910
+ }
911
+
912
+ .mr-1\.5 {
913
+ margin-right: 0.375rem;
914
+ }
915
+
900
916
  .mr-2 {
901
917
  margin-right: 0.5rem;
902
918
  }
@@ -1583,6 +1599,10 @@ body {
1583
1599
  scroll-margin: 5rem;
1584
1600
  }
1585
1601
 
1602
+ .list-disc {
1603
+ list-style-type: disc;
1604
+ }
1605
+
1586
1606
  .appearance-none {
1587
1607
  -webkit-appearance: none;
1588
1608
  -moz-appearance: none;
@@ -1819,6 +1839,10 @@ body {
1819
1839
  border-radius: 0.25rem;
1820
1840
  }
1821
1841
 
1842
+ .rounded-\[2px\] {
1843
+ border-radius: 2px;
1844
+ }
1845
+
1822
1846
  .rounded-\[inherit\] {
1823
1847
  border-radius: inherit;
1824
1848
  }
@@ -2174,6 +2198,10 @@ body {
2174
2198
  padding: 0.5rem;
2175
2199
  }
2176
2200
 
2201
+ .p-2\.5 {
2202
+ padding: 0.625rem;
2203
+ }
2204
+
2177
2205
  .p-3 {
2178
2206
  padding: 0.75rem;
2179
2207
  }
@@ -2405,11 +2433,6 @@ body {
2405
2433
  line-height: 2rem;
2406
2434
  }
2407
2435
 
2408
- .text-3xl {
2409
- font-size: 1.875rem;
2410
- line-height: 2.25rem;
2411
- }
2412
-
2413
2436
  .text-4xl {
2414
2437
  font-size: 2.25rem;
2415
2438
  line-height: 2.5rem;
@@ -2433,6 +2456,10 @@ body {
2433
2456
  font-size: 0.8rem;
2434
2457
  }
2435
2458
 
2459
+ .text-\[10px\] {
2460
+ font-size: 10px;
2461
+ }
2462
+
2436
2463
  .text-base {
2437
2464
  font-size: 1rem;
2438
2465
  line-height: 1.5rem;
@@ -2462,10 +2489,6 @@ body {
2462
2489
  font-weight: 700;
2463
2490
  }
2464
2491
 
2465
- .font-extrabold {
2466
- font-weight: 800;
2467
- }
2468
-
2469
2492
  .font-light {
2470
2493
  font-weight: 300;
2471
2494
  }
@@ -2550,6 +2573,10 @@ body {
2550
2573
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2551
2574
  }
2552
2575
 
2576
+ .leading-5 {
2577
+ line-height: 1.25rem;
2578
+ }
2579
+
2553
2580
  .leading-7 {
2554
2581
  line-height: 1.75rem;
2555
2582
  }
@@ -2826,43 +2853,35 @@ body {
2826
2853
 
2827
2854
  .backdrop-blur {
2828
2855
  --tw-backdrop-blur: blur(8px);
2829
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2830
2856
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2831
2857
  }
2832
2858
 
2833
2859
  .backdrop-blur-sm {
2834
2860
  --tw-backdrop-blur: blur(4px);
2835
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2836
2861
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2837
2862
  }
2838
2863
 
2839
2864
  .backdrop-grayscale {
2840
2865
  --tw-backdrop-grayscale: grayscale(100%);
2841
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2842
2866
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2843
2867
  }
2844
2868
 
2845
2869
  .backdrop-invert {
2846
2870
  --tw-backdrop-invert: invert(100%);
2847
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2848
2871
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2849
2872
  }
2850
2873
 
2851
2874
  .backdrop-sepia {
2852
2875
  --tw-backdrop-sepia: sepia(100%);
2853
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2854
2876
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2855
2877
  }
2856
2878
 
2857
2879
  .backdrop-filter {
2858
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2859
2880
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2860
2881
  }
2861
2882
 
2862
2883
  .transition {
2863
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2864
2884
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2865
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2866
2885
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2867
2886
  transition-duration: 150ms;
2868
2887
  }
@@ -3052,6 +3071,10 @@ body {
3052
3071
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
3053
3072
  }
3054
3073
 
3074
+ .hover\:text-primary\/80:hover {
3075
+ color: hsl(var(--primary) / 0.8);
3076
+ }
3077
+
3055
3078
  .hover\:underline:hover {
3056
3079
  text-decoration-line: underline;
3057
3080
  }
@@ -3624,7 +3647,7 @@ body {
3624
3647
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
3625
3648
  }
3626
3649
 
3627
- @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
3650
+ @supports (backdrop-filter: var(--tw)) {
3628
3651
  .supports-\[backdrop-filter\]\:bg-background\/60 {
3629
3652
  background-color: hsl(var(--background) / 0.6);
3630
3653
  }
@@ -3992,6 +4015,10 @@ body {
3992
4015
  padding-right: 0px;
3993
4016
  }
3994
4017
 
4018
+ .\[\&\:has\(svg\)\]\:pl-10:has(svg) {
4019
+ padding-left: 2.5rem;
4020
+ }
4021
+
3995
4022
  .\[\&\:has\(svg\)\]\:pl-11:has(svg) {
3996
4023
  padding-left: 2.75rem;
3997
4024
  }
@@ -4017,10 +4044,18 @@ body {
4017
4044
  position: absolute;
4018
4045
  }
4019
4046
 
4047
+ .\[\&\>svg\]\:left-3>svg {
4048
+ left: 0.75rem;
4049
+ }
4050
+
4020
4051
  .\[\&\>svg\]\:left-4>svg {
4021
4052
  left: 1rem;
4022
4053
  }
4023
4054
 
4055
+ .\[\&\>svg\]\:top-3>svg {
4056
+ top: 0.75rem;
4057
+ }
4058
+
4024
4059
  .\[\&\>svg\]\:top-4>svg {
4025
4060
  top: 1rem;
4026
4061
  }
@@ -4157,11 +4192,21 @@ body {
4157
4192
  width: 1.25rem;
4158
4193
  }
4159
4194
 
4195
+ .\[\&_\[data-cmdk-group-heading\]\]\:px-1\.5 [data-cmdk-group-heading] {
4196
+ padding-left: 0.375rem;
4197
+ padding-right: 0.375rem;
4198
+ }
4199
+
4160
4200
  .\[\&_\[data-cmdk-group-heading\]\]\:px-2 [data-cmdk-group-heading] {
4161
4201
  padding-left: 0.5rem;
4162
4202
  padding-right: 0.5rem;
4163
4203
  }
4164
4204
 
4205
+ .\[\&_\[data-cmdk-group-heading\]\]\:py-1 [data-cmdk-group-heading] {
4206
+ padding-top: 0.25rem;
4207
+ padding-bottom: 0.25rem;
4208
+ }
4209
+
4165
4210
  .\[\&_\[data-cmdk-group-heading\]\]\:py-1\.5 [data-cmdk-group-heading] {
4166
4211
  padding-top: 0.375rem;
4167
4212
  padding-bottom: 0.375rem;
package/dist/index.d.ts CHANGED
@@ -43,5 +43,4 @@ export { ThemeSwitcherButton, ThemeSwitcherDropdown } from './components/ui/them
43
43
  export * as ToggleGroup from './components/ui/toggle-group/index.js';
44
44
  export { Toggle } from './components/ui/toggle/index.js';
45
45
  export * as Tooltip from './components/ui/tooltip/index.js';
46
- export * from './components/ui/typography/index.js';
47
46
  export * from './utils.js';
package/dist/index.js CHANGED
@@ -46,5 +46,4 @@ export { ThemeSwitcherButton, ThemeSwitcherDropdown } from './components/ui/them
46
46
  export * as ToggleGroup from './components/ui/toggle-group/index.js';
47
47
  export { Toggle } from './components/ui/toggle/index.js';
48
48
  export * as Tooltip from './components/ui/tooltip/index.js';
49
- export * from './components/ui/typography/index.js';
50
49
  export * from './utils.js';
package/package.json CHANGED
@@ -8,11 +8,11 @@
8
8
  "cmdk-sv": "^0.0.18",
9
9
  "embla-carousel-svelte": "^8.3.1",
10
10
  "formsnap": "^1.0.1",
11
- "lucide-svelte": "^0.454.0",
11
+ "lucide-svelte": "^0.561.0",
12
12
  "mode-watcher": "^0.4.1",
13
13
  "paneforge": "^0.0.6",
14
14
  "svelte-sonner": "^0.3.28",
15
- "sveltekit-superforms": "^2.20.0",
15
+ "sveltekit-superforms": "2.20.0",
16
16
  "tailwind-merge": "^2.3.0",
17
17
  "tailwind-variants": "^0.2.1",
18
18
  "vaul-svelte": "^0.3.2",
@@ -83,6 +83,6 @@
83
83
  "svelte": "./dist/index.js",
84
84
  "type": "module",
85
85
  "types": "./dist/index.d.ts",
86
- "version": "2.0.0-alpha.71",
87
- "gitHead": "980b781fa7d41f0f840b4b83a57c28b16df55d9e"
86
+ "version": "2.1.10",
87
+ "gitHead": "a85ad821b34637c9bcb319eddcf3ff8bc8518ad5"
88
88
  }
@@ -1,25 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { Checkbox as CheckboxPrimitive } from 'bits-ui';
3
- import { type CheckboxSize } from './index.js';
4
- declare const __propDef: {
5
- props: {
6
- value?: string | undefined;
7
- disabled?: boolean | undefined;
8
- name?: string | undefined;
9
- required?: boolean | undefined;
10
- checked?: boolean | "indeterminate" | undefined | undefined;
11
- onCheckedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
12
- asChild?: boolean | undefined | undefined;
13
- el?: HTMLButtonElement | undefined;
14
- } & import("svelte/elements.js").HTMLButtonAttributes & {
15
- size?: CheckboxSize;
16
- };
17
- slots: {};
18
- events: CheckboxPrimitive.Events;
19
- };
20
- export type CheckboxProps = typeof __propDef.props;
21
- export type CheckboxEvents = typeof __propDef.events;
22
- export type CheckboxSlots = typeof __propDef.slots;
23
- export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {
24
- }
25
- export {};
@@ -1,40 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- preventScroll?: boolean | undefined;
5
- closeOnEscape?: boolean | undefined;
6
- closeOnOutsideClick?: boolean | undefined;
7
- onOutsideClick?: ((event: PointerEvent | MouseEvent | TouchEvent) => void) | undefined;
8
- portal?: (HTMLElement | string | null) | undefined;
9
- open?: boolean | undefined;
10
- onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
11
- openFocus?: import("bits-ui").FocusProp | undefined;
12
- closeFocus?: import("bits-ui").FocusProp | undefined;
13
- } & {
14
- state?: import("svelte/store").Writable<import("cmdk-sv").State> | undefined;
15
- label?: string | undefined;
16
- shouldFilter?: boolean | undefined;
17
- filter?: ((value: string, search: string) => number) | undefined;
18
- value?: string | undefined;
19
- onValueChange?: ((value: string) => void) | undefined;
20
- loop?: boolean | undefined;
21
- ids?: Partial<import("cmdk-sv").CommandIds> | undefined;
22
- } & import("cmdk-sv/dist/internal").HTMLDivAttributes & {
23
- onKeydown?: (e: KeyboardEvent) => void;
24
- asChild?: boolean;
25
- };
26
- events: {
27
- [evt: string]: CustomEvent<any>;
28
- };
29
- slots: {
30
- default: {};
31
- };
32
- exports?: {} | undefined;
33
- bindings?: string | undefined;
34
- };
35
- export type CommandDialogProps = typeof __propDef.props;
36
- export type CommandDialogEvents = typeof __propDef.events;
37
- export type CommandDialogSlots = typeof __propDef.slots;
38
- export default class CommandDialog extends SvelteComponent<CommandDialogProps, CommandDialogEvents, CommandDialogSlots> {
39
- }
40
- export {};
@@ -1,19 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { Command as CommandPrimitive } from "cmdk-sv";
3
- declare const __propDef: {
4
- props: CommandPrimitive.CommandProps;
5
- events: {
6
- [evt: string]: CustomEvent<any>;
7
- };
8
- slots: {
9
- default: {};
10
- };
11
- exports?: {} | undefined;
12
- bindings?: string | undefined;
13
- };
14
- type CommandProps_ = typeof __propDef.props;
15
- export { CommandProps_ as CommandProps };
16
- export type CommandEvents = typeof __propDef.events;
17
- export type CommandSlots = typeof __propDef.slots;
18
- export default class Command extends SvelteComponent<CommandProps_, CommandEvents, CommandSlots> {
19
- }
@@ -1,24 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
3
- import { type ContextMenuSize } from './index.js';
4
- declare const __propDef: {
5
- props: {
6
- disabled?: boolean | undefined;
7
- checked?: boolean | "indeterminate" | undefined | undefined;
8
- onCheckedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
9
- asChild?: boolean | undefined | undefined;
10
- el?: HTMLDivElement | undefined;
11
- } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
12
- size?: ContextMenuSize;
13
- };
14
- slots: {
15
- default: {};
16
- };
17
- events: ContextMenuPrimitive.CheckboxItemEvents;
18
- };
19
- export type ContextMenuCheckboxItemProps = typeof __propDef.props;
20
- export type ContextMenuCheckboxItemEvents = typeof __propDef.events;
21
- export type ContextMenuCheckboxItemSlots = typeof __propDef.slots;
22
- export default class ContextMenuCheckboxItem extends SvelteComponent<ContextMenuCheckboxItemProps, ContextMenuCheckboxItemEvents, ContextMenuCheckboxItemSlots> {
23
- }
24
- export {};