@dryui/ui 0.2.1 → 0.2.2

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 (165) hide show
  1. package/dist/accordion/accordion-trigger.svelte +9 -1
  2. package/dist/accordion/index.d.ts +24 -10
  3. package/dist/adjust/index.d.ts +10 -10
  4. package/dist/alert/index.d.ts +7 -13
  5. package/dist/alert-dialog/index.d.ts +10 -20
  6. package/dist/alpha-slider/index.d.ts +6 -6
  7. package/dist/aspect-ratio/index.d.ts +2 -2
  8. package/dist/aurora/index.d.ts +8 -8
  9. package/dist/avatar/index.d.ts +11 -4
  10. package/dist/badge/index.d.ts +3 -3
  11. package/dist/beam/index.d.ts +7 -7
  12. package/dist/breadcrumb/index.d.ts +24 -12
  13. package/dist/button/button.svelte +5 -1
  14. package/dist/button/index.d.ts +3 -3
  15. package/dist/button-group/index.d.ts +1 -1
  16. package/dist/calendar/index.d.ts +7 -14
  17. package/dist/card/index.d.ts +15 -15
  18. package/dist/carousel/index.d.ts +8 -16
  19. package/dist/chart/index.d.ts +49 -44
  20. package/dist/chat-thread/index.d.ts +9 -11
  21. package/dist/checkbox/checkbox.svelte +1 -5
  22. package/dist/checkbox/index.d.ts +1 -1
  23. package/dist/chip/index.d.ts +13 -18
  24. package/dist/chip-group/index.d.ts +3 -3
  25. package/dist/chromatic-aberration/index.d.ts +3 -3
  26. package/dist/chromatic-shift/index.d.ts +2 -1
  27. package/dist/code-block/highlighter/types.d.ts +3 -3
  28. package/dist/code-block/index.d.ts +3 -3
  29. package/dist/collapsible/collapsible-trigger.svelte +9 -1
  30. package/dist/collapsible/index.d.ts +16 -8
  31. package/dist/color-picker/color-picker-eyedropper.svelte +13 -1
  32. package/dist/color-picker/index.d.ts +11 -19
  33. package/dist/combobox/index.d.ts +10 -15
  34. package/dist/command-palette/index.d.ts +8 -16
  35. package/dist/container/index.d.ts +3 -3
  36. package/dist/context-menu/index.d.ts +8 -16
  37. package/dist/data-grid/index.d.ts +22 -29
  38. package/dist/date-field/date-field-separator.svelte +1 -7
  39. package/dist/date-field/index.d.ts +4 -4
  40. package/dist/date-picker/datepicker-trigger.svelte +15 -1
  41. package/dist/date-picker/index.d.ts +6 -10
  42. package/dist/date-range-picker/date-range-picker-trigger.svelte +12 -1
  43. package/dist/date-range-picker/index.d.ts +6 -12
  44. package/dist/date-time-input/index.d.ts +1 -1
  45. package/dist/description-list/index.d.ts +8 -8
  46. package/dist/dialog/index.d.ts +9 -18
  47. package/dist/displacement/index.d.ts +2 -1
  48. package/dist/drag-and-drop/index.d.ts +4 -8
  49. package/dist/drawer/index.d.ts +10 -18
  50. package/dist/drop-zone/index.d.ts +2 -2
  51. package/dist/dropdown-menu/index.d.ts +8 -16
  52. package/dist/field/index.d.ts +3 -3
  53. package/dist/fieldset/index.d.ts +8 -8
  54. package/dist/file-select/file-select-clear.svelte +8 -1
  55. package/dist/file-select/index.d.ts +8 -10
  56. package/dist/file-upload/file-upload-item-delete.svelte +8 -1
  57. package/dist/file-upload/file-upload-root.svelte +0 -1
  58. package/dist/file-upload/index.d.ts +14 -19
  59. package/dist/flip-card/index.d.ts +3 -3
  60. package/dist/float-button/float-button-root.svelte +7 -1
  61. package/dist/float-button/index.d.ts +6 -10
  62. package/dist/glass/index.d.ts +4 -4
  63. package/dist/glow/index.d.ts +5 -5
  64. package/dist/god-rays/index.d.ts +10 -10
  65. package/dist/gradient-mesh/index.d.ts +2 -1
  66. package/dist/halftone/index.d.ts +5 -5
  67. package/dist/heading/index.d.ts +3 -3
  68. package/dist/hover-card/index.d.ts +4 -8
  69. package/dist/icon/index.d.ts +5 -5
  70. package/dist/index.d.ts +65 -587
  71. package/dist/input/index.d.ts +2 -2
  72. package/dist/input-group/index.d.ts +11 -17
  73. package/dist/input-group/input-group-root.svelte +0 -1
  74. package/dist/internal/color-aliases.d.ts +5 -8
  75. package/dist/kbd/index.d.ts +6 -1
  76. package/dist/label/index.d.ts +1 -1
  77. package/dist/link/index.d.ts +1 -1
  78. package/dist/link-preview/index.d.ts +4 -8
  79. package/dist/list/index.d.ts +6 -12
  80. package/dist/list/list-root.svelte +0 -1
  81. package/dist/listbox/index.d.ts +2 -2
  82. package/dist/logo-mark/logo-mark.svelte.d.ts +7 -7
  83. package/dist/map/index.d.ts +31 -43
  84. package/dist/mask-reveal/index.d.ts +2 -1
  85. package/dist/mega-menu/index.d.ts +7 -14
  86. package/dist/menubar/index.d.ts +8 -16
  87. package/dist/multi-select-combobox/index.d.ts +10 -20
  88. package/dist/multi-select-combobox/multi-select-combobox-input.svelte +0 -1
  89. package/dist/navigation-menu/index.d.ts +27 -14
  90. package/dist/navigation-menu/navigation-menu-list.svelte +0 -1
  91. package/dist/noise/index.d.ts +5 -5
  92. package/dist/notification-center/index.d.ts +6 -13
  93. package/dist/notification-center/notification-center-panel.svelte +4 -1
  94. package/dist/notification-center/notification-center-trigger.svelte +0 -1
  95. package/dist/number-input/index.d.ts +1 -1
  96. package/dist/number-input/number-input.svelte +3 -1
  97. package/dist/option-swatch-group/index.d.ts +8 -8
  98. package/dist/pagination/index.d.ts +8 -16
  99. package/dist/phone-input/index.d.ts +1 -1
  100. package/dist/pin-input/index.d.ts +7 -13
  101. package/dist/popover/index.d.ts +3 -3
  102. package/dist/progress/index.d.ts +3 -7
  103. package/dist/progress-ring/index.d.ts +2 -2
  104. package/dist/radio-group/index.d.ts +2 -2
  105. package/dist/radio-group/radio-group.svelte +0 -1
  106. package/dist/range-calendar/index.d.ts +2 -2
  107. package/dist/range-calendar/range-calendar-grid.svelte +10 -4
  108. package/dist/range-calendar/range-calendar-root.svelte +1 -5
  109. package/dist/rating/index.d.ts +1 -1
  110. package/dist/reveal/index.d.ts +3 -1
  111. package/dist/rich-text-editor/index.d.ts +5 -4
  112. package/dist/rich-text-editor/rich-text-editor-content.svelte +9 -1
  113. package/dist/rich-text-editor/rich-text-editor-toolbar.svelte +1 -2
  114. package/dist/scroll-to-top/index.d.ts +2 -2
  115. package/dist/segmented-control/index.d.ts +2 -2
  116. package/dist/select/index.d.ts +6 -12
  117. package/dist/select/select-trigger.svelte +9 -1
  118. package/dist/separator/index.d.ts +3 -3
  119. package/dist/shader-canvas/index.d.ts +13 -18
  120. package/dist/shader-canvas/presets.d.ts +5 -10
  121. package/dist/shader-canvas/shader-canvas.svelte +0 -1
  122. package/dist/sidebar/index.d.ts +37 -18
  123. package/dist/sidebar/sidebar-header.svelte +4 -1
  124. package/dist/sidebar/sidebar-root.svelte +1 -1
  125. package/dist/skeleton/index.d.ts +5 -5
  126. package/dist/slider/index.d.ts +1 -1
  127. package/dist/spacer/index.d.ts +2 -2
  128. package/dist/spinner/index.d.ts +5 -4
  129. package/dist/splitter/index.d.ts +3 -3
  130. package/dist/spotlight/index.d.ts +2 -1
  131. package/dist/star-rating/index.d.ts +5 -5
  132. package/dist/stepper/index.d.ts +5 -10
  133. package/dist/svg/index.d.ts +2 -1
  134. package/dist/system-map/index.d.ts +13 -41
  135. package/dist/system-map/types.d.ts +75 -92
  136. package/dist/table/index.d.ts +9 -18
  137. package/dist/table-of-contents/index.d.ts +4 -9
  138. package/dist/tabs/index.d.ts +25 -8
  139. package/dist/tabs/tabs-trigger.svelte +4 -2
  140. package/dist/tag/index.d.ts +3 -3
  141. package/dist/tags-input/index.d.ts +7 -12
  142. package/dist/text/index.d.ts +7 -7
  143. package/dist/textarea/index.d.ts +1 -1
  144. package/dist/themes/default.css +4 -1
  145. package/dist/themes/use-theme-override.svelte.d.ts +1 -17
  146. package/dist/thumbnail/index.d.ts +5 -5
  147. package/dist/time-input/index.d.ts +6 -6
  148. package/dist/time-input/time-input.svelte +1 -3
  149. package/dist/timeline/index.d.ts +9 -16
  150. package/dist/timeline/timeline-item.svelte +2 -1
  151. package/dist/toast/index.d.ts +7 -15
  152. package/dist/toggle/index.d.ts +2 -2
  153. package/dist/toggle-group/index.d.ts +3 -3
  154. package/dist/toolbar/index.d.ts +5 -10
  155. package/dist/tooltip/index.d.ts +3 -3
  156. package/dist/tour/index.d.ts +2 -2
  157. package/dist/tour/tour-root.svelte +4 -1
  158. package/dist/transfer/index.d.ts +9 -16
  159. package/dist/tree/index.d.ts +5 -10
  160. package/dist/typing-indicator/index.d.ts +2 -1
  161. package/dist/typography/index.d.ts +9 -12
  162. package/dist/visually-hidden/index.d.ts +5 -1
  163. package/package.json +1 -1
  164. package/skills/dryui/SKILL.md +28 -16
  165. package/skills/dryui/rules/composition.md +262 -225
