@sentropic/design-system-vue 0.33.0 → 0.35.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 (84) hide show
  1. package/dist/Accordion.d.ts +22 -0
  2. package/dist/Accordion.d.ts.map +1 -1
  3. package/dist/Accordion.js +13 -7
  4. package/dist/Accordion.js.map +1 -1
  5. package/dist/Avatar.d.ts +1 -1
  6. package/dist/AvatarGroup.d.ts +1 -1
  7. package/dist/Button.d.ts +1 -1
  8. package/dist/ButtonGroup.d.ts +1 -1
  9. package/dist/ChatComposer.d.ts.map +1 -1
  10. package/dist/ChatComposer.js +5 -1
  11. package/dist/ChatComposer.js.map +1 -1
  12. package/dist/ChatMessage.d.ts +22 -2
  13. package/dist/ChatMessage.d.ts.map +1 -1
  14. package/dist/ChatMessage.js +27 -12
  15. package/dist/ChatMessage.js.map +1 -1
  16. package/dist/ChatThread.d.ts.map +1 -1
  17. package/dist/ChatThread.js +3 -0
  18. package/dist/ChatThread.js.map +1 -1
  19. package/dist/Col.d.ts +3 -3
  20. package/dist/Combobox.d.ts +1 -1
  21. package/dist/Container.d.ts +1 -1
  22. package/dist/ContentSwitcher.d.ts +1 -1
  23. package/dist/CopyButton.d.ts +1 -1
  24. package/dist/DataTable.d.ts +1 -1
  25. package/dist/DatePicker.d.ts +1 -1
  26. package/dist/DonutChart.d.ts +1 -1
  27. package/dist/Flex.d.ts +1 -1
  28. package/dist/FormGroup.d.ts.map +1 -1
  29. package/dist/FormGroup.js +4 -2
  30. package/dist/FormGroup.js.map +1 -1
  31. package/dist/GaugeChart.d.ts +1 -1
  32. package/dist/IconButton.d.ts +1 -1
  33. package/dist/Inline.d.ts +1 -1
  34. package/dist/Input.d.ts +1 -1
  35. package/dist/KpiCard.d.ts +1 -1
  36. package/dist/MenuTriggerButton.d.ts +22 -0
  37. package/dist/MenuTriggerButton.d.ts.map +1 -1
  38. package/dist/MenuTriggerButton.js +4 -1
  39. package/dist/MenuTriggerButton.js.map +1 -1
  40. package/dist/MessageActions.d.ts.map +1 -1
  41. package/dist/MessageActions.js +11 -9
  42. package/dist/MessageActions.js.map +1 -1
  43. package/dist/MultiSelect.d.ts +112 -1
  44. package/dist/MultiSelect.d.ts.map +1 -1
  45. package/dist/MultiSelect.js +121 -62
  46. package/dist/MultiSelect.js.map +1 -1
  47. package/dist/NumberInput.d.ts +21 -1
  48. package/dist/NumberInput.d.ts.map +1 -1
  49. package/dist/NumberInput.js +70 -21
  50. package/dist/NumberInput.js.map +1 -1
  51. package/dist/PasswordInput.d.ts +1 -1
  52. package/dist/PasswordInput.d.ts.map +1 -1
  53. package/dist/PasswordInput.js +3 -3
  54. package/dist/PasswordInput.js.map +1 -1
  55. package/dist/ProgressBar.d.ts +31 -1
  56. package/dist/ProgressBar.d.ts.map +1 -1
  57. package/dist/ProgressBar.js +32 -23
  58. package/dist/ProgressBar.js.map +1 -1
  59. package/dist/RangeSlider.d.ts +2 -2
  60. package/dist/Rating.d.ts +1 -1
  61. package/dist/Rating.d.ts.map +1 -1
  62. package/dist/Row.d.ts +1 -1
  63. package/dist/Search.d.ts +1 -1
  64. package/dist/Select.d.ts +1 -1
  65. package/dist/SkeletonText.d.ts +26 -6
  66. package/dist/SkeletonText.d.ts.map +1 -1
  67. package/dist/SkeletonText.js +28 -13
  68. package/dist/SkeletonText.js.map +1 -1
  69. package/dist/SlideIndicator.d.ts +1 -1
  70. package/dist/SlideIndicator.d.ts.map +1 -1
  71. package/dist/Slider.d.ts +61 -1
  72. package/dist/Slider.d.ts.map +1 -1
  73. package/dist/Slider.js +69 -19
  74. package/dist/Slider.js.map +1 -1
  75. package/dist/Stack.d.ts +1 -1
  76. package/dist/Tag.d.ts +1 -1
  77. package/dist/TimePicker.d.ts +1 -1
  78. package/dist/TimePicker.d.ts.map +1 -1
  79. package/dist/Toggle.d.ts +21 -1
  80. package/dist/Toggle.d.ts.map +1 -1
  81. package/dist/Toggle.js +33 -27
  82. package/dist/Toggle.js.map +1 -1
  83. package/dist/Typography.d.ts +1 -1
  84. package/package.json +1 -1
