@atelier-ui/react 0.1.10 → 0.1.12

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 (88) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/package.json +1 -1
  3. package/src/lib/accordion/llm-accordion.css +120 -0
  4. package/src/lib/accordion/llm-accordion.d.ts +3 -3
  5. package/src/lib/accordion/llm-accordion.d.ts.map +1 -1
  6. package/src/lib/alert/llm-alert.css +80 -0
  7. package/src/lib/alert/llm-alert.d.ts +1 -1
  8. package/src/lib/alert/llm-alert.d.ts.map +1 -1
  9. package/src/lib/avatar/llm-avatar.css +106 -0
  10. package/src/lib/avatar/llm-avatar.d.ts +2 -2
  11. package/src/lib/avatar/llm-avatar.d.ts.map +1 -1
  12. package/src/lib/badge/llm-badge.css +60 -0
  13. package/src/lib/badge/llm-badge.d.ts +1 -1
  14. package/src/lib/badge/llm-badge.d.ts.map +1 -1
  15. package/src/lib/breadcrumbs/llm-breadcrumbs.css +62 -0
  16. package/src/lib/breadcrumbs/llm-breadcrumbs.d.ts +2 -2
  17. package/src/lib/breadcrumbs/llm-breadcrumbs.d.ts.map +1 -1
  18. package/src/lib/button/llm-button.css +139 -0
  19. package/src/lib/card/llm-card.css +70 -0
  20. package/src/lib/card/llm-card.d.ts +4 -4
  21. package/src/lib/card/llm-card.d.ts.map +1 -1
  22. package/src/lib/chat/llm-chat.css +446 -0
  23. package/src/lib/chat/llm-chat.d.ts +7 -7
  24. package/src/lib/chat/llm-chat.d.ts.map +1 -1
  25. package/src/lib/checkbox/llm-checkbox.css +123 -0
  26. package/src/lib/checkbox/llm-checkbox.d.ts +1 -1
  27. package/src/lib/checkbox/llm-checkbox.d.ts.map +1 -1
  28. package/src/lib/code-block/llm-code-block.css +112 -0
  29. package/src/lib/code-block/llm-code-block.d.ts +1 -1
  30. package/src/lib/code-block/llm-code-block.d.ts.map +1 -1
  31. package/src/lib/combobox/llm-combobox.css +169 -0
  32. package/src/lib/combobox/llm-combobox.d.ts +1 -1
  33. package/src/lib/combobox/llm-combobox.d.ts.map +1 -1
  34. package/src/lib/dialog/llm-dialog.css +174 -0
  35. package/src/lib/dialog/llm-dialog.d.ts +4 -4
  36. package/src/lib/dialog/llm-dialog.d.ts.map +1 -1
  37. package/src/lib/drawer/llm-drawer.css +228 -0
  38. package/src/lib/drawer/llm-drawer.d.ts +4 -4
  39. package/src/lib/drawer/llm-drawer.d.ts.map +1 -1
  40. package/src/lib/icon/llm-icon.css +29 -0
  41. package/src/lib/icon/llm-icon.d.ts +1 -1
  42. package/src/lib/icon/llm-icon.d.ts.map +1 -1
  43. package/src/lib/input/llm-input.css +94 -0
  44. package/src/lib/input/llm-input.d.ts +1 -1
  45. package/src/lib/input/llm-input.d.ts.map +1 -1
  46. package/src/lib/menu/llm-menu.css +85 -0
  47. package/src/lib/menu/llm-menu.d.ts +4 -4
  48. package/src/lib/menu/llm-menu.d.ts.map +1 -1
  49. package/src/lib/pagination/llm-pagination.css +80 -0
  50. package/src/lib/pagination/llm-pagination.d.ts +1 -1
  51. package/src/lib/pagination/llm-pagination.d.ts.map +1 -1
  52. package/src/lib/progress/llm-progress.css +69 -0
  53. package/src/lib/progress/llm-progress.d.ts +1 -1
  54. package/src/lib/progress/llm-progress.d.ts.map +1 -1
  55. package/src/lib/radio/llm-radio.css +78 -0
  56. package/src/lib/radio/llm-radio.d.ts +1 -1
  57. package/src/lib/radio/llm-radio.d.ts.map +1 -1
  58. package/src/lib/radio-group/llm-radio-group.css +31 -0
  59. package/src/lib/radio-group/llm-radio-group.d.ts +1 -1
  60. package/src/lib/radio-group/llm-radio-group.d.ts.map +1 -1
  61. package/src/lib/select/llm-select.css +83 -0
  62. package/src/lib/select/llm-select.d.ts +2 -2
  63. package/src/lib/select/llm-select.d.ts.map +1 -1
  64. package/src/lib/skeleton/llm-skeleton.css +51 -0
  65. package/src/lib/skeleton/llm-skeleton.d.ts +1 -1
  66. package/src/lib/skeleton/llm-skeleton.d.ts.map +1 -1
  67. package/src/lib/stepper/llm-stepper.css +171 -0
  68. package/src/lib/stepper/llm-stepper.d.ts +1 -1
  69. package/src/lib/stepper/llm-stepper.d.ts.map +1 -1
  70. package/src/lib/table/llm-table.css +200 -0
  71. package/src/lib/table/llm-table.d.ts +6 -6
  72. package/src/lib/table/llm-table.d.ts.map +1 -1
  73. package/src/lib/tabs/llm-tabs.css +120 -0
  74. package/src/lib/tabs/llm-tabs.d.ts +1 -1
  75. package/src/lib/tabs/llm-tabs.d.ts.map +1 -1
  76. package/src/lib/textarea/llm-textarea.css +100 -0
  77. package/src/lib/textarea/llm-textarea.d.ts +1 -1
  78. package/src/lib/textarea/llm-textarea.d.ts.map +1 -1
  79. package/src/lib/toast/llm-toast.css +137 -0
  80. package/src/lib/toast/llm-toast.d.ts +3 -3
  81. package/src/lib/toast/llm-toast.d.ts.map +1 -1
  82. package/src/lib/toggle/llm-toggle.css +118 -0
  83. package/src/lib/toggle/llm-toggle.d.ts +1 -1
  84. package/src/lib/toggle/llm-toggle.d.ts.map +1 -1
  85. package/src/lib/tooltip/llm-tooltip.css +80 -0
  86. package/src/lib/tooltip/llm-tooltip.d.ts +1 -1
  87. package/src/lib/tooltip/llm-tooltip.d.ts.map +1 -1
  88. package/styles/tokens.css +346 -0