@@ -1,6 +1,6 @@
1
1
  import type { InputProps as PrimitiveInputProps } from '@dryui/primitives';
2
2
  export interface InputProps extends Omit<PrimitiveInputProps, 'size'> {
3
- size?: 'sm' | 'md' | 'lg';
4
- variant?: 'default' | 'ghost';
3
+ size?: 'sm' | 'md' | 'lg';
4
+ variant?: 'default' | 'ghost';
5
5
  }
6
6
  export { default as Input } from './input.svelte';
@@ -1,18 +1,12 @@
1
- export type {
2
- AffixGroupRootProps as InputGroupRootProps,
3
- AffixGroupPrefixProps as InputGroupPrefixProps,
4
- AffixGroupSuffixProps as InputGroupSuffixProps,
5
- AffixGroupSeparatorProps as InputGroupSeparatorProps,
6
- AffixGroupActionProps as InputGroupActionProps
7
- } from '@dryui/primitives';
1
+ export type { AffixGroupRootProps as InputGroupRootProps, AffixGroupPrefixProps as InputGroupPrefixProps, AffixGroupSuffixProps as InputGroupSuffixProps, AffixGroupSeparatorProps as InputGroupSeparatorProps, AffixGroupActionProps as InputGroupActionProps } from '@dryui/primitives';
8
2
  import type { HTMLInputAttributes, HTMLSelectAttributes } from 'svelte/elements';
