@raystack/apsara 0.40.0 → 0.40.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (179) hide show
  1. package/dist/avatar/avatar.d.ts +3 -3
  2. package/dist/avatar/avatar.d.ts.map +1 -1
  3. package/dist/badge/badge.d.ts +1 -1
  4. package/dist/body/body.d.ts +1 -1
  5. package/dist/body/body.d.ts.map +1 -1
  6. package/dist/box/box.d.ts +1 -1
  7. package/dist/box/box.d.ts.map +1 -1
  8. package/dist/button/button.d.ts +1 -1
  9. package/dist/checkbox/checkbox.d.ts +2 -2
  10. package/dist/checkbox/checkbox.d.ts.map +1 -1
  11. package/dist/container/container.d.ts +1 -1
  12. package/dist/container/container.d.ts.map +1 -1
  13. package/dist/dialog/dialog.d.ts +2 -2
  14. package/dist/dialog/dialog.d.ts.map +1 -1
  15. package/dist/display/display.d.ts +1 -1
  16. package/dist/display/display.d.ts.map +1 -1
  17. package/dist/dropdown-menu/dropdown-menu.d.ts +5 -5
  18. package/dist/emptystate/emptystate.d.ts +1 -1
  19. package/dist/emptystate/emptystate.d.ts.map +1 -1
  20. package/dist/errorstate/errorstate.d.ts +1 -1
  21. package/dist/errorstate/errorstate.d.ts.map +1 -1
  22. package/dist/flex/flex.d.ts +1 -1
  23. package/dist/grid/grid.d.ts +1 -1
  24. package/dist/grid/grid.d.ts.map +1 -1
  25. package/dist/headline/headline.d.ts +1 -1
  26. package/dist/headline/headline.d.ts.map +1 -1
  27. package/dist/image/image.d.ts +1 -1
  28. package/dist/image/image.d.ts.map +1 -1
  29. package/dist/inputfield/inputfield.d.ts +1 -1
  30. package/dist/inputfield/inputfield.d.ts.map +1 -1
  31. package/dist/label/label.d.ts +1 -1
  32. package/dist/label/label.d.ts.map +1 -1
  33. package/dist/link/link.d.ts +1 -1
  34. package/dist/link/link.d.ts.map +1 -1
  35. package/dist/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs +2 -0
  36. package/dist/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs.map +1 -1
  37. package/dist/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js +2 -1
  38. package/dist/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js.map +1 -1
  39. package/dist/radio/radio.d.ts +2 -2
  40. package/dist/radio/radio.d.ts.map +1 -1
  41. package/dist/scroll-area/scrollarea.d.ts +2 -2
  42. package/dist/select/select.d.ts +2 -2
  43. package/dist/separator/separator.d.ts +1 -1
  44. package/dist/separator/separator.d.ts.map +1 -1
  45. package/dist/sheet/sheet.d.ts +2 -2
  46. package/dist/sheet/sheet.d.ts.map +1 -1
  47. package/dist/sidebar/sidebar.d.ts +3 -3
  48. package/dist/sidebar/sidebar.d.ts.map +1 -1
  49. package/dist/style.css +1 -1
  50. package/dist/switch/switch.d.ts +2 -2
  51. package/dist/switch/switch.d.ts.map +1 -1
  52. package/dist/table/table.d.ts +7 -7
  53. package/dist/tabs/tabs.d.ts +4 -4
  54. package/dist/tabs/tabs.d.ts.map +1 -1
  55. package/dist/text/text.d.ts +1 -1
  56. package/dist/text/text.d.ts.map +1 -1
  57. package/dist/textarea/textarea.d.ts +2 -2
  58. package/dist/textarea/textarea.d.ts.map +1 -1
  59. package/dist/textfield/textfield.d.ts +2 -2
  60. package/dist/textfield/textfield.d.ts.map +1 -1
  61. package/dist/title/title.d.ts +1 -1
  62. package/dist/title/title.d.ts.map +1 -1
  63. package/dist/toggle-group/togglegroup.d.ts +2 -2
  64. package/dist/toggle-group/togglegroup.d.ts.map +1 -1
  65. package/dist/v1/components/announcement-bar/announcement-bar.d.ts +2 -2
  66. package/dist/v1/components/announcement-bar/announcement-bar.d.ts.map +1 -1
  67. package/dist/v1/components/avatar/avatar.d.ts +1 -1
  68. package/dist/v1/components/avatar/avatar.d.ts.map +1 -1
  69. package/dist/v1/components/badge/badge.d.ts +1 -1
  70. package/dist/v1/components/badge/badge.d.ts.map +1 -1
  71. package/dist/v1/components/box/box.d.ts +1 -1
  72. package/dist/v1/components/box/box.d.ts.map +1 -1
  73. package/dist/v1/components/breadcrumb/breadcrumb.d.ts +1 -1
  74. package/dist/v1/components/button/button.d.ts +1 -1
  75. package/dist/v1/components/calendar/calendar.module.css.cjs +1 -1
  76. package/dist/v1/components/calendar/calendar.module.css.js +1 -1
  77. package/dist/v1/components/calendar/range-picker.cjs +25 -7
  78. package/dist/v1/components/calendar/range-picker.cjs.map +1 -1
  79. package/dist/v1/components/calendar/range-picker.d.ts +2 -1
  80. package/dist/v1/components/calendar/range-picker.d.ts.map +1 -1
  81. package/dist/v1/components/calendar/range-picker.js +25 -7
  82. package/dist/v1/components/calendar/range-picker.js.map +1 -1
  83. package/dist/v1/components/callout/callout.d.ts +2 -2
  84. package/dist/v1/components/callout/callout.d.ts.map +1 -1
  85. package/dist/v1/components/checkbox/checkbox.d.ts +1 -1
  86. package/dist/v1/components/checkbox/checkbox.d.ts.map +1 -1
  87. package/dist/v1/components/chip/chip.d.ts +1 -1
  88. package/dist/v1/components/chip/chip.d.ts.map +1 -1
  89. package/dist/v1/components/container/container.d.ts +1 -1
  90. package/dist/v1/components/container/container.d.ts.map +1 -1
  91. package/dist/v1/components/data-table/data-table.cjs +29 -6
  92. package/dist/v1/components/data-table/data-table.cjs.map +1 -1
  93. package/dist/v1/components/data-table/data-table.d.ts.map +1 -1
  94. package/dist/v1/components/data-table/data-table.js +30 -7
  95. package/dist/v1/components/data-table/data-table.js.map +1 -1
  96. package/dist/v1/components/dialog/dialog.cjs +1 -1
  97. package/dist/v1/components/dialog/dialog.cjs.map +1 -1
  98. package/dist/v1/components/dialog/dialog.d.ts +1 -1
  99. package/dist/v1/components/dialog/dialog.d.ts.map +1 -1
  100. package/dist/v1/components/dialog/dialog.js +1 -1
  101. package/dist/v1/components/dialog/dialog.js.map +1 -1
  102. package/dist/v1/components/dropdown-menu/dropdown-menu.d.ts +5 -5
  103. package/dist/v1/components/flex/flex.d.ts +1 -1
  104. package/dist/v1/components/headline/headline.cjs +8 -7
  105. package/dist/v1/components/headline/headline.cjs.map +1 -1
  106. package/dist/v1/components/headline/headline.d.ts +6 -4
  107. package/dist/v1/components/headline/headline.d.ts.map +1 -1
  108. package/dist/v1/components/headline/headline.js +8 -7
  109. package/dist/v1/components/headline/headline.js.map +1 -1
  110. package/dist/v1/components/headline/headline.module.css.cjs +1 -1
  111. package/dist/v1/components/headline/headline.module.css.js +1 -1
  112. package/dist/v1/components/headline/index.d.ts +1 -1
  113. package/dist/v1/components/headline/index.d.ts.map +1 -1
  114. package/dist/v1/components/icon-button/icon-button.d.ts +1 -1
  115. package/dist/v1/components/icon-button/icon-button.d.ts.map +1 -1
  116. package/dist/v1/components/image/image.d.ts +1 -1
  117. package/dist/v1/components/image/image.d.ts.map +1 -1
  118. package/dist/v1/components/indicator/indicator.d.ts +1 -1
  119. package/dist/v1/components/indicator/indicator.d.ts.map +1 -1
  120. package/dist/v1/components/input-field/input-field.d.ts +1 -1
  121. package/dist/v1/components/input-field/input-field.d.ts.map +1 -1
  122. package/dist/v1/components/label/label.d.ts +1 -1
  123. package/dist/v1/components/label/label.d.ts.map +1 -1
  124. package/dist/v1/components/link/link.cjs +17 -63
  125. package/dist/v1/components/link/link.cjs.map +1 -1
  126. package/dist/v1/components/link/link.d.ts +2 -11
  127. package/dist/v1/components/link/link.d.ts.map +1 -1
  128. package/dist/v1/components/link/link.js +17 -63
  129. package/dist/v1/components/link/link.js.map +1 -1
  130. package/dist/v1/components/link/link.module.css.cjs +1 -1
  131. package/dist/v1/components/link/link.module.css.js +1 -1
  132. package/dist/v1/components/list/list.d.ts +1 -1
  133. package/dist/v1/components/list/list.d.ts.map +1 -1
  134. package/dist/v1/components/radio/radio.d.ts +1 -1
  135. package/dist/v1/components/radio/radio.d.ts.map +1 -1
  136. package/dist/v1/components/select/select.d.ts +4 -5
  137. package/dist/v1/components/select/select.d.ts.map +1 -1
  138. package/dist/v1/components/sheet/sheet.d.ts +2 -2
  139. package/dist/v1/components/sheet/sheet.d.ts.map +1 -1
  140. package/dist/v1/components/side-panel/side-panel.d.ts +1 -1
  141. package/dist/v1/components/side-panel/side-panel.d.ts.map +1 -1
  142. package/dist/v1/components/sidebar/sidebar.cjs +12 -7
  143. package/dist/v1/components/sidebar/sidebar.cjs.map +1 -1
  144. package/dist/v1/components/sidebar/sidebar.d.ts +1 -0
  145. package/dist/v1/components/sidebar/sidebar.d.ts.map +1 -1
  146. package/dist/v1/components/sidebar/sidebar.js +13 -8
  147. package/dist/v1/components/sidebar/sidebar.js.map +1 -1
  148. package/dist/v1/components/slider/slider.d.ts +1 -1
  149. package/dist/v1/components/slider/slider.d.ts.map +1 -1
  150. package/dist/v1/components/spinner/spinner.d.ts +1 -1
  151. package/dist/v1/components/spinner/spinner.d.ts.map +1 -1
  152. package/dist/v1/components/table/table.d.ts +4 -4
  153. package/dist/v1/components/tabs/tabs.d.ts +1 -1
  154. package/dist/v1/components/tabs/tabs.d.ts.map +1 -1
  155. package/dist/v1/components/text/index.d.ts +1 -1
  156. package/dist/v1/components/text/index.d.ts.map +1 -1
  157. package/dist/v1/components/text/text.cjs +61 -30
  158. package/dist/v1/components/text/text.cjs.map +1 -1
  159. package/dist/v1/components/text/text.d.ts +31 -8
  160. package/dist/v1/components/text/text.d.ts.map +1 -1
  161. package/dist/v1/components/text/text.js +69 -39
  162. package/dist/v1/components/text/text.js.map +1 -1
  163. package/dist/v1/components/text/text.module.css.cjs +2 -2
  164. package/dist/v1/components/text/text.module.css.js +2 -2
  165. package/dist/v1/components/text-area/text-area.cjs +2 -2
  166. package/dist/v1/components/text-area/text-area.cjs.map +1 -1
  167. package/dist/v1/components/text-area/text-area.d.ts.map +1 -1
  168. package/dist/v1/components/text-area/text-area.js +2 -2
  169. package/dist/v1/components/text-area/text-area.js.map +1 -1
  170. package/dist/v1/components/textfield/textfield.d.ts +2 -2
  171. package/dist/v1/components/textfield/textfield.d.ts.map +1 -1
  172. package/dist/v1/components/tooltip/tooltip.d.ts +1 -1
  173. package/dist/v1/components/tooltip/tooltip.d.ts.map +1 -1
  174. package/dist/v1/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs +2 -0
  175. package/dist/v1/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs.map +1 -1
  176. package/dist/v1/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js +2 -1
  177. package/dist/v1/node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js.map +1 -1
  178. package/dist/v1/style.css +1 -1
  179. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