@@ -0,0 +1,85 @@
1
+ /* Menu panel */
2
+ .llm-menu {
3
+ display: block;
4
+ min-width: 12rem;
5
+ padding: var(--ui-spacing-2) 0;
6
+ background: var(--ui-color-surface-raised);
7
+ border: 1px solid var(--ui-color-border);
8
+ border-radius: var(--ui-radius-lg);
9
+ box-shadow: var(--ui-shadow-lg);
10
+ font-family: var(--ui-font-family);
11
+ font-size: var(--ui-font-size-md);
12
+ color: var(--ui-color-text);
13
+ outline: none;
14
+ overflow: hidden;
15
+
16
+ /* Entry animation */
17
+ animation: llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards;
18
+ }
19
+
20
+ .llm-menu.variant-compact {
21
+ font-size: var(--ui-font-size-sm);
22
+ padding: var(--ui-spacing-1) 0;
23
+ }
24
+
25
+ .llm-menu.variant-compact .llm-menu-item {
26
+ min-height: 2rem;
27
+ padding: var(--ui-spacing-1) var(--ui-spacing-3);
28
+ }
29
+
30
+ @keyframes llm-menu-enter {
31
+ from {
32
+ opacity: 0;
33
+ transform: translateY(-4px);
34
+ }
35
+ to {
36
+ opacity: 1;
37
+ transform: translateY(0);
38
+ }
39
+ }
40
+
41
+ /* Menu item */
42
+ .llm-menu-item {
43
+ display: flex;
44
+ align-items: center;
45
+ gap: var(--ui-spacing-3);
46
+ min-height: 2.25rem;
47
+ padding: var(--ui-spacing-2) var(--ui-spacing-4);
48
+ cursor: pointer;
49
+ color: var(--ui-color-text);
50
+ transition: background var(--ui-transition-fast);
51
+ outline: none;
52
+ border: none;
53
+ background: none;
54
+ font: inherit;
55
+ width: 100%;
56
+ text-align: start;
57
+ }
58
+
59
+ .llm-menu-item:hover,
60
+ .llm-menu-item:focus-visible {
61
+ background: var(--ui-color-surface-sunken);
62
+ }
63
+
64
+ .llm-menu-item.is-disabled {
65
+ opacity: var(--ui-opacity-disabled);
66
+ cursor: not-allowed;
67
+ }
68
+
69
+ /* Separator */
70
+ .llm-menu-separator {
71
+ display: block;
72
+ height: 1px;
73
+ margin: var(--ui-spacing-2) 0;
74
+ background: var(--ui-color-border);
75
+ border: none;
76
+ }
77
+
78
+ /* Trigger panel — positioned absolutely below trigger */
79
+ .llm-menu-panel {
80
+ position: absolute;
81
+ z-index: var(--ui-z-dropdown, 100);
82
+ top: calc(100% + var(--ui-spacing-2));
83
+ left: 0;
84
+ min-width: 100%;
85
+ }
@@ -17,7 +17,7 @@ export interface LlmMenuProps extends HTMLAttributes<HTMLDivElement>, LlmMenuSpe
17
17
  /**
18
18
  * A menu component for displaying a list of choices.
19
19
  */
