@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
@@ -3,23 +3,18 @@ import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements
3
3
  import type { AliasableColor } from '../internal/color-aliases.js';
4
4
  export type ChipColor = AliasableColor;
5
5
  export interface ChipBaseProps {
6
- selected?: boolean;
7
- disabled?: boolean;
8
- variant?: 'solid' | 'outline' | 'soft';
9
- color?: ChipColor;
10
- size?: 'sm' | 'md';
11
- href?: string;
12
- rel?: string;
13
- target?: string;
14
- download?: boolean | string;
15
- type?: 'button' | 'submit' | 'reset';
16
- onclick?: (event: MouseEvent) => void;
17
- children: Snippet;
6
+ selected?: boolean;
7
+ disabled?: boolean;
8
+ variant?: 'solid' | 'outline' | 'soft';
9
+ color?: ChipColor;
10
+ size?: 'sm' | 'md';
11
+ href?: string;
12
+ rel?: string;
13
+ target?: string;
14
+ download?: boolean | string;
15
+ type?: 'button' | 'submit' | 'reset';
16
+ onclick?: (event: MouseEvent) => void;
17
+ children: Snippet;
18
18
  }
19
- export type ChipProps = ChipBaseProps &
20
- Omit<HTMLButtonAttributes, 'type' | 'disabled' | 'onclick' | 'children'> &
21
- Omit<
22
- HTMLAnchorAttributes,
23
- 'href' | 'rel' | 'target' | 'download' | 'type' | 'onclick' | 'children'
24
- >;
19
+ export type ChipProps = ChipBaseProps & Omit<HTMLButtonAttributes, 'type' | 'disabled' | 'onclick' | 'children'> & Omit<HTMLAnchorAttributes, 'href' | 'rel' | 'target' | 'download' | 'type' | 'onclick' | 'children'>;
25
20
  export { default as Chip } from './chip.svelte';
@@ -1,11 +1,11 @@
1
1
  import type { ChipGroupRootProps as PrimitiveChipGroupRootProps } from '@dryui/primitives';
2
2
  export type { ChipGroupItemProps } from '@dryui/primitives';
3
3
  export interface ChipGroupRootProps extends PrimitiveChipGroupRootProps {
4
- size?: 'sm' | 'md';
4
+ size?: 'sm' | 'md';
5
5
  }
6
6
  import ChipGroupRoot from './chip-group-root.svelte';
7
7
  import ChipGroupItem from './chip-group-item.svelte';
8
8
  export declare const ChipGroup: {
9
- Root: typeof ChipGroupRoot;
10
- Item: typeof ChipGroupItem;
9
+ Root: typeof ChipGroupRoot;
10
+ Item: typeof ChipGroupItem;
11
11
  };
@@ -1,8 +1,8 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
3
  export interface ChromaticAberrationProps extends HTMLAttributes<HTMLDivElement> {
4
- offset?: number;
5
- angle?: number;
6
- children: Snippet;
4
+ offset?: number;
5
+ angle?: number;
6
+ children: Snippet;
7
7
  }
8
8
  export { default as ChromaticAberration } from './chromatic-aberration.svelte';
@@ -1,3 +1,4 @@
1
1
  import type { ChromaticShiftProps as PrimitiveChromaticShiftProps } from '@dryui/primitives/chromatic-shift';
2
- export interface ChromaticShiftProps extends PrimitiveChromaticShiftProps {}
2
+ export interface ChromaticShiftProps extends PrimitiveChromaticShiftProps {
3
+ }
3
4
  export { default as ChromaticShift } from './chromatic-shift.svelte';
@@ -1,6 +1,6 @@
1
1
  export interface Token {
2
- type: string;
3
- start: number;
4
- end: number;
2
+ type: string;
3
+ start: number;
4
+ end: number;
5
5
  }
6
6
  export type Highlighter = (code: string) => Token[];
@@ -1,8 +1,8 @@
1
1
  import type { CodeBlockProps as PrimitiveCodeBlockProps } from '@dryui/primitives';
2
2
  export interface CodeBlockProps extends Omit<PrimitiveCodeBlockProps, 'shell'> {
3
- showLineNumbers?: boolean;
4
- showCopyButton?: boolean;
5
- linkResolver?: (text: string, type: string) => string | undefined;
3
+ showLineNumbers?: boolean;
4
+ showCopyButton?: boolean;
5
+ linkResolver?: (text: string, type: string) => string | undefined;
6
6
  }