@@ -4,6 +4,8 @@ export type AccordionItem = {
4
4
  content: string | (() => unknown);
5
5
  disabled?: boolean;
6
6
  };
7
+ export type AccordionAlign = "start" | "end";
8
+ export type AccordionSize = "sm" | "md" | "lg";
7
9
  export type AccordionProps = {
8
10
  items: AccordionItem[];
9
11
  openIds?: string[];
@@ -13,6 +15,8 @@ export type AccordionProps = {
13
15
  open?: string[];
14
16
  /** Svelte-canonical alias for `allowMultiple`. */
15
17
  multiple?: boolean;
18
+ align?: AccordionAlign;
19
+ size?: AccordionSize;
16
20
  class?: string;
17
21
  };
18
22
  export declare const Accordion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -40,6 +44,14 @@ export declare const Accordion: import("vue").DefineComponent<import("vue").Extr
40
44
  type: BooleanConstructor;
41
45
  default: undefined;
42
46
  };
47
+ align: {
48
+ type: () => AccordionAlign;
49
+ default: string;
50
+ };
51
+ size: {
52
+ type: () => AccordionSize;
53
+ default: string;
54
+ };
43
55
  class: {
44
56
  type: StringConstructor;
45
57
  default: undefined;
@@ -71,6 +83,14 @@ export declare const Accordion: import("vue").DefineComponent<import("vue").Extr
71
83
  type: BooleanConstructor;
72
84
  default: undefined;
73
85
  };