2
2
  import { VariantProps } from "class-variance-authority";
3
3
  import { ComponentPropsWithoutRef } from "react";
4
- declare const checkbox: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
4
+ declare const checkbox: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
5
  type CheckboxVariants = VariantProps<typeof checkbox>;
6
6
  type CheckedState = boolean | 'indeterminate';
7
7
  export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>, CheckboxVariants {
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAyCzE,QAAA,MAAM,QAAQ,yFAAuB,CAAC;AAEtC,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AACtD,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAE9C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,gBAAgB,CAAC,EAC3F,gBAAgB;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,6GAmCnB,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAyCzE,QAAA,MAAM,QAAQ,oFAAuB,CAAC;AAEtC,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AACtD,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAE9C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,gBAAgB,CAAC,EAC3F,gBAAgB;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,6GAmCnB,CAAC"}
@@ -4,7 +4,7 @@ declare const chip: (props?: ({
4
4
  variant?: "outline" | "filled" | null | undefined;
5
5
  size?: "small" | "large" | null | undefined;
6
6
  color?: "accent" | "neutral" | null | undefined;
7
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  type ChipProps = VariantProps<typeof chip> & {
9
9
  trailingIcon?: ReactNode;
10
10
  leadingIcon?: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;mFAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI;6JAcd,SAAS;;CA+DX,CAAC"}
1
+ {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;8EAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI;6JAcd,SAAS;;CA+DX,CAAC"}
@@ -3,7 +3,7 @@ import { HTMLAttributes, PropsWithChildren } from "react";
3
3
  declare const container: (props?: ({
4
4
  size?: "small" | "medium" | "large" | "none" | null | undefined;
5
5
  align?: "center" | "right" | "left" | null | undefined;
6
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  type ContainerProps = PropsWithChildren<VariantProps<typeof container>> & HTMLAttributes<HTMLElement> & {
8
8
  "aria-label"?: string;
9
9
  "aria-labelledby"?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../v1/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1D,QAAA,MAAM,SAAS;;;mFAkBb,CAAC;AAEH,KAAK,cAAc,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,GACrE,cAAc,CAAC,WAAW,CAAC,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,2CAUhB"}
1
+ {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../v1/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1D,QAAA,MAAM,SAAS;;;8EAkBb,CAAC;AAEH,KAAK,cAAc,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,GACrE,cAAc,CAAC,WAAW,CAAC,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,2CAUhB"}
@@ -18,10 +18,10 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
18
18
  const [tableQuery, setTableQuery] = React.useState(defaultTableQuery);
19
19
  const oldQueryRef = React.useRef(null);
20
20
  const reactTableState = React.useMemo(() => index.queryToTableState(tableQuery), [tableQuery]);
21
- function onDisplaySettingsReset() {
21
+ const onDisplaySettingsReset = React.useCallback(() => {
22
22
  setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));
23
23
  setColumnVisibility(initialColumnVisibility);
24
- }
24
+ }, [defaultTableQuery, initialColumnVisibility]);
25
25
  const group_by = tableQuery.group_by?.[0];
26
26
  const columnsWithFilters = React.useMemo(() => index.getColumnsWithFilterFn(columns, tableQuery.filters), [columns, tableQuery.filters]);
27
27
  const groupedData = React.useMemo(() => index.groupData(data, group_by, columns), [data, group_by, columns]);
@@ -59,12 +59,35 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
59
59
  function updateTableQuery(fn) {
60
60
  setTableQuery((prev) => fn(prev));
61
61
  }
62
- function loadMoreData() {
62
+ const loadMoreData = React.useCallback(() => {
63
63
  if (mode === "server" && onLoadMore) {
64
64
  onLoadMore();
65
65
  }
66
- }
67
- const contextValue = {
66
+ }, [mode, onLoadMore]);
67
+ const searchQuery = query?.search;
68
+ React.useEffect(() => {
69
+ if (searchQuery) {
70
+ updateTableQuery((prev) => ({
71
+ ...prev,
72
+ search: searchQuery,
73
+ }));
74
+ }
75
+ }, [searchQuery]);
76
+ const contextValue = React.useMemo(() => {
77
+ return {
78
+ table,
79
+ columns,
80
+ mode,
81
+ isLoading,
82
+ loadMoreData,
83
+ tableQuery,
84
+ updateTableQuery,
85
+ onDisplaySettingsReset,
86
+ defaultSort,
87
+ loadingRowCount,
88
+ onRowClick,
89
+ };
90
+ }, [
68
91
  table,
69
92
  columns,
70
93
  mode,
@@ -76,7 +99,7 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
76
99
  defaultSort,
77
100
  loadingRowCount,
78
101
  onRowClick,
79
- };
102
+ ]);
80
103
  return (jsxRuntime.jsxRuntimeExports.jsx(context.TableContext.Provider, { value: contextValue, children: children }));
81
104
  }
82
105
  const DataTable = Object.assign(DataTableRoot, {
@@ -1 +1 @@
1
- {"version":3,"file":"data-table.cjs","sources":["../../../../v1/components/data-table/data-table.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n DataTableProps,\n DataTableQuery,\n GroupedData,\n TableContextType,\n TableQueryUpdateFn,\n defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n VisibilityState,\n getCoreRowModel,\n getFilteredRowModel,\n getSortedRowModel,\n useReactTable,\n getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n getColumnsWithFilterFn,\n getDefaultTableQuery,\n getInitialColumnVisibility,\n groupData,\n hasQueryChanged,\n queryToTableState,\n sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n data = [],\n columns,\n query,\n mode = \"client\",\n isLoading = false,\n loadingRowCount = 3,\n defaultSort,\n children,\n onTableQueryChange,\n onLoadMore,\n onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n initialColumnVisibility\n );\n const [tableQuery, setTableQuery] =\n useState<DataTableQuery>(defaultTableQuery);\n\n const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n const reactTableState = useMemo(\n () => queryToTableState(tableQuery),\n [tableQuery]\n );\n\n function onDisplaySettingsReset() {\n setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n setColumnVisibility(initialColumnVisibility);\n }\n\n const group_by = tableQuery.group_by?.[0];\n\n const columnsWithFilters = useMemo(\n () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n [columns, tableQuery.filters]\n );\n\n const groupedData = useMemo(\n () => groupData(data, group_by, columns),\n [data, group_by, columns]\n );\n\n useEffect(() => {\n if (\n tableQuery &&\n onTableQueryChange &&\n hasQueryChanged(oldQueryRef.current, tableQuery) &&\n mode === \"server\"\n ) {\n onTableQueryChange(sanitizeTableQuery(tableQuery));\n oldQueryRef.current = tableQuery;\n }\n }, [tableQuery, onTableQueryChange]);\n\n const table = useReactTable({\n data: groupedData as TData[],\n columns: columnsWithFilters,\n getCoreRowModel: getCoreRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n getSubRows: (row) => (row as GroupedData<TData>)?.subRows || [],\n getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n manualSorting: mode === \"server\",\n manualFiltering: mode === \"server\",\n onColumnVisibilityChange: setColumnVisibility,\n globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n initialState: {\n columnVisibility: initialColumnVisibility,\n },\n filterFromLeafRows: true,\n state: {\n ...reactTableState,\n columnVisibility: columnVisibility,\n expanded:\n group_by && group_by !== defaultGroupOption.id ? true : undefined,\n },\n });\n\n function updateTableQuery(fn: TableQueryUpdateFn) {\n setTableQuery((prev) => fn(prev));\n }\n\n function loadMoreData() {\n if (mode === \"server\" && onLoadMore) {\n onLoadMore();\n }\n }\n\n const contextValue: TableContextType<TData, TValue> = {\n table,\n columns,\n mode,\n isLoading,\n loadMoreData,\n tableQuery,\n updateTableQuery,\n onDisplaySettingsReset,\n defaultSort,\n loadingRowCount,\n onRowClick,\n };\n\n return (\n <TableContext.Provider value={contextValue}>\n {children}\n </TableContext.Provider>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Content: Content,\n Toolbar: Toolbar,\n Search: TableSearch,\n});\n"],"names":["getDefaultTableQuery","getInitialColumnVisibility","useState","useRef","useMemo","queryToTableState","getColumnsWithFilterFn","groupData","useEffect","hasQueryChanged","sanitizeTableQuery","useReactTable","getCoreRowModel","getExpandedRowModel","getSortedRowModel","getFilteredRowModel","defaultGroupOption","_jsx","TableContext","Content","Toolbar","TableSearch"],"mappings":"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"}
1
+ {"version":3,"file":"data-table.cjs","sources":["../../../../v1/components/data-table/data-table.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n DataTableProps,\n DataTableQuery,\n GroupedData,\n TableContextType,\n TableQueryUpdateFn,\n defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n VisibilityState,\n getCoreRowModel,\n getFilteredRowModel,\n getSortedRowModel,\n useReactTable,\n getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n getColumnsWithFilterFn,\n getDefaultTableQuery,\n getInitialColumnVisibility,\n groupData,\n hasQueryChanged,\n queryToTableState,\n sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n data = [],\n columns,\n query,\n mode = \"client\",\n isLoading = false,\n loadingRowCount = 3,\n defaultSort,\n children,\n onTableQueryChange,\n onLoadMore,\n onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n initialColumnVisibility\n );\n const [tableQuery, setTableQuery] =\n useState<DataTableQuery>(defaultTableQuery);\n\n const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n const reactTableState = useMemo(\n () => queryToTableState(tableQuery),\n [tableQuery]\n );\n\n const onDisplaySettingsReset = useCallback(() => {\n setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n setColumnVisibility(initialColumnVisibility);\n }, [defaultTableQuery, initialColumnVisibility]);\n\n const group_by = tableQuery.group_by?.[0];\n\n const columnsWithFilters = useMemo(\n () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n [columns, tableQuery.filters]\n );\n\n const groupedData = useMemo(\n () => groupData(data, group_by, columns),\n [data, group_by, columns]\n );\n\n useEffect(() => {\n if (\n tableQuery &&\n onTableQueryChange &&\n hasQueryChanged(oldQueryRef.current, tableQuery) &&\n mode === \"server\"\n ) {\n onTableQueryChange(sanitizeTableQuery(tableQuery));\n oldQueryRef.current = tableQuery;\n }\n }, [tableQuery, onTableQueryChange]);\n\n const table = useReactTable({\n data: groupedData as unknown as TData[],\n columns: columnsWithFilters,\n getCoreRowModel: getCoreRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n getSubRows: (row) => (row as unknown as GroupedData<TData>)?.subRows || [],\n getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n manualSorting: mode === \"server\",\n manualFiltering: mode === \"server\",\n onColumnVisibilityChange: setColumnVisibility,\n globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n initialState: {\n columnVisibility: initialColumnVisibility,\n },\n filterFromLeafRows: true,\n state: {\n ...reactTableState,\n columnVisibility: columnVisibility,\n expanded:\n group_by && group_by !== defaultGroupOption.id ? true : undefined,\n },\n });\n\n function updateTableQuery(fn: TableQueryUpdateFn) {\n setTableQuery((prev) => fn(prev));\n }\n\n const loadMoreData = useCallback(() => {\n if (mode === \"server\" && onLoadMore) {\n onLoadMore();\n }\n }, [mode, onLoadMore]);\n\n const searchQuery = query?.search;\n useEffect(() => {\n if (searchQuery) {\n updateTableQuery((prev) => ({\n ...prev,\n search: searchQuery,\n }));\n }\n }, [searchQuery]);\n\n const contextValue: TableContextType<TData, TValue> = useMemo(() => {\n return {\n table,\n columns,\n mode,\n isLoading,\n loadMoreData,\n tableQuery,\n updateTableQuery,\n onDisplaySettingsReset,\n defaultSort,\n loadingRowCount,\n onRowClick,\n };\n }, [\n table,\n columns,\n mode,\n isLoading,\n loadMoreData,\n tableQuery,\n updateTableQuery,\n onDisplaySettingsReset,\n defaultSort,\n loadingRowCount,\n onRowClick,\n ]);\n\n return (\n <TableContext.Provider value={contextValue}>\n {children}\n </TableContext.Provider>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Content: Content,\n Toolbar: Toolbar,\n Search: TableSearch,\n});\n"],"names":["getDefaultTableQuery","getInitialColumnVisibility","useState","useRef","useMemo","queryToTableState","useCallback","getColumnsWithFilterFn","groupData","useEffect","hasQueryChanged","sanitizeTableQuery","useReactTable","getCoreRowModel","getExpandedRowModel","getSortedRowModel","getFilteredRowModel","defaultGroupOption","_jsx","TableContext","Content","Toolbar","TableSearch"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../v1/components/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAMf,MAAM,oBAAoB,CAAC;AAkB5B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EACpC,IAAS,EACT,OAAO,EACP,KAAK,EACL,IAAe,EACf,SAAiB,EACjB,eAAmB,EACnB,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,UAAU,GACX,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CAmGxD;AAED,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}
1
+ {"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../v1/components/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAMf,MAAM,oBAAoB,CAAC;AAkB5B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EACpC,IAAS,EACT,OAAO,EACP,KAAK,EACL,IAAe,EACf,SAAiB,EACjB,eAAmB,EACnB,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,UAAU,GACX,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CA2HxD;AAED,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
- import { useState, useRef, useMemo, useEffect } from 'react';
2
+ import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
3
3
  import { TableContext } from './context.js';
4
4
  import { defaultGroupOption } from './data-table.types.js';
5
5
  import { useReactTable } from '../../node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js';
@@ -16,10 +16,10 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
16
16
  const [tableQuery, setTableQuery] = useState(defaultTableQuery);
17
17
  const oldQueryRef = useRef(null);
18
18
  const reactTableState = useMemo(() => queryToTableState(tableQuery), [tableQuery]);
19
- function onDisplaySettingsReset() {
19
+ const onDisplaySettingsReset = useCallback(() => {
20
20
  setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));
21
21
  setColumnVisibility(initialColumnVisibility);
22
- }
22
+ }, [defaultTableQuery, initialColumnVisibility]);
23
23
  const group_by = tableQuery.group_by?.[0];
24
24
  const columnsWithFilters = useMemo(() => getColumnsWithFilterFn(columns, tableQuery.filters), [columns, tableQuery.filters]);
25
25
  const groupedData = useMemo(() => groupData(data, group_by, columns), [data, group_by, columns]);
@@ -57,12 +57,35 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
57
57
  function updateTableQuery(fn) {
58
58
  setTableQuery((prev) => fn(prev));
59
59
  }
60
- function loadMoreData() {
60
+ const loadMoreData = useCallback(() => {
61
61
  if (mode === "server" && onLoadMore) {
62
62
  onLoadMore();
63
63
  }
64
- }
65
- const contextValue = {
64
+ }, [mode, onLoadMore]);
65
+ const searchQuery = query?.search;
66
+ useEffect(() => {
67
+ if (searchQuery) {
68
+ updateTableQuery((prev) => ({
69
+ ...prev,
70
+ search: searchQuery,
71
+ }));
72
+ }
73
+ }, [searchQuery]);
74
+ const contextValue = useMemo(() => {
75
+ return {
76
+ table,
77
+ columns,
78
+ mode,
79
+ isLoading,
80
+ loadMoreData,
81
+ tableQuery,
82
+ updateTableQuery,
83
+ onDisplaySettingsReset,
84
+ defaultSort,
85
+ loadingRowCount,
86
+ onRowClick,
87
+ };
88
+ }, [
66
89
  table,
67
90
  columns,
68
91
  mode,
@@ -74,7 +97,7 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
74
97
  defaultSort,
75
98
  loadingRowCount,
76
99
  onRowClick,
77
- };
100
+ ]);
78
101
  return (jsxRuntimeExports.jsx(TableContext.Provider, { value: contextValue, children: children }));
79
102
  }
80
103
  const DataTable = Object.assign(DataTableRoot, {
@@ -1 +1 @@
1
- {"version":3,"file":"data-table.js","sources":["../../../../v1/components/data-table/data-table.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n DataTableProps,\n DataTableQuery,\n GroupedData,\n TableContextType,\n TableQueryUpdateFn,\n defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n VisibilityState,\n getCoreRowModel,\n getFilteredRowModel,\n getSortedRowModel,\n useReactTable,\n getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n getColumnsWithFilterFn,\n getDefaultTableQuery,\n getInitialColumnVisibility,\n groupData,\n hasQueryChanged,\n queryToTableState,\n sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n data = [],\n columns,\n query,\n mode = \"client\",\n isLoading = false,\n loadingRowCount = 3,\n defaultSort,\n children,\n onTableQueryChange,\n onLoadMore,\n onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n initialColumnVisibility\n );\n const [tableQuery, setTableQuery] =\n useState<DataTableQuery>(defaultTableQuery);\n\n const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n const reactTableState = useMemo(\n () => queryToTableState(tableQuery),\n [tableQuery]\n );\n\n function onDisplaySettingsReset() {\n setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n setColumnVisibility(initialColumnVisibility);\n }\n\n const group_by = tableQuery.group_by?.[0];\n\n const columnsWithFilters = useMemo(\n () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n [columns, tableQuery.filters]\n );\n\n const groupedData = useMemo(\n () => groupData(data, group_by, columns),\n [data, group_by, columns]\n );\n\n useEffect(() => {\n if (\n tableQuery &&\n onTableQueryChange &&\n hasQueryChanged(oldQueryRef.current, tableQuery) &&\n mode === \"server\"\n ) {\n onTableQueryChange(sanitizeTableQuery(tableQuery));\n oldQueryRef.current = tableQuery;\n }\n }, [tableQuery, onTableQueryChange]);\n\n const table = useReactTable({\n data: groupedData as TData[],\n columns: columnsWithFilters,\n getCoreRowModel: getCoreRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n getSubRows: (row) => (row as GroupedData<TData>)?.subRows || [],\n getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n manualSorting: mode === \"server\",\n manualFiltering: mode === \"server\",\n onColumnVisibilityChange: setColumnVisibility,\n globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n initialState: {\n columnVisibility: initialColumnVisibility,\n },\n filterFromLeafRows: true,\n state: {\n ...reactTableState,\n columnVisibility: columnVisibility,\n expanded:\n group_by && group_by !== defaultGroupOption.id ? true : undefined,\n },\n });\n\n function updateTableQuery(fn: TableQueryUpdateFn) {\n setTableQuery((prev) => fn(prev));\n }\n\n function loadMoreData() {\n if (mode === \"server\" && onLoadMore) {\n onLoadMore();\n }\n }\n\n const contextValue: TableContextType<TData, TValue> = {\n table,\n columns,\n mode,\n isLoading,\n loadMoreData,\n tableQuery,\n updateTableQuery,\n onDisplaySettingsReset,\n defaultSort,\n loadingRowCount,\n onRowClick,\n };\n\n return (\n <TableContext.Provider value={contextValue}>\n {children}\n </TableContext.Provider>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Content: Content,\n Toolbar: Toolbar,\n Search: TableSearch,\n});\n"],"names":["_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"data-table.js","sources":["../../../../v1/components/data-table/data-table.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n DataTableProps,\n DataTableQuery,\n GroupedData,\n TableContextType,\n TableQueryUpdateFn,\n defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n VisibilityState,\n getCoreRowModel,\n getFilteredRowModel,\n getSortedRowModel,\n useReactTable,\n getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n getColumnsWithFilterFn,\n getDefaultTableQuery,\n getInitialColumnVisibility,\n groupData,\n hasQueryChanged,\n queryToTableState,\n sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n data = [],\n columns,\n query,\n mode = \"client\",\n isLoading = false,\n loadingRowCount = 3,\n defaultSort,\n children,\n onTableQueryChange,\n onLoadMore,\n onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n initialColumnVisibility\n );\n const [tableQuery, setTableQuery] =\n useState<DataTableQuery>(defaultTableQuery);\n\n const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n const reactTableState = useMemo(\n () => queryToTableState(tableQuery),\n [tableQuery]\n );\n\n const onDisplaySettingsReset = useCallback(() => {\n setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n setColumnVisibility(initialColumnVisibility);\n }, [defaultTableQuery, initialColumnVisibility]);\n\n const group_by = tableQuery.group_by?.[0];\n\n const columnsWithFilters = useMemo(\n () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n [columns, tableQuery.filters]\n );\n\n const groupedData = useMemo(\n () => groupData(data, group_by, columns),\n [data, group_by, columns]\n );\n\n useEffect(() => {\n if (\n tableQuery &&\n onTableQueryChange &&\n hasQueryChanged(oldQueryRef.current, tableQuery) &&\n mode === \"server\"\n ) {\n onTableQueryChange(sanitizeTableQuery(tableQuery));\n oldQueryRef.current = tableQuery;\n }\n }, [tableQuery, onTableQueryChange]);\n\n const table = useReactTable({\n data: groupedData as unknown as TData[],\n columns: columnsWithFilters,\n getCoreRowModel: getCoreRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n getSubRows: (row) => (row as unknown as GroupedData<TData>)?.subRows || [],\n getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n manualSorting: mode === \"server\",\n manualFiltering: mode === \"server\",\n onColumnVisibilityChange: setColumnVisibility,\n globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n initialState: {\n columnVisibility: initialColumnVisibility,\n },\n filterFromLeafRows: true,\n state: {\n ...reactTableState,\n columnVisibility: columnVisibility,\n expanded:\n group_by && group_by !== defaultGroupOption.id ? true : undefined,\n },\n });\n\n function updateTableQuery(fn: TableQueryUpdateFn) {\n setTableQuery((prev) => fn(prev));\n }\n\n const loadMoreData = useCallback(() => {\n if (mode === \"server\" && onLoadMore) {\n onLoadMore();\n }\n }, [mode, onLoadMore]);\n\n const searchQuery = query?.search;\n useEffect(() => {\n if (searchQuery) {\n updateTableQuery((prev) => ({\n ...prev,\n search: searchQuery,\n }));\n }\n }, [searchQuery]);\n\n const contextValue: TableContextType<TData, TValue> = useMemo(() => {\n return {\n table,\n columns,\n mode,\n isLoading,\n loadMoreData,\n tableQuery,\n updateTableQuery,\n onDisplaySettingsReset,\n defaultSort,\n loadingRowCount,\n onRowClick,\n };\n }, [\n table,\n columns,\n mode,\n isLoading,\n loadMoreData,\n tableQuery,\n updateTableQuery,\n onDisplaySettingsReset,\n defaultSort,\n loadingRowCount,\n onRowClick,\n ]);\n\n return (\n <TableContext.Provider value={contextValue}>\n {children}\n </TableContext.Provider>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Content: Content,\n Toolbar: Toolbar,\n Search: TableSearch,\n});\n"],"names":["_jsx"],"mappings":"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"}
@@ -16,7 +16,7 @@ const DialogHeader = ({ children, className, }) => (jsxRuntime.jsxRuntimeExports
16
16
  const DialogFooter = ({ children, className, }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { gap: 5, justify: "end", className: clsx.clsx(dialog_module.default.footer, className), children: children }));
17
17
  const DialogBody = ({ children, className, }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { direction: "column", gap: 3, className: clsx.clsx(dialog_module.default.body, className), children: children }));
18
18
  function CloseButton({ className, ...props }) {
19
- return (jsxRuntime.jsxRuntimeExports.jsxs(index.Close, { className: clsx.clsx(dialog_module.default.close, className), "aria-label": "Close dialog", ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.Cross1Icon, {}), ","] }));
19
+ return (jsxRuntime.jsxRuntimeExports.jsx(index.Close, { className: clsx.clsx(dialog_module.default.close, className), "aria-label": "Close dialog", ...props, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.Cross1Icon, {}) }));
20
20
  }
21
21
  function DialogTitle({ children, className, ...props }) {
22
22
  return (jsxRuntime.jsxRuntimeExports.jsx(index.Title, { ...props, role: "heading", "aria-level": 1, className: clsx.clsx(dialog_module.default.title, className), children: children }));
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n overlayBlur?: boolean;\n overlayClassName?: string;\n overlayStyle?: React.CSSProperties;\n width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(\n (\n {\n className,\n children,\n ariaLabel,\n ariaDescription,\n overlayBlur = false,\n overlayClassName,\n overlayStyle,\n width,\n ...props\n },\n ref\n ) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={clsx(\n styles.dialogOverlay,\n overlayClassName,\n overlayBlur && styles.overlayBlur\n )}\n style={overlayStyle}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n style={{ width, ...props.style }}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? \"dialog-description\" : undefined}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex\n justify={\"between\"}\n align={\"center\"}\n className={clsx(styles.header, className)}\n >\n {children}\n </Flex>\n);\n\nconst DialogFooter = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex gap={5} justify=\"end\" className={clsx(styles.footer, className)}>\n {children}\n </Flex>\n);\n\nconst DialogBody = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex direction=\"column\" gap={3} className={clsx(styles.body, className)}>\n {children}\n </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={clsx(styles.close, className)}\n aria-label=\"Close dialog\"\n {...props}\n >\n <Cross1Icon />,\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps\n extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title\n {...props}\n role=\"heading\"\n aria-level={1}\n className={clsx(styles.title, className)}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\ninterface DialogDescriptionProps\n extends ComponentProps<typeof DialogPrimitive.Description> {\n children: React.ReactNode;\n className?: string;\n}\n\nfunction DialogDescription({\n children,\n className,\n ...props\n}: DialogDescriptionProps) {\n return (\n <DialogPrimitive.Description\n {...props}\n className={clsx(styles.description, className)}\n id=\"dialog-description\"\n role=\"document\"\n >\n {children}\n </DialogPrimitive.Description>\n );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n Trigger: DialogPrimitive.Trigger,\n Content: DialogContent,\n Header: DialogHeader,\n Footer: DialogFooter,\n Body: DialogBody,\n Close: DialogPrimitive.Close,\n CloseButton: CloseButton,\n Title: DialogTitle,\n Description: DialogDescription,\n});\n"],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","clsx","DialogPrimitive.Content","Flex","DialogPrimitive.Close","Cross1Icon","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
1
+ {"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n overlayBlur?: boolean;\n overlayClassName?: string;\n overlayStyle?: React.CSSProperties;\n width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(\n (\n {\n className,\n children,\n ariaLabel,\n ariaDescription,\n overlayBlur = false,\n overlayClassName,\n overlayStyle,\n width,\n ...props\n },\n ref\n ) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={clsx(\n styles.dialogOverlay,\n overlayClassName,\n overlayBlur && styles.overlayBlur\n )}\n style={overlayStyle}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n style={{ width, ...props.style }}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? \"dialog-description\" : undefined}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex\n justify={\"between\"}\n align={\"center\"}\n className={clsx(styles.header, className)}\n >\n {children}\n </Flex>\n);\n\nconst DialogFooter = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex gap={5} justify=\"end\" className={clsx(styles.footer, className)}>\n {children}\n </Flex>\n);\n\nconst DialogBody = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex direction=\"column\" gap={3} className={clsx(styles.body, className)}>\n {children}\n </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={clsx(styles.close, className)}\n aria-label=\"Close dialog\"\n {...props}\n >\n <Cross1Icon />\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps\n extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title\n {...props}\n role=\"heading\"\n aria-level={1}\n className={clsx(styles.title, className)}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\ninterface DialogDescriptionProps\n extends ComponentProps<typeof DialogPrimitive.Description> {\n children: React.ReactNode;\n className?: string;\n}\n\nfunction DialogDescription({\n children,\n className,\n ...props\n}: DialogDescriptionProps) {\n return (\n <DialogPrimitive.Description\n {...props}\n className={clsx(styles.description, className)}\n id=\"dialog-description\"\n role=\"document\"\n >\n {children}\n </DialogPrimitive.Description>\n );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n Trigger: DialogPrimitive.Trigger,\n Content: DialogContent,\n Header: DialogHeader,\n Footer: DialogFooter,\n Body: DialogBody,\n Close: DialogPrimitive.Close,\n CloseButton: CloseButton,\n Title: DialogTitle,\n Description: DialogDescription,\n});\n"],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","clsx","DialogPrimitive.Content","Flex","DialogPrimitive.Close","Cross1Icon","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import * as DialogPrimitive from "@radix-ui/react-dialog";
2
2
  import { VariantProps } from "class-variance-authority";
3
3
  import { ComponentProps, ComponentPropsWithoutRef } from "react";
4
- declare const dialogContent: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
4
+ declare const dialogContent: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
5
  export interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContent> {
6
6
  ariaLabel?: string;
7
7
  ariaDescription?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAKf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAuFD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAUpE;AAED,UAAU,gBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,UAAU,sBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAWxB;AAED,eAAO,MAAM,MAAM;;;;kBA1FP,MAAM,SAAS;;;;kBAgBf,MAAM,SAAS;;;;kBAYf,MAAM,SAAS;;;;;;;CAwEzB,CAAC"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAKf,QAAA,MAAM,aAAa,oFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAuFD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAUpE;AAED,UAAU,gBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,UAAU,sBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAWxB;AAED,eAAO,MAAM,MAAM;;;;kBA1FP,MAAM,SAAS;;;;kBAgBf,MAAM,SAAS;;;;kBAYf,MAAM,SAAS;;;;;;;CAwEzB,CAAC"}
@@ -14,7 +14,7 @@ const DialogHeader = ({ children, className, }) => (jsxRuntimeExports.jsx(Flex,
14
14
  const DialogFooter = ({ children, className, }) => (jsxRuntimeExports.jsx(Flex, { gap: 5, justify: "end", className: clsx(styles.footer, className), children: children }));
15
15
  const DialogBody = ({ children, className, }) => (jsxRuntimeExports.jsx(Flex, { direction: "column", gap: 3, className: clsx(styles.body, className), children: children }));
16
16
  function CloseButton({ className, ...props }) {
17
- return (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: clsx(styles.close, className), "aria-label": "Close dialog", ...props, children: [jsxRuntimeExports.jsx(Cross1Icon, {}), ","] }));
17
+ return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: clsx(styles.close, className), "aria-label": "Close dialog", ...props, children: jsxRuntimeExports.jsx(Cross1Icon, {}) }));
18
18
  }
19
19
  function DialogTitle({ children, className, ...props }) {
20
20
  return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f99233281efd08a0, { ...props, role: "heading", "aria-level": 1, className: clsx(styles.title, className), children: children }));
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n overlayBlur?: boolean;\n overlayClassName?: string;\n overlayStyle?: React.CSSProperties;\n width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(\n (\n {\n className,\n children,\n ariaLabel,\n ariaDescription,\n overlayBlur = false,\n overlayClassName,\n overlayStyle,\n width,\n ...props\n },\n ref\n ) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={clsx(\n styles.dialogOverlay,\n overlayClassName,\n overlayBlur && styles.overlayBlur\n )}\n style={overlayStyle}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n style={{ width, ...props.style }}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? \"dialog-description\" : undefined}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex\n justify={\"between\"}\n align={\"center\"}\n className={clsx(styles.header, className)}\n >\n {children}\n </Flex>\n);\n\nconst DialogFooter = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex gap={5} justify=\"end\" className={clsx(styles.footer, className)}>\n {children}\n </Flex>\n);\n\nconst DialogBody = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex direction=\"column\" gap={3} className={clsx(styles.body, className)}>\n {children}\n </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={clsx(styles.close, className)}\n aria-label=\"Close dialog\"\n {...props}\n >\n <Cross1Icon />,\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps\n extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title\n {...props}\n role=\"heading\"\n aria-level={1}\n className={clsx(styles.title, className)}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\ninterface DialogDescriptionProps\n extends ComponentProps<typeof DialogPrimitive.Description> {\n children: React.ReactNode;\n className?: string;\n}\n\nfunction DialogDescription({\n children,\n className,\n ...props\n}: DialogDescriptionProps) {\n return (\n <DialogPrimitive.Description\n {...props}\n className={clsx(styles.description, className)}\n id=\"dialog-description\"\n role=\"document\"\n >\n {children}\n </DialogPrimitive.Description>\n );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n Trigger: DialogPrimitive.Trigger,\n Content: DialogContent,\n Header: DialogHeader,\n Footer: DialogFooter,\n Body: DialogBody,\n Close: DialogPrimitive.Close,\n CloseButton: CloseButton,\n Title: DialogTitle,\n Description: DialogDescription,\n});\n"],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
1
+ {"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n overlayBlur?: boolean;\n overlayClassName?: string;\n overlayStyle?: React.CSSProperties;\n width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(\n (\n {\n className,\n children,\n ariaLabel,\n ariaDescription,\n overlayBlur = false,\n overlayClassName,\n overlayStyle,\n width,\n ...props\n },\n ref\n ) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={clsx(\n styles.dialogOverlay,\n overlayClassName,\n overlayBlur && styles.overlayBlur\n )}\n style={overlayStyle}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n style={{ width, ...props.style }}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? \"dialog-description\" : undefined}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex\n justify={\"between\"}\n align={\"center\"}\n className={clsx(styles.header, className)}\n >\n {children}\n </Flex>\n);\n\nconst DialogFooter = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex gap={5} justify=\"end\" className={clsx(styles.footer, className)}>\n {children}\n </Flex>\n);\n\nconst DialogBody = ({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}) => (\n <Flex direction=\"column\" gap={3} className={clsx(styles.body, className)}>\n {children}\n </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={clsx(styles.close, className)}\n aria-label=\"Close dialog\"\n {...props}\n >\n <Cross1Icon />\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps\n extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title\n {...props}\n role=\"heading\"\n aria-level={1}\n className={clsx(styles.title, className)}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\ninterface DialogDescriptionProps\n extends ComponentProps<typeof DialogPrimitive.Description> {\n children: React.ReactNode;\n className?: string;\n}\n\nfunction DialogDescription({\n children,\n className,\n ...props\n}: DialogDescriptionProps) {\n return (\n <DialogPrimitive.Description\n {...props}\n className={clsx(styles.description, className)}\n id=\"dialog-description\"\n role=\"document\"\n >\n {children}\n </DialogPrimitive.Description>\n );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n Trigger: DialogPrimitive.Trigger,\n Content: DialogContent,\n Header: DialogHeader,\n Footer: DialogFooter,\n Body: DialogBody,\n Close: DialogPrimitive.Close,\n CloseButton: CloseButton,\n Title: DialogTitle,\n Description: DialogDescription,\n});\n"],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
@@ -5,22 +5,22 @@ type DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>
5
5
  export declare function RootDropdownMenu({ children, ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
6
6
  export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
7
7
  Trigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
8
- Content: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
8
+ Content: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
9
9
  children?: React.ReactNode;
10
10
  } & React.RefAttributes<HTMLDivElement>>;
11
11
  Item: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
12
12
  leadingIcon?: React.ReactNode;
13
13
  trailingIcon?: React.ReactNode;
14
- } & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
14
+ } & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
15
15
  children?: React.ReactNode;
16
16
  } & React.RefAttributes<HTMLDivElement>>;
17
- Group: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
17
+ Group: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
18
18
  children?: React.ReactNode;
19
19
  } & React.RefAttributes<HTMLDivElement>>;
20
- Label: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
20
+ Label: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
21
21
  children?: React.ReactNode;
22
22
  } & React.RefAttributes<HTMLDivElement>>;