9
3
  import type { Snippet } from 'svelte';
10
4
  export interface InputGroupInputProps extends HTMLInputAttributes {
11
- value?: string;
5
+ value?: string;
12
6
  }
13
7
  export interface InputGroupSelectProps extends HTMLSelectAttributes {
14
- value?: string;
15
- children?: Snippet;
8
+ value?: string;
9
+ children?: Snippet;
16
10
  }
17
11
  import InputGroupRoot from './input-group-root.svelte';
18
12
  import InputGroupPrefix from './input-group-prefix.svelte';
@@ -22,11 +16,11 @@ import InputGroupSeparator from './input-group-separator.svelte';
22
16
  import InputGroupAction from './input-group-action.svelte';
23
17
  import InputGroupSelect from './input-group-select.svelte';
24
18
  export declare const InputGroup: {
25
- Root: typeof InputGroupRoot;
26
- Prefix: typeof InputGroupPrefix;
27
- Input: typeof InputGroupInput;
28
- Suffix: typeof InputGroupSuffix;
29
- Separator: typeof InputGroupSeparator;
30
- Action: typeof InputGroupAction;
31
- Select: typeof InputGroupSelect;
19
+ Root: typeof InputGroupRoot;
20
+ Prefix: typeof InputGroupPrefix;
21
+ Input: typeof InputGroupInput;
22
+ Suffix: typeof InputGroupSuffix;
23
+ Separator: typeof InputGroupSeparator;
24
+ Action: typeof InputGroupAction;
25
+ Select: typeof InputGroupSelect;
32
26
  };
@@ -105,5 +105,4 @@
105
105
  [data-input-group-root][data-size='lg'] {
106
106
  min-height: 3.5rem;
107
107
  }
108
-
109
108
  </style>
@@ -1,13 +1,10 @@
1
1
  export declare const COLOR_ALIASES: {
2
- readonly info: 'blue';
3
- readonly success: 'green';
4
- readonly warning: 'yellow';
5
- readonly danger: 'red';
2
+ readonly info: "blue";
3
+ readonly success: "green";
4
+ readonly warning: "yellow";
5
+ readonly danger: "red";
6
6
  };
7
7
  export type BaseColor = 'gray' | 'blue' | 'red' | 'green' | 'yellow' | 'purple' | 'orange';
8
8
  export type SemanticColor = keyof typeof COLOR_ALIASES;
9
9
  export type AliasableColor = BaseColor | SemanticColor;
10
- export declare function resolveAlias(
11
- color: AliasableColor | undefined,
12
- fallback: BaseColor
13
- ): BaseColor;
10
+ export declare function resolveAlias(color: AliasableColor | undefined, fallback: BaseColor): BaseColor;
@@ -1,2 +1,7 @@
1
- export type { KbdProps } from '@dryui/primitives';
1
+ import type { Snippet } from 'svelte';
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+ export interface KbdProps extends HTMLAttributes<HTMLElement> {
4
+ keys?: string[];
5
+ children?: Snippet;
6
+ }
2
7
  export { default as Kbd } from './kbd.svelte';
@@ -1,5 +1,5 @@
1
1
  import type { LabelProps as PrimitiveLabelProps } from '@dryui/primitives';
2
2
  export interface LabelProps extends PrimitiveLabelProps {
3
- size?: 'sm' | 'md' | 'lg';
3
+ size?: 'sm' | 'md' | 'lg';
4
4
  }
5
5
  export { default as Label } from './label.svelte';
