@nasa-jpl/stellar-svelte 2.0.0-alpha.67 → 2.1.9

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 (85) 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 +11 -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 +1 -1
  32. package/dist/components/ui/select/select-trigger.svelte.d.ts +1 -1
  33. package/dist/components/ui/sheet/index.d.ts +2 -2
  34. package/dist/components/ui/table/index.d.ts +2 -2
  35. package/dist/components/ui/table/table-cell.svelte.d.ts +1 -1
  36. package/dist/components/ui/table/table-header.svelte.d.ts +1 -1
  37. package/dist/components/ui/table/table-row.svelte.d.ts +1 -1
  38. package/dist/components/ui/toggle/index.d.ts +2 -2
  39. package/dist/components/ui/toggle-group/index.d.ts +1 -1
  40. package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts +2 -2
  41. package/dist/components/ui/tooltip/index.d.ts +2 -1
  42. package/dist/components/ui/tooltip/index.js +3 -2
  43. package/dist/components/ui/tooltip/tooltip-arrow.svelte +10 -0
  44. package/dist/components/ui/tooltip/tooltip-arrow.svelte.d.ts +17 -0
  45. package/dist/components/ui/tooltip/tooltip-content.svelte +8 -11
  46. package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts +1 -1
  47. package/dist/index.css +68 -19
  48. package/dist/index.d.ts +0 -1
  49. package/dist/index.js +0 -1
  50. package/package.json +4 -4
  51. package/dist/components/ui/checkbox/checkbox.svelte.d.ts +0 -25
  52. package/dist/components/ui/command/command-dialog.svelte.d.ts +0 -40
  53. package/dist/components/ui/command/command.svelte.d.ts +0 -19
  54. package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte.d.ts +0 -24
  55. package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts +0 -25
  56. package/dist/components/ui/context-menu/context-menu-radio-item.svelte.d.ts +0 -23
  57. package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts +0 -23
  58. package/dist/components/ui/drawer/index.d.ts +0 -13
  59. package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +0 -24
  60. package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +0 -25
  61. package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +0 -23
  62. package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +0 -23
  63. package/dist/components/ui/menubar/menubar-label.svelte.d.ts +0 -23
  64. package/dist/components/ui/menubar/menubar-sub-trigger.svelte.d.ts +0 -21
  65. package/dist/components/ui/resizable/resizable-handle.svelte.d.ts +0 -23
  66. package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte.d.ts +0 -25
  67. package/dist/components/ui/scroll-area/scroll-area.svelte.d.ts +0 -29
  68. package/dist/components/ui/select/select-content.svelte.d.ts +0 -38
  69. package/dist/components/ui/select/select-item.svelte.d.ts +0 -34
  70. package/dist/components/ui/select/select-label.svelte.d.ts +0 -24
  71. package/dist/components/ui/sheet/sheet-content.svelte.d.ts +0 -30
  72. package/dist/components/ui/toggle/toggle.svelte.d.ts +0 -25
  73. package/dist/components/ui/toggle-group/toggle-group.svelte.d.ts +0 -38
  74. package/dist/components/ui/typography/H1.svelte +0 -8
  75. package/dist/components/ui/typography/H1.svelte.d.ts +0 -21
  76. package/dist/components/ui/typography/H2.svelte +0 -8
  77. package/dist/components/ui/typography/H2.svelte.d.ts +0 -21
  78. package/dist/components/ui/typography/H3.svelte +0 -8
  79. package/dist/components/ui/typography/H3.svelte.d.ts +0 -21
  80. package/dist/components/ui/typography/H4.svelte +0 -8
  81. package/dist/components/ui/typography/H4.svelte.d.ts +0 -21
  82. package/dist/components/ui/typography/P.svelte +0 -8
  83. package/dist/components/ui/typography/P.svelte.d.ts +0 -21
  84. package/dist/components/ui/typography/index.d.ts +0 -6
  85. 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
  };
@@ -20,6 +20,6 @@ export { className as class };
20
20
  >
21
21
  <slot {builder} />
22
22
  <div>
23
- <ChevronDown class="h-4 w-4 opacity-50" />
23
+ <ChevronDown class="h-4 w-4 opacity-50 flex-shrink-0" />
24
24
  </div>
25
25
  </SelectPrimitive.Trigger>
@@ -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
  }
@@ -1424,6 +1440,10 @@ body {
1424
1440
  flex: 1 1 0%;
1425
1441
  }
1426
1442
 
1443
+ .flex-shrink-0 {
1444
+ flex-shrink: 0;
1445
+ }
1446
+
1427
1447
  .shrink {
1428
1448
  flex-shrink: 1;
1429
1449
  }
@@ -1579,6 +1599,10 @@ body {
1579
1599
  scroll-margin: 5rem;
1580
1600
  }
1581
1601
 
