@reopt-ai/opt-ui 1.10.0 → 1.11.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 (64) hide show
  1. package/COMPONENT_CATALOG.md +177 -66
  2. package/README.md +21 -5
  3. package/dist/core/index.cjs +10 -8
  4. package/dist/core/index.d.cts +3 -3
  5. package/dist/core/index.d.ts +3 -3
  6. package/dist/core/index.js +3 -3
  7. package/dist/docs/02-components/01-core.md +92 -41
  8. package/dist/docs/02-components/02-visuals.md +1 -1
  9. package/dist/docs/02-components/03-shells.md +96 -26
  10. package/dist/docs/02-components/04-surfaces.md +1 -1
  11. package/dist/docs/02-components/index.md +5 -5
  12. package/dist/{field-sidebar-DWfJAJlx.d.ts → field-sidebar-B5SQC35J.d.cts} +214 -3
  13. package/dist/field-sidebar-B5SQC35J.d.cts.map +1 -0
  14. package/dist/{field-sidebar-BXjvV7Cz.js → field-sidebar-BXl5RJ3q.js} +589 -40
  15. package/dist/field-sidebar-BXl5RJ3q.js.map +1 -0
  16. package/dist/{field-sidebar-nwcE9LC4.d.cts → field-sidebar-CBeWE8xX.d.ts} +214 -3
  17. package/dist/field-sidebar-CBeWE8xX.d.ts.map +1 -0
  18. package/dist/{field-sidebar-B6Ndr8HE.cjs → field-sidebar-DAuN4jPV.cjs} +605 -38
  19. package/dist/id-registry.cjs +46 -6
  20. package/dist/id-registry.d.cts.map +1 -1
  21. package/dist/id-registry.d.ts.map +1 -1
  22. package/dist/id-registry.js +46 -6
  23. package/dist/id-registry.js.map +1 -1
  24. package/dist/id-registry.json +97 -12
  25. package/dist/index.cjs +39 -33
  26. package/dist/index.d.cts +10 -6
  27. package/dist/index.d.cts.map +1 -1
  28. package/dist/index.d.ts +10 -6
  29. package/dist/index.d.ts.map +1 -1
  30. package/dist/index.js +20 -19
  31. package/dist/index.js.map +1 -1
  32. package/dist/{key-pad-menu-DfZbeXhG.d.cts → key-pad-menu-BxTy_u0Q.d.cts} +152 -7
  33. package/dist/key-pad-menu-BxTy_u0Q.d.cts.map +1 -0
  34. package/dist/{key-pad-menu-D5mQcS5v.cjs → key-pad-menu-Cg6rZBie.cjs} +490 -609
  35. package/dist/{key-pad-menu-BsgJMjD4.d.ts → key-pad-menu-u5GTJl9B.d.ts} +152 -7
  36. package/dist/key-pad-menu-u5GTJl9B.d.ts.map +1 -0
  37. package/dist/{key-pad-menu-BQunU20e.js → key-pad-menu-wXkWn1I1.js} +387 -458
  38. package/dist/key-pad-menu-wXkWn1I1.js.map +1 -0
  39. package/dist/meta.cjs +486 -9
  40. package/dist/meta.d.cts.map +1 -1
  41. package/dist/meta.d.ts.map +1 -1
  42. package/dist/meta.js +486 -9
  43. package/dist/meta.js.map +1 -1
  44. package/dist/shells/index.cjs +4 -1
  45. package/dist/shells/index.d.cts +2 -2
  46. package/dist/shells/index.d.ts +2 -2
  47. package/dist/shells/index.js +2 -2
  48. package/dist/{text-truncate-CxdzAnhS.cjs → text-truncate-BZdL1k5Z.cjs} +474 -83
  49. package/dist/{text-truncate-j6X3z7Pv.js → text-truncate-C17HHCR-.js} +405 -86
  50. package/dist/text-truncate-C17HHCR-.js.map +1 -0
  51. package/dist/{text-truncate-BGr7bB_8.d.ts → text-truncate-DW78lg4S.d.cts} +18 -3
  52. package/dist/text-truncate-DW78lg4S.d.cts.map +1 -0
  53. package/dist/{text-truncate-BGr7bB_8.d.cts → text-truncate-DW78lg4S.d.ts} +18 -3
  54. package/dist/text-truncate-DW78lg4S.d.ts.map +1 -0
  55. package/package.json +1 -1
  56. package/dist/field-sidebar-BXjvV7Cz.js.map +0 -1
  57. package/dist/field-sidebar-DWfJAJlx.d.ts.map +0 -1
  58. package/dist/field-sidebar-nwcE9LC4.d.cts.map +0 -1
  59. package/dist/key-pad-menu-BQunU20e.js.map +0 -1
  60. package/dist/key-pad-menu-BsgJMjD4.d.ts.map +0 -1
  61. package/dist/key-pad-menu-DfZbeXhG.d.cts.map +0 -1
  62. package/dist/text-truncate-BGr7bB_8.d.cts.map +0 -1
  63. package/dist/text-truncate-BGr7bB_8.d.ts.map +0 -1
  64. package/dist/text-truncate-j6X3z7Pv.js.map +0 -1
