@raystack/apsara 0.35.0 → 0.37.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 (196) hide show
  1. package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs +23 -0
  2. package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs.map +1 -1
  3. package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +23 -1
  4. package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/table/datatable.cjs +1 -1
  7. package/dist/table/datatable.cjs.map +1 -1
  8. package/dist/table/datatable.js +1 -1
  9. package/dist/table/datatable.js.map +1 -1
  10. package/dist/v1/components/box/box.cjs.map +1 -1
  11. package/dist/v1/components/box/box.d.ts.map +1 -1
  12. package/dist/v1/components/box/box.js.map +1 -1
  13. package/dist/v1/components/callout/callout.cjs.map +1 -1
  14. package/dist/v1/components/callout/callout.d.ts +1 -1
  15. package/dist/v1/components/callout/callout.d.ts.map +1 -1
  16. package/dist/v1/components/callout/callout.js.map +1 -1
  17. package/dist/v1/components/chip/chip.cjs.map +1 -1
  18. package/dist/v1/components/chip/chip.d.ts +1 -1
  19. package/dist/v1/components/chip/chip.d.ts.map +1 -1
  20. package/dist/v1/components/chip/chip.js.map +1 -1
  21. package/dist/v1/components/command/command.cjs +2 -2
  22. package/dist/v1/components/command/command.cjs.map +1 -1
  23. package/dist/v1/components/command/command.d.ts.map +1 -1
  24. package/dist/v1/components/command/command.js +2 -2
  25. package/dist/v1/components/command/command.js.map +1 -1
  26. package/dist/v1/components/container/container.cjs.map +1 -1
  27. package/dist/v1/components/container/container.d.ts.map +1 -1
  28. package/dist/v1/components/container/container.js.map +1 -1
  29. package/dist/v1/components/copy-button/copy-button.cjs +28 -0
  30. package/dist/v1/components/copy-button/copy-button.cjs.map +1 -0
  31. package/dist/v1/components/copy-button/copy-button.d.ts +9 -0
  32. package/dist/v1/components/copy-button/copy-button.d.ts.map +1 -0
  33. package/dist/v1/components/copy-button/copy-button.js +26 -0
  34. package/dist/v1/components/copy-button/copy-button.js.map +1 -0
  35. package/dist/v1/components/copy-button/index.d.ts +2 -0
  36. package/dist/v1/components/copy-button/index.d.ts.map +1 -0
  37. package/dist/v1/components/data-table/components/content.cjs +8 -8
  38. package/dist/v1/components/data-table/components/content.cjs.map +1 -1
  39. package/dist/v1/components/data-table/components/content.d.ts.map +1 -1
  40. package/dist/v1/components/data-table/components/content.js +8 -8
  41. package/dist/v1/components/data-table/components/content.js.map +1 -1
  42. package/dist/v1/components/data-table/components/display-settings.cjs +3 -3
  43. package/dist/v1/components/data-table/components/display-settings.cjs.map +1 -1
  44. package/dist/v1/components/data-table/components/display-settings.d.ts.map +1 -1
  45. package/dist/v1/components/data-table/components/display-settings.js +3 -3
  46. package/dist/v1/components/data-table/components/display-settings.js.map +1 -1
  47. package/dist/v1/components/data-table/components/filters.cjs +4 -4
  48. package/dist/v1/components/data-table/components/filters.cjs.map +1 -1
  49. package/dist/v1/components/data-table/components/filters.js +4 -4
  50. package/dist/v1/components/data-table/components/filters.js.map +1 -1
  51. package/dist/v1/components/data-table/components/grouping.cjs +2 -2
  52. package/dist/v1/components/data-table/components/grouping.cjs.map +1 -1
  53. package/dist/v1/components/data-table/components/grouping.d.ts.map +1 -1
  54. package/dist/v1/components/data-table/components/grouping.js +2 -2
  55. package/dist/v1/components/data-table/components/grouping.js.map +1 -1
  56. package/dist/v1/components/data-table/components/ordering.cjs +4 -4
  57. package/dist/v1/components/data-table/components/ordering.cjs.map +1 -1
  58. package/dist/v1/components/data-table/components/ordering.d.ts.map +1 -1
  59. package/dist/v1/components/data-table/components/ordering.js +4 -4
  60. package/dist/v1/components/data-table/components/ordering.js.map +1 -1
  61. package/dist/v1/components/data-table/components/toolbar.cjs.map +1 -1
  62. package/dist/v1/components/data-table/components/toolbar.js.map +1 -1
  63. package/dist/v1/components/data-table/context.cjs.map +1 -1
  64. package/dist/v1/components/data-table/context.d.ts.map +1 -1
  65. package/dist/v1/components/data-table/context.js.map +1 -1
  66. package/dist/v1/components/data-table/data-table.types.cjs.map +1 -1
  67. package/dist/v1/components/data-table/data-table.types.d.ts +1 -0
  68. package/dist/v1/components/data-table/data-table.types.d.ts.map +1 -1
  69. package/dist/v1/components/data-table/data-table.types.js.map +1 -1
  70. package/dist/v1/components/data-table/hooks/useDataTable.cjs.map +1 -1
  71. package/dist/v1/components/data-table/hooks/useDataTable.d.ts.map +1 -1
  72. package/dist/v1/components/data-table/hooks/useDataTable.js.map +1 -1
  73. package/dist/v1/components/data-table/hooks/useFilters.cjs.map +1 -1
  74. package/dist/v1/components/data-table/hooks/useFilters.d.ts.map +1 -1
  75. package/dist/v1/components/data-table/hooks/useFilters.js.map +1 -1
  76. package/dist/v1/components/data-table/utils/filter-operations.cjs.map +1 -1
  77. package/dist/v1/components/data-table/utils/filter-operations.d.ts +1 -1
  78. package/dist/v1/components/data-table/utils/filter-operations.d.ts.map +1 -1
  79. package/dist/v1/components/data-table/utils/filter-operations.js.map +1 -1
  80. package/dist/v1/components/data-table/utils/index.cjs.map +1 -1
  81. package/dist/v1/components/data-table/utils/index.d.ts +1 -1
  82. package/dist/v1/components/data-table/utils/index.d.ts.map +1 -1
  83. package/dist/v1/components/data-table/utils/index.js.map +1 -1
  84. package/dist/v1/components/dialog/dialog.cjs +1 -1
  85. package/dist/v1/components/dialog/dialog.cjs.map +1 -1
  86. package/dist/v1/components/dialog/dialog.d.ts.map +1 -1
  87. package/dist/v1/components/dialog/dialog.js +1 -1
  88. package/dist/v1/components/dialog/dialog.js.map +1 -1
  89. package/dist/v1/components/filter-chip/filter-chip.cjs +4 -4
  90. package/dist/v1/components/filter-chip/filter-chip.cjs.map +1 -1
  91. package/dist/v1/components/filter-chip/filter-chip.d.ts +1 -1
  92. package/dist/v1/components/filter-chip/filter-chip.d.ts.map +1 -1
  93. package/dist/v1/components/filter-chip/filter-chip.js +4 -4
  94. package/dist/v1/components/filter-chip/filter-chip.js.map +1 -1
  95. package/dist/v1/components/image/image.cjs.map +1 -1
  96. package/dist/v1/components/image/image.d.ts.map +1 -1
  97. package/dist/v1/components/image/image.js.map +1 -1
  98. package/dist/v1/components/label/label.cjs.map +1 -1
  99. package/dist/v1/components/label/label.d.ts.map +1 -1
  100. package/dist/v1/components/label/label.js.map +1 -1
  101. package/dist/v1/components/list/list.cjs.map +1 -1
  102. package/dist/v1/components/list/list.d.ts.map +1 -1
  103. package/dist/v1/components/list/list.js.map +1 -1
  104. package/dist/v1/components/popover/popover.cjs +1 -1
  105. package/dist/v1/components/popover/popover.cjs.map +1 -1
  106. package/dist/v1/components/popover/popover.d.ts +1 -1
  107. package/dist/v1/components/popover/popover.d.ts.map +1 -1
  108. package/dist/v1/components/popover/popover.js +1 -1
  109. package/dist/v1/components/popover/popover.js.map +1 -1
  110. package/dist/v1/components/search/search.cjs +1 -1
  111. package/dist/v1/components/search/search.cjs.map +1 -1
  112. package/dist/v1/components/search/search.d.ts.map +1 -1
  113. package/dist/v1/components/search/search.js +1 -1
  114. package/dist/v1/components/search/search.js.map +1 -1
  115. package/dist/v1/components/search/search.module.css.cjs +1 -1
  116. package/dist/v1/components/search/search.module.css.js +1 -1
  117. package/dist/v1/components/separator/separator.cjs.map +1 -1
  118. package/dist/v1/components/separator/separator.js.map +1 -1
  119. package/dist/v1/components/side-panel/index.d.ts +2 -0
  120. package/dist/v1/components/side-panel/index.d.ts.map +1 -0
  121. package/dist/v1/components/side-panel/side-panel.cjs +36 -0
  122. package/dist/v1/components/side-panel/side-panel.cjs.map +1 -0
  123. package/dist/v1/components/side-panel/side-panel.d.ts +24 -0
  124. package/dist/v1/components/side-panel/side-panel.d.ts.map +1 -0
  125. package/dist/v1/components/side-panel/side-panel.js +34 -0
  126. package/dist/v1/components/side-panel/side-panel.js.map +1 -0
  127. package/dist/v1/components/side-panel/side-panel.module.css.cjs +8 -0
  128. package/dist/v1/components/side-panel/side-panel.module.css.cjs.map +1 -0
  129. package/dist/v1/components/side-panel/side-panel.module.css.js +4 -0
  130. package/dist/v1/components/side-panel/side-panel.module.css.js.map +1 -0
  131. package/dist/v1/components/text-area/text-area.cjs +4 -2
  132. package/dist/v1/components/text-area/text-area.cjs.map +1 -1
  133. package/dist/v1/components/text-area/text-area.d.ts +1 -0
  134. package/dist/v1/components/text-area/text-area.d.ts.map +1 -1
  135. package/dist/v1/components/text-area/text-area.js +4 -2
  136. package/dist/v1/components/text-area/text-area.js.map +1 -1
  137. package/dist/v1/components/tooltip/tooltip.cjs.map +1 -1
  138. package/dist/v1/components/tooltip/tooltip.d.ts +1 -1
  139. package/dist/v1/components/tooltip/tooltip.d.ts.map +1 -1
  140. package/dist/v1/components/tooltip/tooltip.js.map +1 -1
  141. package/dist/v1/hooks/index.cjs +8 -0
  142. package/dist/v1/hooks/index.cjs.map +1 -0
  143. package/dist/v1/hooks/index.d.ts +2 -0
  144. package/dist/v1/hooks/index.d.ts.map +1 -0
  145. package/dist/v1/hooks/index.js +2 -0
  146. package/dist/v1/hooks/index.js.map +1 -0
  147. package/dist/v1/hooks/useCopyToClipboard.cjs +28 -0
  148. package/dist/v1/hooks/useCopyToClipboard.cjs.map +1 -0
  149. package/dist/v1/hooks/useCopyToClipboard.d.ts +7 -0
  150. package/dist/v1/hooks/useCopyToClipboard.d.ts.map +1 -0
  151. package/dist/v1/hooks/useCopyToClipboard.js +26 -0
  152. package/dist/v1/hooks/useCopyToClipboard.js.map +1 -0
  153. package/dist/v1/icons/assets/check-circle-filled.svg.cjs +45 -0
  154. package/dist/v1/icons/assets/check-circle-filled.svg.cjs.map +1 -0
  155. package/dist/v1/icons/assets/check-circle-filled.svg.js +24 -0
  156. package/dist/v1/icons/assets/check-circle-filled.svg.js.map +1 -0
  157. package/dist/v1/icons/assets/cross-circle-filled.svg.cjs +41 -0
  158. package/dist/v1/icons/assets/cross-circle-filled.svg.cjs.map +1 -0
  159. package/dist/v1/icons/assets/cross-circle-filled.svg.js +20 -0
  160. package/dist/v1/icons/assets/cross-circle-filled.svg.js.map +1 -0
  161. package/dist/v1/{components/icons → icons}/assets/filter.svg.cjs +1 -1
  162. package/dist/v1/icons/assets/filter.svg.cjs.map +1 -0
  163. package/dist/v1/{components/icons → icons}/assets/filter.svg.js +1 -1
  164. package/dist/v1/icons/assets/filter.svg.js.map +1 -0
  165. package/dist/v1/icons/assets/organization.svg.cjs +41 -0
  166. package/dist/v1/icons/assets/organization.svg.cjs.map +1 -0
  167. package/dist/v1/icons/assets/organization.svg.js +20 -0
  168. package/dist/v1/icons/assets/organization.svg.js.map +1 -0
  169. package/dist/v1/icons/assets/sidebar.svg.cjs +41 -0
  170. package/dist/v1/icons/assets/sidebar.svg.cjs.map +1 -0
  171. package/dist/v1/icons/assets/sidebar.svg.js +20 -0
  172. package/dist/v1/icons/assets/sidebar.svg.js.map +1 -0
  173. package/dist/v1/icons/index.cjs +16 -0
  174. package/dist/v1/icons/index.cjs.map +1 -0
  175. package/dist/v1/icons/index.d.ts +6 -0
  176. package/dist/v1/icons/index.d.ts.map +1 -0
  177. package/dist/v1/icons/index.js +6 -0
  178. package/dist/v1/icons/index.js.map +1 -0
  179. package/dist/v1/index.cjs +28 -24
  180. package/dist/v1/index.cjs.map +1 -1
  181. package/dist/v1/index.d.ts +12 -10
  182. package/dist/v1/index.d.ts.map +1 -1
  183. package/dist/v1/index.js +14 -12
  184. package/dist/v1/index.js.map +1 -1
  185. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs +23 -0
  186. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs.map +1 -1
  187. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +23 -1
  188. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
  189. package/dist/v1/style.css +1 -1
  190. package/package.json +15 -2
  191. package/dist/v1/components/icons/assets/filter.svg.cjs.map +0 -1
  192. package/dist/v1/components/icons/assets/filter.svg.js.map +0 -1
  193. package/dist/v1/components/icons/icons.d.ts +0 -3
  194. package/dist/v1/components/icons/icons.d.ts.map +0 -1
  195. package/dist/v1/components/icons/index.d.ts +0 -2
  196. package/dist/v1/components/icons/index.d.ts.map +0 -1
