@happyvertical/smrt-ui 0.43.9 → 0.44.0

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 (148) hide show
  1. package/dist/components/calendar/Calendar.svelte +4 -0
  2. package/dist/components/calendar/Calendar.svelte.d.ts +4 -0
  3. package/dist/components/calendar/Calendar.svelte.d.ts.map +1 -1
  4. package/dist/components/calendar/DayView.svelte +4 -0
  5. package/dist/components/calendar/DayView.svelte.d.ts +4 -0
  6. package/dist/components/calendar/DayView.svelte.d.ts.map +1 -1
  7. package/dist/components/data/CollectionList.svelte +14 -0
  8. package/dist/components/data/CollectionList.svelte.d.ts +14 -0
  9. package/dist/components/data/CollectionList.svelte.d.ts.map +1 -1
  10. package/dist/components/data/CollectionToolbar.svelte +13 -0
  11. package/dist/components/data/CollectionToolbar.svelte.d.ts +13 -0
  12. package/dist/components/data/CollectionToolbar.svelte.d.ts.map +1 -1
  13. package/dist/components/feedback/Alert.svelte +7 -0
  14. package/dist/components/feedback/Alert.svelte.d.ts +7 -0
  15. package/dist/components/feedback/Alert.svelte.d.ts.map +1 -1
  16. package/dist/components/feedback/Drawer.svelte +11 -0
  17. package/dist/components/feedback/Drawer.svelte.d.ts +11 -0
  18. package/dist/components/feedback/Drawer.svelte.d.ts.map +1 -1
  19. package/dist/components/feedback/Meter.svelte +10 -0
  20. package/dist/components/feedback/Meter.svelte.d.ts +10 -0
  21. package/dist/components/feedback/Meter.svelte.d.ts.map +1 -1
  22. package/dist/components/feedback/Progress.svelte +8 -0
  23. package/dist/components/feedback/Progress.svelte.d.ts +8 -0
  24. package/dist/components/feedback/Progress.svelte.d.ts.map +1 -1
  25. package/dist/components/feedback/Spinner.svelte +3 -0
  26. package/dist/components/feedback/Spinner.svelte.d.ts +3 -0
  27. package/dist/components/feedback/Spinner.svelte.d.ts.map +1 -1
  28. package/dist/components/feedback/ToastViewport.svelte +3 -0
  29. package/dist/components/feedback/ToastViewport.svelte.d.ts +3 -0
  30. package/dist/components/feedback/ToastViewport.svelte.d.ts.map +1 -1
  31. package/dist/components/forms/Checkbox.svelte +5 -0
  32. package/dist/components/forms/Checkbox.svelte.d.ts +5 -0
  33. package/dist/components/forms/Checkbox.svelte.d.ts.map +1 -1
  34. package/dist/components/forms/Combobox.svelte +11 -0
  35. package/dist/components/forms/Combobox.svelte.d.ts +11 -0
  36. package/dist/components/forms/Combobox.svelte.d.ts.map +1 -1
  37. package/dist/components/forms/DatePicker.svelte +4 -0
  38. package/dist/components/forms/DatePicker.svelte.d.ts +4 -0
  39. package/dist/components/forms/DatePicker.svelte.d.ts.map +1 -1
  40. package/dist/components/forms/ErrorSummary.svelte +4 -0
  41. package/dist/components/forms/ErrorSummary.svelte.d.ts +4 -0
  42. package/dist/components/forms/ErrorSummary.svelte.d.ts.map +1 -1
  43. package/dist/components/forms/Fieldset.svelte +5 -0
  44. package/dist/components/forms/Fieldset.svelte.d.ts +5 -0
  45. package/dist/components/forms/Fieldset.svelte.d.ts.map +1 -1
  46. package/dist/components/forms/FilePicker.svelte +7 -0
  47. package/dist/components/forms/FilePicker.svelte.d.ts +7 -0
  48. package/dist/components/forms/FilePicker.svelte.d.ts.map +1 -1
  49. package/dist/components/forms/Form.svelte +3 -0
  50. package/dist/components/forms/Form.svelte.d.ts +3 -0
  51. package/dist/components/forms/Form.svelte.d.ts.map +1 -1
  52. package/dist/components/forms/FormGroup.svelte +6 -0
  53. package/dist/components/forms/FormGroup.svelte.d.ts +6 -0
  54. package/dist/components/forms/FormGroup.svelte.d.ts.map +1 -1
  55. package/dist/components/forms/Input.svelte +2 -0
  56. package/dist/components/forms/Input.svelte.d.ts +2 -0
  57. package/dist/components/forms/Input.svelte.d.ts.map +1 -1
  58. package/dist/components/forms/InputGroup.svelte +4 -0
  59. package/dist/components/forms/InputGroup.svelte.d.ts +4 -0
  60. package/dist/components/forms/InputGroup.svelte.d.ts.map +1 -1
  61. package/dist/components/forms/Listbox.svelte +8 -0
  62. package/dist/components/forms/Listbox.svelte.d.ts +8 -0
  63. package/dist/components/forms/Listbox.svelte.d.ts.map +1 -1
  64. package/dist/components/forms/MultiSelect.svelte +9 -0
  65. package/dist/components/forms/MultiSelect.svelte.d.ts +9 -0
  66. package/dist/components/forms/MultiSelect.svelte.d.ts.map +1 -1
  67. package/dist/components/forms/Radio.svelte +3 -0
  68. package/dist/components/forms/Radio.svelte.d.ts +3 -0
  69. package/dist/components/forms/Radio.svelte.d.ts.map +1 -1
  70. package/dist/components/forms/RadioGroup.svelte +11 -0
  71. package/dist/components/forms/RadioGroup.svelte.d.ts +11 -0
  72. package/dist/components/forms/RadioGroup.svelte.d.ts.map +1 -1
  73. package/dist/components/forms/RangeSlider.svelte +13 -0
  74. package/dist/components/forms/RangeSlider.svelte.d.ts +13 -0
  75. package/dist/components/forms/RangeSlider.svelte.d.ts.map +1 -1
  76. package/dist/components/forms/SegmentedControl.svelte +9 -0
  77. package/dist/components/forms/SegmentedControl.svelte.d.ts +9 -0
  78. package/dist/components/forms/SegmentedControl.svelte.d.ts.map +1 -1
  79. package/dist/components/forms/Select.svelte +4 -0
  80. package/dist/components/forms/Select.svelte.d.ts +4 -0
  81. package/dist/components/forms/Select.svelte.d.ts.map +1 -1
  82. package/dist/components/forms/Slider.svelte +10 -0
  83. package/dist/components/forms/Slider.svelte.d.ts +10 -0
  84. package/dist/components/forms/Slider.svelte.d.ts.map +1 -1
  85. package/dist/components/forms/StagedControlReview.svelte +5 -0
  86. package/dist/components/forms/StagedControlReview.svelte.d.ts +5 -0
  87. package/dist/components/forms/StagedControlReview.svelte.d.ts.map +1 -1
  88. package/dist/components/forms/Switch.svelte +6 -0
  89. package/dist/components/forms/Switch.svelte.d.ts +6 -0
  90. package/dist/components/forms/Switch.svelte.d.ts.map +1 -1
  91. package/dist/components/forms/TagsInput.svelte +10 -0
  92. package/dist/components/forms/TagsInput.svelte.d.ts +10 -0
  93. package/dist/components/forms/TagsInput.svelte.d.ts.map +1 -1
  94. package/dist/components/forms/Textarea.svelte +4 -0
  95. package/dist/components/forms/Textarea.svelte.d.ts +4 -0
  96. package/dist/components/forms/Textarea.svelte.d.ts.map +1 -1
  97. package/dist/components/forms/TimePicker.svelte +4 -0
  98. package/dist/components/forms/TimePicker.svelte.d.ts +4 -0
  99. package/dist/components/forms/TimePicker.svelte.d.ts.map +1 -1
  100. package/dist/components/forms/ToggleButton.svelte +4 -0
  101. package/dist/components/forms/ToggleButton.svelte.d.ts +4 -0
  102. package/dist/components/forms/ToggleButton.svelte.d.ts.map +1 -1
  103. package/dist/components/layout/Container.svelte +2 -0
  104. package/dist/components/layout/Container.svelte.d.ts +2 -0
  105. package/dist/components/layout/Container.svelte.d.ts.map +1 -1
  106. package/dist/components/layout/Footer.svelte +1 -0
  107. package/dist/components/layout/Footer.svelte.d.ts +1 -0
  108. package/dist/components/layout/Footer.svelte.d.ts.map +1 -1
  109. package/dist/components/layout/Header.svelte +2 -0
  110. package/dist/components/layout/Header.svelte.d.ts +2 -0
  111. package/dist/components/layout/Header.svelte.d.ts.map +1 -1
  112. package/dist/components/layout/Masthead.svelte +6 -0
  113. package/dist/components/layout/Masthead.svelte.d.ts +6 -0
  114. package/dist/components/layout/Masthead.svelte.d.ts.map +1 -1
  115. package/dist/components/memberships/MembershipCard.svelte +5 -0
  116. package/dist/components/memberships/MembershipCard.svelte.d.ts +5 -0
  117. package/dist/components/memberships/MembershipCard.svelte.d.ts.map +1 -1
  118. package/dist/components/memberships/MembershipList.svelte +6 -0
  119. package/dist/components/memberships/MembershipList.svelte.d.ts +6 -0
  120. package/dist/components/memberships/MembershipList.svelte.d.ts.map +1 -1
  121. package/dist/components/roles/RoleBadge.svelte +2 -0
  122. package/dist/components/roles/RoleBadge.svelte.d.ts +2 -0
  123. package/dist/components/roles/RoleBadge.svelte.d.ts.map +1 -1
  124. package/dist/components/roles/RoleSelector.svelte +6 -0
  125. package/dist/components/roles/RoleSelector.svelte.d.ts +6 -0
  126. package/dist/components/roles/RoleSelector.svelte.d.ts.map +1 -1
  127. package/dist/components/ui/Accordion.svelte +5 -0
  128. package/dist/components/ui/Accordion.svelte.d.ts +5 -0
  129. package/dist/components/ui/Accordion.svelte.d.ts.map +1 -1
  130. package/dist/components/ui/AccordionItem.svelte +4 -0
  131. package/dist/components/ui/AccordionItem.svelte.d.ts +4 -0
  132. package/dist/components/ui/AccordionItem.svelte.d.ts.map +1 -1
  133. package/dist/components/ui/Badge.svelte +3 -0
  134. package/dist/components/ui/Badge.svelte.d.ts +3 -0
  135. package/dist/components/ui/Badge.svelte.d.ts.map +1 -1
  136. package/dist/components/ui/Button.svelte +2 -0
  137. package/dist/components/ui/Button.svelte.d.ts +2 -0
  138. package/dist/components/ui/Button.svelte.d.ts.map +1 -1
  139. package/dist/components/ui/Card.svelte +6 -0
  140. package/dist/components/ui/Card.svelte.d.ts +6 -0
  141. package/dist/components/ui/Card.svelte.d.ts.map +1 -1
  142. package/dist/components/ui/Disclosure.svelte +6 -0
  143. package/dist/components/ui/Disclosure.svelte.d.ts +6 -0
  144. package/dist/components/ui/Disclosure.svelte.d.ts.map +1 -1
  145. package/dist/components/ui/Popover.svelte +9 -0
  146. package/dist/components/ui/Popover.svelte.d.ts +9 -0
  147. package/dist/components/ui/Popover.svelte.d.ts.map +1 -1
  148. package/package.json +3 -2