86
+ align: {
87
+ type: () => AccordionAlign;
88
+ default: string;
89
+ };
90
+ size: {
91
+ type: () => AccordionSize;
92
+ default: string;
93
+ };
74
94
  class: {
75
95
  type: StringConstructor;
76
96
  default: undefined;
@@ -83,6 +103,8 @@ export declare const Accordion: import("vue").DefineComponent<import("vue").Extr
83
103
  allowMultiple: boolean;
84
104
  open: string[];
85
105
  multiple: boolean;
106
+ align: AccordionAlign;
107
+ size: AccordionSize;
86
108
  class: string;
87
109
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
88
110
  //# sourceMappingURL=Accordion.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,SAAS;;cAGM,MAAM,aAAa,EAAE;;;;cACnB,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;;;;;cAExB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;cAJb,MAAM,aAAa,EAAE;;;;cACnB,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;;;;;cAExB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;4EAwFvC,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AAC7C,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,SAAS;;cAGM,MAAM,aAAa,EAAE;;;;cACnB,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;;;;;cAExB,MAAM,MAAM,EAAE;;;;;;;;cAEZ,MAAM,cAAc;;;;cACrB,MAAM,aAAa;;;;;;;;;;;cAPnB,MAAM,aAAa,EAAE;;;;cACnB,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;;;;;cAExB,MAAM,MAAM,EAAE;;;;;;;;cAEZ,MAAM,cAAc;;;;cACrB,MAAM,aAAa;;;;;;;;;;;;;;;;;;4EAgG7C,CAAC"}
package/dist/Accordion.js CHANGED
@@ -13,6 +13,8 @@ export const Accordion = defineComponent({
13
13
  allowMultiple: { type: Boolean, default: undefined },
14
14
  open: { type: Array, default: undefined },
15
15
  multiple: { type: Boolean, default: undefined },
16
+ align: { type: String, default: "end" },
17
+ size: { type: String, default: "md" },
16
18
  class: { type: String, default: undefined },
17
19
  },
18
20
  emits: ["change"],
@@ -20,7 +22,7 @@ export const Accordion = defineComponent({
20
22
  const localOpen = ref(props.defaultOpenIds ?? props.open ?? []);
21
23
  return () => {
22
24
  const open = props.openIds ?? localOpen.value;
23
- const allowMultiple = props.allowMultiple ?? props.multiple ?? true;
25
+ const allowMultiple = props.allowMultiple ?? props.multiple ?? false;
24
26
  const toggle = (id) => {
25
27
  const next = open.includes(id)
26
28
  ? open.filter((v) => v !== id)
@@ -32,12 +34,17 @@ export const Accordion = defineComponent({
32
34
  }
33
35
  emit("change", next);
34
36
  };
35
- return h("div", { ...attrs, class: classNames("st-accordion", props.class) }, props.items.map((item, index) => {
37
+ return h("div", {
38
+ ...attrs,
39
+ class: classNames("st-accordion", `st-accordion--${props.size}`, `st-accordion--align-${props.align}`, props.class),
40
+ }, props.items.map((item, index) => {
36
41
  const itemId = idFrom(item, index, "accordion");
37
42
  const isOpen = open.includes(itemId);
38
43
  const triggerId = `st-accordion-trigger-${itemId}`;
39
44
  const panelId = `st-accordion-panel-${itemId}`;
40
- return h("section", {
45
+ const titleNode = h("span", { class: "st-accordion__title" }, item.title);
46
+ const iconNode = h("span", { class: "st-accordion__icon", "aria-hidden": "true" }, [h(ChevronDown, { size: 18, strokeWidth: 2.25, "aria-hidden": "true" })]);
47
+ return h("div", {
41
48
  key: itemId,
42
49
  class: classNames("st-accordion__item", isOpen && "st-accordion__item--open"),
43
50
  }, [
@@ -50,10 +57,9 @@ export const Accordion = defineComponent({
50
57
  "aria-expanded": isOpen,
51
58
  "aria-controls": panelId,
52
59
  onClick: () => toggle(itemId),
53
- }, [
54
- h("span", { class: "st-accordion__title" }, item.title),
55
- h("span", { class: "st-accordion__icon", "aria-hidden": "true" }, [h(ChevronDown, { size: 18, strokeWidth: 2.25, "aria-hidden": "true" })]),
56
- ]),
60
+ }, props.align === "start"
61
+ ? [iconNode, titleNode]
62
+ : [titleNode, iconNode]),
57
63
  ]),
58
64
  isOpen
59
65
  ? h("div", {
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"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"}
package/dist/Avatar.d.ts CHANGED
@@ -75,8 +75,8 @@ export declare const Avatar: import("vue").DefineComponent<import("vue").Extract
75
75
  default: undefined;
76
76
  };
77
77
  }>> & Readonly<{}>, {
78
- class: string;
79
78
  size: AvatarSize;
79
+ class: string;
80
80
  tone: AvatarTone;
81
81
  src: string;
82
82
  alt: string;
@@ -45,8 +45,8 @@ export declare const AvatarGroup: import("vue").DefineComponent<import("vue").Ex
45
45
  default: undefined;
46
46
  };
47
47
  }>> & Readonly<{}>, {
48
- class: string;
49
48
  size: AvatarSize;
49
+ class: string;
50
50
  max: number;
51
51
  total: number;
52
52
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/dist/Button.d.ts CHANGED
@@ -53,9 +53,9 @@ export declare const Button: import("vue").DefineComponent<import("vue").Extract
53
53
  };
54
54
  }>> & Readonly<{}>, {
55
55
  type: "button" | "reset" | "submit";
56
+ size: ButtonSize;
56
57
  class: string;
57
58
  disabled: boolean;
58
- size: ButtonSize;
59
59
  variant: ButtonVariant;
60
60
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
61
61
  //# sourceMappingURL=Button.d.ts.map
@@ -65,9 +65,9 @@ export declare const ButtonGroup: import("vue").DefineComponent<import("vue").Ex
65
65
  default: undefined;
66
66
  };
67
67
  }>> & Readonly<{}>, {
68
+ size: ButtonGroupSize;
68
69
  class: string;
69
70
  label: string;
70
- size: ButtonGroupSize;
71
71
  orientation: ButtonGroupOrientation;
72
72
  gap: number;
73
73
  attached: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../src/ChatComposer.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;cAK+B,MAAM,OAAO;;;;;;;;;;;;;;;;;;;cAAb,MAAM,OAAO;;;;;;;;;;;;;;4EAsDnE,CAAC"}
1
+ {"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../src/ChatComposer.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;cAK+B,MAAM,OAAO;;;;;;;;;;;;;;;;;;;cAAb,MAAM,OAAO;;;;;;;;;;;;;;4EA0DnE,CAAC"}
@@ -38,7 +38,11 @@ export const ChatComposer = defineComponent({
38
38
  h("div", { class: "st-chatComposer__toolbar" }, [
39
39
  h("div", { class: "st-chatComposer__actions st-chatComposer__actions--left" }, slots.default?.()),
40
40
  h("div", { class: "st-chatComposer__actions st-chatComposer__actions--right" }, [
41
- h("button", { type: "submit", class: "st-button st-button--primary st-button--sm" }, [
41
+ h("button", {
42
+ type: "submit",
43
+ class: "st-button st-button--primary st-button--md",
44
+ disabled: draft.value.trim().length === 0,
45
+ }, [
42
46
  h(Send, { size: 16, strokeWidth: 2, "aria-hidden": "true" }),
43
47
  submitLabel,
44
48
  ]),
@@ -1 +1 @@
1
- {"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../src/ChatComposer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;QACpC,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,MAAM,EAAE;QACpF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,QAAQ,CAAC;IACjB,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAErC,OAAO,GAAG,EAAE;YACV,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC;YACnD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC;YAChD,OAAO,CAAC,CACN,MAAM,EACN;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC;gBACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBACzC,CAAC;aACF,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE;oBAC3C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE;wBACjD,CAAC,CAAC,UAAU,EAAE;4BACZ,KAAK,EAAE,kDAAkD;4BACzD,WAAW;4BACX,KAAK,EAAE,KAAK,CAAC,KAAK;4BAClB,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;gCACxB,KAAK,CAAC,KAAK,GAAI,KAAK,CAAC,aAAqC,CAAC,KAAK,CAAC;4BACnE,CAAC;yBACF,CAAC;qBACH,CAAC;iBACH,CAAC;gBACF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE;oBAC9C,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,yDAAyD,EAAE,EACpE,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB;oBACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0DAA0D,EAAE,EAAE;wBAC9E,CAAC,CACC,QAAQ,EACR,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,4CAA4C,EAAE,EACvE;4BACE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;4BAC5D,WAAqB;yBACtB,CACF;qBACF,CAAC;iBACH,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../src/ChatComposer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;QACpC,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,MAAM,EAAE;QACpF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,QAAQ,CAAC;IACjB,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAErC,OAAO,GAAG,EAAE;YACV,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC;YACnD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC;YAChD,OAAO,CAAC,CACN,MAAM,EACN;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC;gBACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBACzC,CAAC;aACF,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE;oBAC3C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE;wBACjD,CAAC,CAAC,UAAU,EAAE;4BACZ,KAAK,EAAE,kDAAkD;4BACzD,WAAW;4BACX,KAAK,EAAE,KAAK,CAAC,KAAK;4BAClB,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;gCACxB,KAAK,CAAC,KAAK,GAAI,KAAK,CAAC,aAAqC,CAAC,KAAK,CAAC;4BACnE,CAAC;yBACF,CAAC;qBACH,CAAC;iBACH,CAAC;gBACF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE;oBAC9C,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,yDAAyD,EAAE,EACpE,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB;oBACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0DAA0D,EAAE,EAAE;wBAC9E,CAAC,CACC,QAAQ,EACR;4BACE,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,4CAA4C;4BACnD,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC;yBAC1C,EACD;4BACE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;4BAC5D,WAAqB;yBACtB,CACF;qBACF,CAAC;iBACH,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
@@ -5,7 +5,9 @@ export type ChatMessageProps = {
5
5
  status?: ChatMessageStatus;
6
6
  content?: unknown;
7
7
  timestamp?: unknown;
8
+ footer?: unknown;
8
9
  actions?: unknown;
10
+ avatar?: unknown;
9
11
  class?: string;
10
12
  };
11
13
  export declare const ChatMessage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -15,7 +17,7 @@ export declare const ChatMessage: import("vue").DefineComponent<import("vue").Ex
15
17
  };
16
18
  status: {
17
19
  type: () => ChatMessageStatus;
18
- default: undefined;
20
+ default: string;
19
21
  };
20
22
  content: {
21
23
  type: () => unknown;
@@ -25,10 +27,18 @@ export declare const ChatMessage: import("vue").DefineComponent<import("vue").Ex
25
27
  type: () => unknown;
26
28
  default: undefined;
27
29
  };
30
+ footer: {
31
+ type: () => unknown;
32
+ default: undefined;
33
+ };
28
34
  actions: {
29
35
  type: () => unknown;
30
36
  default: undefined;
31
37
  };
38
+ avatar: {
39
+ type: () => unknown;
40
+ default: undefined;
41
+ };
32
42
  class: {
33
43
  type: StringConstructor;
34
44
  default: undefined;
@@ -42,7 +52,7 @@ export declare const ChatMessage: import("vue").DefineComponent<import("vue").Ex
42
52
  };
43
53
  status: {
44
54
  type: () => ChatMessageStatus;
45
- default: undefined;
55
+ default: string;
46
56
  };
47
57
  content: {
48
58
  type: () => unknown;
@@ -52,20 +62,30 @@ export declare const ChatMessage: import("vue").DefineComponent<import("vue").Ex
52
62
  type: () => unknown;
53
63
  default: undefined;
54
64
  };
65
+ footer: {
66
+ type: () => unknown;
67
+ default: undefined;
68
+ };
55
69
  actions: {
56
70
  type: () => unknown;
57
71
  default: undefined;
58
72
  };
73
+ avatar: {
74
+ type: () => unknown;
75
+ default: undefined;
76
+ };
59
77
  class: {
60
78
  type: StringConstructor;
61
79
  default: undefined;
62
80
  };
63
81
  }>> & Readonly<{}>, {
64
82
  class: string;
83
+ footer: undefined;
65
84
  role: ChatMessageRole;
66
85
  actions: undefined;
67
86
  status: ChatMessageStatus;
68
87
  content: undefined;
69
88
  timestamp: undefined;
89
+ avatar: undefined;
70
90
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
71
91
  //# sourceMappingURL=ChatMessage.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../src/ChatMessage.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvE,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,MAAM,GACN,WAAW,GACX,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAGI,MAAM,eAAe;;;;cACnB,MAAM,iBAAiB;;;;cACD,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACf,MAAM,OAAO;;;;;;;;;;;cAJrC,MAAM,eAAe;;;;cACnB,MAAM,iBAAiB;;;;cACD,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACf,MAAM,OAAO;;;;;;;;;;;;;;4EAkD/D,CAAC"}
1
+ {"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../src/ChatMessage.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvE,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,MAAM,GACN,WAAW,GACX,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAGI,MAAM,eAAe;;;;cACnB,MAAM,iBAAiB;;;;cACD,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cAChB,MAAM,OAAO;;;;cACZ,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;;;;cANpC,MAAM,eAAe;;;;cACnB,MAAM,iBAAiB;;;;cACD,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cAChB,MAAM,OAAO;;;;cACZ,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;;;;;;;;;4EA+D9D,CAAC"}
@@ -4,41 +4,56 @@ export const ChatMessage = defineComponent({
4
4
  name: "ChatMessage",
5
5
  props: {
6
6
  role: { type: String, default: "assistant" },
7
- status: { type: String, default: undefined },
7
+ status: { type: String, default: "completed" },
8
8
  content: { type: [String, Object], default: undefined },
9
9
  timestamp: { type: [String, Object], default: undefined },
10
+ footer: { type: [String, Object], default: undefined },
10
11
  actions: { type: [String, Object], default: undefined },
12
+ avatar: { type: [String, Object], default: undefined },
11
13
  class: { type: String, default: undefined },
12
14
  },
13
15
  setup(props, { slots, attrs }) {
14
16
  return () => {
15
17
  const role = props.role ?? "assistant";
16
18
  const status = props.status;
17
- const normalizedStatus = status === "streaming"
19
+ const normalizedStatus = status === "idle" || status === "streaming"
18
20
  ? "processing"
19
21
  : status === "error"
20
22
  ? "failed"
21
23
  : status;
22
- const avatar = role[0]?.toUpperCase() ?? "";
24
+ const isStreaming = normalizedStatus === "processing";
25
+ const alignment = role === "user" ? "end" : "start";
26
+ const avatarNode = slots.avatar?.() ?? props.avatar;
27
+ const footerNode = slots.footer?.() ?? props.footer;
28
+ const actionsNode = slots.actions?.() ?? props.actions;
23
29
  return h("article", {
24
30
  ...attrs,
25
31
  class: classNames("st-chatMessage", `st-chatMessage--${role}`, normalizedStatus && `st-chatMessage--${normalizedStatus}`, props.class),
32
+ "data-role": role,
33
+ "data-status": normalizedStatus,
34
+ "data-align": alignment,
35
+ "aria-live": isStreaming ? "polite" : undefined,
26
36
  }, [
27
- h("div", { class: "st-chatMessage__avatar", "aria-hidden": "true" }, avatar),
37
+ avatarNode
38
+ ? h("div", { class: "st-chatMessage__avatar", "aria-hidden": "true" }, avatarNode)
39
+ : null,
28
40
  h("div", { class: "st-chatMessage__body" }, [
29
41
  h("div", { class: "st-chatMessage__bubble" }, [
30
42
  h("div", { class: "st-chatMessage__content" }, slots.default?.() ?? props.content),
43
+ isStreaming
44
+ ? h("span", { class: "st-chatMessage__pulse", "aria-hidden": "true" })
45
+ : null,
31
46
  ]),
32
- props.timestamp || props.actions
33
- ? h("footer", { class: "st-chatMessage__footer" }, [
34
- props.timestamp
35
- ? h("span", { class: "st-chatMessage__timestamp" }, props.timestamp)
36
- : null,
37
- props.actions
38
- ? h("span", { class: "st-chatMessage__actions" }, props.actions)
39
- : null,
47
+ footerNode || props.timestamp
48
+ ? h("div", { class: "st-chatMessage__footer" }, [
49
+ footerNode
50
+ ? footerNode
51
+ : h("span", { class: "st-chatMessage__timestamp" }, props.timestamp),
40
52
  ])
41
53
  : null,
54
+ actionsNode
55
+ ? h("div", { class: "st-chatMessage__actions" }, actionsNode)
56
+ : null,
42
57
  ]),
43
58
  ]);
44
59
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../src/ChatMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAsB7C,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,WAAW,EAAE;QACrE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,SAAS,EAAE;QACvE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACnF,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACrF,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACnF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,WAAW,CAAC;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,MAAM,gBAAgB,GACpB,MAAM,KAAK,WAAW;gBACpB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,MAAM,KAAK,OAAO;oBAClB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,MAAM,CAAC;YACf,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;YAC5C,OAAO,CAAC,CACN,SAAS,EACT;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB,gBAAgB,IAAI,mBAAmB,gBAAgB,EAAE,EACzD,KAAK,CAAC,KAAK,CACZ;aACF,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC;gBAC5E,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE;oBAC1C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE;wBAC5C,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,yBAAyB,EAAE,EACpC,KAAK,CAAC,OAAO,EAAE,EAAE,IAAK,KAAK,CAAC,OAA8B,CAC3D;qBACF,CAAC;oBACF,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,OAAO;wBAC9B,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE;4BAC/C,KAAK,CAAC,SAAS;gCACb,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,KAAK,CAAC,SAAmB,CAAC;gCAC9E,CAAC,CAAC,IAAI;4BACR,KAAK,CAAC,OAAO;gCACX,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,KAAK,CAAC,OAAiB,CAAC;gCAC1E,CAAC,CAAC,IAAI;yBACT,CAAC;wBACJ,CAAC,CAAC,IAAI;iBACT,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../src/ChatMessage.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatThread.d.ts","sourceRoot":"","sources":["../src/ChatThread.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,eAAe,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC5B,CAAC,CAAC;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAIF,MAAM,KAAK,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,CAAC,EAAE,eAAe,CAAC;YACvB,OAAO,EAAE,OAAO,CAAC;YACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;SAC5B,CAAC;;;;cAG+C,MAAM,OAAO;;;;;;;;;;;cAR/C,MAAM,KAAK,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,CAAC,EAAE,eAAe,CAAC;YACvB,OAAO,EAAE,OAAO,CAAC;YACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;SAC5B,CAAC;;;;cAG+C,MAAM,OAAO;;;;;;;;;;YAPxD,MAAM;eACH,eAAe;iBACb,OAAO;iBACP,iBAAiB;;;4EAqChC,CAAC"}
1
+ {"version":3,"file":"ChatThread.d.ts","sourceRoot":"","sources":["../src/ChatThread.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,eAAe,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC5B,CAAC,CAAC;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAIF,MAAM,KAAK,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,CAAC,EAAE,eAAe,CAAC;YACvB,OAAO,EAAE,OAAO,CAAC;YACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;SAC5B,CAAC;;;;cAG+C,MAAM,OAAO;;;;;;;;;;;cAR/C,MAAM,KAAK,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,CAAC,EAAE,eAAe,CAAC;YACvB,OAAO,EAAE,OAAO,CAAC;YACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;SAC5B,CAAC;;;;cAG+C,MAAM,OAAO;;;;;;;;;;YAPxD,MAAM;eACH,eAAe;iBACb,OAAO;iBACP,iBAAiB;;;4EAwChC,CAAC"}
@@ -33,7 +33,10 @@ export const ChatThread = defineComponent({
33
33
  return h("section", {
34
34
  ...attrs,
35
35
  class: classNames("st-chatThread", props.class),
36
+ role: "log",
36
37
  "aria-label": ariaLabel,
38
+ "aria-live": "polite",
39
+ "aria-relevant": "additions text",
37
40
  }, [h("div", { class: "st-chatThread__list" }, listContent)]);
38
41
  };
39
42
  },
@@ -1 +1 @@
1
- {"version":3,"file":"ChatThread.js","sourceRoot":"","sources":["../src/ChatThread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAc/C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,KAKJ;YACF,OAAO,EAAE,SAAS;SACnB;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,aAAa,EAAE;QAC1F,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,aAAa,CAAC;YACrD,MAAM,SAAS,GAAI,KAAK,CAAC,YAAY,CAAwB,IAAI,aAAa,CAAC;YAC/E,IAAI,WAAW,CAAC;YAChB,IAAI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;gBAC3B,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAC3C,CAAC,CAAC,WAAW,EAAE;oBACb,GAAG,EAAE,OAAO,CAAC,EAAE;oBACf,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC/C,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBACrD,OAAO,EAAE,OAAO,CAAC,OAAiB;iBACR,CAAC,CAC9B,CAAC;YACJ,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBACzB,WAAW,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,WAAW,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,UAAoB,CAAC,CAAC,CAAC;YAClF,CAAC;YACD,OAAO,CAAC,CACN,SAAS,EACT;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC/C,YAAY,EAAE,SAAS;aACxB,EACD,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,WAAW,CAAC,CAAC,CAC1D,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"ChatThread.js","sourceRoot":"","sources":["../src/ChatThread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAc/C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,KAKJ;YACF,OAAO,EAAE,SAAS;SACnB;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,aAAa,EAAE;QAC1F,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,aAAa,CAAC;YACrD,MAAM,SAAS,GAAI,KAAK,CAAC,YAAY,CAAwB,IAAI,aAAa,CAAC;YAC/E,IAAI,WAAW,CAAC;YAChB,IAAI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;gBAC3B,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAC3C,CAAC,CAAC,WAAW,EAAE;oBACb,GAAG,EAAE,OAAO,CAAC,EAAE;oBACf,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC/C,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBACrD,OAAO,EAAE,OAAO,CAAC,OAAiB;iBACR,CAAC,CAC9B,CAAC;YACJ,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBACzB,WAAW,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,WAAW,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,UAAoB,CAAC,CAAC,CAAC;YAClF,CAAC;YACD,OAAO,CAAC,CACN,SAAS,EACT;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC/C,IAAI,EAAE,KAAK;gBACX,YAAY,EAAE,SAAS;gBACvB,WAAW,EAAE,QAAQ;gBACrB,eAAe,EAAE,gBAAgB;aAClC,EACD,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,WAAW,CAAC,CAAC,CAC1D,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
package/dist/Col.d.ts CHANGED
@@ -76,12 +76,12 @@ export declare const Col: import("vue").DefineComponent<import("vue").ExtractPro
76
76
  default: undefined;
77
77
  };
78
78
  }>> & Readonly<{}>, {
79
- class: string;
80
- span: ColSpan;
81
- offset: number;
82
79
  sm: ColSpan;
83
80
  md: ColSpan;
84
81
  lg: ColSpan;
82
+ class: string;
83
+ span: ColSpan;
84
+ offset: number;
85
85
  as: string;
86
86
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
87
87
  //# sourceMappingURL=Col.d.ts.map
@@ -143,11 +143,11 @@ export declare const Combobox: import("vue").DefineComponent<import("vue").Extra
143
143
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
144
144
  }>, {
145
145
  open: boolean;
146
+ size: ComboboxSize;
146
147
  class: string;
147
148
  label: undefined;
148
149
  invalid: boolean;
149
150
  disabled: boolean;
150
- size: ComboboxSize;
151
151
  value: string;
152
152
  placeholder: string;
153
153
  helperText: string;
@@ -43,8 +43,8 @@ export declare const Container: import("vue").DefineComponent<import("vue").Extr
43
43
  default: undefined;
44
44
  };
45
45
  }>> & Readonly<{}>, {
46
- class: string;
47
46
  size: ContainerSize;
47
+ class: string;
48
48
  padding: boolean;
49
49
  as: string;
50
50
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -68,8 +68,8 @@ export declare const ContentSwitcher: import("vue").DefineComponent<import("vue"
68
68
  }>> & Readonly<{
69
69
  onChange?: ((...args: any[]) => any) | undefined;
70
70
  }>, {
71
- class: string;
72
71
  size: ContentSwitcherSize;
72
+ class: string;
73
73
  value: string;
74
74
  activeId: string;
75
75
  onchange: (value: string) => void;
@@ -62,9 +62,9 @@ export declare const CopyButton: import("vue").DefineComponent<import("vue").Ext
62
62
  }>> & Readonly<{
63
63
  onClick?: ((...args: any[]) => any) | undefined;
64
64
  }>, {
65
+ size: CopyButtonSize;
65
66
  class: string;
66
67
  label: string;
67
- size: CopyButtonSize;
68
68
  text: string;
69
69
  value: string;
70
70
  copiedLabel: string;
@@ -260,9 +260,9 @@ export declare const DataTable: import("vue").DefineComponent<import("vue").Extr
260
260
  default: undefined;
261
261
  };
262
262
  }>> & Readonly<{}>, {
263
+ size: DataTableSize;
263
264
  class: string;
264
265
  caption: VNodeChild;
265
- size: DataTableSize;
266
266
  page: number;
267
267
  emptyLabel: string;
268
268
  selectable: DataTableSelectMode;
@@ -177,13 +177,13 @@ export declare const DatePicker: import("vue").DefineComponent<import("vue").Ext
177
177
  onChange?: ((...args: any[]) => any) | undefined;
178
178
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
179
179
  }>, {
180
+ size: DatePickerSize;
180
181
  class: string;
181
182
  mode: "range" | "single";
182
183
  label: undefined;
183
184
  invalid: boolean;
184
185
  id: string;
185
186
  disabled: boolean;
186
- size: DatePickerSize;
187
187
  max: Date;
188
188
  min: Date;
189
189
  locale: string;
@@ -65,8 +65,8 @@ export declare const DonutChart: import("vue").DefineComponent<import("vue").Ext
65
65
  default: undefined;
66
66
  };
67
67
  }>> & Readonly<{}>, {
68
- class: string;
69
68
  size: number;
69
+ class: string;
70
70
  thickness: number;
71
71
  centerLabel: string | null;
72
72
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/dist/Flex.d.ts CHANGED
@@ -85,6 +85,7 @@ export declare const Flex: import("vue").DefineComponent<import("vue").ExtractPr
85
85
  default: undefined;
86
86
  };
87
87
  }>> & Readonly<{}>, {
88
+ align: FlexAlign;
88
89
  class: string;
89
90
  direction: FlexDirection;
90
91
  inline: boolean;
@@ -92,6 +93,5 @@ export declare const Flex: import("vue").DefineComponent<import("vue").ExtractPr
92
93
  justify: FlexJustify;
93
94
  gap: number;
94
95
  as: string;
95
- align: FlexAlign;
96
96
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
97
97
  //# sourceMappingURL=Flex.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAG6B,MAAM,OAAO;;;;cACT,MAAM,OAAO;;;;;;;;;;;cADjB,MAAM,OAAO;;;;cACT,MAAM,OAAO;;;;;;;;;;4EAgClE,CAAC"}
1
+ {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAG6B,MAAM,OAAO;;;;cACT,MAAM,OAAO;;;;;;;;;;;cADjB,MAAM,OAAO;;;;cACT,MAAM,OAAO;;;;;;;;;;4EAkClE,CAAC"}
package/dist/FormGroup.js CHANGED
@@ -12,11 +12,13 @@ export const FormGroup = defineComponent({
12
12
  ...attrs,
13
13
  class: classNames("st-form-group st-formGroup", props.class),
14
14
  }, [
15
- h("legend", { class: "st-form-group__legend st-formGroup__legend" }, props.legend),
15
+ props.legend
16
+ ? h("legend", { class: "st-form-group__legend st-formGroup__legend" }, props.legend)
17
+ : null,
18
+ h("div", { class: "st-form-group__body st-formGroup__body" }, slots.default?.()),
16
19
  props.helperText
17
20
  ? h("p", { class: "st-form-group__help st-formGroup__help" }, props.helperText)
18
21
  : null,
19
- h("div", { class: "st-form-group__body st-formGroup__body" }, slots.default?.()),
20
22
  ]);
21
23
  },
22
24
  });
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../src/FormGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC9E,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,UAAU,EACV;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,4BAA4B,EAAE,KAAK,CAAC,KAAK,CAAC;SAC7D,EACD;YACE,CAAC,CACC,QAAQ,EACR,EAAE,KAAK,EAAE,4CAA4C,EAAE,EACvD,KAAK,CAAC,MAAgB,CACvB;YACD,KAAK,CAAC,UAAU;gBACd,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,wCAAwC,EAAE,EACnD,KAAK,CAAC,UAAoB,CAC3B;gBACH,CAAC,CAAC,IAAI;YACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,wCAAwC,EAAE,EACnD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../src/FormGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC9E,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,UAAU,EACV;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,4BAA4B,EAAE,KAAK,CAAC,KAAK,CAAC;SAC7D,EACD;YACE,KAAK,CAAC,MAAM;gBACV,CAAC,CAAC,CAAC,CACC,QAAQ,EACR,EAAE,KAAK,EAAE,4CAA4C,EAAE,EACvD,KAAK,CAAC,MAAgB,CACvB;gBACH,CAAC,CAAC,IAAI;YACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,wCAAwC,EAAE,EACnD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB;YACD,KAAK,CAAC,UAAU;gBACd,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,wCAAwC,EAAE,EACnD,KAAK,CAAC,UAAoB,CAC3B;gBACH,CAAC,CAAC,IAAI;SACT,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
@@ -119,9 +119,9 @@ export declare const GaugeChart: import("vue").DefineComponent<import("vue").Ext
119
119
  default: undefined;
120
120
  };
121
121
  }>> & Readonly<{}>, {
122
+ size: number;
122
123
  class: string;
123
124
  label: string;
124
- size: number;
125
125
  max: number;
126
126
  min: number;
127
127
  format: GaugeChartFormat;
@@ -53,9 +53,9 @@ export declare const IconButton: import("vue").DefineComponent<import("vue").Ext
53
53
  };
54
54
  }>> & Readonly<{}>, {
55
55
  type: "button" | "reset" | "submit";
56
+ size: IconButtonSize;
56
57
  class: string;
57
58
  disabled: boolean;
58
- size: IconButtonSize;
59
59
  variant: IconButtonVariant;
60
60
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
61
61
  //# sourceMappingURL=IconButton.d.ts.map
package/dist/Inline.d.ts CHANGED
@@ -61,11 +61,11 @@ export declare const Inline: import("vue").DefineComponent<import("vue").Extract
61
61
  default: undefined;
62
62
  };
63
63
  }>> & Readonly<{}>, {
64
+ align: FlexAlign;
64
65
  class: string;
65
66
  wrap: boolean;
66
67
  justify: FlexJustify;
67
68
  gap: number;
68
69
  as: string;
69
- align: FlexAlign;
70
70
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
71
71
  //# sourceMappingURL=Inline.d.ts.map
package/dist/Input.d.ts CHANGED
@@ -111,12 +111,12 @@ export declare const Input: import("vue").DefineComponent<import("vue").ExtractP
111
111
  onFocus?: ((...args: any[]) => any) | undefined;
112
112
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
113
113
  }>, {
114
+ size: InputSize;
114
115
  class: string;
115
116
  label: string;
116
117
  invalid: boolean;
117
118
  id: string;
118
119
  disabled: boolean;
119
- size: InputSize;
120
120
  placeholder: string;
121
121
  helperText: string;
122
122
  modelValue: string;
package/dist/KpiCard.d.ts CHANGED
@@ -136,8 +136,8 @@ export declare const KpiCard: import("vue").DefineComponent<import("vue").Extrac
136
136
  default: undefined;
137
137
  };
138
138
  }>> & Readonly<{}>, {
139
- class: string;
140
139
  size: KpiCardSize;
140
+ class: string;
141
141
  format: KpiCardFormat;
142
142
  tone: KpiCardTone;
143
143
  locale: string;