@@ -1,5 +1,5 @@
1
1
  import type { LinkProps as PrimitiveLinkProps } from '@dryui/primitives';
2
2
  export interface LinkProps extends PrimitiveLinkProps {
3
- underline?: 'always' | 'hover' | 'none';
3
+ underline?: 'always' | 'hover' | 'none';
4
4
  }
5
5
  export { default as Link } from './link.svelte';
@@ -1,13 +1,9 @@
1
- export type {
2
- LinkPreviewRootProps,
3
- LinkPreviewTriggerProps,
4
- LinkPreviewContentProps
5
- } from '@dryui/primitives';
1
+ export type { LinkPreviewRootProps, LinkPreviewTriggerProps, LinkPreviewContentProps } from '@dryui/primitives';
6
2
  import LinkPreviewRoot from './link-preview-root.svelte';
7
3
  import LinkPreviewTrigger from './link-preview-trigger.svelte';
8
4
  import LinkPreviewContent from './link-preview-content.svelte';
9
5
  export declare const LinkPreview: {
10
- Root: typeof LinkPreviewRoot;
11
- Trigger: typeof LinkPreviewTrigger;
12
- Content: typeof LinkPreviewContent;
6
+ Root: typeof LinkPreviewRoot;
7
+ Trigger: typeof LinkPreviewTrigger;
8
+ Content: typeof LinkPreviewContent;
13
9
  };
@@ -1,19 +1,13 @@
1
- export type {
2
- ListRootProps,
3
- ListItemProps,
4
- ListItemIconProps,
5
- ListItemTextProps,
6
- ListSubheaderProps
7
- } from '@dryui/primitives';
1
+ export type { ListRootProps, ListItemProps, ListItemIconProps, ListItemTextProps, ListSubheaderProps } from '@dryui/primitives';
8
2
  import ListRoot from './list-root.svelte';
9
3
  import ListItem from './list-item.svelte';
10
4
  import ListItemIcon from './list-item-icon.svelte';
11
5
  import ListItemText from './list-item-text.svelte';
12
6
  import ListSubheader from './list-subheader.svelte';
13
7
  export declare const List: {
14
- Root: typeof ListRoot;
15
- Item: typeof ListItem;
16
- ItemIcon: typeof ListItemIcon;
17
- ItemText: typeof ListItemText;
18
- Subheader: typeof ListSubheader;
8
+ Root: typeof ListRoot;
9
+ Item: typeof ListItem;
10
+ ItemIcon: typeof ListItemIcon;
11
+ ItemText: typeof ListItemText;
12
+ Subheader: typeof ListSubheader;
19
13
  };
@@ -65,5 +65,4 @@
65
65
  [data-list-root][data-disable-padding='true'] {
66
66
  --dry-list-padding: 0;
67
67
  }
68
-
69
68
  </style>
@@ -2,6 +2,6 @@ export type { ListboxRootProps, ListboxItemProps } from '@dryui/primitives';
2
2
  import ListboxRoot from './listbox-root.svelte';
3
3
  import ListboxItem from './listbox-item.svelte';
4
4
  export declare const Listbox: {
5
- Root: typeof ListboxRoot;
6
- Item: typeof ListboxItem;
5
+ Root: typeof ListboxRoot;
6
+ Item: typeof ListboxItem;
7
7
  };
@@ -1,12 +1,12 @@
1
1
  import type { HTMLAttributes } from 'svelte/elements';
2
2
  interface Props extends HTMLAttributes<HTMLSpanElement> {
3
- src?: string;
4
- alt?: string;
5
- fallback?: string;
6
- size?: 'sm' | 'md' | 'lg';
7
- shape?: 'square' | 'rounded' | 'circle';
8
- color?: 'brand' | 'neutral' | 'error' | 'warning' | 'success' | 'info';
3
+ src?: string;
4
+ alt?: string;
5
+ fallback?: string;
6
+ size?: 'sm' | 'md' | 'lg';
7
+ shape?: 'square' | 'rounded' | 'circle';
8
+ color?: 'brand' | 'neutral' | 'error' | 'warning' | 'success' | 'info';
9
9
  }
10
- declare const LogoMark: import("svelte").Component<Props, {}, "">;
10
+ declare const LogoMark: import('svelte').Component<Props, {}, ''>;
11
11
  type LogoMark = ReturnType<typeof LogoMark>;
12
12
  export default LogoMark;
@@ -1,53 +1,41 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
3
  import type { LngLat, MapInstance, MapOptions, GeoJsonData } from '@dryui/primitives';
4
- export type {
5
- LngLat,
6
- MapInstance,
7
- MapLibrary,
8
- MapMarkerInstance,
9
- MapPopupInstance,
10
- MapOptions,
11
- MapControl,
12
- MapSource,
13
- MarkerOptions,
14
- PopupOptions,
15
- GeoJsonData
16
- } from '@dryui/primitives';
4
+ export type { LngLat, MapInstance, MapLibrary, MapMarkerInstance, MapPopupInstance, MapOptions, MapControl, MapSource, MarkerOptions, PopupOptions, GeoJsonData } from '@dryui/primitives';
17
5
  export interface MapRootProps extends HTMLAttributes<HTMLDivElement> {
18
- center?: LngLat;
19
- zoom?: number;
20
- minZoom?: number;
21
- maxZoom?: number;
22
- mapStyle?: string;
23
- createMap?: (container: HTMLDivElement, options: MapOptions) => MapInstance;
24
- children?: Snippet;
6
+ center?: LngLat;
7
+ zoom?: number;
8
+ minZoom?: number;
9
+ maxZoom?: number;
10
+ mapStyle?: string;
11
+ createMap?: (container: HTMLDivElement, options: MapOptions) => MapInstance;
12
+ children?: Snippet;
25
13
  }