@@ -4,9 +4,13 @@ import type { ControlInteractionOptions } from './control-interaction.js';
4
4
  import Input from './Input.svelte';
5
5
  export interface Props
6
6
  extends Omit<HTMLInputAttributes, 'type' | 'value' | 'class'> {
7
+ /** Selected date value as a string (bindable). */
7
8
  value?: string;
9
+ /** Label for the date picker control. */
8
10
  label: string;
11
+ /** CSS class to apply to the picker container. */
9
12
  class?: string;
13
+ /** Interaction options or false to disable all. */
10
14
  interaction?: ControlInteractionOptions | false;
11
15
  }
12
16
  let {
@@ -1,9 +1,13 @@
1
1
  import type { HTMLInputAttributes } from 'svelte/elements';
2
2
  import type { ControlInteractionOptions } from './control-interaction.js';
3
3
  export interface Props extends Omit<HTMLInputAttributes, 'type' | 'value' | 'class'> {
4
+ /** Selected date value as a string (bindable). */
4
5
  value?: string;
6
+ /** Label for the date picker control. */
5
7
  label: string;
8
+ /** CSS class to apply to the picker container. */
6
9
  class?: string;
10
+ /** Interaction options or false to disable all. */
7
11
  interaction?: ControlInteractionOptions | false;
8
12
  }
9
13
  declare const DatePicker: import("svelte").Component<Props, {}, "value">;
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DatePicker.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAG1E,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;CACjD;AAuBD,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"DatePicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DatePicker.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAG1E,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7D,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;CACjD;AAuBD,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
@@ -2,9 +2,13 @@
2
2
  import { focusControl } from './control-dom.js';
3
3
  import type { FormError } from './types.js';
4
4
  export interface Props {
5
+ /** Array of form validation errors to display. */
5
6
  errors: FormError[];
7
+ /** Heading text displayed above the error list. */
6
8
  title?: string;
9
+ /** Callback when an error is selected or clicked. */
7
10
  onselect?: (controlId: string) => void;
11
+ /** CSS class to apply to the error summary. */
8
12
  class?: string;
9
13
  }
10
14
  let {
@@ -1,8 +1,12 @@
1
1
  import type { FormError } from './types.js';
2
2
  export interface Props {
3
+ /** Array of form validation errors to display. */
3
4
  errors: FormError[];
5
+ /** Heading text displayed above the error list. */
4
6
  title?: string;
7
+ /** Callback when an error is selected or clicked. */
5
8
  onselect?: (controlId: string) => void;
9
+ /** CSS class to apply to the error summary. */
6
10
  class?: string;
7
11
  }
8
12
  declare const ErrorSummary: import("svelte").Component<Props, {}, "">;
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/ErrorSummary.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2BD,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"ErrorSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/ErrorSummary.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,WAAW,KAAK;IACpB,kDAAkD;IAClD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2BD,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
@@ -2,10 +2,15 @@
2
2
  import type { Snippet } from 'svelte';
3
3
  import type { HTMLFieldsetAttributes } from 'svelte/elements';
4
4
  export interface Props extends Omit<HTMLFieldsetAttributes, 'class'> {
5
+ /** Legend text that labels the fieldset. */
5
6
  legend: string;
7
+ /** Optional description text displayed below the legend. */
6
8
  description?: string;
9
+ /** Optional error message displayed in alert color. */
7
10
  error?: string;
11
+ /** CSS class to apply to the fieldset. */
8
12
  class?: string;
13
+ /** Form controls and content inside the fieldset. */
9
14
  children: Snippet;
10
15
  }
11
16
  let {
@@ -1,10 +1,15 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLFieldsetAttributes } from 'svelte/elements';
3
3
  export interface Props extends Omit<HTMLFieldsetAttributes, 'class'> {
4
+ /** Legend text that labels the fieldset. */
4
5
  legend: string;
6
+ /** Optional description text displayed below the legend. */
5
7
  description?: string;
8
+ /** Optional error message displayed in alert color. */
6
9
  error?: string;
10
+ /** CSS class to apply to the fieldset. */
7
11
  class?: string;
12
+ /** Form controls and content inside the fieldset. */
8
13
  children: Snippet;
9
14
  }
10
15
  declare const Fieldset: import("svelte").Component<Props, {}, "">;
@@ -1 +1 @@
1
- {"version":3,"file":"Fieldset.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Fieldset.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC;IAClE,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AA0BD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Fieldset.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Fieldset.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC;IAClE,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAC;CACnB;AA0BD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
@@ -6,12 +6,19 @@ import { tryGetControlInteractionContext } from './control-interaction-context.j
6
6
  import { useControlRegistration } from './use-control-registration.svelte.js';
7
7
  export interface Props
8
8
  extends Omit<HTMLInputAttributes, 'type' | 'class' | 'value' | 'files'> {
9
+ /** Selected files array (bindable). */
9
10
  files?: File[];
11
+ /** Label text for the file input button. */
10
12
  label?: string;
13
+ /** Description text shown in the drop area. */
11
14
  description?: string;
15
+ /** Whether to enable drag-and-drop file handling. */
12
16
  dropzone?: boolean;
17
+ /** CSS class to apply to the file picker. */
13
18
  class?: string;
19
+ /** Interaction options or false to disable all. */
14
20
  interaction?: ControlInteractionOptions | false;
21
+ /** Callback when files are selected or changed. */
15
22
  onchangefiles?: (files: File[]) => void;
16
23
  }
17
24
  let {
@@ -1,12 +1,19 @@
1
1
  import type { HTMLInputAttributes } from 'svelte/elements';
2
2
  import type { ControlInteractionOptions } from './control-interaction.js';
3
3
  export interface Props extends Omit<HTMLInputAttributes, 'type' | 'class' | 'value' | 'files'> {
4
+ /** Selected files array (bindable). */
4
5
  files?: File[];
6
+ /** Label text for the file input button. */
5
7
  label?: string;
8
+ /** Description text shown in the drop area. */
6
9
  description?: string;
10
+ /** Whether to enable drag-and-drop file handling. */
7
11
  dropzone?: boolean;
12
+ /** CSS class to apply to the file picker. */
8
13
  class?: string;
14
+ /** Interaction options or false to disable all. */
9
15
  interaction?: ControlInteractionOptions | false;
16
+ /** Callback when files are selected or changed. */
10
17
  onchangefiles?: (files: File[]) => void;
11
18
  }
12
19
  declare const FilePicker: import("svelte").Component<Props, {
@@ -1 +1 @@
1
- {"version":3,"file":"FilePicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FilePicker.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAI1E,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACvE,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACzC;AAqGD,QAAA,MAAM,UAAU;gBAhDE,IAAI;iBAGH,IAAI;sBAKC,gBAAgB,GAAG,IAAI;WAwCS,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"FilePicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FilePicker.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAI1E,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACvE,uCAAuC;IACvC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACzC;AAqGD,QAAA,MAAM,UAAU;gBAhDE,IAAI;iBAGH,IAAI;sBAKC,gBAAgB,GAAG,IAAI;WAwCS,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
@@ -28,7 +28,9 @@ import { setControlInteractionContext } from './control-interaction-context.js';
28
28
  import StagedControlReview from './StagedControlReview.svelte';
29
29
 
30
30
  export interface Props extends Omit<HTMLFormAttributes, 'class'> {
31
+ /** CSS class to apply to the form element. */
31
32
  class?: string;
33
+ /** Whether to prevent default form submission behavior. */
32
34
  preventDefault?: boolean;
33
35
  /** Stable form scope used by voice/chat/tutorial adapters. */
34
36
  formId?: string;
@@ -38,6 +40,7 @@ export interface Props extends Omit<HTMLFormAttributes, 'class'> {
38
40
  oninteraction?: (event: ControlInteractionEvent) => void;
39
41
  /** Render the built-in human review surface for staged changes. */
40
42
  stagedReview?: boolean;
43
+ /** Form controls and content inside the form. */
41
44
  children: Snippet;
42
45
  }
43
46
 
@@ -20,7 +20,9 @@ import type { Snippet } from 'svelte';
20
20
  import type { HTMLFormAttributes } from 'svelte/elements';
21
21
  import { type ControlInteractionEvent, type ControlInteractionRegistry } from './control-interaction.js';
22
22
  export interface Props extends Omit<HTMLFormAttributes, 'class'> {
23
+ /** CSS class to apply to the form element. */
23
24
  class?: string;
25
+ /** Whether to prevent default form submission behavior. */
24
26
  preventDefault?: boolean;
25
27
  /** Stable form scope used by voice/chat/tutorial adapters. */
26
28
  formId?: string;
@@ -30,6 +32,7 @@ export interface Props extends Omit<HTMLFormAttributes, 'class'> {
30
32
  oninteraction?: (event: ControlInteractionEvent) => void;
31
33
  /** Render the built-in human review surface for staged changes. */
32
34
  stagedReview?: boolean;
35
+ /** Form controls and content inside the form. */
33
36
  children: Snippet;
34
37
  }
35
38
  declare const Form: import("svelte").Component<Props, {
@@ -1 +1 @@
1
- {"version":3,"file":"Form.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAEhC,MAAM,0BAA0B,CAAC;AAKlC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;IACjD,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACzD,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAgHD,QAAA,MAAM,IAAI;kCA9D0B,0BAA0B;qBAIvC,MAAM;MA0DqB,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Form.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAEhC,MAAM,0BAA0B,CAAC;AAKlC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAC9D,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;IACjD,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACzD,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAgHD,QAAA,MAAM,IAAI;kCA9D0B,0BAA0B;qBAIvC,MAAM;MA0DqB,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
@@ -8,13 +8,19 @@ import {
8
8
  } from './form-group-context.js';
9
9
 
10
10
  export interface Props {
11
+ /** Text label displayed for the form field. */
11
12
  label: string;
13
+ /** Optional ID for the input inside the group. */
12
14
  id?: string;
15
+ /** Optional error message shown in alert color. */
13
16
  error?: string;
17
+ /** Optional help text displayed below the control. */
14
18
  hint?: string;
19
+ /** Whether the form control is required. */
15
20
  required?: boolean;
16
21
  /** Agent/tutorial interaction metadata inherited by the wrapped control. */
17
22
  interaction?: ControlInteractionOptions | false;
23
+ /** Form control (input, checkbox, etc.) inside the group. */
18
24
  children: Snippet;
19
25
  }
20
26
 
@@ -1,13 +1,19 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { ControlInteractionOptions } from './control-interaction.js';
3
3
  export interface Props {
4
+ /** Text label displayed for the form field. */
4
5
  label: string;
6
+ /** Optional ID for the input inside the group. */
5
7
  id?: string;
8
+ /** Optional error message shown in alert color. */
6
9
  error?: string;
10
+ /** Optional help text displayed below the control. */
7
11
  hint?: string;
12
+ /** Whether the form control is required. */
8
13
  required?: boolean;
9
14
  /** Agent/tutorial interaction metadata inherited by the wrapped control. */
10
15
  interaction?: ControlInteractionOptions | false;
16
+ /** Form control (input, checkbox, etc.) inside the group. */
11
17
  children: Snippet;
12
18
  }
13
19
  declare const FormGroup: import("svelte").Component<Props, {}, "">;
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAQ1E,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAgED,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"FormGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAQ1E,MAAM,WAAW,KAAK;IACpB,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,EAAE,OAAO,CAAC;CACnB;AAgED,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
@@ -18,7 +18,9 @@ import { tryGetFormGroupContext } from './form-group-context.js';
18
18
  import { useControlRegistration } from './use-control-registration.svelte.js';
19
19
 
20
20
  export interface Props extends Omit<HTMLInputAttributes, 'class' | 'value'> {
21
+ /** Input value as string or number (bindable). */
21
22
  value?: string | number;
23
+ /** CSS class to apply to the input element. */
22
24
  class?: string;
23
25
  /** Stable identity and sensitivity metadata for interaction adapters. */
24
26
  interaction?: ControlInteractionOptions | false;
@@ -1,7 +1,9 @@
1
1
  import type { HTMLInputAttributes } from 'svelte/elements';
2
2
  import type { ControlInteractionOptions } from './control-interaction.js';
3
3
  export interface Props extends Omit<HTMLInputAttributes, 'class' | 'value'> {
4
+ /** Input value as string or number (bindable). */
4
5
  value?: string | number;
6
+ /** CSS class to apply to the input element. */
5
7
  class?: string;
6
8
  /** Stable identity and sensitivity metadata for interaction adapters. */
7
9
  interaction?: ControlInteractionOptions | false;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAM3D,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,0BAA0B,CAAC;AAUlC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;CACjD;AA4LD,QAAA,MAAM,KAAK;iBAvBQ,IAAI;kBAIH,IAAI;6BAIS,MAAM,KAAG,IAAI;sBAItB,gBAAgB,GAAG,IAAI;WAWI,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAM3D,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,0BAA0B,CAAC;AAUlC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACzE,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;CACjD;AA4LD,QAAA,MAAM,KAAK;iBAvBQ,IAAI;kBAIH,IAAI;6BAIS,MAAM,KAAG,IAAI;sBAItB,gBAAgB,GAAG,IAAI;WAWI,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -1,9 +1,13 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from 'svelte';
3
3
  export interface Props {
4
+ /** Optional snippet to render as a left adornment. */
4
5
  prefix?: Snippet;
6
+ /** Optional snippet to render as a right adornment. */
5
7
  suffix?: Snippet;
8
+ /** Input control or custom content inside the group. */
6
9
  children: Snippet;
10
+ /** CSS class to apply to the input group. */
7
11
  class?: string;
8
12
  }
9
13
  let { prefix, suffix, children, class: className = '' }: Props = $props();
@@ -1,8 +1,12 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  export interface Props {
3
+ /** Optional snippet to render as a left adornment. */
3
4
  prefix?: Snippet;
5
+ /** Optional snippet to render as a right adornment. */
4
6
  suffix?: Snippet;
7
+ /** Input control or custom content inside the group. */
5
8
  children: Snippet;
9
+ /** CSS class to apply to the input group. */
6
10
  class?: string;
7
11
  }
8
12
  declare const InputGroup: import("svelte").Component<Props, {}, "">;
@@ -1 +1 @@
1
- {"version":3,"file":"InputGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/InputGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"InputGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/InputGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,KAAK;IACpB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
@@ -18,13 +18,21 @@ import {
18
18
  } from './control-value-validation.js';
19
19
  import { useControlRegistration } from './use-control-registration.svelte.js';
20
20
  export interface Props {
21
+ /** Array of options to select from. */
21
22
  options: ControlOption[];
23
+ /** Currently selected option value (bindable). */
22
24
  value?: string | number;
25
+ /** Accessibility label for the listbox. */
23
26
  label: string;
27
+ /** HTML form field name. */
24
28
  name?: string;
29
+ /** Whether the listbox is disabled. */
25
30
  disabled?: boolean;
31
+ /** Interaction options or false to disable all. */
26
32
  interaction?: ControlInteractionOptions | false;
33
+ /** Callback when the selected value changes. */
27
34
  onvaluechange?: (value: string | number) => void;
35
+ /** CSS class to apply to the listbox container. */
28
36
  class?: string;
29
37
  }
30
38
  let {
@@ -1,12 +1,20 @@
1
1
  import type { ControlInteractionOptions, ControlOption } from './control-interaction.js';
2
2
  export interface Props {
3
+ /** Array of options to select from. */
3
4
  options: ControlOption[];
5
+ /** Currently selected option value (bindable). */
4
6
  value?: string | number;
7
+ /** Accessibility label for the listbox. */
5
8
  label: string;
9
+ /** HTML form field name. */
6
10
  name?: string;
11
+ /** Whether the listbox is disabled. */
7
12
  disabled?: boolean;
13
+ /** Interaction options or false to disable all. */
8
14
  interaction?: ControlInteractionOptions | false;
15
+ /** Callback when the selected value changes. */
9
16
  onvaluechange?: (value: string | number) => void;
17
+ /** CSS class to apply to the listbox container. */
10
18
  class?: string;
11
19
  }
12
20
  declare const Listbox: import("svelte").Component<Props, {}, "value">;
@@ -1 +1 @@
1
- {"version":3,"file":"Listbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Listbox.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAWlC,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiGD,QAAA,MAAM,OAAO,gDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Listbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Listbox.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAWlC,MAAM,WAAW,KAAK;IACpB,uCAAuC;IACvC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiGD,QAAA,MAAM,OAAO,gDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
@@ -21,14 +21,23 @@ import {
21
21
  } from './control-value-validation.js';
22
22
  import { useControlRegistration } from './use-control-registration.svelte.js';
23
23
  export interface Props {
24
+ /** Array of options to select from. */
24
25
  options: ControlOption[];
26
+ /** Currently selected option values (bindable). */
25
27
  values?: Array<string | number>;
28
+ /** Label for the multi-select control. */
26
29
  label: string;
30
+ /** HTML form field name. */
27
31
  name?: string;
32
+ /** Placeholder text shown when no items selected. */
28
33
  placeholder?: string;
34
+ /** Whether the multi-select is disabled. */
29
35
  disabled?: boolean;
36
+ /** Interaction options or false to disable all. */
30
37
  interaction?: ControlInteractionOptions | false;
38
+ /** Callback when the selected values change. */
31
39
  onvalueschange?: (values: Array<string | number>) => void;
40
+ /** CSS class to apply to the control container. */
32
41
  class?: string;
33
42
  }
34
43
  let {
@@ -1,13 +1,22 @@
1
1
  import type { ControlInteractionOptions, ControlOption } from './control-interaction.js';
2
2
  export interface Props {
3
+ /** Array of options to select from. */
3
4
  options: ControlOption[];
5
+ /** Currently selected option values (bindable). */
4
6
  values?: Array<string | number>;
7
+ /** Label for the multi-select control. */
5
8
  label: string;
9
+ /** HTML form field name. */
6
10
  name?: string;
11
+ /** Placeholder text shown when no items selected. */
7
12
  placeholder?: string;
13
+ /** Whether the multi-select is disabled. */
8
14
  disabled?: boolean;
15
+ /** Interaction options or false to disable all. */
9
16
  interaction?: ControlInteractionOptions | false;
17
+ /** Callback when the selected values change. */
10
18
  onvalueschange?: (values: Array<string | number>) => void;
19
+ /** CSS class to apply to the control container. */
11
20
  class?: string;
12
21
  }
13
22
  declare const MultiSelect: import("svelte").Component<Props, {}, "values">;
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/MultiSelect.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAalC,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwJD,QAAA,MAAM,WAAW,iDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/MultiSelect.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAalC,MAAM,WAAW,KAAK;IACpB,uCAAuC;IACvC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,mDAAmD;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAChC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwJD,QAAA,MAAM,WAAW,iDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
@@ -3,8 +3,11 @@ import type { HTMLInputAttributes } from 'svelte/elements';
3
3
  import { getRadioGroupContext } from './radio-group-context.js';
4
4
  export interface Props
5
5
  extends Omit<HTMLInputAttributes, 'type' | 'name' | 'checked' | 'value'> {
6
+ /** Value for this radio button option. */
6
7
  value: string;
8
+ /** Text label displayed next to the radio button. */
7
9
  label: string;
10
+ /** Whether the radio button is disabled. */
8
11
  disabled?: boolean;
9
12
  }
10
13
  let { value, label, disabled = false, id, onchange, ...rest }: Props = $props();
@@ -1,7 +1,10 @@
1
1
  import type { HTMLInputAttributes } from 'svelte/elements';
2
2
  export interface Props extends Omit<HTMLInputAttributes, 'type' | 'name' | 'checked' | 'value'> {
3
+ /** Value for this radio button option. */
3
4
  value: string;
5
+ /** Text label displayed next to the radio button. */
4
6
  label: string;
7
+ /** Whether the radio button is disabled. */
5
8
  disabled?: boolean;
6
9
  }
7
10
  declare const Radio: import("svelte").Component<Props, {}, "">;
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Radio.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuBD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Radio.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuBD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -14,16 +14,27 @@ import {
14
14
  import { setRadioGroupContext } from './radio-group-context.js';
15
15
  import { useControlRegistration } from './use-control-registration.svelte.js';
16
16
  export interface Props {
17
+ /** Identifier for this radio group and its form field. */
17
18
  name: string;
19
+ /** The currently selected option value. */
18
20
  value?: string;
21
+ /** Legend text displayed above the radio options. */
19
22
  label?: string;
23
+ /** Explanatory text shown below the label. */
20
24
  description?: string;
25
+ /** Validation error message to display. */
21
26
  error?: string;
27
+ /** Blocks interaction and submission of this control. */
22
28
  disabled?: boolean;
29
+ /** Makes selecting an option mandatory for validation. */
23
30
  required?: boolean;
31
+ /** Registers this control for agent interaction; omit or pass false to exclude. */
24
32
  interaction?: ControlInteractionOptions | false;
33
+ /** Fired when the selected option value changes. */
25
34
  onvaluechange?: (value: string) => void;
35
+ /** The RadioOption components to display. */
26
36
  children: Snippet;
37
+ /** Additional CSS class names. */
27
38
  class?: string;
28
39
  }
29
40
  let {
@@ -1,16 +1,27 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { ControlInteractionOptions } from './control-interaction.js';
3
3
  export interface Props {
4
+ /** Identifier for this radio group and its form field. */
4
5
  name: string;
6
+ /** The currently selected option value. */
5
7
  value?: string;
8
+ /** Legend text displayed above the radio options. */
6
9
  label?: string;
10
+ /** Explanatory text shown below the label. */
7
11
  description?: string;
12
+ /** Validation error message to display. */
8
13
  error?: string;
14
+ /** Blocks interaction and submission of this control. */
9
15
  disabled?: boolean;
16
+ /** Makes selecting an option mandatory for validation. */
10
17
  required?: boolean;
18
+ /** Registers this control for agent interaction; omit or pass false to exclude. */
11
19
  interaction?: ControlInteractionOptions | false;
20
+ /** Fired when the selected option value changes. */
12
21
  onvaluechange?: (value: string) => void;
22
+ /** The RadioOption components to display. */
13
23
  children: Snippet;
24
+ /** Additional CSS class names. */
14
25
  class?: string;
15
26
  }
16
27
  declare const RadioGroup: import("svelte").Component<Props, {}, "value">;
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/RadioGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,0BAA0B,CAAC;AASlC,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqHD,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"RadioGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/RadioGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,0BAA0B,CAAC;AASlC,MAAM,WAAW,KAAK;IACpB,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqHD,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
@@ -14,18 +14,31 @@ import { tryGetFormGroupContext } from './form-group-context.js';
14
14
  import type { RangeSliderValue } from './types.js';
15
15
  import { useControlRegistration } from './use-control-registration.svelte.js';
16
16
  export interface Props {
17
+ /** The current minimum and maximum values of the range. */
17
18
  value?: RangeSliderValue;
19
+ /** Minimum allowed value. */
18
20
  min?: number;
21
+ /** Maximum allowed value. */
19
22
  max?: number;
23
+ /** Increment step for slider and number inputs. */
20
24
  step?: number;
25
+ /** Header label displayed above the range slider. */
21
26
  label?: string;
27
+ /** Label for the minimum value input field. */
22
28
  minLabel?: string;
29
+ /** Label for the maximum value input field. */
23
30
  maxLabel?: string;
31
+ /** Unit suffix displayed after the range values. */
24
32
  unit?: string;
33
+ /** Blocks interaction and submission of this control. */
25
34
  disabled?: boolean;
35
+ /** Form field name for minimum and maximum inputs. */
26
36
  name?: string;
37
+ /** Registers this control for agent interaction; omit or pass false to exclude. */
27
38
  interaction?: ControlInteractionOptions | false;
39
+ /** Fired when either the minimum or maximum value changes. */
28
40
  onvaluechange?: (value: RangeSliderValue) => void;
41
+ /** Additional CSS class names. */
29
42
  class?: string;
30
43
  }
31
44
  let {
@@ -1,18 +1,31 @@
1
1
  import type { ControlInteractionOptions } from './control-interaction.js';
2
2
  import type { RangeSliderValue } from './types.js';
3
3
  export interface Props {
4
+ /** The current minimum and maximum values of the range. */
4
5
  value?: RangeSliderValue;
6
+ /** Minimum allowed value. */
5
7
  min?: number;
8
+ /** Maximum allowed value. */
6
9
  max?: number;
10
+ /** Increment step for slider and number inputs. */
7
11
  step?: number;
12
+ /** Header label displayed above the range slider. */
8
13
  label?: string;
14
+ /** Label for the minimum value input field. */
9
15
  minLabel?: string;
16
+ /** Label for the maximum value input field. */
10
17
  maxLabel?: string;
18
+ /** Unit suffix displayed after the range values. */
11
19
  unit?: string;
20
+ /** Blocks interaction and submission of this control. */
12
21
  disabled?: boolean;
22
+ /** Form field name for minimum and maximum inputs. */
13
23
  name?: string;
24
+ /** Registers this control for agent interaction; omit or pass false to exclude. */
14
25
  interaction?: ControlInteractionOptions | false;
26
+ /** Fired when either the minimum or maximum value changes. */
15
27
  onvaluechange?: (value: RangeSliderValue) => void;
28
+ /** Additional CSS class names. */
16
29
  class?: string;
17
30
  }
18
31
  declare const RangeSlider: import("svelte").Component<Props, {}, "value">;
@@ -1 +1 @@
1
- {"version":3,"file":"RangeSlider.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/RangeSlider.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAO1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6JD,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"RangeSlider.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/RangeSlider.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAO1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,MAAM,WAAW,KAAK;IACpB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,8DAA8D;IAC9D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6JD,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
@@ -16,14 +16,23 @@ import {
16
16
  import type { SegmentedControlOption } from './types.js';
17
17
  import { useControlRegistration } from './use-control-registration.svelte.js';
18
18
  export interface Props {
19
+ /** The available segments and their values. */
19
20
  options: SegmentedControlOption[];
21
+ /** The currently selected option value. */
20
22
  value?: string | number;
23
+ /** Accessibility label for the control. */
21
24
  label: string;
25
+ /** Form field identifier. */
22
26
  name?: string;
27
+ /** Blocks interaction and submission of this control. */
23
28
  disabled?: boolean;
29
+ /** Makes the control stretch to full container width. */
24
30
  fullWidth?: boolean;
31
+ /** Registers this control for agent interaction; omit or pass false to exclude. */
25
32
  interaction?: ControlInteractionOptions | false;
33
+ /** Fired when the selected segment changes. */
26
34
  onvaluechange?: (value: string | number) => void;
35
+ /** Additional CSS class names. */
27
36
  class?: string;
28
37
  }
29
38
  let {