23
- Separator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
23
+ Separator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
24
24
  children?: React.ReactNode;
25
25
  } & React.RefAttributes<HTMLDivElement>>;
26
26
  EmptyState: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
@@ -6,7 +6,7 @@ export declare const Flex: import("react").ForwardRefExoticComponent<VariantProp
6
6
  justify?: "start" | "center" | "end" | "between" | null | undefined;
7
7
  wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
8
8
  gap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
9
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
9
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
10
10
  children?: import("react").ReactNode;
11
11
  } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
12
12
  //# sourceMappingURL=flex.d.ts.map
@@ -8,9 +8,10 @@ var headline_module = require('./headline.module.css.cjs');
8
8
  const headline = index.cva(headline_module.default.headline, {
9
9
  variants: {
10
10
  size: {
11
- small: headline_module.default["headline-small"],
12
- medium: headline_module.default["headline-medium"],
13
- large: headline_module.default["headline-large"],
11
+ t1: headline_module.default["headline-t1"],
12
+ t2: headline_module.default["headline-t2"],
13
+ t3: headline_module.default["headline-t3"],
14
+ t4: headline_module.default["headline-t4"],
14
15
  },
15
16
  align: {
16
17
  left: headline_module.default["headline-align-left"],
@@ -19,16 +20,16 @@ const headline = index.cva(headline_module.default.headline, {
19
20
  },
20
21
  truncate: {
21
22
  true: headline_module.default["headline-truncate"],
22
- }
23
+ },
23
24
  },
24
25
  defaultVariants: {
25
- size: "small",
26
+ size: "t1",
26
27
  align: "left",
27
28
  truncate: false,
28
29
  },
29
30
  });
30
- const Headline = React.forwardRef(({ className, size, align, truncate, as: Component = "h2", children, ...props }, ref) => {
31
- return (jsxRuntime.jsxRuntimeExports.jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props, children: children }));
31
+ const Headline = React.forwardRef(({ className, size, align, truncate, as: Component = "h2", ...props }, ref) => {
32
+ return (jsxRuntime.jsxRuntimeExports.jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props }));
32
33
  });