26
14
  export interface MapMarkerProps {
27
- position: LngLat;
28
- color?: string;
29
- children?: Snippet;
30
- class?: string;
15
+ position: LngLat;
16
+ color?: string;
17
+ children?: Snippet;
18
+ class?: string;
31
19
  }
32
20
  export interface MapPopupProps {
33
- maxWidth?: string;
34
- closeButton?: boolean;
35
- closeOnClick?: boolean;
36
- children: Snippet;
37
- class?: string;
21
+ maxWidth?: string;
22
+ closeButton?: boolean;
23
+ closeOnClick?: boolean;
24
+ children: Snippet;
25
+ class?: string;
38
26
  }
39
27
  export interface MapLayerProps {
40
- id: string;
41
- type: 'heatmap' | 'polygon' | 'fill' | 'circle' | 'line';
42
- data: GeoJsonData;
43
- color?: string;
44
- opacity?: number;
28
+ id: string;
29
+ type: 'heatmap' | 'polygon' | 'fill' | 'circle' | 'line';
30
+ data: GeoJsonData;
31
+ color?: string;
32
+ opacity?: number;
45
33
  }
46
34
  export interface MapControlsProps {
47
- position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
48
- navigation?: boolean;
49
- fullscreen?: boolean;
50
- children?: Snippet;
35
+ position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
36
+ navigation?: boolean;
37
+ fullscreen?: boolean;
38
+ children?: Snippet;
51
39
  }
52
40
  import MapRoot from './map-root.svelte';
53
41
  import MapMarker from './map-marker.svelte';
@@ -55,9 +43,9 @@ import MapPopup from './map-popup.svelte';
55
43
  import MapLayer from './map-layer.svelte';
56
44
  import MapControls from './map-controls.svelte';
57
45
  export declare const Map: {
58
- Root: typeof MapRoot;
59
- Marker: typeof MapMarker;
60
- Popup: typeof MapPopup;
61
- Layer: typeof MapLayer;
62
- Controls: typeof MapControls;
46
+ Root: typeof MapRoot;
47
+ Marker: typeof MapMarker;
48
+ Popup: typeof MapPopup;
49
+ Layer: typeof MapLayer;
50
+ Controls: typeof MapControls;
63
51
  };
@@ -1,3 +1,4 @@
1
1
  import type { MaskRevealProps as PrimitiveMaskRevealProps } from '@dryui/primitives/mask-reveal';
2
- export interface MaskRevealProps extends PrimitiveMaskRevealProps {}
2
+ export interface MaskRevealProps extends PrimitiveMaskRevealProps {
3
+ }
3
4
  export { default as MaskReveal } from './mask-reveal.svelte';
@@ -1,11 +1,4 @@
1
- export type {
2
- MegaMenuRootProps,
3
- MegaMenuItemProps,
4
- MegaMenuTriggerProps,
5
- MegaMenuPanelProps,
6
- MegaMenuColumnProps,
7
- MegaMenuLinkProps
8
- } from '@dryui/primitives';
1
+ export type { MegaMenuRootProps, MegaMenuItemProps, MegaMenuTriggerProps, MegaMenuPanelProps, MegaMenuColumnProps, MegaMenuLinkProps } from '@dryui/primitives';
9
2
  import MegaMenuRoot from './mega-menu-root.svelte';
10
3
  import MegaMenuItem from './mega-menu-item.svelte';
11
4
  import MegaMenuTrigger from './mega-menu-trigger.svelte';
@@ -13,10 +6,10 @@ import MegaMenuPanel from './mega-menu-panel.svelte';
13
6
  import MegaMenuColumn from './mega-menu-column.svelte';
14
7
  import MegaMenuLink from './mega-menu-link.svelte';
15
8
  export declare const MegaMenu: {
16
- Root: typeof MegaMenuRoot;
17
- Item: typeof MegaMenuItem;
18
- Trigger: typeof MegaMenuTrigger;
19
- Panel: typeof MegaMenuPanel;
20
- Column: typeof MegaMenuColumn;
21
- Link: typeof MegaMenuLink;
9
+ Root: typeof MegaMenuRoot;
10
+ Item: typeof MegaMenuItem;
11
+ Trigger: typeof MegaMenuTrigger;
12
+ Panel: typeof MegaMenuPanel;
13
+ Column: typeof MegaMenuColumn;
14
+ Link: typeof MegaMenuLink;
22
15
  };
