flowbite-svelte 0.34.12 → 0.35.1

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 (89) hide show
  1. package/dist/accordion/Accordion.svelte +6 -2
  2. package/dist/accordion/Accordion.svelte.d.ts +246 -6
  3. package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
  4. package/dist/accordion/AccordionItem.svelte +7 -4
  5. package/dist/accordion/AccordionItem.svelte.d.ts +4 -1
  6. package/dist/accordion/AccordionItem.svelte.d.ts.map +1 -1
  7. package/dist/alerts/Alert.svelte.d.ts +243 -3
  8. package/dist/alerts/Alert.svelte.d.ts.map +1 -1
  9. package/dist/avatar/Avatar.svelte.d.ts +1 -1
  10. package/dist/bottom-nav/BottomNav.svelte.d.ts +1 -1
  11. package/dist/buttons/Button.svelte +2 -2
  12. package/dist/buttons/Button.svelte.d.ts +4 -4
  13. package/dist/buttons/Button.svelte.d.ts.map +1 -1
  14. package/dist/cards/Card.svelte +13 -1
  15. package/dist/cards/Card.svelte.d.ts +242 -3
  16. package/dist/cards/Card.svelte.d.ts.map +1 -1
  17. package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
  18. package/dist/forms/Input.svelte.d.ts +2 -2
  19. package/dist/forms/Input.svelte.d.ts.map +1 -1
  20. package/dist/forms/Range.svelte.d.ts +1 -1
  21. package/dist/forms/Select.svelte.d.ts +1 -1
  22. package/dist/indicators/Indicator.svelte.d.ts +4 -3
  23. package/dist/indicators/Indicator.svelte.d.ts.map +1 -1
  24. package/dist/list-group/Listgroup.svelte.d.ts +241 -2
  25. package/dist/list-group/Listgroup.svelte.d.ts.map +1 -1
  26. package/dist/modals/Modal.svelte.d.ts +241 -3
  27. package/dist/modals/Modal.svelte.d.ts.map +1 -1
  28. package/dist/navbar/Navbar.svelte +5 -2
  29. package/dist/navbar/Navbar.svelte.d.ts +241 -2
  30. package/dist/navbar/Navbar.svelte.d.ts.map +1 -1
  31. package/dist/popover/Popover.svelte +11 -11
  32. package/dist/popover/Popover.svelte.d.ts +251 -1
  33. package/dist/popover/Popover.svelte.d.ts.map +1 -1
  34. package/dist/ratings/Rating.svelte +5 -3
  35. package/dist/ratings/Rating.svelte.d.ts +2 -0
  36. package/dist/ratings/Rating.svelte.d.ts.map +1 -1
  37. package/dist/speed-dial/SpeedDial.svelte +2 -1
  38. package/dist/speed-dial/SpeedDial.svelte.d.ts +3 -2
  39. package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
  40. package/dist/speed-dial/SpeedDialButton.svelte +7 -4
  41. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +4 -1
  42. package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
  43. package/dist/tables/Table.svelte.d.ts +2 -1
  44. package/dist/tables/Table.svelte.d.ts.map +1 -1
  45. package/dist/tables/TableBodyRow.svelte.d.ts +1 -1
  46. package/dist/tables/TableSearch.svelte.d.ts +1 -1
  47. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  48. package/dist/timeline/TimelineItem.svelte +2 -1
  49. package/dist/timeline/TimelineItem.svelte.d.ts.map +1 -1
  50. package/dist/toasts/Toast.svelte +5 -2
  51. package/dist/toasts/Toast.svelte.d.ts +241 -3
  52. package/dist/toasts/Toast.svelte.d.ts.map +1 -1
  53. package/dist/toolbar/Toolbar.svelte +1 -1
  54. package/dist/toolbar/Toolbar.svelte.d.ts +242 -3
  55. package/dist/toolbar/Toolbar.svelte.d.ts.map +1 -1
  56. package/dist/toolbar/ToolbarButton.svelte.d.ts +3 -2
  57. package/dist/toolbar/ToolbarButton.svelte.d.ts.map +1 -1
  58. package/dist/tooltips/Tooltip.svelte +6 -5
  59. package/dist/tooltips/Tooltip.svelte.d.ts +252 -2
  60. package/dist/tooltips/Tooltip.svelte.d.ts.map +1 -1
  61. package/dist/types.d.ts +12 -2
  62. package/dist/types.d.ts.map +1 -1
  63. package/dist/typography/Blockquote.svelte +1 -1
  64. package/dist/typography/Blockquote.svelte.d.ts +2 -1
  65. package/dist/typography/Blockquote.svelte.d.ts.map +1 -1
  66. package/dist/typography/List.svelte +2 -6
  67. package/dist/typography/List.svelte.d.ts +1 -5
  68. package/dist/typography/List.svelte.d.ts.map +1 -1
  69. package/dist/typography/P.svelte.d.ts +4 -3
  70. package/dist/typography/P.svelte.d.ts.map +1 -1
  71. package/dist/utils/Frame.svelte +1 -0
  72. package/dist/utils/Frame.svelte.d.ts +233 -3
  73. package/dist/utils/Frame.svelte.d.ts.map +1 -1
  74. package/dist/utils/Popper.svelte +1 -1
  75. package/dist/utils/Popper.svelte.d.ts +243 -1
  76. package/dist/utils/Popper.svelte.d.ts.map +1 -1
  77. package/dist/utils/createEventDispatcher.d.ts +1 -1
  78. package/dist/utils/createEventDispatcher.d.ts.map +1 -1
  79. package/dist/utils/createEventDispatcher.js +11 -13
  80. package/dist/utils/focusTrap.d.ts +1 -3
  81. package/dist/utils/focusTrap.d.ts.map +1 -1
  82. package/dist/utils/focusTrap.js +4 -1
  83. package/package.json +15 -19
  84. package/dist/alert/Alert.svelte +0 -48
  85. package/dist/alert/Alert.svelte.d.ts +0 -34
  86. package/dist/alert/Alert.svelte.d.ts.map +0 -1
  87. package/dist/typography/Ul.svelte +0 -20
  88. package/dist/typography/Ul.svelte.d.ts +0 -22
  89. package/dist/typography/Ul.svelte.d.ts.map +0 -1