33
34
  Headline.displayName = "Headline";
34
35
 
@@ -1 +1 @@
1
- {"version":3,"file":"headline.cjs","sources":["../../../../v1/components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n variants: {\n size: {\n small: styles[\"headline-small\"],\n medium: styles[\"headline-medium\"],\n large: styles[\"headline-large\"],\n },\n align: {\n left: styles[\"headline-align-left\"],\n center: styles[\"headline-align-center\"],\n right: styles[\"headline-align-right\"],\n },\n truncate: {\n true: styles[\"headline-truncate\"],\n }\n },\n defaultVariants: {\n size: \"small\",\n align: \"left\",\n truncate: false,\n },\n});\n\ntype HeadlineProps = HTMLAttributes<HTMLHeadingElement> &\n VariantProps<typeof headline> & {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n \"aria-label\"?: string;\n };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n ({ className, size, align, truncate, as: Component = \"h2\", children, ...props }, ref) => {\n return (\n <Component\n ref={ref}\n className={headline({ size, align, truncate, className })}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nHeadline.displayName = \"Headline\"; "],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,QAAQ,GAAGA,SAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,uBAAM,CAAC,gBAAgB,CAAC;AAC/B,YAAA,MAAM,EAAEA,uBAAM,CAAC,iBAAiB,CAAC;AACjC,YAAA,KAAK,EAAEA,uBAAM,CAAC,gBAAgB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,uBAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAEA,uBAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAEA,uBAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,uBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAQI,MAAM,QAAQ,GAAGC,gBAAU,CAChC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACtF,IAAA,QACEC,gCAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACC,CAAA,EACZ;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
1
+ {"version":3,"file":"headline.cjs","sources":["../../../../v1/components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n variants: {\n size: {\n t1: styles[\"headline-t1\"],\n t2: styles[\"headline-t2\"],\n t3: styles[\"headline-t3\"],\n t4: styles[\"headline-t4\"],\n },\n align: {\n left: styles[\"headline-align-left\"],\n center: styles[\"headline-align-center\"],\n right: styles[\"headline-align-right\"],\n },\n truncate: {\n true: styles[\"headline-truncate\"],\n },\n },\n defaultVariants: {\n size: \"t1\",\n align: \"left\",\n truncate: false,\n },\n});\n\nexport type HeadlineBaseProps = VariantProps<typeof headline>;\n\ntype HeadlineProps = HeadlineBaseProps &\n HTMLAttributes<HTMLHeadingElement> & {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n (\n { className, size, align, truncate, as: Component = \"h2\", ...props },\n ref,\n ) => {\n return (\n <Component\n ref={ref}\n className={headline({ size, align, truncate, className })}\n {...props}\n />\n );\n },\n);\n\nHeadline.displayName = \"Headline\";\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,QAAQ,GAAGA,SAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AAC1B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,uBAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAEA,uBAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAEA,uBAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,uBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASI,MAAM,QAAQ,GAAGC,gBAAU,CAChC,CACE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,KACD;IACF,QACEC,gCAAC,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
@@ -1,11 +1,13 @@
1
1
  import { type VariantProps } from "class-variance-authority";
2
2
  import { HTMLAttributes } from "react";
3
- export declare const Headline: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
4
- size?: "small" | "medium" | "large" | null | undefined;
3
+ declare const headline: (props?: ({
4
+ size?: "t1" | "t2" | "t3" | "t4" | null | undefined;
5
5
  align?: "center" | "right" | "left" | null | undefined;
6
6
  truncate?: boolean | null | undefined;
7
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
+ export type HeadlineBaseProps = VariantProps<typeof headline>;
9
+ export declare const Headline: import("react").ForwardRefExoticComponent<HeadlineBaseProps & HTMLAttributes<HTMLHeadingElement> & {
8
10
  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
9
- "aria-label"?: string | undefined;
10
11
  } & import("react").RefAttributes<HTMLHeadingElement>>;
12
+ export {};
11
13
  //# sourceMappingURL=headline.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../../v1/components/headline/headline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAiCnD,eAAO,MAAM,QAAQ;;;;;;;sDAYpB,CAAC"}
1
+ {"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../../v1/components/headline/headline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAInD,QAAA,MAAM,QAAQ;;;;8EAsBZ,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAO9D,eAAO,MAAM,QAAQ;;sDAapB,CAAC"}
@@ -6,9 +6,10 @@ import styles from './headline.module.css.js';
6
6
  const headline = cva(styles.headline, {
7
7
  variants: {
8
8
  size: {
9
- small: styles["headline-small"],
10
- medium: styles["headline-medium"],
11
- large: styles["headline-large"],
9
+ t1: styles["headline-t1"],
10
+ t2: styles["headline-t2"],
11
+ t3: styles["headline-t3"],
12
+ t4: styles["headline-t4"],
12
13
  },
13
14
  align: {
14
15
  left: styles["headline-align-left"],
@@ -17,16 +18,16 @@ const headline = cva(styles.headline, {
17
18
  },
18
19
  truncate: {
19
20
  true: styles["headline-truncate"],
20
- }
21
+ },
21
22
  },
22
23
  defaultVariants: {
23
- size: "small",
24
+ size: "t1",
24
25
  align: "left",
25
26
  truncate: false,
26
27
  },
27
28
  });
28
- const Headline = forwardRef(({ className, size, align, truncate, as: Component = "h2", children, ...props }, ref) => {
29
- return (jsxRuntimeExports.jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props, children: children }));
29
+ const Headline = forwardRef(({ className, size, align, truncate, as: Component = "h2", ...props }, ref) => {
30
+ return (jsxRuntimeExports.jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props }));
30
31
  });
31
32
  Headline.displayName = "Headline";
32
33
 
@@ -1 +1 @@
1
- {"version":3,"file":"headline.js","sources":["../../../../v1/components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n variants: {\n size: {\n small: styles[\"headline-small\"],\n medium: styles[\"headline-medium\"],\n large: styles[\"headline-large\"],\n },\n align: {\n left: styles[\"headline-align-left\"],\n center: styles[\"headline-align-center\"],\n right: styles[\"headline-align-right\"],\n },\n truncate: {\n true: styles[\"headline-truncate\"],\n }\n },\n defaultVariants: {\n size: \"small\",\n align: \"left\",\n truncate: false,\n },\n});\n\ntype HeadlineProps = HTMLAttributes<HTMLHeadingElement> &\n VariantProps<typeof headline> & {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n \"aria-label\"?: string;\n };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n ({ className, size, align, truncate, as: Component = \"h2\", children, ...props }, ref) => {\n return (\n <Component\n ref={ref}\n className={headline({ size, align, truncate, className })}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nHeadline.displayName = \"Headline\"; "],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,YAAA,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAQI,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACtF,IAAA,QACEA,qBAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACC,CAAA,EACZ;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
1
+ {"version":3,"file":"headline.js","sources":["../../../../v1/components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n variants: {\n size: {\n t1: styles[\"headline-t1\"],\n t2: styles[\"headline-t2\"],\n t3: styles[\"headline-t3\"],\n t4: styles[\"headline-t4\"],\n },\n align: {\n left: styles[\"headline-align-left\"],\n center: styles[\"headline-align-center\"],\n right: styles[\"headline-align-right\"],\n },\n truncate: {\n true: styles[\"headline-truncate\"],\n },\n },\n defaultVariants: {\n size: \"t1\",\n align: \"left\",\n truncate: false,\n },\n});\n\nexport type HeadlineBaseProps = VariantProps<typeof headline>;\n\ntype HeadlineProps = HeadlineBaseProps &\n HTMLAttributes<HTMLHeadingElement> & {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n (\n { className, size, align, truncate, as: Component = \"h2\", ...props },\n ref,\n ) => {\n return (\n <Component\n ref={ref}\n className={headline({ size, align, truncate, className })}\n {...props}\n />\n );\n },\n);\n\nHeadline.displayName = \"Headline\";\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AAC1B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASI,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,KACD;IACF,QACEA,qBAAC,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = {"headline":"headline-module_headline__U3ISV","headline-small":"headline-module_headline-small__bTsTs","headline-medium":"headline-module_headline-medium__Aw4vt","headline-large":"headline-module_headline-large__-r-UH","headline-align-left":"headline-module_headline-align-left__e7eb8","headline-align-center":"headline-module_headline-align-center__KjXaX","headline-align-right":"headline-module_headline-align-right__2KQ7V","headline-truncate":"headline-module_headline-truncate__BCqcb","headline___small":"headline-module_headline-small__bTsTs","headline___medium":"headline-module_headline-medium__Aw4vt","headline___large":"headline-module_headline-large__-r-UH","headline___align___left":"headline-module_headline-align-left__e7eb8","headline___align___center":"headline-module_headline-align-center__KjXaX","headline___align___right":"headline-module_headline-align-right__2KQ7V","headline___truncate":"headline-module_headline-truncate__BCqcb"};
5
+ var styles = {"headline":"headline-module_headline__U3ISV","headline-t1":"headline-module_headline-t1__dAEqI","headline-t2":"headline-module_headline-t2__RQY-4","headline-t3":"headline-module_headline-t3__u7718","headline-t4":"headline-module_headline-t4__JX6yi","headline-align-left":"headline-module_headline-align-left__e7eb8","headline-align-center":"headline-module_headline-align-center__KjXaX","headline-align-right":"headline-module_headline-align-right__2KQ7V","headline-truncate":"headline-module_headline-truncate__BCqcb","headline___t1":"headline-module_headline-t1__dAEqI","headline___t2":"headline-module_headline-t2__RQY-4","headline___t3":"headline-module_headline-t3__u7718","headline___t4":"headline-module_headline-t4__JX6yi","headline___align___left":"headline-module_headline-align-left__e7eb8","headline___align___center":"headline-module_headline-align-center__KjXaX","headline___align___right":"headline-module_headline-align-right__2KQ7V","headline___truncate":"headline-module_headline-truncate__BCqcb"};
6
6
 
7
7
  exports.default = styles;
8
8
  //# sourceMappingURL=headline.module.css.cjs.map
@@ -1,4 +1,4 @@
1
- var styles = {"headline":"headline-module_headline__U3ISV","headline-small":"headline-module_headline-small__bTsTs","headline-medium":"headline-module_headline-medium__Aw4vt","headline-large":"headline-module_headline-large__-r-UH","headline-align-left":"headline-module_headline-align-left__e7eb8","headline-align-center":"headline-module_headline-align-center__KjXaX","headline-align-right":"headline-module_headline-align-right__2KQ7V","headline-truncate":"headline-module_headline-truncate__BCqcb","headline___small":"headline-module_headline-small__bTsTs","headline___medium":"headline-module_headline-medium__Aw4vt","headline___large":"headline-module_headline-large__-r-UH","headline___align___left":"headline-module_headline-align-left__e7eb8","headline___align___center":"headline-module_headline-align-center__KjXaX","headline___align___right":"headline-module_headline-align-right__2KQ7V","headline___truncate":"headline-module_headline-truncate__BCqcb"};
1
+ var styles = {"headline":"headline-module_headline__U3ISV","headline-t1":"headline-module_headline-t1__dAEqI","headline-t2":"headline-module_headline-t2__RQY-4","headline-t3":"headline-module_headline-t3__u7718","headline-t4":"headline-module_headline-t4__JX6yi","headline-align-left":"headline-module_headline-align-left__e7eb8","headline-align-center":"headline-module_headline-align-center__KjXaX","headline-align-right":"headline-module_headline-align-right__2KQ7V","headline-truncate":"headline-module_headline-truncate__BCqcb","headline___t1":"headline-module_headline-t1__dAEqI","headline___t2":"headline-module_headline-t2__RQY-4","headline___t3":"headline-module_headline-t3__u7718","headline___t4":"headline-module_headline-t4__JX6yi","headline___align___left":"headline-module_headline-align-left__e7eb8","headline___align___center":"headline-module_headline-align-center__KjXaX","headline___align___right":"headline-module_headline-align-right__2KQ7V","headline___truncate":"headline-module_headline-truncate__BCqcb"};
2
2
 
3
3
  export { styles as default };
4
4
  //# sourceMappingURL=headline.module.css.js.map