@@ -1,12 +1,4 @@
1
- export type {
2
- MenubarRootProps,
3
- MenubarMenuProps,
4
- MenubarTriggerProps,
5
- MenubarContentProps,
6
- MenubarItemProps,
7
- MenubarSeparatorProps,
8
- MenubarLabelProps
9
- } from '@dryui/primitives';
1
+ export type { MenubarRootProps, MenubarMenuProps, MenubarTriggerProps, MenubarContentProps, MenubarItemProps, MenubarSeparatorProps, MenubarLabelProps } from '@dryui/primitives';
10
2
  import MenubarRoot from './menubar-root.svelte';
11
3
  import MenubarMenu from './menubar-menu.svelte';
12
4
  import MenubarTrigger from './menubar-trigger.svelte';
@@ -15,11 +7,11 @@ import MenubarItem from './menubar-item.svelte';
15
7
  import MenubarSeparator from './menubar-separator.svelte';
16
8
  import MenubarLabel from './menubar-label.svelte';
17
9
  export declare const Menubar: {
18
- Root: typeof MenubarRoot;
19
- Menu: typeof MenubarMenu;
20
- Trigger: typeof MenubarTrigger;
21
- Content: typeof MenubarContent;
22
- Item: typeof MenubarItem;
23
- Separator: typeof MenubarSeparator;
24
- Label: typeof MenubarLabel;
10
+ Root: typeof MenubarRoot;
11
+ Menu: typeof MenubarMenu;
12
+ Trigger: typeof MenubarTrigger;
13
+ Content: typeof MenubarContent;
14
+ Item: typeof MenubarItem;
15
+ Separator: typeof MenubarSeparator;
16
+ Label: typeof MenubarLabel;
25
17
  };
@@ -1,14 +1,4 @@
1
- export type {
2
- MultiSelectComboboxRootProps,
3
- MultiSelectComboboxInputProps,
4
- MultiSelectComboboxContentProps,
5
- MultiSelectComboboxGroupProps,
6
- MultiSelectComboboxItemProps,
7
- MultiSelectComboboxEmptyProps,
8
- MultiSelectComboboxSelectionListProps,
9
- MultiSelectComboboxSelectionItemProps,
10
- MultiSelectComboboxSelectionRemoveProps
11
- } from '@dryui/primitives';
1
+ export type { MultiSelectComboboxRootProps, MultiSelectComboboxInputProps, MultiSelectComboboxContentProps, MultiSelectComboboxGroupProps, MultiSelectComboboxItemProps, MultiSelectComboboxEmptyProps, MultiSelectComboboxSelectionListProps, MultiSelectComboboxSelectionItemProps, MultiSelectComboboxSelectionRemoveProps } from '@dryui/primitives';
12
2
  import MultiSelectComboboxRoot from './multi-select-combobox-root.svelte';
13
3
  import MultiSelectComboboxInput from './multi-select-combobox-input.svelte';
14
4
  import MultiSelectComboboxContent from './multi-select-combobox-content.svelte';
@@ -19,13 +9,13 @@ import MultiSelectComboboxSelectionList from './multi-select-combobox-selection-
19
9
  import MultiSelectComboboxSelectionItem from './multi-select-combobox-selection-item.svelte';
20
10
  import MultiSelectComboboxSelectionRemove from './multi-select-combobox-selection-remove.svelte';
21
11
  export declare const MultiSelectCombobox: {
22
- Root: typeof MultiSelectComboboxRoot;
23
- Input: typeof MultiSelectComboboxInput;
24
- Content: typeof MultiSelectComboboxContent;
25
- Group: typeof MultiSelectComboboxGroup;
26
- Item: typeof MultiSelectComboboxItem;
27
- Empty: typeof MultiSelectComboboxEmpty;
28
- SelectionList: typeof MultiSelectComboboxSelectionList;
29
- SelectionItem: typeof MultiSelectComboboxSelectionItem;
30
- SelectionRemove: typeof MultiSelectComboboxSelectionRemove;
12
+ Root: typeof MultiSelectComboboxRoot;
13
+ Input: typeof MultiSelectComboboxInput;
14
+ Content: typeof MultiSelectComboboxContent;
15
+ Group: typeof MultiSelectComboboxGroup;
16
+ Item: typeof MultiSelectComboboxItem;
17
+ Empty: typeof MultiSelectComboboxEmpty;
18
+ SelectionList: typeof MultiSelectComboboxSelectionList;
19
+ SelectionItem: typeof MultiSelectComboboxSelectionItem;
20
+ SelectionRemove: typeof MultiSelectComboboxSelectionRemove;
31
21
  };
@@ -157,5 +157,4 @@
157
157
  [data-multi-select-input]:disabled {
158
158
  cursor: not-allowed;
159
159
  }
160
-
161
160
  </style>