20
- export declare function LlmMenu({ variant, children, className, ...rest }: LlmMenuProps): import("react/jsx-runtime").JSX.Element;
20
+ export declare function LlmMenu({ variant, children, className, ...rest }: LlmMenuProps): import("react").JSX.Element;
21
21
  /**
22
22
  * Properties for the LlmMenuItem component.
23
23
  */
@@ -38,11 +38,11 @@ export interface LlmMenuItemProps extends HTMLAttributes<HTMLButtonElement>, Llm
38
38
  /**
39
39
  * An individual item within a menu.
40
40
  */
41
- export declare function LlmMenuItem({ disabled, onTriggered, children, className, onClick, ...rest }: LlmMenuItemProps): import("react/jsx-runtime").JSX.Element;
41
+ export declare function LlmMenuItem({ disabled, onTriggered, children, className, onClick, ...rest }: LlmMenuItemProps): import("react").JSX.Element;
42
42
  /**
43
43
  * A separator for dividing groups of menu items.
44
44
  */
45
- export declare function LlmMenuSeparator(): import("react/jsx-runtime").JSX.Element;
45
+ export declare function LlmMenuSeparator(): import("react").JSX.Element;
46
46
  /**
47
47
  * Properties for the LlmMenuTrigger component.
48
48
  */