@@ -14,8 +14,23 @@ interface StatCard {
14
14
  id: string;
15
15
  title: string;
16
16
  value: string;
17
- change: string;
18
- trend: "up" | "down" | "neutral";
17
+ /**
18
+ * Comparison text, e.g. `"+12.5%"`. Omit when there is nothing to compare
19
+ * against — the delta row is dropped rather than rendered blank, so a card
20
+ * without a baseline reads as a plain figure instead of a broken one.
21
+ */
22
+ change?: string;
23
+ /** Direction the `change` moved. Only meaningful alongside `change`. */
24
+ trend?: "up" | "down" | "neutral";
25
+ /**
26
+ * Whether an upward `trend` is good. Bounce rate and error count go the
27
+ * other way, and colouring them green on a rise misreads the number.
28
+ */
29
+ polarity?: "positive" | "negative";
30
+ /** One line under the value — what the figure counts, or its window. */
31
+ description?: string;
32
+ /** Longer explanation surfaced on hover/focus, e.g. how it is derived. */
33
+ hint?: string;
19
34
  rawValue?: number;
20
35
  format?: "text" | "duration" | "percentage";
21
36
  durationUnit?: "ms" | "s";
@@ -406,4 +421,4 @@ interface TextTruncateProps {
406
421
  declare function TextTruncate({ text, truncation, ellipsis, width, children, className }: TextTruncateProps): import("react").JSX.Element;
407
422
  //#endregion
408
423
  export { FormFieldDef as A, TableColumn as B, EnvVarDef as C, FaqItem as D, FailureItem as E, ProjectDef as F, ToolbarButtonDef as G, TeamMemberDef as H, QuickActionDef as I, SelectOption as L, MenuItemDef as M, NavItem as N, FilterGroupDef as O, NavItemDef as P, StatCard as R, EnvGroupDef as S, ExportFormat as T, TimePreset as U, TaskDef as V, ToastOptions as W, ChatModelDef as _, FieldDataType as a, DeploymentStep as b, resolveFieldType as c, ChartConfig as d, ChartDataPoint as f, ChatMessageDef as g, ChatConversationDef as h, FIELD_TYPE_TOKENS as i, MenuDef as j, FilterOption as k, ActivityDef as l, ChartSeriesDef as m, TextTruncateProps as n, FieldToken as o, ChartMargin as p, TruncationSide as r, FieldTokenProps as s, TextTruncate as t, BranchDef as u, ChatStylePresetDef as v, ExportColumn as w, DomainDef as x, CommandDef as y, TabDef as z };
409
- //# sourceMappingURL=text-truncate-BGr7bB_8.d.ts.map
424
+ //# sourceMappingURL=text-truncate-DW78lg4S.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-truncate-DW78lg4S.d.cts","names":[],"sources":["../src/lib/types.ts","../src/core/field-token.tsx","../src/core/text-truncate.tsx"],"mappings":";;;;UACiB;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;;;;EAMA;;EAEA;;;;;EAKA;;EAEA;;EAEA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAAY;EACZ;;;UAIe;EACf;EACA;EACA,OAAO;;;UAIQ;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA,MAAM,MAAM;EACZ;;;UAIe;EACf;EACA;EACA,SAAS,MAAM;;;UAIA;EACf;EACA;EACA;EAWA;EACA;EACA;EACA;EACA,YAAY;EACZ;IAAY;IAAe;;;EAE3B;;EAEA;;EAEA;;EAEA;;EAEA,sBAAsB,QAAQ;;;UAMf;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA,MAAM;;;UAIS;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAMe,YAAY;EAC3B;EACA;EACA,gBAAgB,MAAM,KAAK,MAAM,MAAM;EACvC;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA,WAAW;EACX;EACA;EACA;IAAa;IAAY;IAAe;;;;UAIzB;EACf;EACA;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EAQA;EACA;EACA,OAAO;EACP;EACA,WAAW;EACX;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA,UAAU;EACV;;;UAIe;EACf;EACA;EACA;EACA,OAAO,MAAM;EACb;EACA;EACA;;;UAMe;EACf;EACA;;;KAIU;;UAGK;EACf;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;;;UAMI;EACf;GACC;;;UAIc;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf,QAAQ;EACR;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;;;;;;;;KClVU;UAuBF;EACR,MAAM;;EAEN;;EAEA;;;;;;cAOW,mBAAmB,OAAO,eAAe;;;;;;iBA6BtC,iBACd,iCACC;;UA2Cc;;EAEf,MAAM;EACN;;EAEA;EACA;;;;;;EAMA;;;;;EAKA;EACA;;;;;;;;;;;;;;;;iBAiBc,aACd,MACA,MACA,MACA,OACA,OACA,YACA,aACC,kCAAe,IAAA;;;;KCjLN;;UA8FK;EACf;;;;;EAKA,aAAa;EACb;;;;;EAKA;;;;;EAKA,YAAY,sBAAsB,MAAM;EACxC;;;;;;;;;;;;;;;;;;;;iBAqBc,eACd,MACA,YACA,UACA,OACA,UACA,aACC,oCAAiB,IAAA"}
@@ -14,8 +14,23 @@ interface StatCard {
14
14
  id: string;
15
15
  title: string;
16
16
  value: string;
17
- change: string;
18
- trend: "up" | "down" | "neutral";
17
+ /**
18
+ * Comparison text, e.g. `"+12.5%"`. Omit when there is nothing to compare
19
+ * against — the delta row is dropped rather than rendered blank, so a card
20
+ * without a baseline reads as a plain figure instead of a broken one.
21
+ */
22
+ change?: string;
23
+ /** Direction the `change` moved. Only meaningful alongside `change`. */
24
+ trend?: "up" | "down" | "neutral";
25
+ /**
26
+ * Whether an upward `trend` is good. Bounce rate and error count go the
27
+ * other way, and colouring them green on a rise misreads the number.
28
+ */
29
+ polarity?: "positive" | "negative";
30
+ /** One line under the value — what the figure counts, or its window. */
31
+ description?: string;
32
+ /** Longer explanation surfaced on hover/focus, e.g. how it is derived. */
33
+ hint?: string;
19
34
  rawValue?: number;
20
35
  format?: "text" | "duration" | "percentage";
21
36
  durationUnit?: "ms" | "s";
@@ -406,4 +421,4 @@ interface TextTruncateProps {
406
421
  declare function TextTruncate({ text, truncation, ellipsis, width, children, className }: TextTruncateProps): import("react").JSX.Element;
407
422
  //#endregion
408
423
  export { FormFieldDef as A, TableColumn as B, EnvVarDef as C, FaqItem as D, FailureItem as E, ProjectDef as F, ToolbarButtonDef as G, TeamMemberDef as H, QuickActionDef as I, SelectOption as L, MenuItemDef as M, NavItem as N, FilterGroupDef as O, NavItemDef as P, StatCard as R, EnvGroupDef as S, ExportFormat as T, TimePreset as U, TaskDef as V, ToastOptions as W, ChatModelDef as _, FieldDataType as a, DeploymentStep as b, resolveFieldType as c, ChartConfig as d, ChartDataPoint as f, ChatMessageDef as g, ChatConversationDef as h, FIELD_TYPE_TOKENS as i, MenuDef as j, FilterOption as k, ActivityDef as l, ChartSeriesDef as m, TextTruncateProps as n, FieldToken as o, ChartMargin as p, TruncationSide as r, FieldTokenProps as s, TextTruncate as t, BranchDef as u, ChatStylePresetDef as v, ExportColumn as w, DomainDef as x, CommandDef as y, TabDef as z };
409
- //# sourceMappingURL=text-truncate-BGr7bB_8.d.cts.map
424
+ //# sourceMappingURL=text-truncate-DW78lg4S.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-truncate-DW78lg4S.d.ts","names":[],"sources":["../src/lib/types.ts","../src/core/field-token.tsx","../src/core/text-truncate.tsx"],"mappings":";;;;UACiB;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;;;;EAMA;;EAEA;;;;;EAKA;;EAEA;;EAEA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAAY;EACZ;;;UAIe;EACf;EACA;EACA,OAAO;;;UAIQ;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA,MAAM,MAAM;EACZ;;;UAIe;EACf;EACA;EACA,SAAS,MAAM;;;UAIA;EACf;EACA;EACA;EAWA;EACA;EACA;EACA;EACA,YAAY;EACZ;IAAY;IAAe;;;EAE3B;;EAEA;;EAEA;;EAEA;;EAEA,sBAAsB,QAAQ;;;UAMf;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA,MAAM;;;UAIS;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAMe,YAAY;EAC3B;EACA;EACA,gBAAgB,MAAM,KAAK,MAAM,MAAM;EACvC;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA,WAAW;EACX;EACA;EACA;IAAa;IAAY;IAAe;;;;UAIzB;EACf;EACA;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EAQA;EACA;EACA,OAAO;EACP;EACA,WAAW;EACX;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA,UAAU;EACV;;;UAIe;EACf;EACA;EACA;EACA,OAAO,MAAM;EACb;EACA;EACA;;;UAMe;EACf;EACA;;;KAIU;;UAGK;EACf;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;;;UAMI;EACf;GACC;;;UAIc;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf,QAAQ;EACR;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;;;;;;;;KClVU;UAuBF;EACR,MAAM;;EAEN;;EAEA;;;;;;cAOW,mBAAmB,OAAO,eAAe;;;;;;iBA6BtC,iBACd,iCACC;;UA2Cc;;EAEf,MAAM;EACN;;EAEA;EACA;;;;;;EAMA;;;;;EAKA;EACA;;;;;;;;;;;;;;;;iBAiBc,aACd,MACA,MACA,MACA,OACA,OACA,YACA,aACC,kCAAe,IAAA;;;;KCjLN;;UA8FK;EACf;;;;;EAKA,aAAa;EACb;;;;;EAKA;;;;;EAKA,YAAY,sBAAsB,MAAM;EACxC;;;;;;;;;;;;;;;;;;;;iBAqBc,eACd,MACA,YACA,UACA,OACA,UACA,aACC,oCAAiB,IAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reopt-ai/opt-ui",
3
- "version": "1.10.0",
3
+ "version": "1.11.0",
4
4
  "description": "접근성 우선 UI 컴포넌트 라이브러리. opt-ui-primitives Core, 비즈니스 Shells, 페이지 Surfaces.",
5
5
  "type": "module",
6
6
  "license": "MIT",