1602
+ .list-disc {
1603
+ list-style-type: disc;
1604
+ }
1605
+
1582
1606
  .appearance-none {
1583
1607
  -webkit-appearance: none;
1584
1608
  -moz-appearance: none;
@@ -1815,6 +1839,10 @@ body {
1815
1839
  border-radius: 0.25rem;
1816
1840
  }
1817
1841
 
1842
+ .rounded-\[2px\] {
1843
+ border-radius: 2px;
1844
+ }
1845
+
1818
1846
  .rounded-\[inherit\] {
1819
1847
  border-radius: inherit;
1820
1848
  }
@@ -2170,6 +2198,10 @@ body {
2170
2198
  padding: 0.5rem;
2171
2199
  }
2172
2200
 
2201
+ .p-2\.5 {
2202
+ padding: 0.625rem;
2203
+ }
2204
+
2173
2205
  .p-3 {
2174
2206
  padding: 0.75rem;
2175
2207
  }
@@ -2401,11 +2433,6 @@ body {
2401
2433
  line-height: 2rem;
2402
2434
  }
2403
2435
 
2404
- .text-3xl {
2405
- font-size: 1.875rem;
2406
- line-height: 2.25rem;
2407
- }
2408
-
2409
2436
  .text-4xl {
2410
2437
  font-size: 2.25rem;
2411
2438
  line-height: 2.5rem;
@@ -2429,6 +2456,10 @@ body {
2429
2456
  font-size: 0.8rem;
2430
2457
  }
2431
2458
 
2459
+ .text-\[10px\] {
2460
+ font-size: 10px;
2461
+ }
2462
+
2432
2463
  .text-base {
2433
2464
  font-size: 1rem;
2434
2465
  line-height: 1.5rem;
@@ -2458,10 +2489,6 @@ body {
2458
2489
  font-weight: 700;
2459
2490
  }
2460
2491
 
2461
- .font-extrabold {
2462
- font-weight: 800;
2463
- }
2464
-
2465
2492
  .font-light {
2466
2493
  font-weight: 300;
2467
2494
  }
@@ -2546,6 +2573,10 @@ body {
2546
2573
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2547
2574
  }
2548
2575
 
2576
+ .leading-5 {
2577
+ line-height: 1.25rem;
2578
+ }
2579
+
2549
2580
  .leading-7 {
2550
2581
  line-height: 1.75rem;
2551
2582
  }
@@ -2822,43 +2853,35 @@ body {
2822
2853
 
2823
2854
  .backdrop-blur {
2824
2855
  --tw-backdrop-blur: blur(8px);
2825
- -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);
2826
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);
2827
2857
  }
2828
2858
 
2829
2859
  .backdrop-blur-sm {
2830
2860
  --tw-backdrop-blur: blur(4px);
2831
- -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);
2832
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);
2833
2862
  }
2834
2863
 
2835
2864
  .backdrop-grayscale {
2836
2865
  --tw-backdrop-grayscale: grayscale(100%);
2837
- -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);
2838
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);
2839
2867
  }
2840
2868
 
2841
2869
  .backdrop-invert {
2842
2870
  --tw-backdrop-invert: invert(100%);
2843
- -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);
2844
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);
2845
2872
  }
2846
2873
 
2847
2874
  .backdrop-sepia {
2848
2875
  --tw-backdrop-sepia: sepia(100%);
2849
- -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);
2850
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);
2851
2877
  }
2852
2878
 
2853
2879
  .backdrop-filter {
2854
- -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);
2855
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);
2856
2881
  }
2857
2882
 
2858
2883
  .transition {
2859
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2860
2884
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2861
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2862
2885
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2863
2886
  transition-duration: 150ms;
2864
2887
  }
@@ -3048,6 +3071,10 @@ body {
3048
3071
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
3049
3072
  }
3050
3073
 
3074
+ .hover\:text-primary\/80:hover {
3075
+ color: hsl(var(--primary) / 0.8);
3076
+ }
3077
+
3051
3078
  .hover\:underline:hover {
3052
3079
  text-decoration-line: underline;
3053
3080
  }
@@ -3620,7 +3647,7 @@ body {
3620
3647
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
3621
3648
  }
3622
3649
 
3623
- @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
3650
+ @supports (backdrop-filter: var(--tw)) {
3624
3651
  .supports-\[backdrop-filter\]\:bg-background\/60 {
3625
3652
  background-color: hsl(var(--background) / 0.6);
3626
3653
  }
@@ -3988,6 +4015,10 @@ body {
3988
4015
  padding-right: 0px;
3989
4016
  }
3990
4017
 
4018
+ .\[\&\:has\(svg\)\]\:pl-10:has(svg) {
4019
+ padding-left: 2.5rem;
4020
+ }
4021
+
3991
4022
  .\[\&\:has\(svg\)\]\:pl-11:has(svg) {
3992
4023
  padding-left: 2.75rem;
3993
4024
  }
@@ -4013,10 +4044,18 @@ body {
4013
4044
  position: absolute;
4014
4045
  }
4015
4046
 
4047
+ .\[\&\>svg\]\:left-3>svg {
4048
+ left: 0.75rem;
4049
+ }
4050
+
4016
4051
  .\[\&\>svg\]\:left-4>svg {
4017
4052
  left: 1rem;
4018
4053
  }
4019
4054
 
4055
+ .\[\&\>svg\]\:top-3>svg {
4056
+ top: 0.75rem;
4057
+ }
4058
+
4020
4059
  .\[\&\>svg\]\:top-4>svg {
4021
4060
  top: 1rem;
4022
4061
  }
@@ -4153,11 +4192,21 @@ body {
4153
4192
  width: 1.25rem;
4154
4193
  }
4155
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
+
4156
4200
  .\[\&_\[data-cmdk-group-heading\]\]\:px-2 [data-cmdk-group-heading] {
4157
4201
  padding-left: 0.5rem;
4158
4202
  padding-right: 0.5rem;
4159
4203
  }
4160
4204
 
4205
+ .\[\&_\[data-cmdk-group-heading\]\]\:py-1 [data-cmdk-group-heading] {
4206
+ padding-top: 0.25rem;
4207
+ padding-bottom: 0.25rem;
4208
+ }
4209
+
4161
4210
  .\[\&_\[data-cmdk-group-heading\]\]\:py-1\.5 [data-cmdk-group-heading] {
4162
4211
  padding-top: 0.375rem;
4163
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.67",
87
- "gitHead": "1288d451036a8ebca6a8119af43deee01523a2f3"
86
+ "version": "2.1.9",
87
+ "gitHead": "fe04e93ecc0d4462f1e3261bdb9459650d3e44a0"
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
- }