@@ -1,11 +1,24 @@
1
- export type {
2
- NavigationMenuRootProps,
3
- NavigationMenuListProps,
4
- NavigationMenuItemProps,
5
- NavigationMenuTriggerProps,
6
- NavigationMenuContentProps,
7
- NavigationMenuLinkProps
8
- } from '@dryui/primitives';
1
+ import type { Snippet } from 'svelte';
2
+ import type { HTMLAttributes, HTMLButtonAttributes, HTMLAnchorAttributes } from 'svelte/elements';
3
+ export interface NavigationMenuRootProps extends HTMLAttributes<HTMLElement> {
4
+ children: Snippet;
5
+ }
6
+ export interface NavigationMenuListProps extends HTMLAttributes<HTMLUListElement> {
7
+ children: Snippet;
8
+ }
9
+ export interface NavigationMenuItemProps {
10
+ children: Snippet;
11
+ }
12
+ export interface NavigationMenuTriggerProps extends HTMLButtonAttributes {
13
+ children: Snippet;
14
+ }
15
+ export interface NavigationMenuContentProps extends HTMLAttributes<HTMLDivElement> {
16
+ children: Snippet;
17
+ }
18
+ export interface NavigationMenuLinkProps extends HTMLAnchorAttributes {
19
+ active?: boolean;
20
+ children: Snippet;
21
+ }
9
22
  import NavigationMenuRoot from './navigation-menu-root.svelte';
10
23
  import NavigationMenuList from './navigation-menu-list.svelte';
11
24
  import NavigationMenuItem from './navigation-menu-item.svelte';
@@ -13,10 +26,10 @@ import NavigationMenuTrigger from './navigation-menu-trigger.svelte';
13
26
  import NavigationMenuContent from './navigation-menu-content.svelte';
14
27
  import NavigationMenuLink from './navigation-menu-link.svelte';
15
28
  export declare const NavigationMenu: {
16
- Root: typeof NavigationMenuRoot;
17
- List: typeof NavigationMenuList;
18
- Item: typeof NavigationMenuItem;
19
- Trigger: typeof NavigationMenuTrigger;
20
- Content: typeof NavigationMenuContent;
21
- Link: typeof NavigationMenuLink;
29
+ Root: typeof NavigationMenuRoot;
30
+ List: typeof NavigationMenuList;
31
+ Item: typeof NavigationMenuItem;
32
+ Trigger: typeof NavigationMenuTrigger;
33
+ Content: typeof NavigationMenuContent;
34
+ Link: typeof NavigationMenuLink;
22
35
  };
@@ -44,5 +44,4 @@
44
44
  border-radius: var(--dry-nav-menu-radius);
45
45
  box-shadow: var(--dry-nav-menu-shadow);
46
46
  }
47
-
48
47
  </style>
@@ -3,10 +3,10 @@ import type { HTMLAttributes } from 'svelte/elements';
3
3
  export type NoiseBlendMode = 'soft-light' | 'overlay' | 'multiply';
4
4
  export type NoiseGrain = 'fine' | 'medium' | 'coarse';
5
5
  export interface NoiseProps extends HTMLAttributes<HTMLDivElement> {
6
- opacity?: number;
7
- blend?: NoiseBlendMode;
8
- animated?: boolean;
9
- grain?: NoiseGrain;
10
- children?: Snippet;
6
+ opacity?: number;
7
+ blend?: NoiseBlendMode;
8
+ animated?: boolean;
9
+ grain?: NoiseGrain;
10
+ children?: Snippet;
11
11
  }
12
12
  export { default as Noise } from './noise.svelte';
@@ -1,20 +1,13 @@
1
- export type {
2
- NotificationItem,
3
- NotificationCenterRootProps,
4
- NotificationCenterTriggerProps,
5
- NotificationCenterPanelProps,
6
- NotificationCenterItemProps,
7
- NotificationCenterGroupProps
8
- } from '@dryui/primitives';
1
+ export type { NotificationItem, NotificationCenterRootProps, NotificationCenterTriggerProps, NotificationCenterPanelProps, NotificationCenterItemProps, NotificationCenterGroupProps } from '@dryui/primitives';
9
2
  import NotificationCenterRoot from './notification-center-root.svelte';
10
3
  import NotificationCenterTrigger from './notification-center-trigger.svelte';
11
4
  import NotificationCenterPanel from './notification-center-panel.svelte';
12
5
  import NotificationCenterItem from './notification-center-item.svelte';
13
6
  import NotificationCenterGroup from './notification-center-group.svelte';
14
7
  export declare const NotificationCenter: {
15
- Root: typeof NotificationCenterRoot;
16
- Trigger: typeof NotificationCenterTrigger;
17
- Panel: typeof NotificationCenterPanel;
18
- Item: typeof NotificationCenterItem;
19
- Group: typeof NotificationCenterGroup;
8
+ Root: typeof NotificationCenterRoot;
9
+ Trigger: typeof NotificationCenterTrigger;
10
+ Panel: typeof NotificationCenterPanel;
11
+ Item: typeof NotificationCenterItem;
12
+ Group: typeof NotificationCenterGroup;
20
13
  };
@@ -113,7 +113,10 @@
113
113
  }
114
114
 
115
115
  display: grid;
116
- grid-template-columns: min(var(--dry-nc-panel-width, 24rem), calc(100dvw - var(--dry-space-4, 1rem) * 2));
116
+ grid-template-columns: min(
117
+ var(--dry-nc-panel-width, 24rem),
118
+ calc(100dvw - var(--dry-space-4, 1rem) * 2)
119
+ );
117
120
  max-height: 28rem;
118
121
  overflow-y: auto;
119
122
  background: var(--dry-color-bg-overlay, #f1f3f5);
@@ -18,7 +18,6 @@
18
18
  ctx.triggerEl = el;
19
19
  }