7
7
  export { default as CodeBlock } from './code-block.svelte';
8
8
  export type { Token, Highlighter } from './highlighter/types.js';
@@ -25,7 +25,15 @@
25
25
  {...rest}
26
26
  >
27
27
  {@render children()}
28
- <svg data-indicator xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
28
+ <svg
29
+ data-indicator
30
+ xmlns="http://www.w3.org/2000/svg"
31
+ viewBox="0 0 24 24"
32
+ fill="none"
33
+ stroke="currentColor"
34
+ stroke-width="2"
35
+ aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg
36
+ >
29
37
  </button>
30
38
 
31
39
  <style>
@@ -1,13 +1,21 @@
1
- export type {
2
- CollapsibleRootProps,
3
- CollapsibleTriggerProps,
4
- CollapsibleContentProps
5
- } from '@dryui/primitives';
1
+ import type { Snippet } from 'svelte';
2
+ import type { HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
3
+ export interface CollapsibleRootProps extends HTMLAttributes<HTMLDivElement> {
4
+ open?: boolean;
5
+ disabled?: boolean;
6
+ children: Snippet;
7
+ }
8
+ export interface CollapsibleTriggerProps extends HTMLButtonAttributes {
9
+ children: Snippet;
10
+ }
11
+ export interface CollapsibleContentProps extends HTMLAttributes<HTMLDivElement> {
12
+ children: Snippet;
13
+ }
6
14
  import CollapsibleRoot from './collapsible-root.svelte';
7
15
  import CollapsibleTrigger from './collapsible-trigger.svelte';
8
16
  import CollapsibleContent from './collapsible-content.svelte';
9
17
  export declare const Collapsible: {
10
- Root: typeof CollapsibleRoot;
11
- Trigger: typeof CollapsibleTrigger;
12
- Content: typeof CollapsibleContent;
18
+ Root: typeof CollapsibleRoot;
19
+ Trigger: typeof CollapsibleTrigger;
20
+ Content: typeof CollapsibleContent;
13
21
  };
@@ -43,7 +43,19 @@
43
43
  {#if children}
44
44
  {@render children()}
45
45
  {:else}
46
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3l8 8M3 9l8 8m-8-8 1.5 1.5M11 17l-1 4-4 1 1-4"/></svg>
46
+ <svg
47
+ xmlns="http://www.w3.org/2000/svg"
48
+ viewBox="0 0 24 24"
49
+ fill="none"
50
+ stroke="currentColor"
51
+ stroke-width="2"
52
+ stroke-linecap="round"
53
+ stroke-linejoin="round"
54
+ aria-hidden="true"
55
+ ><path
56
+ d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3l8 8M3 9l8 8m-8-8 1.5 1.5M11 17l-1 4-4 1 1-4"
57
+ /></svg
58
+ >
47
59
  {/if}
48
60
  </button>
49
61
  {/if}
@@ -1,16 +1,8 @@
1
- export type {
2
- ColorPickerAreaProps,
3
- ColorPickerHueSliderProps,
4
- ColorPickerAlphaSliderProps,
5
- ColorPickerInputProps,
6
- ColorPickerSwatchProps,
7
- ColorPickerEyeDropperProps,
8
- ColorPickerChannelInputProps
9
- } from '@dryui/primitives';
1
+ export type { ColorPickerAreaProps, ColorPickerHueSliderProps, ColorPickerAlphaSliderProps, ColorPickerInputProps, ColorPickerSwatchProps, ColorPickerEyeDropperProps, ColorPickerChannelInputProps } from '@dryui/primitives';
10
2
  import type { ColorPickerRootProps as PrimitiveColorPickerRootProps } from '@dryui/primitives';
11
3
  export interface ColorPickerRootProps extends PrimitiveColorPickerRootProps {
12
- width?: number;
13
- areaHeight?: number;
4
+ width?: number;
5
+ areaHeight?: number;
14
6
  }
15
7
  import ColorPickerRoot from './color-picker-root.svelte';
16
8
  import ColorPickerArea from './color-picker-area.svelte';
@@ -21,12 +13,12 @@ import ColorPickerSwatch from './color-picker-swatch.svelte';
21
13
  import ColorPickerEyeDropper from './color-picker-eyedropper.svelte';
22
14
  import ColorPickerChannelInput from './color-picker-channel-input.svelte';
23
15
  export declare const ColorPicker: {
24
- Root: typeof ColorPickerRoot;
25
- Area: typeof ColorPickerArea;
26
- HueSlider: typeof ColorPickerHueSlider;
27
- AlphaSlider: typeof ColorPickerAlphaSlider;
28
- Input: typeof ColorPickerInput;
29
- Swatch: typeof ColorPickerSwatch;
30
- EyeDropper: typeof ColorPickerEyeDropper;
31
- ChannelInput: typeof ColorPickerChannelInput;
16
+ Root: typeof ColorPickerRoot;
17
+ Area: typeof ColorPickerArea;
18
+ HueSlider: typeof ColorPickerHueSlider;
19
+ AlphaSlider: typeof ColorPickerAlphaSlider;
20
+ Input: typeof ColorPickerInput;
21
+ Swatch: typeof ColorPickerSwatch;
22
+ EyeDropper: typeof ColorPickerEyeDropper;
23
+ ChannelInput: typeof ColorPickerChannelInput;
32
24
  };
@@ -1,18 +1,13 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
3
  import type { ComboboxInputProps as PrimitiveComboboxInputProps } from '@dryui/primitives';
4
- export type {
5
- ComboboxRootProps,
6
- ComboboxContentProps,
7
- ComboboxItemProps,
8
- ComboboxEmptyProps
9
- } from '@dryui/primitives';
4
+ export type { ComboboxRootProps, ComboboxContentProps, ComboboxItemProps, ComboboxEmptyProps } from '@dryui/primitives';
10
5
  export interface ComboboxInputProps extends Omit<PrimitiveComboboxInputProps, 'size'> {
11
- size?: 'sm' | 'md' | 'lg';
6
+ size?: 'sm' | 'md' | 'lg';
12
7
  }
13
8
  export interface ComboboxGroupProps extends HTMLAttributes<HTMLDivElement> {
14
- label: string;
15
- children: Snippet;
9
+ label: string;
10
+ children: Snippet;
16
11
  }
17
12
  import ComboboxRoot from './combobox-root.svelte';
18
13
  import ComboboxInput from './combobox-input.svelte';
@@ -21,10 +16,10 @@ import ComboboxItem from './combobox-item.svelte';
21
16
  import ComboboxEmpty from './combobox-empty.svelte';
22
17
  import ComboboxGroup from './combobox-group.svelte';
23
18
  export declare const Combobox: {
24
- Root: typeof ComboboxRoot;
25
- Input: typeof ComboboxInput;
26
- Content: typeof ComboboxContent;
27
- Item: typeof ComboboxItem;
28
- Empty: typeof ComboboxEmpty;
29
- Group: typeof ComboboxGroup;
19
+ Root: typeof ComboboxRoot;
20
+ Input: typeof ComboboxInput;
21
+ Content: typeof ComboboxContent;
22
+ Item: typeof ComboboxItem;
23
+ Empty: typeof ComboboxEmpty;
24
+ Group: typeof ComboboxGroup;
30
25
  };
@@ -1,12 +1,4 @@
1
- export type {
2
- CommandPaletteRootProps,
3
- CommandPaletteInputProps,
4
- CommandPaletteListProps,
5
- CommandPaletteGroupProps,
6
- CommandPaletteItemProps,
7
- CommandPaletteEmptyProps,
8
- CommandPaletteSeparatorProps
9
- } from '@dryui/primitives';
1
+ export type { CommandPaletteRootProps, CommandPaletteInputProps, CommandPaletteListProps, CommandPaletteGroupProps, CommandPaletteItemProps, CommandPaletteEmptyProps, CommandPaletteSeparatorProps } from '@dryui/primitives';
10
2
  import CommandPaletteRoot from './command-palette-root.svelte';
11
3
  import CommandPaletteInput from './command-palette-input.svelte';
12
4
  import CommandPaletteList from './command-palette-list.svelte';
@@ -15,11 +7,11 @@ import CommandPaletteItem from './command-palette-item.svelte';
15
7
  import CommandPaletteEmpty from './command-palette-empty.svelte';
16
8
  import CommandPaletteSeparator from './command-palette-separator.svelte';
17
9
  export declare const CommandPalette: {
18
- Root: typeof CommandPaletteRoot;
19
- Input: typeof CommandPaletteInput;
20
- List: typeof CommandPaletteList;
21
- Group: typeof CommandPaletteGroup;
22
- Item: typeof CommandPaletteItem;
23
- Empty: typeof CommandPaletteEmpty;
24
- Separator: typeof CommandPaletteSeparator;
10
+ Root: typeof CommandPaletteRoot;
11
+ Input: typeof CommandPaletteInput;
12
+ List: typeof CommandPaletteList;
13
+ Group: typeof CommandPaletteGroup;
14
+ Item: typeof CommandPaletteItem;
15
+ Empty: typeof CommandPaletteEmpty;
16
+ Separator: typeof CommandPaletteSeparator;
25
17
  };
@@ -1,8 +1,8 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
3
  export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
4
- size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
5
- padding?: boolean;
6
- children: Snippet;
4
+ size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
5
+ padding?: boolean;
6
+ children: Snippet;
7
7
  }
8
8
  export { default as Container } from './container.svelte';
@@ -1,12 +1,4 @@
1
- export type {
2
- ContextMenuRootProps,
3
- ContextMenuTriggerProps,
4
- ContextMenuContentProps,
5
- ContextMenuItemProps,
6
- ContextMenuSeparatorProps,
7
- ContextMenuGroupProps,
8
- ContextMenuLabelProps
9
- } from '@dryui/primitives';
1
+ export type { ContextMenuRootProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuLabelProps } from '@dryui/primitives';
10
2
  import ContextMenuRoot from './context-menu-root.svelte';
11
3
  import ContextMenuTrigger from './context-menu-trigger.svelte';
12
4
  import ContextMenuContent from './context-menu-content.svelte';
@@ -15,11 +7,11 @@ import ContextMenuSeparator from './context-menu-separator.svelte';
15
7
  import ContextMenuGroup from './context-menu-group.svelte';
16
8
  import ContextMenuLabel from './context-menu-label.svelte';
17
9
  export declare const ContextMenu: {
18
- Root: typeof ContextMenuRoot;
19
- Trigger: typeof ContextMenuTrigger;
20
- Content: typeof ContextMenuContent;
21
- Item: typeof ContextMenuItem;
22
- Separator: typeof ContextMenuSeparator;
23
- Group: typeof ContextMenuGroup;
24
- Label: typeof ContextMenuLabel;
10
+ Root: typeof ContextMenuRoot;
11
+ Trigger: typeof ContextMenuTrigger;
12
+ Content: typeof ContextMenuContent;
13
+ Item: typeof ContextMenuItem;
14
+ Separator: typeof ContextMenuSeparator;
15
+ Group: typeof ContextMenuGroup;
16
+ Label: typeof ContextMenuLabel;
25
17
  };
@@ -1,30 +1,23 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
3
  import type { DataGridRootProps as PrimitiveDataGridRootProps } from '@dryui/primitives';
4
- export type {
5
- DataGridTableProps,
6
- DataGridHeaderProps,
7
- DataGridColumnProps,
8
- DataGridBodyProps,
9
- DataGridRowProps,
10
- DataGridCellProps,
11
- DataGridPaginationProps
12
- } from '@dryui/primitives';
4
+ export type { DataGridTableProps, DataGridHeaderProps, DataGridColumnProps, DataGridBodyProps, DataGridRowProps, DataGridCellProps, DataGridPaginationProps } from '@dryui/primitives';
13
5
  export interface DataGridRootProps<T = unknown> extends PrimitiveDataGridRootProps<T> {
14
- striped?: boolean;
6
+ striped?: boolean;
7
+ }
8
+ export interface DataGridSelectAllProps extends HTMLAttributes<HTMLTableCellElement> {
15
9
  }
16
- export interface DataGridSelectAllProps extends HTMLAttributes<HTMLTableCellElement> {}
17
10
  export interface DataGridSelectCellProps extends HTMLAttributes<HTMLTableCellElement> {
18
- rowId: string;
11
+ rowId: string;
19
12
  }
20
13
  export interface DataGridExpandableRowProps extends HTMLAttributes<HTMLTableRowElement> {
21
- rowId: string;
22
- expandable: Snippet;
23
- children: Snippet;
14
+ rowId: string;
15
+ expandable: Snippet;
16
+ children: Snippet;
24
17
  }
25
18
  export interface DataGridExpandTriggerProps extends HTMLAttributes<HTMLButtonElement> {
26
- rowId: string;
27
- children?: Snippet;
19
+ rowId: string;
20
+ children?: Snippet;
28
21
  }
29
22
  import DataGridRoot from './data-grid-root.svelte';
30
23
  import DataGridTable from './data-grid-table.svelte';
@@ -39,16 +32,16 @@ import DataGridSelectCell from './data-grid-select-cell.svelte';
39
32
  import DataGridExpandableRow from './data-grid-expandable-row.svelte';
40
33
  import DataGridExpandTrigger from './data-grid-expand-trigger.svelte';
41
34
  export declare const DataGrid: {
42
- Root: typeof DataGridRoot;
43
- Table: typeof DataGridTable;
44
- Header: typeof DataGridHeader;
45
- Column: typeof DataGridColumn;
46
- Body: typeof DataGridBody;
47
- Row: typeof DataGridRow;
48
- Cell: typeof DataGridCell;
49
- Pagination: typeof DataGridPagination;
50
- SelectAll: typeof DataGridSelectAll;
51
- SelectCell: typeof DataGridSelectCell;
52
- ExpandableRow: typeof DataGridExpandableRow;
53
- ExpandTrigger: typeof DataGridExpandTrigger;
35
+ Root: typeof DataGridRoot;
36
+ Table: typeof DataGridTable;
37
+ Header: typeof DataGridHeader;
38
+ Column: typeof DataGridColumn;
39
+ Body: typeof DataGridBody;
40
+ Row: typeof DataGridRow;
41
+ Cell: typeof DataGridCell;
42
+ Pagination: typeof DataGridPagination;
43
+ SelectAll: typeof DataGridSelectAll;
44
+ SelectCell: typeof DataGridSelectCell;
45
+ ExpandableRow: typeof DataGridExpandableRow;
46
+ ExpandTrigger: typeof DataGridExpandTrigger;
54
47
  };
@@ -13,13 +13,7 @@
13
13
  const display = $derived(separator ?? ctx.separator);
14
14
  </script>
15
15
 
16
- <span
17
- aria-hidden="true"
18
- data-df-separator
19
- data-separator=""
20
- {...rest}
21
- class={className}
22
- >
16
+ <span aria-hidden="true" data-df-separator data-separator="" {...rest} class={className}>
23
17
  {display}
24
18
  </span>
25
19
 
@@ -2,13 +2,13 @@ import type { DateFieldRootProps as PrimitiveDateFieldRootProps } from '@dryui/p
2
2
  export type { DateSegmentType } from '@dryui/primitives';
3
3
  export type { DateFieldSegmentProps, DateFieldSeparatorProps } from '@dryui/primitives';
4
4
  export interface DateFieldRootProps extends PrimitiveDateFieldRootProps {
5
- size?: 'sm' | 'md' | 'lg';
5
+ size?: 'sm' | 'md' | 'lg';
6
6
  }
7
7
  import DateFieldRoot from './date-field-root.svelte';
8
8
  import DateFieldSegment from './date-field-segment.svelte';
9
9
  import DateFieldSeparator from './date-field-separator.svelte';
10
10
  export declare const DateField: {
11
- Root: typeof DateFieldRoot;
12
- Segment: typeof DateFieldSegment;
13
- Separator: typeof DateFieldSeparator;
11
+ Root: typeof DateFieldRoot;
12
+ Segment: typeof DateFieldSegment;
13
+ Separator: typeof DateFieldSeparator;
14
14
  };
@@ -61,7 +61,21 @@
61
61
  {displayText || placeholder}
62
62
  </span>
63
63
  {/if}
64
- <svg data-indicator xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
64
+ <svg
65
+ data-indicator
66
+ xmlns="http://www.w3.org/2000/svg"
67
+ viewBox="0 0 24 24"
68
+ fill="none"
69
+ stroke="currentColor"
70
+ stroke-width="2"
71
+ aria-hidden="true"
72
+ ><rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><line
73
+ x1="16"
74
+ y1="2"
75
+ x2="16"
76
+ y2="6"
77
+ /><line x1="8" y1="2" x2="8" y2="6" /><line x1="3" y1="10" x2="21" y2="10" /></svg
78
+ >
65
79
  </button>
66
80
 
67
81
  <style>
@@ -1,19 +1,15 @@
1
1
  import type { DatePickerTriggerProps as PrimitiveDatePickerTriggerProps } from '@dryui/primitives';
2
- export type {
3
- DatePickerRootProps,
4
- DatePickerContentProps,
5
- DatePickerCalendarProps
6
- } from '@dryui/primitives';
2
+ export type { DatePickerRootProps, DatePickerContentProps, DatePickerCalendarProps } from '@dryui/primitives';
7
3
  export interface DatePickerTriggerProps extends PrimitiveDatePickerTriggerProps {
8
- size?: 'sm' | 'md' | 'lg';
4
+ size?: 'sm' | 'md' | 'lg';
9
5
  }
10
6
  import DatePickerRoot from './datepicker-root.svelte';
11
7
  import DatePickerTrigger from './datepicker-trigger.svelte';
12
8
  import DatePickerContent from './datepicker-content.svelte';
13
9
  import DatePickerCalendar from './datepicker-calendar.svelte';
14
10
  export declare const DatePicker: {
15
- Root: typeof DatePickerRoot;
16
- Trigger: typeof DatePickerTrigger;
17
- Content: typeof DatePickerContent;
18
- Calendar: typeof DatePickerCalendar;
11
+ Root: typeof DatePickerRoot;
12
+ Trigger: typeof DatePickerTrigger;
13
+ Content: typeof DatePickerContent;
14
+ Calendar: typeof DatePickerCalendar;
19
15
  };
@@ -68,7 +68,18 @@
68
68
  {displayText || placeholder}
69
69
  </span>
70
70
  {/if}
71
- <svg data-indicator xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="3" y="4" width="18" height="17" rx="2" ry="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
71
+ <svg
72
+ data-indicator
73
+ xmlns="http://www.w3.org/2000/svg"
74
+ viewBox="0 0 24 24"
75
+ fill="none"
76
+ stroke="currentColor"
77
+ stroke-width="2"
78
+ aria-hidden="true"
79
+ ><rect x="3" y="4" width="18" height="17" rx="2" ry="2" /><path
80
+ d="M16 2v4M8 2v4M3 10h18"
81
+ /></svg
82
+ >
72
83
  </button>
73
84
 
74
85
  <style>
@@ -1,19 +1,13 @@
1
- export type {
2
- DateRangePickerRootProps,
3
- DateRangePickerTriggerProps,
4
- DateRangePickerContentProps,
5
- DateRangePickerCalendarProps,
6
- DateRangePickerPresetProps
7
- } from '@dryui/primitives';
1
+ export type { DateRangePickerRootProps, DateRangePickerTriggerProps, DateRangePickerContentProps, DateRangePickerCalendarProps, DateRangePickerPresetProps } from '@dryui/primitives';
8
2
  import DateRangePickerRoot from './date-range-picker-root.svelte';
9
3
  import DateRangePickerTrigger from './date-range-picker-trigger.svelte';
10
4
  import DateRangePickerContent from './date-range-picker-content.svelte';
11
5
  import DateRangePickerCalendar from './date-range-picker-calendar.svelte';
12
6
  import DateRangePickerPreset from './date-range-picker-preset.svelte';
13
7
  export declare const DateRangePicker: {
14
- Root: typeof DateRangePickerRoot;
15
- Trigger: typeof DateRangePickerTrigger;
16
- Content: typeof DateRangePickerContent;
17
- Calendar: typeof DateRangePickerCalendar;
18
- Preset: typeof DateRangePickerPreset;
8
+ Root: typeof DateRangePickerRoot;
9
+ Trigger: typeof DateRangePickerTrigger;
10
+ Content: typeof DateRangePickerContent;
11
+ Calendar: typeof DateRangePickerCalendar;
12
+ Preset: typeof DateRangePickerPreset;
19
13
  };
@@ -1,5 +1,5 @@
1
1
  import type { DateTimeInputProps as PrimitiveDateTimeInputProps } from '@dryui/primitives';
2
2
  export interface DateTimeInputProps extends PrimitiveDateTimeInputProps {
3
- size?: 'sm' | 'md' | 'lg';
3
+ size?: 'sm' | 'md' | 'lg';
4
4
  }
5
5
  export { default as DateTimeInput } from './date-time-input.svelte';
@@ -1,24 +1,24 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
3
  export interface DescriptionListRootProps extends HTMLAttributes<HTMLDListElement> {
4
- children: Snippet;
4
+ children: Snippet;
5
5
  }
6
6
  export interface DescriptionListItemProps extends HTMLAttributes<HTMLDivElement> {
7
- children: Snippet;
7
+ children: Snippet;
8
8
  }
9
9
  export interface DescriptionListTermProps extends HTMLAttributes<HTMLElement> {
10
- children: Snippet;
10
+ children: Snippet;
11
11
  }
12
12
  export interface DescriptionListDescriptionProps extends HTMLAttributes<HTMLElement> {
13
- children: Snippet;
13
+ children: Snippet;
14
14
  }
15
15
  import DescriptionListRoot from './description-list-root.svelte';
16
16
  import DescriptionListItem from './description-list-item.svelte';
17
17
  import DescriptionListTerm from './description-list-term.svelte';
18
18
  import DescriptionListDescription from './description-list-description.svelte';
19
19
  export declare const DescriptionList: {
20
- Root: typeof DescriptionListRoot;
21
- Item: typeof DescriptionListItem;
22
- Term: typeof DescriptionListTerm;
23
- Description: typeof DescriptionListDescription;
20
+ Root: typeof DescriptionListRoot;
21
+ Item: typeof DescriptionListItem;
22
+ Term: typeof DescriptionListTerm;
23
+ Description: typeof DescriptionListDescription;
24
24
  };
@@ -1,13 +1,4 @@
1
- export type {
2
- DialogRootProps,
3
- DialogTriggerProps,
4
- DialogContentProps,
5
- DialogOverlayProps,
6
- DialogHeaderProps,
7
- DialogBodyProps,
8
- DialogFooterProps,
9
- DialogCloseProps
10
- } from '@dryui/primitives';
1
+ export type { DialogRootProps, DialogTriggerProps, DialogContentProps, DialogOverlayProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps, DialogCloseProps } from '@dryui/primitives';
11
2
  import DialogRoot from './dialog-root.svelte';
12
3
  import DialogTrigger from './dialog-trigger.svelte';
13
4
  import DialogContent from './dialog-content.svelte';
@@ -17,12 +8,12 @@ import DialogBody from './dialog-body.svelte';
17
8
  import DialogFooter from './dialog-footer.svelte';
18
9
  import DialogClose from './dialog-close.svelte';
19
10
  export declare const Dialog: {
20
- Root: typeof DialogRoot;
21
- Trigger: typeof DialogTrigger;
22
- Content: typeof DialogContent;
23
- Overlay: typeof DialogOverlay;
24
- Header: typeof DialogHeader;
25
- Body: typeof DialogBody;
26
- Footer: typeof DialogFooter;
27
- Close: typeof DialogClose;
11
+ Root: typeof DialogRoot;
12
+ Trigger: typeof DialogTrigger;
13
+ Content: typeof DialogContent;
14
+ Overlay: typeof DialogOverlay;
15
+ Header: typeof DialogHeader;
16
+ Body: typeof DialogBody;
17
+ Footer: typeof DialogFooter;
18
+ Close: typeof DialogClose;
28
19
  };
@@ -1,3 +1,4 @@
1
1
  import type { DisplacementProps as PrimitiveDisplacementProps } from '@dryui/primitives/displacement';
2
- export interface DisplacementProps extends PrimitiveDisplacementProps {}
2
+ export interface DisplacementProps extends PrimitiveDisplacementProps {
3
+ }
3
4
  export { default as Displacement } from './displacement.svelte';
@@ -1,13 +1,9 @@
1
- export type {
2
- DragAndDropRootProps,
3
- DragAndDropItemProps,
4
- DragAndDropHandleProps
5
- } from '@dryui/primitives';
1
+ export type { DragAndDropRootProps, DragAndDropItemProps, DragAndDropHandleProps } from '@dryui/primitives';
6
2
  import DragAndDropRoot from './drag-and-drop-root.svelte';
7
3
  import DragAndDropItem from './drag-and-drop-item.svelte';
8
4
  import DragAndDropHandle from './drag-and-drop-handle.svelte';
9
5
  export declare const DragAndDrop: {
10
- Root: typeof DragAndDropRoot;
11
- Item: typeof DragAndDropItem;
12
- Handle: typeof DragAndDropHandle;
6
+ Root: typeof DragAndDropRoot;
7
+ Item: typeof DragAndDropItem;
8
+ Handle: typeof DragAndDropHandle;
13
9
  };