@@ -62,5 +62,5 @@ export interface LlmMenuTriggerProps {
62
62
  /**
63
63
  * A component that manages the state of a menu and its trigger.
64
64
  */
65
- export declare function LlmMenuTrigger({ menu, children }: LlmMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
65
+ export declare function LlmMenuTrigger({ menu, children }: LlmMenuTriggerProps): import("react").JSX.Element;
66
66
  //# sourceMappingURL=llm-menu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"llm-menu.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/llm-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAQxB;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAO1F;AAED;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,iBAAiB,CAAC,EACvC,eAAe;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAyBlB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CAE/B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACpC,KAAK,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4CrE"}
1
+ {"version":3,"file":"llm-menu.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/llm-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAQxB;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAO1F;AAED;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,iBAAiB,CAAC,EACvC,eAAe;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAyBlB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,gCAE/B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACpC,KAAK,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA4CrE"}
@@ -0,0 +1,80 @@
1
+ .llm-pagination {
2
+ display: block;
3
+ font-family: var(--ui-font-family);
4
+ }
5
+
6
+ .page-list {
7
+ display: flex;
8
+ flex-wrap: wrap;
9
+ align-items: center;
10
+ gap: var(--ui-spacing-2);
11
+ list-style: none;
12
+ margin: 0;
13
+ padding: 0;
14
+ }
15
+
16
+ /* Page button */
17
+ .page-btn {
18
+ all: unset;
19
+ display: inline-flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+ min-width: 2.25rem;
23
+ height: 2.25rem;
24
+ padding: 0 var(--ui-spacing-2);
25
+ border-radius: var(--ui-radius-md);
26
+ border: 1px solid transparent;
27
+ background: transparent;
28
+ color: var(--ui-color-text);
29
+ font-size: var(--ui-font-size-sm);
30
+ font-weight: var(--ui-font-weight-medium);
31
+ cursor: pointer;
32
+ user-select: none;
33
+ transition:
34
+ background-color var(--ui-transition-fast),
35
+ border-color var(--ui-transition-fast),
36
+ color var(--ui-transition-fast);
37
+ }
38
+
39
+ .page-btn:hover:not(:disabled) {
40
+ background-color: var(--ui-color-surface-sunken);
41
+ color: var(--ui-color-text);
42
+ }
43
+
44
+ .page-btn:focus-visible {
45
+ outline: none;
46
+ box-shadow: var(--ui-focus-ring);
47
+ }
48
+
49
+ /* Active (current) page — primary fill */
50
+ .page-btn.is-active {
51
+ background-color: var(--ui-color-primary);
52
+ border-color: var(--ui-color-primary);
53
+ color: var(--ui-color-text-on-primary);
54
+ font-weight: var(--ui-font-weight-semibold);
55
+ }
56
+
57
+ .page-btn.is-active:hover {
58
+ background-color: var(--ui-color-primary-hover);
59
+ border-color: var(--ui-color-primary-hover);
60
+ }
61
+
62
+ /* Disabled */
63
+ .page-btn.is-disabled,
64
+ .page-btn:disabled {
65
+ opacity: var(--ui-opacity-disabled);
66
+ pointer-events: none;
67
+ cursor: default;
68
+ }
69
+
70
+ /* Ellipsis */
71
+ .ellipsis {
72
+ display: inline-flex;
73
+ align-items: center;
74
+ justify-content: center;
75
+ min-width: 2.25rem;
76
+ height: 2.25rem;
77
+ color: var(--ui-color-text-muted);
78
+ font-size: var(--ui-font-size-sm);
79
+ user-select: none;
80
+ }
@@ -29,5 +29,5 @@ export interface LlmPaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'o
29
29
  /**
30
30
  * A pagination component for navigating through paged content.
31
31
  */
32
- export declare function LlmPagination({ page, pageCount, siblingCount, showFirstLast, onPageChange, className, ...rest }: LlmPaginationProps): import("react/jsx-runtime").JSX.Element;
32
+ export declare function LlmPagination({ page, pageCount, siblingCount, showFirstLast, onPageChange, className, ...rest }: LlmPaginationProps): import("react").JSX.Element;
33
33
  //# sourceMappingURL=llm-pagination.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"llm-pagination.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/pagination/llm-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,sBAAsB,CAAC;AAsC9B;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,EACnD,iBAAiB;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAQ,EACR,SAAa,EACb,YAAgB,EAChB,aAAoB,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAmGpB"}
1
+ {"version":3,"file":"llm-pagination.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/pagination/llm-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,sBAAsB,CAAC;AAsC9B;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,EACnD,iBAAiB;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAQ,EACR,SAAa,EACb,YAAgB,EAChB,aAAoB,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAmGpB"}
@@ -0,0 +1,69 @@
1
+ .llm-progress {
2
+ display: block;
3
+ width: 100%;
4
+ font-family: var(--ui-font-family);
5
+ }
6
+
7
+ .track {
8
+ position: relative;
9
+ width: 100%;
10
+ border-radius: var(--ui-radius-full);
11
+ background-color: var(--ui-color-surface-sunken);
12
+ overflow: hidden;
13
+ }
14
+
15
+ /* Size variants — modernised for visibility (sm was 4px → 6px) */
16
+ .llm-progress.size-sm .track {
17
+ height: 6px;
18
+ }
19
+
20
+ .llm-progress.size-md .track {
21
+ height: 10px;
22
+ }
23
+
24
+ .llm-progress.size-lg .track {
25
+ height: 14px;
26
+ }
27
+
28
+ /* Fill */
29
+ .fill {
30
+ height: 100%;
31
+ border-radius: var(--ui-radius-full);
32
+ background-color: var(--ui-color-primary);
33
+ transition: width var(--ui-transition-normal);
34
+ }
35
+
36
+ /* Color variants */
37
+ .llm-progress.variant-success .fill {
38
+ background-color: var(--ui-color-success);
39
+ }
40
+
41
+ .llm-progress.variant-warning .fill {
42
+ background-color: var(--ui-color-warning);
43
+ }
44
+
45
+ .llm-progress.variant-danger .fill {
46
+ background-color: var(--ui-color-danger);
47
+ }
48
+
49
+ /* Indeterminate animation */
50
+ @keyframes progress-indeterminate {
51
+ 0% {
52
+ transform: translateX(-150%);
53
+ }
54
+ 100% {
55
+ transform: translateX(350%);
56
+ }
57
+ }
58
+
59
+ .llm-progress.is-indeterminate .fill {
60
+ width: 40% !important;
61
+ animation: progress-indeterminate 1.4s var(--ui-ease-in-out) infinite;
62
+ }
63
+
64
+ @media (prefers-reduced-motion: reduce) {
65
+ .llm-progress.is-indeterminate .fill {
66
+ animation: none;
67
+ opacity: 0.5;
68
+ }
69
+ }
@@ -34,5 +34,5 @@ export interface LlmProgressProps extends HTMLAttributes<HTMLDivElement>, LlmPro
34
34
  /**
35
35
  * A progress bar component for displaying task progress.
36
36
  */
37
- export declare function LlmProgress({ value, max, variant, size, indeterminate, label, className, ...rest }: LlmProgressProps): import("react/jsx-runtime").JSX.Element;
37
+ export declare function LlmProgress({ value, max, variant, size, indeterminate, label, className, ...rest }: LlmProgressProps): import("react").JSX.Element;
38
38
  //# sourceMappingURL=llm-progress.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"llm-progress.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/progress/llm-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAS,EACT,GAAS,EACT,OAAmB,EACnB,IAAW,EACX,aAAqB,EACrB,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA2BlB"}
1
+ {"version":3,"file":"llm-progress.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/progress/llm-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAS,EACT,GAAS,EACT,OAAmB,EACnB,IAAW,EACX,aAAqB,EACrB,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,+BA2BlB"}
@@ -0,0 +1,78 @@
1
+ .llm-radio {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ gap: var(--ui-spacing-3);
5
+ cursor: pointer;
6
+ user-select: none;
7
+ color: var(--ui-color-text);
8
+ line-height: var(--ui-line-height-normal);
9
+ font-family: var(--ui-font-family);
10
+ font-size: var(--ui-font-size-md);
11
+ padding: var(--ui-spacing-1) 0;
12
+ min-height: 1.5rem;
13
+ transition: color var(--ui-transition-fast);
14
+ }
15
+
16
+ .llm-radio:hover:not(.is-disabled) {
17
+ color: var(--ui-color-primary);
18
+ }
19
+
20
+ .llm-radio input[type='radio'] {
21
+ appearance: none;
22
+ -webkit-appearance: none;
23
+ flex-shrink: 0;
24
+ width: 1.25rem;
25
+ height: 1.25rem;
26
+ border: 1.5px solid var(--ui-color-border-strong);
27
+ border-radius: 50%;
28
+ background-color: var(--ui-color-input-bg);
29
+ cursor: pointer;
30
+ position: relative;
31
+ transition: border-color var(--ui-transition-fast),
32
+ border-width var(--ui-transition-fast) var(--ui-ease-out),
33
+ background-color var(--ui-transition-fast),
34
+ box-shadow var(--ui-transition-fast);
35
+ outline: none;
36
+ margin: 0;
37
+ }
38
+
39
+ .llm-radio:hover input[type='radio']:not(:disabled) {
40
+ border-color: var(--ui-color-primary);
41
+ }
42
+
43
+ .llm-radio input[type='radio']:focus-visible {
44
+ box-shadow: var(--ui-focus-ring);
45
+ border-color: var(--ui-color-primary);
46
+ }
47
+
48
+ /* Checked state — thick inner ring */
49
+ .llm-radio input[type='radio']:checked {
50
+ border-color: var(--ui-color-primary);
51
+ border-width: 6px;
52
+ }
53
+
54
+ /* Invalid state */
55
+ .llm-radio.is-invalid input[type='radio'] {
56
+ border-color: var(--ui-color-input-border-invalid);
57
+ }
58
+
59
+ .llm-radio.is-invalid:hover input[type='radio'] {
60
+ border-color: var(--ui-color-danger-hover);
61
+ }
62
+
63
+ .llm-radio.is-invalid input[type='radio']:focus-visible {
64
+ border-color: var(--ui-color-input-border-invalid);
65
+ box-shadow: 0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger);
66
+ }
67
+
68
+ /* Disabled state */
69
+ .llm-radio.is-disabled {
70
+ opacity: var(--ui-opacity-disabled);
71
+ cursor: not-allowed;
72
+ color: var(--ui-color-text-muted);
73
+ }
74
+
75
+ .llm-radio.is-disabled input[type='radio'] {
76
+ cursor: not-allowed;
77
+ border-color: var(--ui-color-border);
78
+ }
@@ -21,5 +21,5 @@ export interface LlmRadioProps extends LlmRadioSpec {
21
21
  /**
22
22
  * An individual radio button component, meant to be used within LlmRadioGroup.
23
23
  */
24
- export declare function LlmRadio({ radioValue, disabled, children }: LlmRadioProps): import("react/jsx-runtime").JSX.Element;
24
+ export declare function LlmRadio({ radioValue, disabled, children }: LlmRadioProps): import("react").JSX.Element;
25
25
  //# sourceMappingURL=llm-radio.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"llm-radio.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio/llm-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA+BjF"}
1
+ {"version":3,"file":"llm-radio.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio/llm-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,aAAa,+BA+BjF"}
@@ -0,0 +1,31 @@
1
+ .llm-radio-group {
2
+ display: flex;
3
+ font-family: var(--ui-font-family);
4
+ gap: var(--ui-spacing-3);
5
+ }
6
+
7
+ .llm-radio-group.orientation-vertical {
8
+ flex-direction: column;
9
+ }
10
+
11
+ .llm-radio-group.orientation-horizontal {
12
+ flex-direction: row;
13
+ flex-wrap: wrap;
14
+ }
15
+
16
+ .llm-radio-group.is-disabled {
17
+ opacity: var(--ui-opacity-disabled);
18
+ cursor: not-allowed;
19
+ }
20
+
21
+ /* Error messages */
22
+ .llm-radio-group .errors {
23
+ margin-top: var(--ui-spacing-2);
24
+ }
25
+
26
+ .llm-radio-group .error-message {
27
+ margin: 0;
28
+ font-size: var(--ui-font-size-sm);
29
+ color: var(--ui-color-error-text);
30
+ line-height: var(--ui-line-height-normal);
31
+ }
@@ -83,6 +83,6 @@ export interface LlmRadioGroupProps extends Omit<InputHTMLAttributes<HTMLDivElem
83
83
  /**
84
84
  * A group of radio buttons.
85
85
  */
86
- export declare function LlmRadioGroup({ value, onValueChange, orientation, name, disabled, readOnly: reactReadOnly, readonly: specReadOnly, invalid, required, errors, children, className, ...rest }: LlmRadioGroupProps): import("react/jsx-runtime").JSX.Element;
86
+ export declare function LlmRadioGroup({ value, onValueChange, orientation, name, disabled, readOnly: reactReadOnly, readonly: specReadOnly, invalid, required, errors, children, className, ...rest }: LlmRadioGroupProps): import("react").JSX.Element;
87
87
  export declare function useRadioGroup(): RadioGroupContextValue;
88
88
  //# sourceMappingURL=llm-radio-group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"llm-radio-group.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio-group/llm-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,iDAQ5B,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC3D,iBAAiB;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,aAAa,EACb,WAAwB,EACxB,IAAS,EACT,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAe,EACf,QAAgB,EAChB,MAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAsEpB;AAED,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD"}
1
+ {"version":3,"file":"llm-radio-group.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio-group/llm-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,iDAQ5B,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC3D,iBAAiB;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,aAAa,EACb,WAAwB,EACxB,IAAS,EACT,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAe,EACf,QAAgB,EAChB,MAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAsEpB;AAED,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD"}
@@ -0,0 +1,83 @@
1
+ .llm-select {
2
+ display: inline-block;
3
+ position: relative;
4
+ font-family: var(--ui-font-family);
5
+ font-size: var(--ui-font-size-md);
6
+ }
7
+
8
+ .llm-select label {
9
+ display: block;
10
+ margin-bottom: var(--ui-spacing-2);
11
+ font-size: var(--ui-font-size-sm);
12
+ color: var(--ui-color-text);
13
+ font-weight: var(--ui-font-weight-medium);
14
+ }
15
+
16
+ /* Select wrapper — holds native select + arrow icon */
17
+ .llm-select .select-wrapper {
18
+ position: relative;
19
+ display: flex;
20
+ align-items: center;
21
+ }
22
+
23
+ .llm-select select {
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: space-between;
27
+ width: 100%;
28
+ min-height: 2.5rem;
29
+ padding: 0.625rem var(--ui-spacing-4);
30
+ padding-inline-end: calc(var(--ui-spacing-4) + 1.25rem);
31
+ background: var(--ui-color-input-bg);
32
+ border: 1px solid var(--ui-color-input-border);
33
+ border-radius: var(--ui-radius-md);
34
+ color: var(--ui-color-text);
35
+ font-family: inherit;
36
+ font-size: inherit;
37
+ cursor: pointer;
38
+ appearance: none;
39
+ -webkit-appearance: none;
40
+ transition:
41
+ border-color var(--ui-transition-fast),
42
+ box-shadow var(--ui-transition-fast),
43
+ background-color var(--ui-transition-fast);
44
+ }
45
+
46
+ .llm-select select:hover:not(:disabled) {
47
+ border-color: var(--ui-color-input-border-hover);
48
+ }
49
+
50
+ .llm-select select:focus-visible {
51
+ outline: none;
52
+ box-shadow: var(--ui-focus-ring);
53
+ border-color: var(--ui-color-input-border-focus);
54
+ }
55
+
56
+ .llm-select select:disabled {
57
+ opacity: var(--ui-opacity-disabled);
58
+ cursor: not-allowed;
59
+ }
60
+
61
+ .llm-select.is-invalid select {
62
+ border-color: var(--ui-color-input-border-invalid);
63
+ }
64
+
65
+ /* Arrow icon */
66
+ .llm-select .select-arrow {
67
+ position: absolute;
68
+ inset-inline-end: var(--ui-spacing-4);
69
+ pointer-events: none;
70
+ font-size: var(--ui-font-size-xs);
71
+ color: var(--ui-color-text-muted);
72
+ }
73
+
74
+ /* Error display */
75
+ .llm-select .errors {
76
+ margin-top: var(--ui-spacing-2);
77
+ }
78
+
79
+ .llm-select .error-message {
80
+ margin: 0;
81
+ font-size: var(--ui-font-size-sm);
82
+ color: var(--ui-color-error-text);
83
+ }
@@ -37,7 +37,7 @@ export interface LlmSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElem
37
37
  /**
38
38
  * A select component for choosing an option from a list.
39
39
  */
40
- export declare function LlmSelect({ value, onValueChange, placeholder, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, label, children, className, id, ...rest }: LlmSelectProps): import("react/jsx-runtime").JSX.Element;
40
+ export declare function LlmSelect({ value, onValueChange, placeholder, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, label, children, className, id, ...rest }: LlmSelectProps): import("react").JSX.Element;
41
41
  /**
42
42
  * Properties for the LlmOption component.
43
43
  */
@@ -54,5 +54,5 @@ export interface LlmOptionProps extends OptionHTMLAttributes<HTMLOptionElement>,
54
54
  /**
55
55
  * An individual option component for use within LlmSelect.
56
56
  */
57
- export declare function LlmOption({ optionValue, children, ...rest }: LlmOptionProps): import("react/jsx-runtime").JSX.Element;
57
+ export declare function LlmOption({ optionValue, children, ...rest }: LlmOptionProps): import("react").JSX.Element;
58
58
  //# sourceMappingURL=llm-select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"llm-select.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/select/llm-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACd,MAAM,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACzE,aAAa;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAU,EACV,aAAa,EACb,WAAW,EACX,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,cAAc,2CAiDhB;AAED;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,aAAa;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAM3E"}
1
+ {"version":3,"file":"llm-select.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/select/llm-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACd,MAAM,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACzE,aAAa;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAU,EACV,aAAa,EACb,WAAW,EACX,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,cAAc,+BAiDhB;AAED;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,aAAa;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAM3E"}
@@ -0,0 +1,51 @@
1
+ .llm-skeleton {
2
+ display: block;
3
+ background: var(--ui-color-border);
4
+ overflow: hidden;
5
+ position: relative;
6
+ }
7
+
8
+ /* Variant shapes */
9
+ .llm-skeleton.variant-text {
10
+ border-radius: var(--ui-radius-sm);
11
+ }
12
+
13
+ .llm-skeleton.variant-circular {
14
+ border-radius: var(--ui-radius-full, 9999px);
15
+ }
16
+
17
+ .llm-skeleton.variant-rectangular {
18
+ border-radius: var(--ui-radius-md);
19
+ }
20
+
21
+ /* Shimmer animation — uses currentColor-aware overlay so it reads on
22
+ * both light and dark surfaces (was hardcoded white at 0.3 alpha,
23
+ * which only showed on dark backgrounds). */
24
+ .llm-skeleton.is-animated::after {
25
+ content: '';
26
+ position: absolute;
27
+ inset: 0;
28
+ background: linear-gradient(
29
+ 90deg,
30
+ transparent 0%,
31
+ color-mix(in srgb, var(--ui-color-surface-raised) 80%, transparent) 50%,
32
+ transparent 100%
33
+ );
34
+ animation: shimmer 1.5s infinite;
35
+ }
36
+
37
+ @keyframes shimmer {
38
+ 0% {
39
+ transform: translateX(-100%);
40
+ }
41
+ 100% {
42
+ transform: translateX(100%);
43
+ }
44
+ }
45
+
46
+ /* Respect reduced motion */
47
+ @media (prefers-reduced-motion: reduce) {
48
+ .llm-skeleton.is-animated::after {
49
+ animation: none;
50
+ }
51
+ }
@@ -25,5 +25,5 @@ export interface LlmSkeletonProps extends HTMLAttributes<HTMLDivElement>, LlmSke
25
25
  /**
26
26
  * A placeholder component used to represent content while it's loading.
27
27
  */
28
- export declare function LlmSkeleton({ variant, width, height, animated, className, style, ...rest }: LlmSkeletonProps): import("react/jsx-runtime").JSX.Element;
28
+ export declare function LlmSkeleton({ variant, width, height, animated, className, style, ...rest }: LlmSkeletonProps): import("react").JSX.Element;
29
29
  //# sourceMappingURL=llm-skeleton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"llm-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/skeleton/llm-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAgB,EAChB,KAAc,EACd,MAAM,EACN,QAAe,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAMlB"}
1
+ {"version":3,"file":"llm-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/skeleton/llm-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAgB,EAChB,KAAc,EACd,MAAM,EACN,QAAe,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAMlB"}