@@ -8,6 +8,7 @@ import Popper from '../utils/Popper.svelte';
8
8
  import { setContext } from 'svelte';
9
9
  import generateId from '../utils/generateId';
10
10
  export let defaultClass = 'fixed right-6 bottom-6';
11
+ export let popperDefaultClass = 'flex items-center mb-4 gap-2';
11
12
  export let placement = 'top';
12
13
  export let pill = true;
13
14
  export let tooltip = 'left';
@@ -23,7 +24,7 @@ setContext('speed-dial', { pill, tooltip, textOutside });
23
24
  let divClass;
24
25
  $: divClass = classNames(defaultClass, 'group', $$props.class);
25
26
  let poperClass;
26
- $: poperClass = classNames('flex items-center mb-4 gap-2', ['top', 'bottom'].includes(placement) && 'flex-col');
27
+ $: poperClass = classNames(popperDefaultClass, ['top', 'bottom'].includes(placement) && 'flex-col');
27
28
  </script>
28
29
 
29
30
  <div class={divClass}>
@@ -9,15 +9,16 @@ declare const __propDef: {
9
9
  props: {
10
10
  [x: string]: any;
11
11
  defaultClass?: string | undefined;
12
+ popperDefaultClass?: string | undefined;
12
13
  placement?: Placement | undefined;
13
14
  pill?: boolean | undefined;
14
15
  tooltip?: "none" | Placement | undefined;
15
16
  trigger?: "click" | "hover" | undefined;
16
17
  textOutside?: boolean | undefined;
17
18
  id?: string | undefined;
18
- shadow?: "red" | "green" | "purple" | "pink" | "blue" | "teal" | "cyan" | "lime" | null | undefined;
19
+ shadow?: "red" | "green" | "purple" | "pink" | "blue" | "cyan" | "lime" | "teal" | null | undefined;
19
20
  outline?: boolean | undefined;
20
- color?: "red" | "yellow" | "green" | "purple" | "pink" | "blue" | "light" | "dark" | "teal" | "alternative" | "cyan" | "lime" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined;
21
+ color?: "red" | "yellow" | "green" | "purple" | "pink" | "blue" | "light" | "dark" | "primary" | "alternative" | "cyan" | "lime" | "teal" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined;
21
22
  gradient?: boolean | undefined;
22
23
  };
23
24
  events: {
@@ -1 +1 @@
1
- {"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AA2DH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
1
+ {"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AA4DH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
@@ -2,10 +2,13 @@
2
2
  import Tooltip from '../tooltips/Tooltip.svelte';
3
3
  import classNames from 'classnames';
4
4
  import { getContext } from 'svelte';
5
+ export let btnDefaultClass = 'w-[52px] h-[52px] shadow-sm !p-2';
5
6
  export let name = '';
6
- export let tooltip;
7
+ export let tooltip = 'left';
7
8
  export let pill = undefined;
8
9
  export let textOutside = undefined;
10
+ export let textOutsideClass = 'block absolute -left-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
11
+ export let textDefaultClass = 'block mb-px text-xs font-medium';
9
12
  const context = getContext('speed-dial');
10
13
  $: {
11
14
  // set defaults
@@ -14,7 +17,7 @@ $: {
14
17
  textOutside = textOutside ?? context?.textOutside ?? false;
15
18
  }
16
19
  let btnClass;
17
- $: btnClass = classNames('w-[52px] h-[52px] shadow-sm !p-2', tooltip === 'none' && 'flex-col', textOutside && 'relative', $$props.class);
20
+ $: btnClass = classNames(btnDefaultClass, tooltip === 'none' && 'flex-col', textOutside && 'relative', $$props.class);
18
21
  </script>
19
22
 
20
23
  <Button {pill} outline color="light" {...$$restProps} class={btnClass} on:click>
@@ -22,9 +25,9 @@ $: btnClass = classNames('w-[52px] h-[52px] shadow-sm !p-2', tooltip === 'none'
22
25
  {#if tooltip !== 'none'}
23
26
  <span class="sr-only">{name}</span>
24
27
  {:else if textOutside}
25
- <span class="block absolute -left-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2">{name}</span>
28
+ <span class="{textOutsideClass}">{name}</span>
26
29
  {:else}
27
- <span class="block mb-px text-xs font-medium">{name}</span>
30
+ <span class="{textDefaultClass}">{name}</span>
28
31
  {/if}
29
32
  </Button>
30
33
 
@@ -3,10 +3,13 @@ import type { Placement } from '@popperjs/core';
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  [x: string]: any;
6
+ btnDefaultClass?: string | undefined;
6
7
  name?: string | undefined;
7
- tooltip: Placement | 'none';
8
+ tooltip?: "none" | Placement | undefined;
8
9
  pill?: boolean | undefined;
9
10
  textOutside?: boolean | undefined;
11
+ textOutsideClass?: string | undefined;
12
+ textDefaultClass?: string | undefined;
10
13
  };
11
14
  events: {
12
15
  click: MouseEvent;
@@ -1 +1 @@
1
- {"version":3,"file":"SpeedDialButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDialButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAqDhD,QAAA,MAAM,SAAS;;;;iBADqG,SAAS,GAAG,MAAM;eAAS,OAAO,GAAG,SAAS;sBAAgB,OAAO,GAAG,SAAS;;;;;;;;;;CACvH,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
1
+ {"version":3,"file":"SpeedDialButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDialButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAwDhD,QAAA,MAAM,SAAS;;;;;;eADwQ,OAAO,GAAG,SAAS;sBAAgB,OAAO,GAAG,SAAS;;;;;;;;;;;;CAC/P,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
@@ -1,4 +1,5 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
+ import type { TableColorType } from '../types';
2
3
  declare const __propDef: {
3
4
  props: {
4
5
  [x: string]: any;
@@ -7,7 +8,7 @@ declare const __propDef: {
7
8
  hoverable?: boolean | undefined;
8
9
  noborder?: boolean | undefined;
9
10
  shadow?: boolean | undefined;
10
- color?: "red" | "yellow" | "green" | "indigo" | "default" | "purple" | "pink" | "blue" | "custom" | undefined;
11
+ color?: TableColorType | undefined;
11
12
  };
12
13
  events: {
13
14
  [evt: string]: CustomEvent<any>;
@@ -1 +1 @@
1
- {"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/Table.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
1
+ {"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/Table.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAwC/C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
4
  [x: string]: any;
5
- color?: "red" | "yellow" | "green" | "default" | "purple" | "blue" | "custom" | undefined;
5
+ color?: "red" | "yellow" | "green" | "purple" | "blue" | "default" | "custom" | undefined;
6
6
  };
7
7
  events: {
8
8
  click: MouseEvent;
@@ -7,7 +7,7 @@ declare const __propDef: {
7
7
  striped?: boolean | undefined;
8
8
  hoverable?: boolean | undefined;
9
9
  placeholder?: string | undefined;
10
- color?: "red" | "yellow" | "green" | "default" | "purple" | "blue" | "custom" | undefined;
10
+ color?: "red" | "yellow" | "green" | "purple" | "blue" | "default" | "custom" | undefined;
11
11
  };
12
12
  events: {
13
13
  [evt: string]: CustomEvent<any>;
@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
4
  customClass?: string | undefined;
5
- order?: "default" | "custom" | "group" | "horizontal" | "vertical" | "activity" | undefined;
5
+ order?: "default" | "group" | "horizontal" | "vertical" | "custom" | "activity" | undefined;
6
6
  };
7
7
  events: {
8
8
  [evt: string]: CustomEvent<any>;
@@ -11,7 +11,8 @@ const liClasses = {
11
11
  vertical: 'mb-10 ml-6',
12
12
  horizontal: 'relative mb-6 sm:mb-0',
13
13
  activity: 'mb-10 ml-6',
14
- group: ''
14
+ group: '',
15
+ custom: ''
15
16
  };
16
17
  const divClasses = {
17
18
  default: 'absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700',
@@ -1 +1 @@
1
- {"version":3,"file":"TimelineItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmHD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
1
+ {"version":3,"file":"TimelineItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoHD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
@@ -2,12 +2,15 @@
2
2
  import classNames from 'classnames';
3
3
  import CloseButton from '../utils/CloseButton.svelte';
4
4
  import { fade } from 'svelte/transition';
5
- export let color = 'blue';
6
5
  export let simple = false;
7
6
  export let position = 'none';
8
7
  export let open = true;
9
8
  export let divClass = 'w-full max-w-xs p-4';
10
9
  export let defaultIconClass = 'inline-flex items-center justify-center flex-shrink-0 w-8 h-8 mr-3';
10
+ $: {
11
+ // override default Frame value
12
+ $$restProps.color = $$restProps.color ?? 'blue';
13
+ }
11
14
  const positions = {
12
15
  'top-left': 'absolute top-5 left-5',
13
16
  'top-right': 'absolute top-5 right-5',
@@ -25,7 +28,7 @@ $: iconClass = classNames(defaultIconClass);
25
28
  <Frame rounded border transition={fade} {...$$restProps} class={classDiv} role="alert">
26
29
  <div class="flex {$$slots.extra ? 'items-start' : 'items-center'}">
27
30
  {#if $$slots.icon}
28
- <Frame {color} rounded class={iconClass}><slot name="icon" /></Frame>
31
+ <Frame rounded class={iconClass}><slot name="icon" /></Frame>
29
32
  {/if}
30
33
 
31
34
  <div class="text-sm font-normal w-full">
@@ -1,13 +1,251 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- [x: string]: any;
5
- color?: "gray" | "red" | "yellow" | "green" | "indigo" | "default" | "purple" | "pink" | "blue" | "light" | "dark" | "dropdown" | "navbar" | "navbarUl" | "form" | "none" | undefined;
4
+ download?: any;
5
+ href?: string | null | undefined;
6
+ hreflang?: string | null | undefined;
7
+ media?: string | null | undefined;
8
+ ping?: string | null | undefined;
9
+ rel?: string | null | undefined;
10
+ target?: import("svelte/elements").HTMLAttributeAnchorTarget | null | undefined;
11
+ type?: string | null | undefined;
12
+ referrerpolicy?: ReferrerPolicy | null | undefined;
13
+ 'sapper:noscroll'?: true | null | undefined;
14
+ 'sapper:prefetch'?: true | null | undefined;
15
+ accesskey?: string | null | undefined;
16
+ autofocus?: boolean | null | undefined;
17
+ class?: string | undefined;
18
+ contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
19
+ contextmenu?: string | null | undefined;
20
+ dir?: string | null | undefined;
21
+ draggable?: import("svelte/elements").Booleanish | null | undefined;
22
+ enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | null | undefined;
23
+ hidden?: boolean | null | undefined;
24
+ id?: string | null | undefined;
25
+ lang?: string | null | undefined;
26
+ part?: string | null | undefined;
27
+ placeholder?: string | null | undefined;
28
+ slot?: string | null | undefined;
29
+ spellcheck?: import("svelte/elements").Booleanish | null | undefined;
30
+ style?: string | null | undefined;
31
+ tabindex?: number | null | undefined;
32
+ title?: string | null | undefined;
33
+ translate?: "" | "yes" | "no" | null | undefined;
34
+ inert?: boolean | null | undefined;
35
+ radiogroup?: string | null | undefined;
36
+ role?: import("svelte/elements").AriaRole | null | undefined;
37
+ about?: string | null | undefined;
38
+ datatype?: string | null | undefined;
39
+ inlist?: any;
40
+ prefix?: string | null | undefined;
41
+ property?: string | null | undefined;
42
+ resource?: string | null | undefined;
43
+ typeof?: string | null | undefined;
44
+ vocab?: string | null | undefined;
45
+ autocapitalize?: string | null | undefined;
46
+ autocorrect?: string | null | undefined;
47
+ autosave?: string | null | undefined;
48
+ color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "light" | "dark" | "default" | "dropdown" | "navbar" | "navbarUl" | "form" | "primary" | "none" | undefined;
49
+ itemprop?: string | null | undefined;
50
+ itemscope?: boolean | null | undefined;
51
+ itemtype?: string | null | undefined;
52
+ itemid?: string | null | undefined;
53
+ itemref?: string | null | undefined;
54
+ results?: number | null | undefined;
55
+ security?: string | null | undefined;
56
+ unselectable?: "on" | "off" | null | undefined;
57
+ inputmode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
58
+ is?: string | null | undefined;
59
+ 'bind:innerHTML'?: string | null | undefined;
60
+ 'bind:textContent'?: string | null | undefined;
61
+ 'bind:innerText'?: string | null | undefined;
62
+ 'bind:contentRect'?: DOMRectReadOnly | null | undefined;
63
+ 'bind:contentBoxSize'?: {
64
+ blockSize: number;
65
+ inlineSize: number;
66
+ }[] | null | undefined;
67
+ 'bind:borderBoxSize'?: {
68
+ blockSize: number;
69
+ inlineSize: number;
70
+ }[] | null | undefined;
71
+ 'bind:devicePixelContentBoxSize'?: {
72
+ blockSize: number;
73
+ inlineSize: number;
74
+ }[] | null | undefined;
75
+ 'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
76
+ 'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
77
+ 'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
78
+ 'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
79
+ 'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
80
+ 'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
81
+ 'aria-activedescendant'?: string | null | undefined;
82
+ 'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
83
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
84
+ 'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
85
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
86
+ 'aria-colcount'?: number | null | undefined;
87
+ 'aria-colindex'?: number | null | undefined;
88
+ 'aria-colspan'?: number | null | undefined;
89
+ 'aria-controls'?: string | null | undefined;
90
+ 'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
91
+ 'aria-describedby'?: string | null | undefined;
92
+ 'aria-details'?: string | null | undefined;
93
+ 'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
94
+ 'aria-dropeffect'?: "none" | "copy" | "link" | "execute" | "move" | "popup" | null | undefined;
95
+ 'aria-errormessage'?: string | null | undefined;
96
+ 'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
97
+ 'aria-flowto'?: string | null | undefined;
98
+ 'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
99
+ 'aria-haspopup'?: import("svelte/elements").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
100
+ 'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
101
+ 'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
102
+ 'aria-keyshortcuts'?: string | null | undefined;
103
+ 'aria-label'?: string | null | undefined;
104
+ 'aria-labelledby'?: string | null | undefined;
105
+ 'aria-level'?: number | null | undefined;
106
+ 'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
107
+ 'aria-modal'?: import("svelte/elements").Booleanish | null | undefined;
108
+ 'aria-multiline'?: import("svelte/elements").Booleanish | null | undefined;
109
+ 'aria-multiselectable'?: import("svelte/elements").Booleanish | null | undefined;
110
+ 'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
111
+ 'aria-owns'?: string | null | undefined;
112
+ 'aria-placeholder'?: string | null | undefined;
113
+ 'aria-posinset'?: number | null | undefined;
114
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
115
+ 'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
116
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
117
+ 'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
118
+ 'aria-roledescription'?: string | null | undefined;
119
+ 'aria-rowcount'?: number | null | undefined;
120
+ 'aria-rowindex'?: number | null | undefined;
121
+ 'aria-rowspan'?: number | null | undefined;
122
+ 'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
123
+ 'aria-setsize'?: number | null | undefined;
124
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
125
+ 'aria-valuemax'?: number | null | undefined;
126
+ 'aria-valuemin'?: number | null | undefined;
127
+ 'aria-valuenow'?: number | null | undefined;
128
+ 'aria-valuetext'?: string | null | undefined;
129
+ 'on:copy'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
130
+ 'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
131
+ 'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
132
+ 'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
133
+ 'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
134
+ 'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
135
+ 'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
136
+ 'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
137
+ 'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
138
+ 'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
139
+ 'on:change'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
140
+ 'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLAnchorElement> | null | undefined;
141
+ 'on:input'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
142
+ 'on:reset'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
143
+ 'on:submit'?: import("svelte/elements").EventHandler<Event & {
144
+ readonly submitter: HTMLElement | null;
145
+ }, HTMLAnchorElement> | null | undefined;
146
+ 'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
147
+ 'on:formdata'?: import("svelte/elements").EventHandler<Event & {
148
+ readonly formData: FormData;
149
+ }, HTMLAnchorElement> | null | undefined;
150
+ 'on:load'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
151
+ 'on:error'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
152
+ 'on:toggle'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
153
+ 'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
154
+ 'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
155
+ 'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
156
+ 'on:abort'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
157
+ 'on:canplay'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
158
+ 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
159
+ 'on:cuechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
160
+ 'on:durationchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
161
+ 'on:emptied'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
162
+ 'on:encrypted'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
163
+ 'on:ended'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
164
+ 'on:loadeddata'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
165
+ 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
166
+ 'on:loadstart'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
167
+ 'on:pause'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
168
+ 'on:play'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
169
+ 'on:playing'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
170
+ 'on:progress'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
171
+ 'on:ratechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
172
+ 'on:seeked'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
173
+ 'on:seeking'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
174
+ 'on:stalled'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
175
+ 'on:suspend'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
176
+ 'on:timeupdate'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
177
+ 'on:volumechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
178
+ 'on:waiting'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
179
+ 'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
180
+ 'on:click'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
181
+ 'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
182
+ 'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
183
+ 'on:drag'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
184
+ 'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
185
+ 'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
186
+ 'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
187
+ 'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
188
+ 'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
189
+ 'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
190
+ 'on:drop'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
191
+ 'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
192
+ 'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
193
+ 'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
194
+ 'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
195
+ 'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
196
+ 'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
197
+ 'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
198
+ 'on:select'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
199
+ 'on:selectionchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
200
+ 'on:selectstart'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
201
+ 'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
202
+ 'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
203
+ 'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
204
+ 'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
205
+ 'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
206
+ 'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
207
+ 'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
208
+ 'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
209
+ 'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
210
+ 'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
211
+ 'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
212
+ 'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
213
+ 'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
214
+ 'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
215
+ 'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLAnchorElement> | null | undefined;
216
+ 'on:resize'?: import("svelte/elements").UIEventHandler<HTMLAnchorElement> | null | undefined;
217
+ 'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLAnchorElement> | null | undefined;
218
+ 'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
219
+ 'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
220
+ 'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
221
+ 'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
222
+ 'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
223
+ 'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
224
+ 'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
225
+ 'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
226
+ 'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
227
+ 'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
228
+ 'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
229
+ 'on:message'?: import("svelte/elements").MessageEventHandler<HTMLAnchorElement> | null | undefined;
230
+ 'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLAnchorElement> | null | undefined;
231
+ 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
232
+ 'on:cancel'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
233
+ 'on:close'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
234
+ 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
235
+ 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
236
+ tag?: string | undefined;
237
+ rounded?: boolean | undefined;
238
+ border?: boolean | undefined;
239
+ shadow?: boolean | undefined;
240
+ transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
241
+ params?: object | undefined;
242
+ node?: HTMLElement | undefined;
243
+ use?: import("svelte/action").Action<HTMLElement, any, Record<never, any>> | undefined;
244
+ options?: object | undefined;
6
245
  simple?: boolean | undefined;
7
246
  position?: "none" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
8
247
  open?: boolean | undefined;
9
248
  divClass?: string | undefined;
10
- defaultIconClass?: string | undefined;
11
249
  };
12
250
  events: {
13
251
  [evt: string]: CustomEvent<any>;
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toasts/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoFD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
1
+ {"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toasts/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
@@ -24,7 +24,7 @@ let separatorsClass;
24
24
  $: separatorsClass = classNames($separators && 'sm:divide-x', divideColors[color]);
25
25
  </script>
26
26
 
27
- <Frame class={divClass} color={embedded ? 'none' : color} rounded={!embedded}>
27
+ <Frame {...$$restProps} class={divClass} color={embedded ? 'none' : color} rounded={!embedded}>
28
28
  <div class="flex flex-wrap items-center {separatorsClass}">
29
29
  <slot />
30
30
  </div>