20
20
  });
21
-
22
21
  </script>
23
22
 
24
23
  <button
@@ -1,5 +1,5 @@
1
1
  import type { NumberInputProps as PrimitiveNumberInputProps } from '@dryui/primitives';
2
2
  export interface NumberInputProps extends Omit<PrimitiveNumberInputProps, 'size'> {
3
- size?: 'sm' | 'md' | 'lg';
3
+ size?: 'sm' | 'md' | 'lg';
4
4
  }
5
5
  export { default as NumberInput } from './number-input.svelte';
@@ -78,7 +78,9 @@
78
78
 
79
79
  [data-number-input-wrapper] div {
80
80
  display: inline-grid;
81
- grid-template-columns: var(--dry-number-input-btn-width) minmax(3ch, max-content) var(--dry-number-input-btn-width);
81
+ grid-template-columns: var(--dry-number-input-btn-width) minmax(3ch, max-content) var(
82
+ --dry-number-input-btn-width
83
+ );
82
84
  align-items: stretch;
83
85
  }
84
86
 
@@ -5,9 +5,9 @@ export type { SelectableTileGroupItemProps as OptionSwatchGroupItemProps } from
5
5
  export type { SelectableTileGroupLabelProps as OptionSwatchGroupLabelProps } from '@dryui/primitives';
6
6
  export type { SelectableTileGroupMetaProps as OptionSwatchGroupMetaProps } from '@dryui/primitives';
7
7
  export interface OptionSwatchGroupSwatchProps extends HTMLAttributes<HTMLSpanElement> {
8
- color?: string;
9
- shape?: 'circle' | 'rounded';
10
- children?: Snippet;
8
+ color?: string;
9
+ shape?: 'circle' | 'rounded';
10
+ children?: Snippet;
11
11
  }
12
12
  import OptionSwatchGroupRoot from './option-swatch-group-root.svelte';
13
13
  import OptionSwatchGroupItem from './option-swatch-group-item.svelte';
@@ -15,9 +15,9 @@ import OptionSwatchGroupSwatch from './option-swatch-group-swatch.svelte';
15
15
  import OptionSwatchGroupLabel from './option-swatch-group-label.svelte';
16
16
  import OptionSwatchGroupMeta from './option-swatch-group-meta.svelte';
17
17
  export declare const OptionSwatchGroup: {
18
- Root: typeof OptionSwatchGroupRoot;
19
- Item: typeof OptionSwatchGroupItem;
20
- Swatch: typeof OptionSwatchGroupSwatch;
21
- Label: typeof OptionSwatchGroupLabel;
22
- Meta: typeof OptionSwatchGroupMeta;
18
+ Root: typeof OptionSwatchGroupRoot;
19
+ Item: typeof OptionSwatchGroupItem;
20
+ Swatch: typeof OptionSwatchGroupSwatch;
21
+ Label: typeof OptionSwatchGroupLabel;
22
+ Meta: typeof OptionSwatchGroupMeta;
23
23
  };
@@ -1,12 +1,4 @@
1
- export type {
2
- PaginationRootProps,
3
- PaginationContentProps,
4
- PaginationItemProps,
5
- PaginationPreviousProps,
6
- PaginationNextProps,
7
- PaginationLinkProps,
8
- PaginationEllipsisProps
9
- } from '@dryui/primitives';
1
+ export type { PaginationRootProps, PaginationContentProps, PaginationItemProps, PaginationPreviousProps, PaginationNextProps, PaginationLinkProps, PaginationEllipsisProps } from '@dryui/primitives';
10
2
  import PaginationRoot from './pagination-root.svelte';
11
3
  import PaginationContent from './pagination-content.svelte';
12
4
  import PaginationItem from './pagination-item.svelte';
@@ -15,11 +7,11 @@ import PaginationNext from './pagination-next.svelte';
15
7
  import PaginationLink from './pagination-link.svelte';
16
8
  import PaginationEllipsis from './pagination-ellipsis.svelte';
17
9
  export declare const Pagination: {
18
- Root: typeof PaginationRoot;
19
- Content: typeof PaginationContent;
20
- Item: typeof PaginationItem;
21
- Previous: typeof PaginationPrevious;
22
- Next: typeof PaginationNext;
23
- Link: typeof PaginationLink;
24
- Ellipsis: typeof PaginationEllipsis;
10
+ Root: typeof PaginationRoot;
11
+ Content: typeof PaginationContent;
12
+ Item: typeof PaginationItem;
13
+ Previous: typeof PaginationPrevious;
14
+ Next: typeof PaginationNext;
15
+ Link: typeof PaginationLink;
16
+ Ellipsis: typeof PaginationEllipsis;
25
17
  };
@@ -1,6 +1,6 @@
1
1
  import type { PhoneInputProps as PrimitivePhoneInputProps, CountryInfo } from '@dryui/primitives';
2
2
  export type { CountryInfo };
3
3
  export interface PhoneInputProps extends PrimitivePhoneInputProps {
4
- size?: 'sm' | 'md' | 'lg';
4
+ size?: 'sm' | 'md' | 'lg';
5
5
  }
6
6
  export { default as PhoneInput } from './phone-input.svelte';