@@ -105,7 +105,7 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
105
105
  ...(table$1.getRowModel().rows?.length
106
106
  ? { width: "100%" }
107
107
  : { width: "100%", height: "100%" }),
108
- ...{ "border-collapse": "collapse" },
108
+ ...{ borderCollapse: "collapse" },
109
109
  };
110
110
  return (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { direction: "column", justify: "between", className: datatable_module.default.wrapper, children: jsxRuntime.jsxRuntimeExports.jsxs(TableContext.TableContext.Provider, { value: {
111
111
  table: table$1,
@@ -1 +1 @@
1
- {"version":3,"file":"datatable.cjs","sources":["../../table/datatable.tsx"],"sourcesContent":["import {\n CaretUpIcon,\n CaretDownIcon,\n CaretSortIcon,\n} from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n InitialTableState,\n TableState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n CSSProperties,\n Children,\n ComponentProps,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n useRef,\n} from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\nimport styles from \"./datatable.module.css\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport {\n ApsaraColumnDef,\n tableFilterMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport Skeleton from \"react-loading-skeleton\";\n\ntype DataTableProps<TData, TValue> = {\n columns: ApsaraColumnDef<TData>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n ShouldShowHeader?: boolean;\n emptyState?: ReactNode;\n parentStyle?: CSSProperties;\n isLoading?: boolean;\n initialState?: Partial<InitialTableState>;\n loaderRow?: number;\n onRowClick?: (d: TData) => void;\n onStateChange?: (d: Partial<TableState>) => void;\n onLoadMore?: () => void;\n} & ComponentProps<typeof Table>;\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n emptyState,\n children,\n parentStyle,\n isLoading = false,\n ShouldShowHeader = true,\n initialState,\n loaderRow = 2,\n onRowClick,\n onStateChange = () => {},\n onLoadMore,\n ...props\n}: DataTableProps<TData, TValue>) {\n const [tableCustomFilter, setTableCustomFilter] = useState<tableFilterMap>(\n {}\n );\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header =\n convertedChildren.find((child) => child.type === DataTableToolbar) || null;\n const footer =\n convertedChildren.find((child) => child.type === DataTableFooter) || null;\n const detail =\n convertedChildren.find((child) => child.type === TableDetailContainer) ||\n null;\n\n const [tableState, setTableState] = useState<Partial<TableState>>({});\n const observerRef = useRef<IntersectionObserver | null>(null);\n const lastRowRef = useRef<HTMLTableRowElement | null>(null);\n\n useEffect(() => {\n if (!onLoadMore) return;\n\n const observer = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting && !isLoading) {\n onLoadMore();\n }\n }, { threshold: 0.1 });\n\n observerRef.current = observer;\n\n return () => observer.disconnect();\n }, [onLoadMore, isLoading]);\n\n useEffect(() => {\n const observer = observerRef.current;\n const lastRow = lastRowRef.current;\n\n if (observer && lastRow) {\n observer.disconnect();\n observer.observe(lastRow);\n }\n\n return () => {\n if (observer && lastRow) {\n observer.unobserve(lastRow);\n }\n };\n }, [isLoading]);\n\n const getLoader = (loaderRow: number, columns: ApsaraColumnDef<TData>[]) => (\n [...new Array(loaderRow)].map((_, rowIndex) => (\n <Table.Row key={`row_${rowIndex}`}>\n {columns.map((_, colIndex) => (\n <Table.Cell key={`col_${colIndex}`}>\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n );\n\n const tableData = onLoadMore ? data : (isLoading\n ? [...new Array(loaderRow)].map((_, i) => ({ id: i } as TData))\n : data);\n\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const columnWithCustomFilter = useMemo(\n () =>\n columns.map((col) => {\n const colId = col.id || (col?.accessorKey as string);\n const filterFn =\n colId && tableCustomFilter.hasOwnProperty(colId)\n ? tableCustomFilter[colId]\n : undefined;\n\n const cell = onLoadMore\n ? col.cell\n : (isLoading\n ? () => (\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n )\n : col.cell);\n\n return {\n ...col,\n cell,\n filterFn,\n };\n }),\n [isLoading, columns, tableCustomFilter, onLoadMore]\n );\n\n useEffect(() => {\n if (onStateChange) {\n onStateChange(tableState);\n }\n }, [tableState]);\n\n const updateColumnCustomFilter: updateColumnFilter = (id, filterFn) => {\n setTableCustomFilter((old) => ({ ...old, [id]: filterFn }));\n };\n\n const table = useReactTable({\n data: tableData,\n columns: columnWithCustomFilter as unknown as ColumnDef<TData, TValue>[],\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n manualPagination: true,\n pageCount: -1,\n onStateChange: (updater) => setTableState(updater as Partial<TableState>),\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n initialState,\n state: tableState,\n });\n\n const tableStyle = {\n ...(table.getRowModel().rows?.length\n ? { width: \"100%\" }\n : { width: \"100%\", height: \"100%\" }),\n ...{ \"border-collapse\": \"collapse\" },\n };\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter: tableState.globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: (value) =>\n setTableState((prev) => ({ ...prev, globalFilter: value })),\n onChange: () => ({}),\n tableCustomFilter,\n updateColumnCustomFilter,\n isLoading,\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Flex\n className={styles.tableContainer}\n style={parentStyle}\n >\n <Table {...props} style={tableStyle}>\n <Table.Header className={styles.header}>\n {ShouldShowHeader\n ? table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header, index) => {\n return (\n <Table.Head\n key={`${header.id}_${index}`}\n style={{\n cursor: \"pointer\",\n ...(header.column.columnDef?.meta?.style ?? {}),\n }}\n onClick={header.column.getToggleSortingHandler()}\n >\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {header.column.getCanSort()\n ? {\n asc: <CaretUpIcon />,\n desc: <CaretDownIcon />,\n }[\n header.column.getIsSorted() as string\n ] ?? <CaretSortIcon />\n : null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))\n : null}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n onClick={() => onRowClick?.(row.original)}\n className={\n isLoading\n ? \"\"\n : `${styles.tRow} ${\n onRowClick ? styles.tRowClick : \"\"\n }`\n }\n ref={\n onLoadMore && rowIndex === table.getRowModel().rows.length - 1\n ? lastRowRef\n : null\n }\n >\n {row.getVisibleCells().map((cell, index) => (\n <Table.Cell\n key={`${cell.id}_${index}`}\n style={{\n ...(cell.column.columnDef?.meta?.style ?? {}),\n }}\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n !isLoading ?\n <Table.Row>\n <Table.Cell colSpan={columns.length}>\n {emptyState || \"No results.\"}\n </Table.Cell>\n </Table.Row> : <></>\n )}\n {isLoading && onLoadMore && getLoader(loaderRow, columns)}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n DetailContainer: TableDetailContainer,\n});\n"],"names":["useState","Children","DataTableToolbar","DataTableFooter","TableDetailContainer","useRef","useEffect","_jsx","Table","Skeleton","styles","useTableColumn","useMemo","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","Flex","_jsxs","TableContext","Text","flexRender","CaretUpIcon","CaretDownIcon","CaretSortIcon","DataTableGloabalSearch","DataTableFilterOptions","DataTableViewOptions","DataTableClearFilter","DataTableFilterChips"],"mappings":"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"}
1
+ {"version":3,"file":"datatable.cjs","sources":["../../table/datatable.tsx"],"sourcesContent":["import {\n CaretUpIcon,\n CaretDownIcon,\n CaretSortIcon,\n} from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n InitialTableState,\n TableState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n CSSProperties,\n Children,\n ComponentProps,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n useRef,\n} from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\nimport styles from \"./datatable.module.css\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport {\n ApsaraColumnDef,\n tableFilterMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport Skeleton from \"react-loading-skeleton\";\n\ntype DataTableProps<TData, TValue> = {\n columns: ApsaraColumnDef<TData>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n ShouldShowHeader?: boolean;\n emptyState?: ReactNode;\n parentStyle?: CSSProperties;\n isLoading?: boolean;\n initialState?: Partial<InitialTableState>;\n loaderRow?: number;\n onRowClick?: (d: TData) => void;\n onStateChange?: (d: Partial<TableState>) => void;\n onLoadMore?: () => void;\n} & ComponentProps<typeof Table>;\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n emptyState,\n children,\n parentStyle,\n isLoading = false,\n ShouldShowHeader = true,\n initialState,\n loaderRow = 2,\n onRowClick,\n onStateChange = () => {},\n onLoadMore,\n ...props\n}: DataTableProps<TData, TValue>) {\n const [tableCustomFilter, setTableCustomFilter] = useState<tableFilterMap>(\n {}\n );\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header =\n convertedChildren.find((child) => child.type === DataTableToolbar) || null;\n const footer =\n convertedChildren.find((child) => child.type === DataTableFooter) || null;\n const detail =\n convertedChildren.find((child) => child.type === TableDetailContainer) ||\n null;\n\n const [tableState, setTableState] = useState<Partial<TableState>>({});\n const observerRef = useRef<IntersectionObserver | null>(null);\n const lastRowRef = useRef<HTMLTableRowElement | null>(null);\n\n useEffect(() => {\n if (!onLoadMore) return;\n\n const observer = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting && !isLoading) {\n onLoadMore();\n }\n }, { threshold: 0.1 });\n\n observerRef.current = observer;\n\n return () => observer.disconnect();\n }, [onLoadMore, isLoading]);\n\n useEffect(() => {\n const observer = observerRef.current;\n const lastRow = lastRowRef.current;\n\n if (observer && lastRow) {\n observer.disconnect();\n observer.observe(lastRow);\n }\n\n return () => {\n if (observer && lastRow) {\n observer.unobserve(lastRow);\n }\n };\n }, [isLoading]);\n\n const getLoader = (loaderRow: number, columns: ApsaraColumnDef<TData>[]) => (\n [...new Array(loaderRow)].map((_, rowIndex) => (\n <Table.Row key={`row_${rowIndex}`}>\n {columns.map((_, colIndex) => (\n <Table.Cell key={`col_${colIndex}`}>\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n );\n\n const tableData = onLoadMore ? data : (isLoading\n ? [...new Array(loaderRow)].map((_, i) => ({ id: i } as TData))\n : data);\n\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const columnWithCustomFilter = useMemo(\n () =>\n columns.map((col) => {\n const colId = col.id || (col?.accessorKey as string);\n const filterFn =\n colId && tableCustomFilter.hasOwnProperty(colId)\n ? tableCustomFilter[colId]\n : undefined;\n\n const cell = onLoadMore\n ? col.cell\n : (isLoading\n ? () => (\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n )\n : col.cell);\n\n return {\n ...col,\n cell,\n filterFn,\n };\n }),\n [isLoading, columns, tableCustomFilter, onLoadMore]\n );\n\n useEffect(() => {\n if (onStateChange) {\n onStateChange(tableState);\n }\n }, [tableState]);\n\n const updateColumnCustomFilter: updateColumnFilter = (id, filterFn) => {\n setTableCustomFilter((old) => ({ ...old, [id]: filterFn }));\n };\n\n const table = useReactTable({\n data: tableData,\n columns: columnWithCustomFilter as unknown as ColumnDef<TData, TValue>[],\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n manualPagination: true,\n pageCount: -1,\n onStateChange: (updater) => setTableState(updater as Partial<TableState>),\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n initialState,\n state: tableState,\n });\n\n const tableStyle = {\n ...(table.getRowModel().rows?.length\n ? { width: \"100%\" }\n : { width: \"100%\", height: \"100%\" }),\n ...{ borderCollapse: \"collapse\" },\n };\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter: tableState.globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: (value) =>\n setTableState((prev) => ({ ...prev, globalFilter: value })),\n onChange: () => ({}),\n tableCustomFilter,\n updateColumnCustomFilter,\n isLoading,\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Flex\n className={styles.tableContainer}\n style={parentStyle}\n >\n <Table {...props} style={tableStyle}>\n <Table.Header className={styles.header}>\n {ShouldShowHeader\n ? table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header, index) => {\n return (\n <Table.Head\n key={`${header.id}_${index}`}\n style={{\n cursor: \"pointer\",\n ...(header.column.columnDef?.meta?.style ?? {}),\n }}\n onClick={header.column.getToggleSortingHandler()}\n >\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {header.column.getCanSort()\n ? {\n asc: <CaretUpIcon />,\n desc: <CaretDownIcon />,\n }[\n header.column.getIsSorted() as string\n ] ?? <CaretSortIcon />\n : null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))\n : null}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n onClick={() => onRowClick?.(row.original)}\n className={\n isLoading\n ? \"\"\n : `${styles.tRow} ${\n onRowClick ? styles.tRowClick : \"\"\n }`\n }\n ref={\n onLoadMore && rowIndex === table.getRowModel().rows.length - 1\n ? lastRowRef\n : null\n }\n >\n {row.getVisibleCells().map((cell, index) => (\n <Table.Cell\n key={`${cell.id}_${index}`}\n style={{\n ...(cell.column.columnDef?.meta?.style ?? {}),\n }}\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n !isLoading ?\n <Table.Row>\n <Table.Cell colSpan={columns.length}>\n {emptyState || \"No results.\"}\n </Table.Cell>\n </Table.Row> : <></>\n )}\n {isLoading && onLoadMore && getLoader(loaderRow, columns)}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n DetailContainer: TableDetailContainer,\n});\n"],"names":["useState","Children","DataTableToolbar","DataTableFooter","TableDetailContainer","useRef","useEffect","_jsx","Table","Skeleton","styles","useTableColumn","useMemo","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","Flex","_jsxs","TableContext","Text","flexRender","CaretUpIcon","CaretDownIcon","CaretSortIcon","DataTableGloabalSearch","DataTableFilterOptions","DataTableViewOptions","DataTableClearFilter","DataTableFilterChips"],"mappings":"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"}
@@ -103,7 +103,7 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
103
103
  ...(table.getRowModel().rows?.length
104
104
  ? { width: "100%" }
105
105
  : { width: "100%", height: "100%" }),
106
- ...{ "border-collapse": "collapse" },
106
+ ...{ borderCollapse: "collapse" },
107
107
  };
108
108
  return (jsxRuntimeExports.jsx(Flex, { direction: "column", justify: "between", className: styles.wrapper, children: jsxRuntimeExports.jsxs(TableContext.Provider, { value: {
109
109
  table,
@@ -1 +1 @@
1
- {"version":3,"file":"datatable.js","sources":["../../table/datatable.tsx"],"sourcesContent":["import {\n CaretUpIcon,\n CaretDownIcon,\n CaretSortIcon,\n} from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n InitialTableState,\n TableState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n CSSProperties,\n Children,\n ComponentProps,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n useRef,\n} from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\nimport styles from \"./datatable.module.css\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport {\n ApsaraColumnDef,\n tableFilterMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport Skeleton from \"react-loading-skeleton\";\n\ntype DataTableProps<TData, TValue> = {\n columns: ApsaraColumnDef<TData>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n ShouldShowHeader?: boolean;\n emptyState?: ReactNode;\n parentStyle?: CSSProperties;\n isLoading?: boolean;\n initialState?: Partial<InitialTableState>;\n loaderRow?: number;\n onRowClick?: (d: TData) => void;\n onStateChange?: (d: Partial<TableState>) => void;\n onLoadMore?: () => void;\n} & ComponentProps<typeof Table>;\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n emptyState,\n children,\n parentStyle,\n isLoading = false,\n ShouldShowHeader = true,\n initialState,\n loaderRow = 2,\n onRowClick,\n onStateChange = () => {},\n onLoadMore,\n ...props\n}: DataTableProps<TData, TValue>) {\n const [tableCustomFilter, setTableCustomFilter] = useState<tableFilterMap>(\n {}\n );\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header =\n convertedChildren.find((child) => child.type === DataTableToolbar) || null;\n const footer =\n convertedChildren.find((child) => child.type === DataTableFooter) || null;\n const detail =\n convertedChildren.find((child) => child.type === TableDetailContainer) ||\n null;\n\n const [tableState, setTableState] = useState<Partial<TableState>>({});\n const observerRef = useRef<IntersectionObserver | null>(null);\n const lastRowRef = useRef<HTMLTableRowElement | null>(null);\n\n useEffect(() => {\n if (!onLoadMore) return;\n\n const observer = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting && !isLoading) {\n onLoadMore();\n }\n }, { threshold: 0.1 });\n\n observerRef.current = observer;\n\n return () => observer.disconnect();\n }, [onLoadMore, isLoading]);\n\n useEffect(() => {\n const observer = observerRef.current;\n const lastRow = lastRowRef.current;\n\n if (observer && lastRow) {\n observer.disconnect();\n observer.observe(lastRow);\n }\n\n return () => {\n if (observer && lastRow) {\n observer.unobserve(lastRow);\n }\n };\n }, [isLoading]);\n\n const getLoader = (loaderRow: number, columns: ApsaraColumnDef<TData>[]) => (\n [...new Array(loaderRow)].map((_, rowIndex) => (\n <Table.Row key={`row_${rowIndex}`}>\n {columns.map((_, colIndex) => (\n <Table.Cell key={`col_${colIndex}`}>\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n );\n\n const tableData = onLoadMore ? data : (isLoading\n ? [...new Array(loaderRow)].map((_, i) => ({ id: i } as TData))\n : data);\n\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const columnWithCustomFilter = useMemo(\n () =>\n columns.map((col) => {\n const colId = col.id || (col?.accessorKey as string);\n const filterFn =\n colId && tableCustomFilter.hasOwnProperty(colId)\n ? tableCustomFilter[colId]\n : undefined;\n\n const cell = onLoadMore\n ? col.cell\n : (isLoading\n ? () => (\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n )\n : col.cell);\n\n return {\n ...col,\n cell,\n filterFn,\n };\n }),\n [isLoading, columns, tableCustomFilter, onLoadMore]\n );\n\n useEffect(() => {\n if (onStateChange) {\n onStateChange(tableState);\n }\n }, [tableState]);\n\n const updateColumnCustomFilter: updateColumnFilter = (id, filterFn) => {\n setTableCustomFilter((old) => ({ ...old, [id]: filterFn }));\n };\n\n const table = useReactTable({\n data: tableData,\n columns: columnWithCustomFilter as unknown as ColumnDef<TData, TValue>[],\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n manualPagination: true,\n pageCount: -1,\n onStateChange: (updater) => setTableState(updater as Partial<TableState>),\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n initialState,\n state: tableState,\n });\n\n const tableStyle = {\n ...(table.getRowModel().rows?.length\n ? { width: \"100%\" }\n : { width: \"100%\", height: \"100%\" }),\n ...{ \"border-collapse\": \"collapse\" },\n };\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter: tableState.globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: (value) =>\n setTableState((prev) => ({ ...prev, globalFilter: value })),\n onChange: () => ({}),\n tableCustomFilter,\n updateColumnCustomFilter,\n isLoading,\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Flex\n className={styles.tableContainer}\n style={parentStyle}\n >\n <Table {...props} style={tableStyle}>\n <Table.Header className={styles.header}>\n {ShouldShowHeader\n ? table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header, index) => {\n return (\n <Table.Head\n key={`${header.id}_${index}`}\n style={{\n cursor: \"pointer\",\n ...(header.column.columnDef?.meta?.style ?? {}),\n }}\n onClick={header.column.getToggleSortingHandler()}\n >\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {header.column.getCanSort()\n ? {\n asc: <CaretUpIcon />,\n desc: <CaretDownIcon />,\n }[\n header.column.getIsSorted() as string\n ] ?? <CaretSortIcon />\n : null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))\n : null}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n onClick={() => onRowClick?.(row.original)}\n className={\n isLoading\n ? \"\"\n : `${styles.tRow} ${\n onRowClick ? styles.tRowClick : \"\"\n }`\n }\n ref={\n onLoadMore && rowIndex === table.getRowModel().rows.length - 1\n ? lastRowRef\n : null\n }\n >\n {row.getVisibleCells().map((cell, index) => (\n <Table.Cell\n key={`${cell.id}_${index}`}\n style={{\n ...(cell.column.columnDef?.meta?.style ?? {}),\n }}\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n !isLoading ?\n <Table.Row>\n <Table.Cell colSpan={columns.length}>\n {emptyState || \"No results.\"}\n </Table.Cell>\n </Table.Row> : <></>\n )}\n {isLoading && onLoadMore && getLoader(loaderRow, columns)}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n DetailContainer: TableDetailContainer,\n});\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"datatable.js","sources":["../../table/datatable.tsx"],"sourcesContent":["import {\n CaretUpIcon,\n CaretDownIcon,\n CaretSortIcon,\n} from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n InitialTableState,\n TableState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n CSSProperties,\n Children,\n ComponentProps,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n useRef,\n} from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\nimport styles from \"./datatable.module.css\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport {\n ApsaraColumnDef,\n tableFilterMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport Skeleton from \"react-loading-skeleton\";\n\ntype DataTableProps<TData, TValue> = {\n columns: ApsaraColumnDef<TData>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n ShouldShowHeader?: boolean;\n emptyState?: ReactNode;\n parentStyle?: CSSProperties;\n isLoading?: boolean;\n initialState?: Partial<InitialTableState>;\n loaderRow?: number;\n onRowClick?: (d: TData) => void;\n onStateChange?: (d: Partial<TableState>) => void;\n onLoadMore?: () => void;\n} & ComponentProps<typeof Table>;\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n emptyState,\n children,\n parentStyle,\n isLoading = false,\n ShouldShowHeader = true,\n initialState,\n loaderRow = 2,\n onRowClick,\n onStateChange = () => {},\n onLoadMore,\n ...props\n}: DataTableProps<TData, TValue>) {\n const [tableCustomFilter, setTableCustomFilter] = useState<tableFilterMap>(\n {}\n );\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header =\n convertedChildren.find((child) => child.type === DataTableToolbar) || null;\n const footer =\n convertedChildren.find((child) => child.type === DataTableFooter) || null;\n const detail =\n convertedChildren.find((child) => child.type === TableDetailContainer) ||\n null;\n\n const [tableState, setTableState] = useState<Partial<TableState>>({});\n const observerRef = useRef<IntersectionObserver | null>(null);\n const lastRowRef = useRef<HTMLTableRowElement | null>(null);\n\n useEffect(() => {\n if (!onLoadMore) return;\n\n const observer = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting && !isLoading) {\n onLoadMore();\n }\n }, { threshold: 0.1 });\n\n observerRef.current = observer;\n\n return () => observer.disconnect();\n }, [onLoadMore, isLoading]);\n\n useEffect(() => {\n const observer = observerRef.current;\n const lastRow = lastRowRef.current;\n\n if (observer && lastRow) {\n observer.disconnect();\n observer.observe(lastRow);\n }\n\n return () => {\n if (observer && lastRow) {\n observer.unobserve(lastRow);\n }\n };\n }, [isLoading]);\n\n const getLoader = (loaderRow: number, columns: ApsaraColumnDef<TData>[]) => (\n [...new Array(loaderRow)].map((_, rowIndex) => (\n <Table.Row key={`row_${rowIndex}`}>\n {columns.map((_, colIndex) => (\n <Table.Cell key={`col_${colIndex}`}>\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n );\n\n const tableData = onLoadMore ? data : (isLoading\n ? [...new Array(loaderRow)].map((_, i) => ({ id: i } as TData))\n : data);\n\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const columnWithCustomFilter = useMemo(\n () =>\n columns.map((col) => {\n const colId = col.id || (col?.accessorKey as string);\n const filterFn =\n colId && tableCustomFilter.hasOwnProperty(colId)\n ? tableCustomFilter[colId]\n : undefined;\n\n const cell = onLoadMore\n ? col.cell\n : (isLoading\n ? () => (\n <Skeleton\n containerClassName={styles.flex1}\n highlightColor=\"var(--background-base)\"\n baseColor=\"var(--background-base-hover)\"\n />\n )\n : col.cell);\n\n return {\n ...col,\n cell,\n filterFn,\n };\n }),\n [isLoading, columns, tableCustomFilter, onLoadMore]\n );\n\n useEffect(() => {\n if (onStateChange) {\n onStateChange(tableState);\n }\n }, [tableState]);\n\n const updateColumnCustomFilter: updateColumnFilter = (id, filterFn) => {\n setTableCustomFilter((old) => ({ ...old, [id]: filterFn }));\n };\n\n const table = useReactTable({\n data: tableData,\n columns: columnWithCustomFilter as unknown as ColumnDef<TData, TValue>[],\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n manualPagination: true,\n pageCount: -1,\n onStateChange: (updater) => setTableState(updater as Partial<TableState>),\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n initialState,\n state: tableState,\n });\n\n const tableStyle = {\n ...(table.getRowModel().rows?.length\n ? { width: \"100%\" }\n : { width: \"100%\", height: \"100%\" }),\n ...{ borderCollapse: \"collapse\" },\n };\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter: tableState.globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: (value) =>\n setTableState((prev) => ({ ...prev, globalFilter: value })),\n onChange: () => ({}),\n tableCustomFilter,\n updateColumnCustomFilter,\n isLoading,\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Flex\n className={styles.tableContainer}\n style={parentStyle}\n >\n <Table {...props} style={tableStyle}>\n <Table.Header className={styles.header}>\n {ShouldShowHeader\n ? table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header, index) => {\n return (\n <Table.Head\n key={`${header.id}_${index}`}\n style={{\n cursor: \"pointer\",\n ...(header.column.columnDef?.meta?.style ?? {}),\n }}\n onClick={header.column.getToggleSortingHandler()}\n >\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {header.column.getCanSort()\n ? {\n asc: <CaretUpIcon />,\n desc: <CaretDownIcon />,\n }[\n header.column.getIsSorted() as string\n ] ?? <CaretSortIcon />\n : null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))\n : null}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n onClick={() => onRowClick?.(row.original)}\n className={\n isLoading\n ? \"\"\n : `${styles.tRow} ${\n onRowClick ? styles.tRowClick : \"\"\n }`\n }\n ref={\n onLoadMore && rowIndex === table.getRowModel().rows.length - 1\n ? lastRowRef\n : null\n }\n >\n {row.getVisibleCells().map((cell, index) => (\n <Table.Cell\n key={`${cell.id}_${index}`}\n style={{\n ...(cell.column.columnDef?.meta?.style ?? {}),\n }}\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n !isLoading ?\n <Table.Row>\n <Table.Cell colSpan={columns.length}>\n {emptyState || \"No results.\"}\n </Table.Cell>\n </Table.Row> : <></>\n )}\n {isLoading && onLoadMore && getLoader(loaderRow, columns)}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n DetailContainer: TableDetailContainer,\n});\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"box.cjs","sources":["../../../../v1/components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n HTMLAttributes<HTMLDivElement> & {\n ref?: React.RefObject<HTMLDivElement>;\n };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n return (\n <div ref={ref} className={box({ className })} {...props}>\n {children}\n </div>\n );\n}\n\nBox.displayName = \"Box\";\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA;AAEA,MAAM,GAAG,GAAGA,SAAG,CAACC,kBAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEC,0CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
1
+ {"version":3,"file":"box.cjs","sources":["../../../../v1/components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n HTMLAttributes<HTMLDivElement> & {\n ref?: React.RefObject<HTMLDivElement>;\n };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n return (\n <div ref={ref} className={box({ className })} {...props}>\n {children}\n </div>\n );\n}\n\nBox.displayName = \"Box\";\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA;AAEA,MAAM,GAAG,GAAGA,SAAG,CAACC,kBAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEC,0CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../v1/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtE,QAAA,MAAM,GAAG,yFAAkB,CAAC;AAE5B,KAAK,QAAQ,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,GACzD,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEJ,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAMnE;yBANe,GAAG"}
1
+ {"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../v1/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1D,QAAA,MAAM,GAAG,yFAAkB,CAAC;AAE5B,KAAK,QAAQ,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,GACzD,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEJ,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAMnE;yBANe,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sources":["../../../../v1/components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n HTMLAttributes<HTMLDivElement> & {\n ref?: React.RefObject<HTMLDivElement>;\n };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n return (\n <div ref={ref} className={box({ className })} {...props}>\n {children}\n </div>\n );\n}\n\nBox.displayName = \"Box\";\n"],"names":["_jsx"],"mappings":";;;;AAKA;AAEA,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEA,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
1
+ {"version":3,"file":"box.js","sources":["../../../../v1/components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n HTMLAttributes<HTMLDivElement> & {\n ref?: React.RefObject<HTMLDivElement>;\n };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n return (\n <div ref={ref} className={box({ className })} {...props}>\n {children}\n </div>\n );\n}\n\nBox.displayName = \"Box\";\n"],"names":["_jsx"],"mappings":";;;;AAKA;AAEA,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEA,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"callout.cjs","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n variants: {\n type: {\n grey: styles['callout-grey'],\n success: styles['callout-success'],\n alert: styles['callout-alert'],\n gradient: styles['callout-gradient'],\n accent: styles['callout-accent'],\n attention: styles['callout-attention'],\n normal: styles['callout-normal'],\n },\n outline: {\n true: styles['callout-outline'],\n },\n highContrast: {\n true: styles['callout-high-contrast'],\n },\n },\n defaultVariants: {\n type: 'grey',\n },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n children: React.ReactNode;\n action?: React.ReactNode;\n dismissible?: boolean;\n onDismiss?: () => void;\n width?: string | number;\n style?: React.CSSProperties;\n icon?: React.ReactNode;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n ({ \n className,\n type = 'grey',\n outline,\n highContrast,\n children,\n action,\n dismissible,\n onDismiss,\n width,\n style,\n icon,\n ...props\n }, ref) => {\n const combinedStyle = {\n ...style,\n ...(width && { width: typeof width === 'number' ? `${width}px` : width }),\n };\n\n const getRole = () => {\n switch (type) {\n case 'alert':\n return 'alert';\n case 'success':\n return 'status';\n default:\n return 'status';\n }\n };\n\n return (\n <div\n ref={ref}\n className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n style={combinedStyle}\n role={getRole()}\n aria-live={type === 'alert' ? 'assertive' : 'polite'}\n {...props}\n >\n <div className={styles.container}>\n <div className={styles.messageContainer}>\n {icon !== undefined ? (\n <div className={styles.icon} aria-hidden=\"true\">\n {icon}\n </div>\n ) : (\n <InfoCircledIcon \n className={styles.icon} \n aria-hidden=\"true\"\n />\n )}\n <div className={styles.message}>{children}</div>\n </div>\n \n <div className={styles.actionsContainer}>\n {action && (\n <div className={styles.action}>\n {action}\n </div>\n )}\n {dismissible && (\n <button \n className={styles.dismiss} \n onClick={onDismiss}\n aria-label=\"Dismiss message\"\n type=\"button\"\n >\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path \n fillRule=\"evenodd\" \n clipRule=\"evenodd\" \n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n fill=\"currentColor\"\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n </div>\n );\n }\n);\n\nCallout.displayName = 'Callout';"],"names":["cva","styles","React","_jsx","_jsxs","InfoCircledIcon"],"mappings":"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"}
1
+ {"version":3,"file":"callout.cjs","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport * as React from 'react';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n variants: {\n type: {\n grey: styles['callout-grey'],\n success: styles['callout-success'],\n alert: styles['callout-alert'],\n gradient: styles['callout-gradient'],\n accent: styles['callout-accent'],\n attention: styles['callout-attention'],\n normal: styles['callout-normal'],\n },\n outline: {\n true: styles['callout-outline'],\n },\n highContrast: {\n true: styles['callout-high-contrast'],\n },\n },\n defaultVariants: {\n type: 'grey',\n },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n children: React.ReactNode;\n action?: React.ReactNode;\n dismissible?: boolean;\n onDismiss?: () => void;\n width?: string | number;\n style?: React.CSSProperties;\n icon?: React.ReactNode;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n ({ \n className,\n type = 'grey',\n outline,\n highContrast,\n children,\n action,\n dismissible,\n onDismiss,\n width,\n style,\n icon,\n ...props\n }, ref) => {\n const combinedStyle = {\n ...style,\n ...(width && { width: typeof width === 'number' ? `${width}px` : width }),\n };\n\n const getRole = () => {\n switch (type) {\n case 'alert':\n return 'alert';\n case 'success':\n return 'status';\n default:\n return 'status';\n }\n };\n\n return (\n <div\n ref={ref}\n className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n style={combinedStyle}\n role={getRole()}\n aria-live={type === 'alert' ? 'assertive' : 'polite'}\n {...props}\n >\n <div className={styles.container}>\n <div className={styles.messageContainer}>\n {icon !== undefined ? (\n <div className={styles.icon} aria-hidden=\"true\">\n {icon}\n </div>\n ) : (\n <InfoCircledIcon \n className={styles.icon} \n aria-hidden=\"true\"\n />\n )}\n <div className={styles.message}>{children}</div>\n </div>\n \n <div className={styles.actionsContainer}>\n {action && (\n <div className={styles.action}>\n {action}\n </div>\n )}\n {dismissible && (\n <button \n className={styles.dismiss} \n onClick={onDismiss}\n aria-label=\"Dismiss message\"\n type=\"button\"\n >\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path \n fillRule=\"evenodd\" \n clipRule=\"evenodd\" \n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n fill=\"currentColor\"\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n </div>\n );\n }\n);\n\nCallout.displayName = 'Callout';"],"names":["cva","styles","React","_jsx","_jsxs","InfoCircledIcon"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
- import * as React from 'react';
3
2
  import { type ComponentPropsWithoutRef } from 'react';
3
+ import * as React from 'react';
4
4
  declare const callout: (props?: ({
5
5
  type?: "alert" | "accent" | "attention" | "success" | "normal" | "gradient" | "grey" | null | undefined;
6
6
  outline?: boolean | null | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../v1/components/callout/callout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,QAAA,MAAM,OAAO;;;;mFAqBX,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,qFA2FnB,CAAC"}
1
+ {"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../v1/components/callout/callout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,OAAO;;;;mFAqBX,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,qFA2FnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"callout.js","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n variants: {\n type: {\n grey: styles['callout-grey'],\n success: styles['callout-success'],\n alert: styles['callout-alert'],\n gradient: styles['callout-gradient'],\n accent: styles['callout-accent'],\n attention: styles['callout-attention'],\n normal: styles['callout-normal'],\n },\n outline: {\n true: styles['callout-outline'],\n },\n highContrast: {\n true: styles['callout-high-contrast'],\n },\n },\n defaultVariants: {\n type: 'grey',\n },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n children: React.ReactNode;\n action?: React.ReactNode;\n dismissible?: boolean;\n onDismiss?: () => void;\n width?: string | number;\n style?: React.CSSProperties;\n icon?: React.ReactNode;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n ({ \n className,\n type = 'grey',\n outline,\n highContrast,\n children,\n action,\n dismissible,\n onDismiss,\n width,\n style,\n icon,\n ...props\n }, ref) => {\n const combinedStyle = {\n ...style,\n ...(width && { width: typeof width === 'number' ? `${width}px` : width }),\n };\n\n const getRole = () => {\n switch (type) {\n case 'alert':\n return 'alert';\n case 'success':\n return 'status';\n default:\n return 'status';\n }\n };\n\n return (\n <div\n ref={ref}\n className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n style={combinedStyle}\n role={getRole()}\n aria-live={type === 'alert' ? 'assertive' : 'polite'}\n {...props}\n >\n <div className={styles.container}>\n <div className={styles.messageContainer}>\n {icon !== undefined ? (\n <div className={styles.icon} aria-hidden=\"true\">\n {icon}\n </div>\n ) : (\n <InfoCircledIcon \n className={styles.icon} \n aria-hidden=\"true\"\n />\n )}\n <div className={styles.message}>{children}</div>\n </div>\n \n <div className={styles.actionsContainer}>\n {action && (\n <div className={styles.action}>\n {action}\n </div>\n )}\n {dismissible && (\n <button \n className={styles.dismiss} \n onClick={onDismiss}\n aria-label=\"Dismiss message\"\n type=\"button\"\n >\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path \n fillRule=\"evenodd\" \n clipRule=\"evenodd\" \n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n fill=\"currentColor\"\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n </div>\n );\n }\n);\n\nCallout.displayName = 'Callout';"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"callout.js","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport * as React from 'react';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n variants: {\n type: {\n grey: styles['callout-grey'],\n success: styles['callout-success'],\n alert: styles['callout-alert'],\n gradient: styles['callout-gradient'],\n accent: styles['callout-accent'],\n attention: styles['callout-attention'],\n normal: styles['callout-normal'],\n },\n outline: {\n true: styles['callout-outline'],\n },\n highContrast: {\n true: styles['callout-high-contrast'],\n },\n },\n defaultVariants: {\n type: 'grey',\n },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n children: React.ReactNode;\n action?: React.ReactNode;\n dismissible?: boolean;\n onDismiss?: () => void;\n width?: string | number;\n style?: React.CSSProperties;\n icon?: React.ReactNode;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n ({ \n className,\n type = 'grey',\n outline,\n highContrast,\n children,\n action,\n dismissible,\n onDismiss,\n width,\n style,\n icon,\n ...props\n }, ref) => {\n const combinedStyle = {\n ...style,\n ...(width && { width: typeof width === 'number' ? `${width}px` : width }),\n };\n\n const getRole = () => {\n switch (type) {\n case 'alert':\n return 'alert';\n case 'success':\n return 'status';\n default:\n return 'status';\n }\n };\n\n return (\n <div\n ref={ref}\n className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n style={combinedStyle}\n role={getRole()}\n aria-live={type === 'alert' ? 'assertive' : 'polite'}\n {...props}\n >\n <div className={styles.container}>\n <div className={styles.messageContainer}>\n {icon !== undefined ? (\n <div className={styles.icon} aria-hidden=\"true\">\n {icon}\n </div>\n ) : (\n <InfoCircledIcon \n className={styles.icon} \n aria-hidden=\"true\"\n />\n )}\n <div className={styles.message}>{children}</div>\n </div>\n \n <div className={styles.actionsContainer}>\n {action && (\n <div className={styles.action}>\n {action}\n </div>\n )}\n {dismissible && (\n <button \n className={styles.dismiss} \n onClick={onDismiss}\n aria-label=\"Dismiss message\"\n type=\"button\"\n >\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path \n fillRule=\"evenodd\" \n clipRule=\"evenodd\" \n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n fill=\"currentColor\"\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n </div>\n );\n }\n);\n\nCallout.displayName = 'Callout';"],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel || (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAER,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,WAAW,KACVC,2CACE,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAElB,QAAA,EAAA,WAAW,GACP,CACR,EACA,QAAQ,EACR,aAAa,IACZE,gCAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAE,CAAA,EACF,IAAI,EAAC,QAAQ,YAEbE,gCACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAEnB,QAAA,EAAAA,gCAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EACnB,CAAA,EAAA,CACE,GACC,IACP,YAAY,IACdA,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1
+ {"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel || (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAER,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,WAAW,KACVC,2CACE,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAElB,QAAA,EAAA,WAAW,GACP,CACR,EACA,QAAQ,EACR,aAAa,IACZE,gCAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAE,CAAA,EACF,IAAI,EAAC,QAAQ,YAEbE,gCACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAEnB,QAAA,EAAAA,gCAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EACnB,CAAA,EAAA,CACE,GACC,IACP,YAAY,IACdA,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
@@ -1,5 +1,5 @@
1
- import { ReactNode } from "react";
2
1
  import { type VariantProps } from "class-variance-authority";
2
+ import { ReactNode } from "react";
3
3
  declare const chip: (props?: ({
4
4
  variant?: "outline" | "filled" | null | undefined;
5
5
  size?: "small" | "large" | null | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,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;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI;oIAad,SAAS;;CA8DX,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;;;;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;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI;oIAad,SAAS;;CA8DX,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel || (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAER,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,WAAW,KACVC,gCACE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAElB,QAAA,EAAA,WAAW,GACP,CACR,EACA,QAAQ,EACR,aAAa,IACZA,qBAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAE,CAAA,EACF,IAAI,EAAC,QAAQ,YAEbA,qBACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAEnB,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EACnB,CAAA,EAAA,CACE,GACC,IACP,YAAY,IACdA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1
+ {"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel || (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAER,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,WAAW,KACVC,gCACE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAElB,QAAA,EAAA,WAAW,GACP,CACR,EACA,QAAQ,EACR,aAAa,IACZA,qBAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAE,CAAA,EACF,IAAI,EAAC,QAAQ,YAEbA,qBACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAEnB,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EACnB,CAAA,EAAA,CACE,GACC,IACP,YAAY,IACdA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
- var React = require('react');
5
4
  var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
6
- var index = require('../../node_modules/.pnpm/cmdk@0.2.0_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/cmdk/dist/index.cjs');
7
5
  var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
6
+ var index = require('../../node_modules/.pnpm/cmdk@0.2.0_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/cmdk/dist/index.cjs');
7
+ var React = require('react');
8
8
  var dialog = require('../dialog/dialog.cjs');
9
9
  var flex = require('../flex/flex.cjs');
10
10
  var command_module = require('./command.module.css.cjs');
@@ -1 +1 @@
1
- {"version":3,"file":"command.cjs","sources":["../../../../v1/components/command/command.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogProps } from \"@radix-ui/react-dialog\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { Command as CommandPrimitive } from \"cmdk\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Dialog } from \"../dialog\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./command.module.css\";\n\nconst command = cva(styles.command);\nconst CommandRoot = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive ref={ref} className={command({ className })} {...props} />\n));\nCommandRoot.displayName = CommandPrimitive.displayName;\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <Dialog.Content style={{ overflow: \"hidden\", padding: \"0\" }}>\n <Command className={styles.dialogcommand}>{children}</Command>\n </Dialog.Content>\n </Dialog>\n );\n};\n\nconst input = cva(styles.input);\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <Flex\n align=\"center\"\n gap=\"small\"\n cmdk-input-wrapper=\"\"\n className={styles.inputWrapper}\n >\n <MagnifyingGlassIcon className={styles.inputIcon} width={16} height={16} />\n <CommandPrimitive.Input\n ref={ref}\n className={input({ className })}\n {...props}\n />\n </Flex>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst list = cva(styles.list);\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List ref={ref} className={list({ className })} {...props} />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className={styles.empty} {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst group = cva(styles.group);\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={group({ className })}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst separator = cva(styles.separator);\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={separator({ className })}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst item = cva(styles.item);\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item ref={ref} className={item({ className })} {...props} />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst shortcut = cva(styles.shortcut);\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return <span className={shortcut({ className })} {...props} />;\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport const Command: any = Object.assign(CommandRoot, {\n Dialog: CommandDialog,\n Input: CommandInput,\n List: CommandList,\n Empty: CommandEmpty,\n Group: CommandGroup,\n Item: CommandItem,\n Shortcut: CommandShortcut,\n Separator: CommandSeparator,\n});\n"],"names":["cva","styles","_jsx","CommandPrimitive","Dialog","_jsxs","Flex","MagnifyingGlassIcon"],"mappings":"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"}
1
+ {"version":3,"file":"command.cjs","sources":["../../../../v1/components/command/command.tsx"],"sourcesContent":["import { DialogProps } from \"@radix-ui/react-dialog\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { cva } from \"class-variance-authority\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport React from \"react\";\n\nimport { Dialog } from \"../dialog\";\nimport { Flex } from \"../flex\";\nimport styles from \"./command.module.css\";\n\nconst command = cva(styles.command);\nconst CommandRoot = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive ref={ref} className={command({ className })} {...props} />\n));\nCommandRoot.displayName = CommandPrimitive.displayName;\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <Dialog.Content style={{ overflow: \"hidden\", padding: \"0\" }}>\n <Command className={styles.dialogcommand}>{children}</Command>\n </Dialog.Content>\n </Dialog>\n );\n};\n\nconst input = cva(styles.input);\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <Flex\n align=\"center\"\n gap=\"small\"\n cmdk-input-wrapper=\"\"\n className={styles.inputWrapper}\n >\n <MagnifyingGlassIcon className={styles.inputIcon} width={16} height={16} />\n <CommandPrimitive.Input\n ref={ref}\n className={input({ className })}\n {...props}\n />\n </Flex>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst list = cva(styles.list);\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List ref={ref} className={list({ className })} {...props} />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className={styles.empty} {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst group = cva(styles.group);\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={group({ className })}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst separator = cva(styles.separator);\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={separator({ className })}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst item = cva(styles.item);\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item ref={ref} className={item({ className })} {...props} />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst shortcut = cva(styles.shortcut);\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return <span className={shortcut({ className })} {...props} />;\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport const Command: any = Object.assign(CommandRoot, {\n Dialog: CommandDialog,\n Input: CommandInput,\n List: CommandList,\n Empty: CommandEmpty,\n Group: CommandGroup,\n Item: CommandItem,\n Shortcut: CommandShortcut,\n Separator: CommandSeparator,\n});\n"],"names":["cva","styles","_jsx","CommandPrimitive","Dialog","_jsxs","Flex","MagnifyingGlassIcon"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../v1/components/command/command.tsx"],"names":[],"mappings":"AAuHA,eAAO,MAAM,OAAO,EAAE,GASpB,CAAC"}
1
+ {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../v1/components/command/command.tsx"],"names":[],"mappings":"AAsHA,eAAO,MAAM,OAAO,EAAE,GASpB,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
- import React__default from 'react';
3
2
  import { MagnifyingGlassIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
4
- import { Command as Le } from '../../node_modules/.pnpm/cmdk@0.2.0_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/cmdk/dist/index.js';
5
3
  import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
4
+ import { Command as Le } from '../../node_modules/.pnpm/cmdk@0.2.0_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/cmdk/dist/index.js';
5
+ import React__default from 'react';
6
6
  import { Dialog } from '../dialog/dialog.js';
7
7
  import { Flex } from '../flex/flex.js';
8
8
  import styles from './command.module.css.js';
@@ -1 +1 @@
1
- {"version":3,"file":"command.js","sources":["../../../../v1/components/command/command.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogProps } from \"@radix-ui/react-dialog\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { Command as CommandPrimitive } from \"cmdk\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Dialog } from \"../dialog\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./command.module.css\";\n\nconst command = cva(styles.command);\nconst CommandRoot = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive ref={ref} className={command({ className })} {...props} />\n));\nCommandRoot.displayName = CommandPrimitive.displayName;\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <Dialog.Content style={{ overflow: \"hidden\", padding: \"0\" }}>\n <Command className={styles.dialogcommand}>{children}</Command>\n </Dialog.Content>\n </Dialog>\n );\n};\n\nconst input = cva(styles.input);\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <Flex\n align=\"center\"\n gap=\"small\"\n cmdk-input-wrapper=\"\"\n className={styles.inputWrapper}\n >\n <MagnifyingGlassIcon className={styles.inputIcon} width={16} height={16} />\n <CommandPrimitive.Input\n ref={ref}\n className={input({ className })}\n {...props}\n />\n </Flex>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst list = cva(styles.list);\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List ref={ref} className={list({ className })} {...props} />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className={styles.empty} {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst group = cva(styles.group);\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={group({ className })}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst separator = cva(styles.separator);\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={separator({ className })}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst item = cva(styles.item);\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item ref={ref} className={item({ className })} {...props} />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst shortcut = cva(styles.shortcut);\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return <span className={shortcut({ className })} {...props} />;\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport const Command: any = Object.assign(CommandRoot, {\n Dialog: CommandDialog,\n Input: CommandInput,\n List: CommandList,\n Empty: CommandEmpty,\n Group: CommandGroup,\n Item: CommandItem,\n Shortcut: CommandShortcut,\n Separator: CommandSeparator,\n});\n"],"names":["React","_jsx","CommandPrimitive","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"command.js","sources":["../../../../v1/components/command/command.tsx"],"sourcesContent":["import { DialogProps } from \"@radix-ui/react-dialog\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { cva } from \"class-variance-authority\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport React from \"react\";\n\nimport { Dialog } from \"../dialog\";\nimport { Flex } from \"../flex\";\nimport styles from \"./command.module.css\";\n\nconst command = cva(styles.command);\nconst CommandRoot = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive ref={ref} className={command({ className })} {...props} />\n));\nCommandRoot.displayName = CommandPrimitive.displayName;\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <Dialog.Content style={{ overflow: \"hidden\", padding: \"0\" }}>\n <Command className={styles.dialogcommand}>{children}</Command>\n </Dialog.Content>\n </Dialog>\n );\n};\n\nconst input = cva(styles.input);\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <Flex\n align=\"center\"\n gap=\"small\"\n cmdk-input-wrapper=\"\"\n className={styles.inputWrapper}\n >\n <MagnifyingGlassIcon className={styles.inputIcon} width={16} height={16} />\n <CommandPrimitive.Input\n ref={ref}\n className={input({ className })}\n {...props}\n />\n </Flex>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst list = cva(styles.list);\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List ref={ref} className={list({ className })} {...props} />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className={styles.empty} {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst group = cva(styles.group);\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={group({ className })}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst separator = cva(styles.separator);\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={separator({ className })}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst item = cva(styles.item);\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item ref={ref} className={item({ className })} {...props} />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst shortcut = cva(styles.shortcut);\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return <span className={shortcut({ className })} {...props} />;\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport const Command: any = Object.assign(CommandRoot, {\n Dialog: CommandDialog,\n Input: CommandInput,\n List: CommandList,\n Empty: CommandEmpty,\n Group: CommandGroup,\n Item: CommandItem,\n Shortcut: CommandShortcut,\n Separator: CommandSeparator,\n});\n"],"names":["React","_jsx","CommandPrimitive","_jsxs"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"container.cjs","sources":["../../../../v1/components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./container.module.css\";\n\nconst container = cva(styles.container, {\n variants: {\n size: {\n small: styles[\"container-small\"],\n medium: styles[\"container-medium\"],\n large: styles[\"container-large\"],\n none: styles[\"container-none\"],\n },\n align: {\n left: styles[\"container-align-left\"],\n center: styles[\"container-align-center\"],\n right: styles[\"container-align-right\"],\n }\n },\n defaultVariants: {\n size: \"none\",\n align: \"center\",\n },\n});\n\ntype ContainerProps = PropsWithChildren<VariantProps<typeof container>> &\n HTMLAttributes<HTMLElement> & {\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n };\n\nexport function Container({\n children,\n size,\n align,\n className,\n role = \"region\",\n ...props\n}: ContainerProps) {\n return (\n <div \n className={container({ size, align, className })} \n role={role}\n {...props}\n >\n {children}\n </div>\n );\n} "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAIA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,wBAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAEA,wBAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAEA,wBAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAQa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEC,gCACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}
1
+ {"version":3,"file":"container.cjs","sources":["../../../../v1/components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./container.module.css\";\n\nconst container = cva(styles.container, {\n variants: {\n size: {\n small: styles[\"container-small\"],\n medium: styles[\"container-medium\"],\n large: styles[\"container-large\"],\n none: styles[\"container-none\"],\n },\n align: {\n left: styles[\"container-align-left\"],\n center: styles[\"container-align-center\"],\n right: styles[\"container-align-right\"],\n }\n },\n defaultVariants: {\n size: \"none\",\n align: \"center\",\n },\n});\n\ntype ContainerProps = PropsWithChildren<VariantProps<typeof container>> &\n HTMLAttributes<HTMLElement> & {\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n };\n\nexport function Container({\n children,\n size,\n align,\n className,\n role = \"region\",\n ...props\n}: ContainerProps) {\n return (\n <div \n className={container({ size, align, className })} \n role={role}\n {...props}\n >\n {children}\n </div>\n );\n} "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,wBAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAEA,wBAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAEA,wBAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAQa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEC,gCACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}
@@ -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;AAG1D,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;;;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 +1 @@
1
- {"version":3,"file":"container.js","sources":["../../../../v1/components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./container.module.css\";\n\nconst container = cva(styles.container, {\n variants: {\n size: {\n small: styles[\"container-small\"],\n medium: styles[\"container-medium\"],\n large: styles[\"container-large\"],\n none: styles[\"container-none\"],\n },\n align: {\n left: styles[\"container-align-left\"],\n center: styles[\"container-align-center\"],\n right: styles[\"container-align-right\"],\n }\n },\n defaultVariants: {\n size: \"none\",\n align: \"center\",\n },\n});\n\ntype ContainerProps = PropsWithChildren<VariantProps<typeof container>> &\n HTMLAttributes<HTMLElement> & {\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n };\n\nexport function Container({\n children,\n size,\n align,\n className,\n role = \"region\",\n ...props\n}: ContainerProps) {\n return (\n <div \n className={container({ size, align, className })} \n role={role}\n {...props}\n >\n {children}\n </div>\n );\n} "],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAE,MAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAE,MAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAQa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}
1
+ {"version":3,"file":"container.js","sources":["../../../../v1/components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./container.module.css\";\n\nconst container = cva(styles.container, {\n variants: {\n size: {\n small: styles[\"container-small\"],\n medium: styles[\"container-medium\"],\n large: styles[\"container-large\"],\n none: styles[\"container-none\"],\n },\n align: {\n left: styles[\"container-align-left\"],\n center: styles[\"container-align-center\"],\n right: styles[\"container-align-right\"],\n }\n },\n defaultVariants: {\n size: \"none\",\n align: \"center\",\n },\n});\n\ntype ContainerProps = PropsWithChildren<VariantProps<typeof container>> &\n HTMLAttributes<HTMLElement> & {\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n };\n\nexport function Container({\n children,\n size,\n align,\n className,\n role = \"region\",\n ...props\n}: ContainerProps) {\n return (\n <div \n className={container({ size, align, className })} \n role={role}\n {...props}\n >\n {children}\n </div>\n );\n} "],"names":["_jsx"],"mappings":";;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAE,MAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAE,MAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAQa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}