npm - @punkbit/cui - Versions diffs - 0.0.251-rc.16 → 0.2.0-rc.3 - Mend

@punkbit/cui 0.0.251-rc.16 → 0.2.0-rc.3

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 (2587) hide show

package/dist/esm/components/Table/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import {\n FC,\n HTMLAttributes,\n MouseEvent,\n ReactNode,\n forwardRef,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type RefObject,\n} from 'react';\nimport { styled } from 'styled-components';\n\nimport { CheckedState } from '@radix-ui/react-checkbox';\n\nimport { Icon } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Text } from '@/components/Text';\nimport { HorizontalDirection } from '@/types';\nimport { EllipsisContent } from '@/components/EllipsisContent';\nimport { Checkbox, CheckboxProps } from '@/components/Checkbox';\nimport { MiddleTruncator } from '@/components/MiddleTruncator';\n\ntype SortDir = 'asc' | 'desc';\ntype SortFn = (sortDir: SortDir, header: TableColumnConfigProps, index: number) => void;\ntype TableSize = 'sm' | 'md';\n\n// wrap: text breaks into multiple lines\n// truncated: text cuts at end with an ellipsis (...)\n// truncate-middle: text cuts in middle, shows start and end\ntype OverflowMode = 'truncated' | 'truncate-middle' | 'wrap';\n\nexport interface TableColumnConfigProps extends HTMLAttributes<HTMLTableCellElement> {\n label: ReactNode;\n isSortable?: boolean;\n sortDir?: SortDir;\n sortPosition?: HorizontalDirection;\n width?: string;\n overflowMode?: OverflowMode;\n resizable?: boolean;\n}\n\n// TODO: Delete `TableHeaderType` (deprecation warn at v0.0.251-test.67)\n/** @deprecated The TableHeaderType field have been deprecated to favour TableColumnConfigProps */\nexport type TableHeaderType = TableColumnConfigProps;\n\nconst StyledHeader = styled.th<{ $size: TableSize; $resizable?: boolean }>`\n ${({ theme, $size }) => `\n padding: ${theme.click.table.header.cell.space[$size].y} ${theme.click.table.body.cell.space[$size].x};\n font: ${theme.click.table.header.title.default};\n color: ${theme.click.table.header.color.title.default};\n `}\n text-align: left;\n\n ${({ $resizable }) =>\n $resizable &&\n `\n position: relative;\n `}\n`;\n\nconst Resizer = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n width: 24px;\n height: 100%;\n cursor: col-resize;\n user-select: none;\n z-index: 1;\n transition: opacity 0.2s;\n border-radius: 0.5rem;\n transform: translateX(50%);\n\n &:hover {\n opacity: 0.6;\n }\n\n &::before {\n content: ' ';\n background: ${({ theme }) => theme.click.table.header.color.checkbox.border.default};\n display: inline-block;\n top: 25%;\n width: 2px;\n height: 20px;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n }\n\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.click.global.color.outline.default};\n outline-offset: 2px;\n opacity: 1;\n }\n`;\n\nconst HeaderContentWrapper = styled.div<{ $interactive: boolean }>`\n display: flex;\n align-items: center;\n justify-content: start;\n gap: inherit;\n\n ${({ $interactive }) => $interactive && 'cursor: pointer;'}\n`;\n\nconst SortIcon = styled(Icon)<{ $sortDir: SortDir }>`\n transition: all 200ms;\n transform: rotate(${({ $sortDir }) => ($sortDir === 'desc' ? '180deg' : '0deg')});\n`;\n\ntype OnKeyboardResizerDirection = 'left' | 'right';\n\ninterface TableHeaderProps extends Omit<TableColumnConfigProps, 'width'> {\n onSort?: () => void;\n size: TableSize;\n showResizer?: boolean;\n onResizeStart?: (e: MouseEvent) => void;\n onKeyboardResize?: (\n e: React.KeyboardEvent,\n direction: OnKeyboardResizerDirection\n ) => void;\n}\n\nconst TableHeader = ({\n label,\n sortDir,\n sortPosition = 'end',\n isSortable,\n onSort,\n onClick,\n size,\n resizable,\n showResizer,\n onResizeStart,\n onKeyboardResize,\n overflowMode,\n ...props\n}: TableHeaderProps) => {\n if (overflowMode === 'wrap' && resizable) {\n console.warn(\n '\"Wrap\" overflow mode doesn\\'t work well with resizable table columns. Consider using truncation instead, please!'\n );\n }\n\n const isSorted = typeof sortDir === 'string';\n const isInteractive = Boolean(\n typeof onClick === 'function' || (isSortable && typeof onSort === 'function')\n );\n const resizerRef = useRef<HTMLDivElement>(null);\n\n const onHeaderClick = (e: MouseEvent<HTMLTableCellElement>): void => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n if (typeof onSort === 'function') {\n onSort();\n }\n };\n\n const onResizerKeyDown = (e: React.KeyboardEvent) => {\n if (!onKeyboardResize) {\n return;\n }\n\n if (['ArrowLeft', 'ArrowRight'].includes(e.key)) {\n e.preventDefault();\n }\n\n switch (e.key) {\n case 'ArrowLeft':\n onKeyboardResize(e, 'left');\n break;\n case 'ArrowRight':\n onKeyboardResize(e, 'right');\n break;\n case 'Escape':\n resizerRef.current?.blur();\n break;\n }\n };\n\n return (\n <StyledHeader\n $size={size}\n $resizable={resizable}\n {...props}\n >\n <HeaderContentWrapper\n onClick={onHeaderClick}\n $interactive={isInteractive}\n >\n {isSorted && isSortable && sortPosition == 'start' && (\n <SortIcon\n $sortDir={sortDir}\n name=\"arrow-down\"\n size=\"sm\"\n />\n )}\n {label}\n {isSorted && isSortable && sortPosition == 'end' && (\n <SortIcon\n $sortDir={sortDir}\n name=\"arrow-down\"\n size=\"sm\"\n />\n )}\n </HeaderContentWrapper>\n {showResizer && (\n <Resizer\n ref={resizerRef}\n onMouseDown={onResizeStart}\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label={`Resize ${typeof label === 'string' ? label : 'column'}`}\n tabIndex={0}\n onKeyDown={onResizerKeyDown}\n />\n )}\n </StyledHeader>\n );\n};\ninterface TheadProps {\n headers: TableColumnConfigProps[];\n isSelectable?: boolean;\n onSelectAll?: (selectedValues: SelectReturnValue[]) => void;\n actionsList: string[];\n onSort?: SortFn;\n size: TableSize;\n rows: TableRowType[];\n selectedIds: (number | string)[];\n resizableColumns?: boolean;\n columnWidths?: Map<string, number> | null;\n onResizeStart?: (columnIndex: number) => (e: MouseEvent) => void;\n onKeyboardResize?: (\n columnIndex: number\n ) => (e: React.KeyboardEvent, direction: OnKeyboardResizerDirection) => void;\n theadRef?: RefObject<HTMLTableSectionElement>;\n}\n\nconst Thead = ({\n headers,\n isSelectable,\n onSelectAll,\n actionsList,\n onSort: onSortProp,\n size,\n rows,\n selectedIds,\n resizableColumns,\n columnWidths,\n onResizeStart,\n theadRef,\n onKeyboardResize,\n}: TheadProps) => {\n const onSort = (header: TableColumnConfigProps, headerIndex: number) => () => {\n if (typeof onSortProp === 'function' && header.isSortable) {\n onSortProp(header.sortDir === 'asc' ? 'desc' : 'asc', header, headerIndex);\n }\n };\n return (\n <>\n <StyledColGroup>\n {isSelectable && <col width={48} />}\n {headers.map((headerProps, index) => {\n const headerLabel =\n typeof headerProps.label === 'string'\n ? headerProps.label\n : `__index_${index}`;\n const widthFromMap = columnWidths?.get(headerLabel);\n return (\n <col\n key={`header-col-${index}`}\n width={\n resizableColumns && widthFromMap && index < headers.length - 1\n ? `${widthFromMap}px`\n : headerProps.width\n }\n />\n );\n })}\n {actionsList.length > 0 && <col width={(actionsList.length + 1) * 32 + 10} />}\n </StyledColGroup>\n <StyledThead ref={theadRef}>\n <tr>\n {isSelectable && (\n <StyledHeader\n $size={size}\n aria-label=\"Select column\"\n >\n <SelectAllCheckbox\n onCheckedChange={onSelectAll}\n rows={rows}\n selectedIds={selectedIds}\n />\n </StyledHeader>\n )}\n {headers.map((headerProps, index) => (\n <TableHeader\n key={`table-header-${index}`}\n onSort={onSort(headerProps, index)}\n size={size}\n resizable={resizableColumns}\n showResizer={resizableColumns && index < headers.length - 1}\n onResizeStart={onResizeStart?.(index)}\n onKeyboardResize={onKeyboardResize?.(index)}\n {...headerProps}\n />\n ))}\n {actionsList.length > 0 && (\n <StyledHeader\n aria-label=\"Actions\"\n $size={size}\n />\n )}\n </tr>\n </StyledThead>\n </>\n );\n};\ninterface TableRowProps {\n $isSelectable?: boolean;\n $isDeleted?: boolean;\n $isDisabled?: boolean;\n $isActive?: boolean;\n $showActions?: boolean;\n $rowHeight?: string;\n}\n\nconst TableRow = styled.tr<TableRowProps>`\n overflow: hidden;\n ${({ theme, $isDeleted, $isDisabled, $isActive, $rowHeight }) => `\n ${$rowHeight ? `height: ${$rowHeight};` : ''}\n background-color: ${theme.click.table.row.color.background.default};\n border-bottom: ${theme.click.table.cell.stroke} solid ${\n theme.click.table.row.color.stroke.default\n };\n\n ${$isActive && `background-color: ${theme.click.table.row.color.background.active};`}\n\n &:active {\n background-color: ${theme.click.table.row.color.background.active};\n }\n &:hover {\n background-color: ${theme.click.table.row.color.background.hover};\n }\n opacity: ${$isDeleted || $isDisabled ? 0.5 : 1};\n cursor: ${$isDeleted || $isDisabled ? 'not-allowed' : 'default'}\n `}\n\n &:last-of-type, &:last-child {\n border-bottom: none;\n }\n\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n ${({ theme, $isSelectable = false, $showActions = false }) => `\n border: ${theme.click.table.cell.stroke} solid ${\n theme.click.table.row.color.stroke.default\n };\n border-radius: ${theme.click.table.radii.all};\n ${\n $isSelectable\n ? `padding-left: calc(${theme.click.table.body.cell.space.sm.x} + ${theme.click.table.body.cell.space.sm.x} + ${theme.click.checkbox.size.all});`\n : ''\n }\n ${\n $showActions\n ? `padding-right: calc(${theme.click.table.body.cell.space.sm.x} + ${theme.click.table.body.cell.space.sm.x} + ${theme.click.image.sm.size.width} + ${theme.click.button.iconButton.default.space.x} + ${theme.click.button.iconButton.default.space.x});`\n : ''\n }\n `}\n }\n }\n`;\n\nconst TableData = styled.td<{ $size: TableSize }>`\n overflow: hidden;\n ${({ theme, $size }) => `\n color: ${theme.click.table.row.color.text.default};\n font: ${theme.click.table.cell.text.default};\n padding: ${theme.click.table.body.cell.space[$size].y} ${theme.click.table.body.cell.space[$size].x};\n `}\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n width: auto;\n min-width: 40%;\n ${({ theme }) => `\n padding: ${theme.click.table.body.cell.space.sm.y} ${theme.click.table.body.cell.space.sm.x};\n `}\n }\n }\n`;\n\nconst StyledColGroup = styled.colgroup`\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n display: none;\n }\n }\n`;\nconst StyledThead = styled.thead`\n tr {\n overflow: hidden;\n background-color: ${({ theme }) => theme.click.table.header.color.background.default};\n ${({\n theme,\n }) => ` border-bottom: ${theme.click.table.cell.stroke} solid ${theme.click.table.row.color.stroke.default};\n `}\n }\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n display: none;\n }\n }\n`;\n\nconst MobileHeader = styled.div`\n display: none;\n ${({ theme }) => `\n color: ${theme.click.table.row.color.label.default};\n font: ${theme.click.table.cell.label.default};\n `}\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n display: block;\n }\n }\n`;\nconst Tbody = styled.tbody`\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n }\n`;\n\nconst SelectData = styled.td<{ $size: TableSize }>`\n overflow: hidden;\n ${({ theme, $size }) => `\n color: ${theme.click.table.row.color.text.default};\n font: ${theme.click.table.cell.text.default};\n padding: ${theme.click.table.body.cell.space[$size].y} ${theme.click.table.body.cell.space[$size].x};\n `}\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n width: auto;\n align-self: stretch;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n ${({ theme }) => `\n padding: ${theme.click.table.body.cell.space.sm.y} ${theme.click.table.body.cell.space.sm.x};\n border-right: ${theme.click.table.cell.stroke} solid ${theme.click.table.row.color.stroke.default};\n `}\n }\n }\n`;\nconst ActionsList = styled.td<{ $size: TableSize }>`\n overflow: hidden;\n ${({ theme, $size }) => `\n color: ${theme.click.table.row.color.text.default};\n font: ${theme.click.table.cell.text.default};\n padding: ${theme.click.table.body.cell.space[$size].y} ${theme.click.table.body.cell.space[$size].x};\n `}\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n width: auto;\n align-self: stretch;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n ${({ theme }) => `\n padding: ${theme.click.table.body.cell.space.sm.y} ${theme.click.table.body.cell.space.sm.x};\n border-left: 1px solid ${theme.click.table.row.color.stroke.default};\n `}\n }\n }\n`;\n\nconst ActionsContainer = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n overflow: hidden;\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n flex-direction: column;\n overflow: auto;\n flex-wrap: nowrap;\n }\n }\n`;\n\nconst TableWrapper = styled.div`\n width: 100%;\n height: 100%;\n overflow-x: auto;\n ${({ theme }) => `\n border: ${theme.click.table.cell.stroke} solid ${theme.click.table.global.color.stroke.default};\n border-radius: ${theme.click.table.radii.all}\n `}\n`;\n\nconst TableOuterContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n`;\n\nconst MobileActions = styled.div`\n display: none;\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 ${({ theme }) => theme.click.table.body.cell.space.sm.x};\n }\n }\n`;\nconst EditButton = styled.button`\n &:disabled {\n background: transparent;\n }\n`;\ninterface TableRowCloseButtonProps {\n $isDeleted?: boolean;\n}\n\nconst TableRowCloseButton = styled.button<TableRowCloseButtonProps>`\n svg {\n transition: transform 200ms;\n ${({ $isDeleted }) => `\n ${$isDeleted ? 'transform: rotate(45deg)' : ''};\n `}\n }\n &:disabled {\n background: transparent;\n }\n`;\n\ninterface TableCellType extends HTMLAttributes<HTMLTableCellElement> {\n label: ReactNode;\n overflowMode?: OverflowMode;\n}\nexport interface TableRowType extends Omit<\n HTMLAttributes<HTMLTableRowElement>,\n 'onSelect' | 'id'\n> {\n id: string | number;\n items: TableCellType[];\n isDisabled?: boolean;\n isDeleted?: boolean;\n isActive?: boolean;\n /** only works with <Table isSelectable={true} /> */\n isIndeterminate?: boolean;\n}\n\nexport type MobileLayoutProp = 'list' | 'scroll';\n\ninterface CommonTableProps extends Omit<\n HTMLAttributes<HTMLTableElement>,\n 'children' | 'onSelect'\n> {\n headers: TableColumnConfigProps[];\n rows: TableRowType[];\n onDelete?: (item: TableRowType, index: number) => void;\n onEdit?: (item: TableRowType, index: number) => void;\n onSort?: SortFn;\n loading?: boolean;\n noDataMessage?: ReactNode;\n size?: TableSize;\n showHeader?: boolean;\n rowHeight?: string;\n resizableColumns?: boolean;\n mobileLayout?: MobileLayoutProp;\n}\n\ntype SelectReturnValue = {\n index: number;\n item: TableRowType;\n};\n\ninterface SelectionType {\n isSelectable?: boolean;\n selectedIds?: (number | string)[];\n onSelect?: (selectedValues: SelectReturnValue[]) => void;\n}\n\ninterface NoSelectionType {\n isSelectable?: never;\n selectedIds?: never;\n onSelect?: never;\n}\n\nexport type TableProps = CommonTableProps & (SelectionType | NoSelectionType);\n\ninterface TableBodyRowProps extends Omit<TableRowType, 'id'> {\n headers: TableColumnConfigProps[];\n onSelect: (checked: boolean) => void;\n isSelectable?: boolean;\n isSelected: boolean;\n onDelete?: () => void;\n onEdit?: () => void;\n actionsList: string[];\n size: TableSize;\n rowHeight?: string;\n}\n\nconst TableBodyRow = ({\n headers,\n items,\n onSelect,\n isSelectable,\n isSelected,\n isIndeterminate,\n onDelete,\n onEdit,\n isDeleted,\n isActive,\n isDisabled,\n size,\n actionsList,\n rowHeight,\n ...rowProps\n}: TableBodyRowProps) => {\n const isDeletable = typeof onDelete === 'function';\n const isEditable = typeof onEdit === 'function';\n return (\n <TableRow\n $isSelectable={isSelectable}\n $isDeleted={isDeleted}\n $isDisabled={isDisabled}\n $isActive={isActive}\n $showActions={isDeletable || isEditable}\n $rowHeight={rowHeight}\n {...rowProps}\n >\n {isSelectable && (\n <SelectData $size={size}>\n <Checkbox\n checked={isIndeterminate ? 'indeterminate' : isSelected}\n onCheckedChange={onSelect}\n disabled={isDisabled || isDeleted}\n />\n </SelectData>\n )}\n {items.map(({ label, overflowMode, ...cellProps }, cellIndex) => (\n <TableData\n $size={size}\n key={`table-cell-${cellIndex}`}\n {...cellProps}\n >\n {headers[cellIndex] && <MobileHeader>{headers[cellIndex].label}</MobileHeader>}\n <Cell\n label={label}\n overflowMode={overflowMode ?? headers[cellIndex]?.overflowMode}\n />\n </TableData>\n ))}\n {actionsList.length > 0 && (\n <ActionsList $size={size}>\n <ActionsContainer>\n {actionsList.includes('editAction') && (\n <EditButton\n as={IconButton}\n type=\"ghost\"\n disabled={isDisabled || isDeleted || !isEditable}\n icon=\"pencil\"\n onClick={onEdit}\n data-testid=\"table-row-edit\"\n />\n )}\n {actionsList.includes('deleteAction') && (\n <TableRowCloseButton\n as={IconButton}\n disabled={isDisabled || !isDeletable}\n $isDeleted={isDeleted}\n type=\"ghost\"\n icon=\"cross\"\n onClick={onDelete}\n data-testid=\"table-row-delete\"\n />\n )}\n </ActionsContainer>\n </ActionsList>\n )}\n </TableRow>\n );\n};\n\nconst SpanedTableData = styled(TableData)`\n text-align: center;\n`;\nconst CustomTableDataMessage = styled.div`\n display: flex;\n gap: 0.5rem;\n justify-content: center;\n`;\nconst LoadingData = () => {\n return (\n <>\n <Icon\n name=\"loading-animated\"\n size=\"sm\"\n />\n <Text size=\"sm\">Loading data</Text>\n </>\n );\n};\ninterface CustomTableRowProps {\n loading?: boolean;\n noDataMessage?: ReactNode;\n colSpan: number;\n size: TableSize;\n}\nconst CustomTableRow = ({\n loading,\n noDataMessage,\n colSpan,\n size,\n}: CustomTableRowProps) => {\n return (\n <TableRow>\n <SpanedTableData\n $size={size}\n colSpan={colSpan}\n >\n <CustomTableDataMessage>\n {loading ? <LoadingData /> : (noDataMessage ?? 'No Data available')}\n </CustomTableDataMessage>\n </SpanedTableData>\n </TableRow>\n );\n};\ninterface ResizeState {\n isResizing: boolean;\n columnLabel: string | null;\n nextColumnLabel: string | null;\n startX: number;\n startWidth: number;\n nextStartWidth: number;\n}\n\n// TODO: What is an acceptable minimum column width?\nconst MIN_COLUMN_WIDTH = 120;\n\nconst Table = forwardRef<HTMLTableElement, TableProps>(\n (\n {\n headers,\n rows,\n isSelectable,\n selectedIds = [],\n onSelect,\n onDelete,\n onEdit,\n onSort,\n loading,\n noDataMessage,\n size = 'sm',\n showHeader = true,\n rowHeight,\n resizableColumns,\n mobileLayout = 'list',\n ...props\n },\n ref\n ) => {\n const isDeletable = typeof onDelete === 'function';\n const isEditable = typeof onEdit === 'function';\n\n const [columnWidths, setColumnWidths] = useState<Map<string, number> | null>(null);\n const theadRef = useRef<HTMLTableSectionElement>(null);\n\n useLayoutEffect(() => {\n if (!resizableColumns || columnWidths !== null || !theadRef.current) {\n return;\n }\n\n const headerCells = theadRef.current.querySelectorAll('th');\n const widths = new Map<string, number>();\n\n // Skip select column (index 0 if isSelectable) and actions column (last if present)\n const startIndex = isSelectable ? 1 : 0;\n const endIndex = headerCells.length - (isDeletable || isEditable ? 1 : 0);\n\n let headerIndex = 0;\n for (let i = startIndex; i < endIndex; i++) {\n const header = headers[headerIndex];\n if (header) {\n const key =\n typeof header.label === 'string' ? header.label : `__index_${headerIndex}`;\n widths.set(key, headerCells[i].getBoundingClientRect().width);\n }\n headerIndex++;\n }\n\n if (widths.size === headers.length) {\n setColumnWidths(widths);\n }\n }, [resizableColumns, columnWidths, isSelectable, isDeletable, isEditable]);\n\n const headerKey = useMemo(\n () =>\n headers\n .map((h, i) => (typeof h.label === 'string' ? h.label : `__index_${i}`))\n .join(','),\n [headers]\n );\n useEffect(() => {\n setColumnWidths(null);\n }, [headerKey]);\n\n const resizeStateRef = useRef<ResizeState>({\n isResizing: false,\n columnLabel: null,\n nextColumnLabel: null,\n startX: 0,\n startWidth: 0,\n nextStartWidth: 0,\n });\n\n const onMouseMove = useCallback((e: globalThis.MouseEvent) => {\n if (!resizeStateRef.current.isResizing) {\n return;\n }\n\n const { columnLabel, nextColumnLabel, startX, startWidth, nextStartWidth } =\n resizeStateRef.current;\n\n if (!columnLabel || !nextColumnLabel) {\n return;\n }\n\n const diff = e.clientX - startX;\n const newWidth = startWidth + diff;\n const newNextWidth = nextStartWidth - diff;\n\n if (Number.isNaN(newWidth) || Number.isNaN(newNextWidth)) {\n console.warn('Unexpected computed values for resize width', {\n newWidth,\n newNextWidth,\n });\n return;\n }\n\n if (newWidth >= MIN_COLUMN_WIDTH && newNextWidth >= MIN_COLUMN_WIDTH) {\n setColumnWidths(prev => {\n if (!prev) {\n return prev;\n }\n const updated = new Map(prev);\n updated.set(columnLabel, newWidth);\n updated.set(nextColumnLabel, newNextWidth);\n return updated;\n });\n }\n }, []);\n\n const onMouseUp = useCallback(() => {\n resizeStateRef.current.isResizing = false;\n }, []);\n\n useEffect(() => {\n if (!resizableColumns) {\n return;\n }\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n }, [resizableColumns, onMouseMove, onMouseUp]);\n\n const handleResizeStart = useCallback(\n (columnIndex: number) => (e: MouseEvent) => {\n e.preventDefault();\n\n if (!columnWidths) {\n return;\n }\n\n const currentHeader = headers[columnIndex];\n const nextHeader = headers[columnIndex + 1];\n\n if (!currentHeader || !nextHeader) {\n return;\n }\n\n const currentLabel =\n typeof currentHeader.label === 'string'\n ? currentHeader.label\n : `__index_${columnIndex}`;\n const nextLabel =\n typeof nextHeader.label === 'string'\n ? nextHeader.label\n : `__index_${columnIndex + 1}`;\n\n const startWidth = columnWidths.get(currentLabel);\n const nextStartWidth = columnWidths.get(nextLabel);\n\n if (startWidth === undefined || nextStartWidth === undefined) {\n return;\n }\n\n resizeStateRef.current = {\n isResizing: true,\n columnLabel: currentLabel,\n nextColumnLabel: nextLabel,\n startX: e.clientX,\n startWidth,\n nextStartWidth,\n };\n },\n [headers, columnWidths]\n );\n\n const onRowSelect =\n (id: number | string) =>\n (checked: boolean): void => {\n if (typeof onSelect == 'function') {\n const selectedItems = rows.flatMap((row, index) => {\n if (\n (id === row.id && checked) ||\n (selectedIds.includes(row.id) && id !== row.id)\n ) {\n return {\n item: row,\n index,\n };\n }\n\n return [];\n });\n onSelect(selectedItems);\n }\n };\n const hasRows = rows.length > 0;\n const actionsList: string[] = [];\n if (isDeletable) {\n actionsList.push('deleteAction');\n }\n if (isEditable) {\n actionsList.push('editAction');\n }\n\n const onKeyboardResize = useCallback(\n (columnIndex: number) =>\n (_e: React.KeyboardEvent, direction: OnKeyboardResizerDirection) => {\n if (!columnWidths) {\n return;\n }\n\n const currentHeader = headers[columnIndex];\n const nextHeader = headers[columnIndex + 1];\n\n if (!currentHeader || !nextHeader) {\n return;\n }\n\n const currentLabel =\n typeof currentHeader.label === 'string'\n ? currentHeader.label\n : `__index_${columnIndex}`;\n const nextLabel =\n typeof nextHeader.label === 'string'\n ? nextHeader.label\n : `__index_${columnIndex + 1}`;\n\n const increment = 2;\n const multiplier = direction === 'right' ? 1 : -1;\n const diff = increment * multiplier;\n\n const currentWidth = columnWidths.get(currentLabel);\n const nextWidth = columnWidths.get(nextLabel);\n\n if (currentWidth === undefined || nextWidth === undefined) {\n return;\n }\n\n const newWidth = currentWidth + diff;\n const newNextWidth = nextWidth - diff;\n const shouldUpdateColumnWidth =\n newWidth >= MIN_COLUMN_WIDTH && newNextWidth >= MIN_COLUMN_WIDTH;\n\n if (!shouldUpdateColumnWidth) {\n return;\n }\n\n setColumnWidths(prev => {\n if (!prev) {\n return prev;\n }\n const updated = new Map(prev);\n updated.set(currentLabel, newWidth);\n updated.set(nextLabel, newNextWidth);\n return updated;\n });\n },\n [columnWidths, headers]\n );\n\n return (\n <TableOuterContainer data-mobile-layout={mobileLayout}>\n {hasRows && showHeader && (\n <MobileActions>\n {isSelectable && (\n <SelectAllCheckbox\n label=\"Select All\"\n onCheckedChange={onSelect}\n rows={rows}\n selectedIds={selectedIds}\n />\n )}\n </MobileActions>\n )}\n <TableWrapper>\n <StyledTable\n ref={ref}\n {...props}\n >\n {showHeader && (\n <Thead\n headers={headers}\n isSelectable={isSelectable}\n onSelectAll={onSelect}\n actionsList={actionsList}\n onSort={onSort}\n size={size}\n rows={rows}\n selectedIds={selectedIds}\n resizableColumns={resizableColumns}\n columnWidths={resizableColumns ? columnWidths : undefined}\n onResizeStart={resizableColumns ? handleResizeStart : undefined}\n theadRef={theadRef}\n onKeyboardResize={resizableColumns ? onKeyboardResize : undefined}\n />\n )}\n <Tbody>\n {(loading || !hasRows) && (\n <CustomTableRow\n colSpan={\n headers.length +\n (isEditable || isDeletable ? 1 : 0) +\n (isSelectable ? 1 : 0)\n }\n loading={loading}\n noDataMessage={noDataMessage}\n size={size}\n />\n )}\n {rows.map(({ id, ...rowProps }, rowIndex) => (\n <TableBodyRow\n key={`table-body-row-${rowIndex}`}\n headers={headers}\n isSelectable={isSelectable}\n isSelected={selectedIds?.includes(id)}\n onSelect={onRowSelect(id)}\n actionsList={actionsList}\n onDelete={\n isDeletable\n ? () =>\n onDelete(\n { id, ...rowProps, isDeleted: !rowProps.isDeleted },\n rowIndex\n )\n : undefined\n }\n onEdit={\n isEditable ? () => onEdit({ id, ...rowProps }, rowIndex) : undefined\n }\n size={size}\n rowHeight={rowHeight}\n {...rowProps}\n />\n ))}\n </Tbody>\n </StyledTable>\n </TableWrapper>\n </TableOuterContainer>\n );\n }\n);\n\ninterface SelectAllCheckboxProps extends Omit<CheckboxProps, 'onCheckedChange'> {\n onCheckedChange?: (selectedValues: SelectReturnValue[]) => void;\n selectedIds: (number | string)[];\n rows: TableRowType[];\n}\n\nconst SelectAllCheckbox: FC<SelectAllCheckboxProps> = ({\n rows,\n selectedIds,\n onCheckedChange,\n ...checkboxProps\n}) => {\n const selectedIdSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n\n const { checked, disabled } = useMemo(() => {\n let areAllChecked = true;\n let maybeIndeterminate: CheckedState = false;\n let disabled = true;\n\n for (const row of rows) {\n if (row.isDisabled || row.isDeleted) {\n continue;\n } else {\n disabled = false;\n }\n\n if (selectedIdSet.has(row.id)) {\n maybeIndeterminate = 'indeterminate';\n } else {\n areAllChecked = false;\n }\n }\n\n return {\n checked: disabled ? false : areAllChecked || maybeIndeterminate,\n disabled,\n };\n }, [rows, selectedIdSet]);\n\n const handleCheckedChange = (checked: boolean) => {\n if (typeof onCheckedChange !== 'function') {\n return;\n }\n\n // disabled items should not change their selected state because of user interaction\n\n const newSelectedRows = rows.reduce((acc: SelectReturnValue[], row, index) => {\n const isDisabled = row.isDisabled || row.isDeleted;\n\n const shouldBeSelected = checked\n ? !isDisabled || selectedIdSet.has(row.id)\n : isDisabled && selectedIdSet.has(row.id);\n\n if (shouldBeSelected) {\n acc.push({\n item: row,\n index,\n });\n }\n\n return acc;\n }, []);\n\n onCheckedChange(newSelectedRows);\n };\n\n return (\n <Checkbox\n checked={checked}\n disabled={disabled}\n onCheckedChange={handleCheckedChange}\n {...checkboxProps}\n />\n );\n};\n\nconst TextWrapped = styled.span`\n overflow-wrap: break-word;\n word-break: break-all;\n display: inline-block;\n max-width: 100%;\n`;\n\nconst Cell = ({\n label,\n overflowMode = 'truncated',\n}: {\n label: ReactNode;\n overflowMode?: OverflowMode;\n}) => {\n const isText = typeof label === 'string';\n\n if (!isText) {\n return <>{label}</>;\n }\n\n if (overflowMode === 'truncate-middle') {\n return <MiddleTruncator text={label} />;\n }\n\n if (overflowMode === 'wrap') {\n return <TextWrapped>{label}</TextWrapped>;\n }\n\n return <EllipsisContent component=\"div\">{label}</EllipsisContent>;\n};\n\nconst StyledTable = styled.table`\n width: 100%;\n border-collapse: collapse;\n overflow: visible;\n table-layout: fixed;\n\n [data-mobile-layout='list'] & {\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n border: none;\n table-layout: auto;\n }\n }\n`;\n\nexport { Table };\n"],"names":["StyledHeader","styled","th","withConfig","componentId","theme","$size","click","table","header","cell","space","y","body","x","title","default","color","$resizable","Resizer","div","checkbox","border","global","outline","HeaderContentWrapper","$interactive","SortIcon","Icon","$sortDir","TableHeader","label","sortDir","sortPosition","isSortable","onSort","onClick","size","resizable","showResizer","onResizeStart","onKeyboardResize","overflowMode","props","console","warn","isSorted","isInteractive","Boolean","resizerRef","useRef","onHeaderClick","e","onResizerKeyDown","includes","key","preventDefault","current","blur","Thead","headers","isSelectable","onSelectAll","actionsList","onSortProp","rows","selectedIds","resizableColumns","columnWidths","theadRef","headerIndex","map","headerProps","index","headerLabel","widthFromMap","get","length","width","TableRow","tr","$isDeleted","$isDisabled","$isActive","$rowHeight","row","background","stroke","active","hover","breakpoint","sizes","md","$isSelectable","$showActions","radii","all","sm","image","button","iconButton","TableData","td","text","StyledColGroup","colgroup","StyledThead","thead","MobileHeader","Tbody","tbody","SelectData","ActionsList","ActionsContainer","TableWrapper","TableOuterContainer","MobileActions","EditButton","TableRowCloseButton","TableBodyRow","items","onSelect","isSelected","isIndeterminate","onDelete","onEdit","isDeleted","isActive","isDisabled","rowHeight","rowProps","isDeletable","isEditable","cellProps","cellIndex","IconButton","SpanedTableData","CustomTableDataMessage","LoadingData","CustomTableRow","loading","noDataMessage","colSpan","MIN_COLUMN_WIDTH","Table","forwardRef","showHeader","mobileLayout","ref","setColumnWidths","useState","useLayoutEffect","headerCells","querySelectorAll","widths","Map","startIndex","endIndex","i","set","getBoundingClientRect","headerKey","useMemo","h","join","useEffect","resizeStateRef","isResizing","columnLabel","nextColumnLabel","startX","startWidth","nextStartWidth","onMouseMove","useCallback","diff","clientX","newWidth","newNextWidth","Number","isNaN","prev","updated","onMouseUp","document","addEventListener","removeEventListener","handleResizeStart","columnIndex","currentHeader","nextHeader","currentLabel","nextLabel","undefined","onRowSelect","id","checked","selectedItems","flatMap","item","hasRows","push","_e","direction","increment","multiplier","currentWidth","nextWidth","shouldUpdateColumnWidth","rowIndex","SelectAllCheckbox","onCheckedChange","checkboxProps","selectedIdSet","Set","disabled","areAllChecked","maybeIndeterminate","has","handleCheckedChange","newSelectedRows","reduce","acc","shouldBeSelected","TextWrapped","span","Cell","isText","StyledTable"],"mappings":"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"}

package/dist/esm/components/Tabs/index.js ADDED Viewed

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixTabs from '@radix-ui/react-tabs';
+import { styled } from 'styled-components';
+const Trigger = styled(RadixTabs.Trigger).withConfig({
+  componentId: "sc-lv8myp-0"
+})(["padding:", ";border-top-left-radius:", ";border-top-right-radius:", ";border:none;border-bottom:2px solid ", ";background-color:", ";color:", ";font:", ";cursor:pointer;&[data-state='active']{border-bottom:2px solid ", ";color:", ";font:", ";&:hover{font:", ";}}&:hover{border-bottom:2px solid ", ";background-color:", ";color:", ";font:", ";}&:hover[data-state='active']{border-bottom:2px solid ", ";}"], (props) => `${props.theme.click.tabs.space.y} ${props.theme.click.tabs.space.x}`, (props) => props.theme.click.tabs.radii.all, (props) => props.theme.click.tabs.radii.all, (props) => props.theme.click.tabs.basic.color.stroke.default, (props) => props.theme.click.tabs.basic.color.background.default, (props) => props.theme.click.tabs.basic.color.text.default, (props) => props.theme.click.tabs.typography.label.default, (props) => props.theme.click.tabs.basic.color.stroke.active, (props) => props.theme.click.tabs.basic.color.text.active, (props) => props.theme.click.tabs.typography.label.active, (props) => props.theme.click.tabs.typography.label.active, (props) => props.theme.click.tabs.basic.color.stroke.hover, (props) => props.theme.click.tabs.basic.color.background.hover, (props) => props.theme.click.tabs.basic.color.text.hover, (props) => props.theme.click.tabs.typography.label.hover, (props) => props.theme.click.tabs.basic.color.stroke.active);
+const Content = styled(RadixTabs.Content).withConfig({
+  componentId: "sc-lv8myp-1"
+})([""]);
+const TriggersList = styled(RadixTabs.List).withConfig({
+  componentId: "sc-lv8myp-2"
+})(["border-bottom:1px solid ", ";display:flex;"], (props) => props.theme.click.global.color.stroke.default);
+const Tabs = ({
+  defaultValue,
+  children,
+  ariaLabel,
+  onValueChange,
+  ...delegated
+}) => {
+  return /* @__PURE__ */ jsx(RadixTabs.Root, { "aria-label": ariaLabel, defaultValue, onValueChange, ...delegated, children });
+};
+Tabs.TriggersList = TriggersList;
+Tabs.Trigger = Trigger;
+Tabs.Content = Content;
+const FullWidthTabs = styled(Tabs).withConfig({
+  componentId: "sc-lv8myp-3"
+})(["width:100%;"]);
+FullWidthTabs.Trigger = styled(Trigger).withConfig({
+  componentId: "sc-lv8myp-4"
+})(["", ";"], (props) => props.width ? `width: ${props.width};` : `
+    flex-basis: auto;
+    flex-grow: 1;
+    flex-shrink: 1;
+  `);
+FullWidthTabs.TriggersList = TriggersList;
+export { FullWidthTabs, Tabs };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Tabs/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as RadixTabs from '@radix-ui/react-tabs';\nimport { styled } from 'styled-components';\nimport { TabsProps } from './Tabs.types';\n\nconst Trigger = styled(RadixTabs.Trigger)`\n padding: ${props =>\n `${props.theme.click.tabs.space.y} ${props.theme.click.tabs.space.x}`};\n\n border-top-left-radius: ${props => props.theme.click.tabs.radii.all};\n border-top-right-radius: ${props => props.theme.click.tabs.radii.all};\n border: none;\n border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.default};\n background-color: ${props => props.theme.click.tabs.basic.color.background.default};\n color: ${props => props.theme.click.tabs.basic.color.text.default};\n font: ${props => props.theme.click.tabs.typography.label.default};\n cursor: pointer;\n\n &[data-state='active'] {\n border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.active};\n color: ${props => props.theme.click.tabs.basic.color.text.active};\n font: ${props => props.theme.click.tabs.typography.label.active};\n &:hover {\n font: ${props => props.theme.click.tabs.typography.label.active};\n }\n }\n\n &:hover {\n border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.hover};\n background-color: ${props => props.theme.click.tabs.basic.color.background.hover};\n color: ${props => props.theme.click.tabs.basic.color.text.hover};\n font: ${props => props.theme.click.tabs.typography.label.hover};\n }\n\n &:hover[data-state='active'] {\n border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.active};\n }\n`;\n\nconst Content = styled(RadixTabs.Content)``;\n\nconst TriggersList = styled(RadixTabs.List)`\n border-bottom: 1px solid ${props => props.theme.click.global.color.stroke.default};\n display: flex;\n`;\n\nconst Tabs = ({\n defaultValue,\n children,\n ariaLabel,\n onValueChange,\n ...delegated\n}: TabsProps) => {\n return (\n <RadixTabs.Root\n aria-label={ariaLabel}\n defaultValue={defaultValue}\n onValueChange={onValueChange}\n {...delegated}\n >\n {children}\n </RadixTabs.Root>\n );\n};\n\nTabs.TriggersList = TriggersList;\nTabs.Trigger = Trigger;\nTabs.Content = Content;\n\nconst FullWidthTabs = styled(Tabs)`\n width: 100%;\n`;\n\nFullWidthTabs.Trigger = styled(Trigger)<{ width?: string }>`\n ${props =>\n props.width\n ? `width: ${props.width};`\n : `\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n `};\n`;\n\nFullWidthTabs.TriggersList = TriggersList;\n\nexport { Tabs, FullWidthTabs };\n"],"names":["Trigger","styled","RadixTabs","withConfig","componentId","props","theme","click","tabs","space","y","x","radii","all","basic","color","stroke","default","background","text","typography","label","active","hover","Content","TriggersList","List","global","Tabs","defaultValue","children","ariaLabel","onValueChange","delegated","FullWidthTabs","width"],"mappings":"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"}

package/dist/esm/components/Text/index.js ADDED Viewed

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { styled } from 'styled-components';
+const _Text = ({
+  align,
+  color,
+  size,
+  weight,
+  className,
+  children,
+  component,
+  fillWidth,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(CuiText, { as: component ?? "p", ref, $align: align, $color: color, $size: size, $weight: weight, $fillWidth: fillWidth, className, ...props, children });
+const CuiText = styled.p.withConfig({
+  componentId: "sc-1lpklg2-0"
+})(["font:", ";color:", ";text-align:", ";margin:0;", ";"], ({
+  $size = "md",
+  $weight = "normal",
+  theme
+}) => theme.typography.styles.product.text[$weight][$size], ({
+  $color = "default",
+  theme
+}) => theme.click.global.color.text[$color], ({
+  $align = "left"
+}) => $align, ({
+  $fillWidth
+}) => $fillWidth && "width: 100%");
+_Text.displayName = "Text";
+const Text = forwardRef(_Text);
+export { Text };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Text/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import {\n ComponentProps,\n ComponentPropsWithRef,\n ElementType,\n ReactNode,\n forwardRef,\n} from 'react';\nimport { styled } from 'styled-components';\n\nexport type TextSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold' | 'mono';\nexport type TextAlignment = 'left' | 'center' | 'right';\nexport type TextColor = 'default' | 'muted' | 'danger' | 'disabled' | 'warning';\n\nexport interface TextProps<T extends ElementType = 'p'> {\n /** The text content to display */\n children: ReactNode;\n /** The text alignment */\n align?: TextAlignment;\n /** The text color variant */\n color?: TextColor;\n /** The font size of the text */\n size?: TextSize;\n /** The font weight of the text */\n weight?: TextWeight;\n /** Additional CSS class name */\n className?: string;\n /** Custom component to render as */\n component?: T;\n /** Whether the text should fill the full width of its container */\n fillWidth?: boolean;\n}\n\ntype TextPolymorphicComponent = <T extends ElementType = 'p'>(\n props: Omit<ComponentProps<T>, keyof T> & TextProps<T>\n) => ReactNode;\n\nconst _Text = <T extends ElementType = 'p'>(\n {\n align,\n color,\n size,\n weight,\n className,\n children,\n component,\n fillWidth,\n ...props\n }: Omit<ComponentProps<T>, keyof T> & TextProps<T>,\n ref: ComponentPropsWithRef<T>['ref']\n) => (\n <CuiText\n as={component ?? 'p'}\n ref={ref}\n $align={align}\n $color={color}\n $size={size}\n $weight={weight}\n $fillWidth={fillWidth}\n className={className}\n {...props}\n >\n {children}\n </CuiText>\n);\n\nconst CuiText = styled.p<{\n $align?: TextAlignment;\n $color?: TextColor;\n $size?: TextSize;\n $weight?: TextWeight;\n $fillWidth?: boolean;\n}>`\n font: ${({ $size = 'md', $weight = 'normal', theme }) =>\n theme.typography.styles.product.text[$weight][$size]};\n color: ${({ $color = 'default', theme }) => theme.click.global.color.text[$color]};\n text-align: ${({ $align = 'left' }) => $align};\n margin: 0;\n ${({ $fillWidth }) => $fillWidth && 'width: 100%'};\n`;\n\n_Text.displayName = 'Text';\n\nexport const Text: TextPolymorphicComponent = forwardRef(_Text);\n"],"names":["_Text","align","color","size","weight","className","children","component","fillWidth","props","ref","CuiText","styled","p","withConfig","componentId","$size","$weight","theme","typography","styles","product","text","$color","click","global","$align","$fillWidth","displayName","Text","forwardRef"],"mappings":";;;;AAqCA,MAAMA,QAAQ,CACZ;AAAA,EACEC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AAC4C,CAAA,EACjDC,GAAAA,yBAEC,OAAA,EAAA,EACC,EAAA,EAAIH,aAAa,GAAA,EACjB,GAAA,EACA,QAAQN,KAAAA,EACR,MAAA,EAAQC,OACR,KAAA,EAAOC,IAAAA,EACP,SAASC,MAAAA,EACT,UAAA,EAAYI,WACZ,SAAA,EACA,GAAIC,OAEHH,QAAAA,EACH,CAAA;AAGF,MAAMK,OAAAA,GAAUC,MAAAA,CAAOC,CAAAA,CAACC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,OAAA,EAAA,SAAA,EAAA,gBAAA,YAAA,EAAA,GAAA,GAOd,CAAC;AAAA,EAAEC,KAAAA,GAAQ,IAAA;AAAA,EAAMC,OAAAA,GAAU,QAAA;AAAA,EAAUC;AAAM,CAAA,KACjDA,KAAAA,CAAMC,WAAWC,MAAAA,CAAOC,OAAAA,CAAQC,KAAKL,OAAO,CAAA,CAAED,KAAK,CAAA,EAC5C,CAAC;AAAA,EAAEO,MAAAA,GAAS,SAAA;AAAA,EAAWL;AAAM,CAAA,KAAMA,MAAMM,KAAAA,CAAMC,MAAAA,CAAOvB,MAAMoB,IAAAA,CAAKC,MAAM,GAClE,CAAC;AAAA,EAAEG,MAAAA,GAAS;AAAO,CAAA,KAAMA,QAErC,CAAC;AAAA,EAAEC;AAAW,CAAA,KAAMA,cAAc,aAAa,CAAA;AAGnD3B,KAAAA,CAAM4B,WAAAA,GAAc,MAAA;AAEb,MAAMC,IAAAA,GAAiCC,WAAW9B,KAAK;;;;"}

package/dist/esm/components/TextAreaField/index.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useId } from 'react';
+import { mergeRefs } from '../../utils/mergeRefs.js';
+import { InputWrapper, TextAreaElement } from '../InputWrapper/index.js';
+const TextAreaField = forwardRef(({
+  rows,
+  disabled,
+  label,
+  error,
+  id,
+  value = "",
+  onChange: onChangeProp,
+  orientation,
+  dir,
+  ...props
+}, ref) => {
+  const inputRef = useRef(null);
+  const defaultId = useId();
+  const onChange = (e) => {
+    onChangeProp(e.target.value, e);
+  };
+  return /* @__PURE__ */ jsx(InputWrapper, { disabled, id: id ?? defaultId, label, error, orientation, dir, resize: "vertical", children: /* @__PURE__ */ jsx(
+    TextAreaElement,
+    {
+      ref: mergeRefs([inputRef, ref]),
+      rows: rows ?? 5,
+      id: id ?? defaultId,
+      disabled,
+      value,
+      onInput: onChange,
+      ...props
+    }
+  ) });
+});
+export { TextAreaField };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TextAreaField/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import { ChangeEvent, TextareaHTMLAttributes, forwardRef, useId, useRef } from 'react';\nimport { TextAreaElement, InputWrapper, WrapperProps } from '@/components/InputWrapper';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nexport interface TextAreaFieldProps\n extends\n Omit<WrapperProps, 'id' | 'children'>,\n Omit<\n TextareaHTMLAttributes<HTMLTextAreaElement>,\n 'children' | 'type' | 'value' | 'onChange' | 'dir'\n > {\n /** Number of visible text rows */\n rows?: number;\n /** The current value of the textarea */\n value?: string;\n /** Callback when the textarea value changes */\n onChange: (inputValue: string, e?: ChangeEvent<HTMLTextAreaElement>) => void;\n /** The orientation of the label relative to the input */\n orientation?: 'vertical' | 'horizontal';\n /** The direction/position of the label - start places label before, end places label after */\n dir?: 'start' | 'end';\n}\n\nexport const TextAreaField = forwardRef<HTMLTextAreaElement, TextAreaFieldProps>(\n (\n {\n rows,\n disabled,\n label,\n error,\n id,\n value = '',\n onChange: onChangeProp,\n orientation,\n dir,\n ...props\n },\n ref\n ) => {\n const inputRef = useRef<HTMLTextAreaElement>(null);\n const defaultId = useId();\n const onChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n onChangeProp(e.target.value, e);\n };\n\n return (\n <InputWrapper\n disabled={disabled}\n id={id ?? defaultId}\n label={label}\n error={error}\n orientation={orientation}\n dir={dir}\n resize=\"vertical\"\n >\n <TextAreaElement\n ref={mergeRefs([inputRef, ref])}\n rows={rows ?? 5}\n id={id ?? defaultId}\n disabled={disabled}\n value={value}\n // TODO: Still uses onInput={onChange}. All other field components use onChange. This will silently break React Hook Form and Formik integrations, and consumers can't override it via ...props since onChange is already omitted from the spread type.\n onInput={onChange}\n {...props}\n />\n </InputWrapper>\n );\n }\n);\n"],"names":["TextAreaField","forwardRef","rows","disabled","label","error","id","value","onChange","onChangeProp","orientation","dir","props","ref","inputRef","useRef","defaultId","useId","e","target","mergeRefs"],"mappings":";;;;;AAuBO,MAAMA,aAAAA,GAAgBC,WAC3B,CACE;AAAA,EACEC,IAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,EAAAA;AAAAA,EACAC,KAAAA,GAAQ,EAAA;AAAA,EACRC,QAAAA,EAAUC,YAAAA;AAAAA,EACVC,WAAAA;AAAAA,EACAC,GAAAA;AAAAA,EACA,GAAGC;AACL,CAAA,EACAC,GAAAA,KACG;AACH,EAAA,MAAMC,QAAAA,GAAWC,OAA4B,IAAI,CAAA;AACjD,EAAA,MAAMC,YAAYC,KAAAA,EAAM;AACxB,EAAA,MAAMT,QAAAA,GAAWA,CAACU,CAAAA,KAAwC;AACxDT,IAAAA,YAAAA,CAAaS,CAAAA,CAAEC,MAAAA,CAAOZ,KAAAA,EAAOW,CAAC,CAAA;AAAA,EAChC,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,EACA,EAAA,EAAIZ,EAAAA,IAAMU,SAAAA,EACV,KAAA,EACA,KAAA,EACA,WAAA,EACA,GAAA,EACA,MAAA,EAAO,UAAA,EAEP,QAAA,kBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAKI,SAAAA,CAAU,CAACN,QAAAA,EAAUD,GAAG,CAAC,CAAA;AAAA,MAC9B,MAAMX,IAAAA,IAAQ,CAAA;AAAA,MACd,IAAII,EAAAA,IAAMU,SAAAA;AAAAA,MACV,QAAA;AAAA,MACA,KAAA;AAAA,MAEA,OAAA,EAASR,QAAAA;AAAAA,MACT,GAAII;AAAAA;AAAAA,GAAM,EAEd,CAAA;AAEJ,CACF;;;;"}

package/dist/esm/components/TextField/index.js ADDED Viewed

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useId } from 'react';
+import { mergeRefs } from '../../utils/mergeRefs.js';
+import { InputWrapper, InputStartContent, InputElement, InputEndContent, IconButton } from '../InputWrapper/index.js';
+import { Icon as SvgImage } from '../Icon/index.js';
+const TextField = forwardRef(({
+  clear,
+  type,
+  disabled,
+  label,
+  labelColor,
+  error,
+  id,
+  loading,
+  value = "",
+  onChange: onChangeProp,
+  orientation,
+  dir,
+  startContent,
+  endContent,
+  ...props
+}, ref) => {
+  const inputRef = useRef(null);
+  const defaultId = useId();
+  const onChange = (e) => {
+    onChangeProp(e.target.value, e);
+  };
+  const clearInput = () => {
+    onChangeProp("");
+  };
+  const handleStartContentClick = () => {
+    inputRef.current?.focus();
+  };
+  const hasStartContent = Boolean(startContent);
+  const hasClear = clear && value.length > 0;
+  const hasEndContent = Boolean(hasClear || loading || endContent);
+  return /* @__PURE__ */ jsxs(InputWrapper, { disabled, id: id ?? defaultId, label, labelColor, error, orientation, dir, children: [
+    startContent && /* @__PURE__ */ jsx(InputStartContent, { onClick: handleStartContentClick, children: startContent }),
+    /* @__PURE__ */ jsx(InputElement, { $hasStartContent: hasStartContent, $hasEndContent: hasEndContent, ref: mergeRefs([inputRef, ref]), type, id: id ?? defaultId, disabled, value, onChange, ...props }),
+    hasEndContent && /* @__PURE__ */ jsxs(InputEndContent, { children: [
+      endContent ? endContent : null,
+      hasClear && /* @__PURE__ */ jsx(IconButton, { disabled, onClick: clearInput, "aria-label": "clear input", "data-testid": "textfield-clear", children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", size: "sm" }) }),
+      loading && /* @__PURE__ */ jsx(SvgImage, { name: "loading-animated", size: "sm" })
+    ] })
+  ] });
+});
+export { TextField };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TextField/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import {\n ChangeEvent,\n InputHTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n useRef,\n} from 'react';\nimport { Icon } from '@/components/Icon';\nimport {\n IconButton,\n InputElement,\n InputEndContent,\n InputStartContent,\n InputWrapper,\n WrapperProps,\n} from '@/components/InputWrapper';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nexport interface TextFieldProps\n extends\n Omit<WrapperProps, 'id' | 'children'>,\n Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'children' | 'type' | 'value' | 'onChange' | 'dir'\n > {\n /** The input type - text, email, tel, or url */\n type?: 'text' | 'email' | 'tel' | 'url';\n /** Whether to show a loading spinner */\n loading?: boolean;\n /** Custom color for the label */\n labelColor?: string;\n /** The current value of the input */\n value?: string;\n /** Whether to show a clear button when the input has content */\n clear?: boolean;\n /** Callback when the input value changes */\n onChange: (inputValue: string, e?: ChangeEvent<HTMLInputElement>) => void;\n /** The orientation of the label relative to the input */\n orientation?: 'vertical' | 'horizontal';\n /** The direction/position of the label - start places label before, end places label after */\n dir?: 'start' | 'end';\n /** Additional content to the left of the control */\n startContent?: ReactNode;\n /** Additional content to the right of the control */\n endContent?: ReactNode;\n}\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n clear,\n type,\n disabled,\n label,\n labelColor,\n error,\n id,\n loading,\n value = '',\n onChange: onChangeProp,\n orientation,\n dir,\n startContent,\n endContent,\n ...props\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const defaultId = useId();\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n onChangeProp(e.target.value, e);\n };\n const clearInput = () => {\n onChangeProp('');\n };\n\n const handleStartContentClick: React.MouseEventHandler<HTMLDivElement> = () => {\n inputRef.current?.focus();\n };\n\n const hasStartContent = Boolean(startContent);\n\n const hasClear = clear && value.length > 0;\n const hasEndContent = Boolean(hasClear || loading || endContent);\n\n return (\n <InputWrapper\n disabled={disabled}\n id={id ?? defaultId}\n label={label}\n labelColor={labelColor}\n error={error}\n orientation={orientation}\n dir={dir}\n >\n {startContent && (\n <InputStartContent onClick={handleStartContentClick}>\n {startContent}\n </InputStartContent>\n )}\n\n <InputElement\n $hasStartContent={hasStartContent}\n $hasEndContent={hasEndContent}\n ref={mergeRefs([inputRef, ref])}\n type={type}\n id={id ?? defaultId}\n disabled={disabled}\n value={value}\n onChange={onChange}\n {...props}\n />\n\n {hasEndContent && (\n <InputEndContent>\n {endContent ? endContent : null}\n {hasClear && (\n <IconButton\n disabled={disabled}\n onClick={clearInput}\n aria-label=\"clear input\"\n data-testid=\"textfield-clear\"\n >\n <Icon\n name=\"cross\"\n size=\"sm\"\n />\n </IconButton>\n )}\n {loading && (\n <Icon\n name=\"loading-animated\"\n size=\"sm\"\n />\n )}\n </InputEndContent>\n )}\n </InputWrapper>\n );\n }\n);\n"],"names":["TextField","forwardRef","clear","type","disabled","label","labelColor","error","id","loading","value","onChange","onChangeProp","orientation","dir","startContent","endContent","props","ref","inputRef","useRef","defaultId","useId","e","target","clearInput","handleStartContentClick","current","focus","hasStartContent","Boolean","hasClear","length","hasEndContent","mergeRefs","Icon"],"mappings":";;;;;;AAgDO,MAAMA,SAAAA,GAAYC,WACvB,CACE;AAAA,EACEC,KAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,EAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,KAAAA,GAAQ,EAAA;AAAA,EACRC,QAAAA,EAAUC,YAAAA;AAAAA,EACVC,WAAAA;AAAAA,EACAC,GAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACL,CAAA,EACAC,GAAAA,KACG;AACH,EAAA,MAAMC,QAAAA,GAAWC,OAAyB,IAAI,CAAA;AAC9C,EAAA,MAAMC,YAAYC,KAAAA,EAAM;AACxB,EAAA,MAAMX,QAAAA,GAAWA,CAACY,CAAAA,KAAqC;AACrDX,IAAAA,YAAAA,CAAaW,CAAAA,CAAEC,MAAAA,CAAOd,KAAAA,EAAOa,CAAC,CAAA;AAAA,EAChC,CAAA;AACA,EAAA,MAAME,aAAaA,MAAM;AACvBb,IAAAA,YAAAA,CAAa,EAAE,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAMc,0BAAmEA,MAAM;AAC7EP,IAAAA,QAAAA,CAASQ,SAASC,KAAAA,EAAM;AAAA,EAC1B,CAAA;AAEA,EAAA,MAAMC,eAAAA,GAAkBC,QAAQf,YAAY,CAAA;AAE5C,EAAA,MAAMgB,QAAAA,GAAW7B,KAAAA,IAASQ,KAAAA,CAAMsB,MAAAA,GAAS,CAAA;AACzC,EAAA,MAAMC,aAAAA,GAAgBH,OAAAA,CAAQC,QAAAA,IAAYtB,OAAAA,IAAWO,UAAU,CAAA;AAE/D,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EACA,EAAA,EAAIR,EAAAA,IAAMa,WACV,KAAA,EACA,UAAA,EACA,KAAA,EACA,WAAA,EACA,GAAA,EAECN,QAAAA,EAAAA;AAAAA,IAAAA,YAAAA,oBACC,GAAA,CAAC,iBAAA,EAAA,EAAkB,OAAA,EAASW,uBAAAA,EACzBX,QAAAA,EAAAA,YAAAA,EACH,CAAA;AAAA,oBAGF,GAAA,CAAC,gBACC,gBAAA,EAAkBc,eAAAA,EAClB,gBAAgBI,aAAAA,EAChB,GAAA,EAAKC,UAAU,CAACf,QAAAA,EAAUD,GAAG,CAAC,CAAA,EAC9B,MACA,EAAA,EAAIV,EAAAA,IAAMa,WACV,QAAA,EACA,KAAA,EACA,QAAA,EACA,GAAIJ,KAAAA,EAAM,CAAA;AAAA,IAGXgB,aAAAA,yBACE,eAAA,EAAA,EACEjB,QAAAA,EAAAA;AAAAA,MAAAA,UAAAA,GAAaA,UAAAA,GAAa,IAAA;AAAA,MAC1Be,4BACC,GAAA,CAAC,UAAA,EAAA,EACC,QAAA,EACA,OAAA,EAASN,YACT,YAAA,EAAW,aAAA,EACX,aAAA,EAAY,iBAAA,EAEZ,8BAACU,QAAA,EAAA,EACC,IAAA,EAAK,OAAA,EACL,IAAA,EAAK,MAAI,CAAA,EAEb,CAAA;AAAA,MAED1B,2BACC,GAAA,CAAC0B,QAAA,EAAA,EACC,IAAA,EAAK,kBAAA,EACL,MAAK,IAAA,EAAI;AAAA,KAAA,EAGf;AAAA,GAAA,EAEJ,CAAA;AAEJ,CACF;;;;"}

package/dist/esm/components/Title/index.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { styled } from 'styled-components';
+const Title = forwardRef(({
+  align,
+  size,
+  family,
+  type,
+  color,
+  children,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(CuiTitle, { ref, $align: align, $color: color, $size: size, $family: family, as: type, ...props, children }));
+const CuiTitle = styled.div.withConfig({
+  componentId: "sc-1q5b0va-0"
+})(["font:", ";color:", ";margin:0;padding:0;font-style:inherit;text-align:", ";a,a:visited{color:", ";cursor:pointer;}a:hover{color:", ";}"], ({
+  $size = "md",
+  $family = "product",
+  theme
+}) => theme.typography.styles[$family].titles[$size], ({
+  $color = "default",
+  theme
+}) => theme.click.global.color.title[$color], ({
+  $align = "left"
+}) => $align, ({
+  $color = "default",
+  theme
+}) => theme.click.global.color.title[$color], ({
+  theme
+}) => theme.click.global.color.title.muted);
+export { Title };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Title/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from 'styled-components';\n\nexport type TitleAlignment = 'left' | 'center' | 'right';\nexport type TitleColor = 'default' | 'muted';\nexport type TitleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type TitleFamily = 'product' | 'brand';\nexport type TitleType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {\n /** The text alignment of the title */\n align?: TitleAlignment;\n /** The color variant of the title */\n color?: TitleColor;\n /** The font size of the title */\n size?: TitleSize;\n /** The font family to use - product or brand */\n family?: TitleFamily;\n /** The heading level (h1-h6) */\n type: TitleType;\n}\n\n/** The `title` component allows you to easily add headings to your pages. They do not include built in margins. */\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>(\n ({ align, size, family, type, color, children, ...props }, ref) => (\n <CuiTitle\n ref={ref}\n $align={align}\n $color={color}\n $size={size}\n $family={family}\n as={type}\n {...props}\n >\n {children}\n </CuiTitle>\n )\n);\n\nconst CuiTitle = styled.div<{\n $align?: TitleAlignment;\n $color?: TitleColor;\n $size?: TitleSize;\n $family?: TitleFamily;\n}>`\n font: ${({ $size = 'md', $family = 'product', theme }) =>\n theme.typography.styles[$family].titles[$size]};\n color: ${({ $color = 'default', theme }) => theme.click.global.color.title[$color]};\n margin: 0;\n padding: 0;\n font-style: inherit;\n text-align: ${({ $align = 'left' }) => $align};\n\n a,\n a:visited {\n color: ${({ $color = 'default', theme }) => theme.click.global.color.title[$color]};\n cursor: pointer;\n }\n\n a:hover {\n color: ${({ theme }) => theme.click.global.color.title.muted};\n }\n`;\n"],"names":["Title","forwardRef","align","size","family","type","color","children","props","ref","CuiTitle","styled","div","withConfig","componentId","$size","$family","theme","typography","styles","titles","$color","click","global","title","$align","muted"],"mappings":";;;;AAuBO,MAAMA,KAAAA,GAAQC,WACnB,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAMC,MAAAA;AAAAA,EAAQC,IAAAA;AAAAA,EAAMC,KAAAA;AAAAA,EAAOC,QAAAA;AAAAA,EAAU,GAAGC;AAAM,CAAA,EAAGC,wBACzD,GAAA,CAAC,QAAA,EAAA,EACC,GAAA,EACA,MAAA,EAAQP,OACR,MAAA,EAAQI,KAAAA,EACR,KAAA,EAAOH,IAAAA,EACP,SAASC,MAAAA,EACT,EAAA,EAAIC,MACJ,GAAIG,KAAAA,EAEHD,UACH,CAEJ;AAEA,MAAMG,QAAAA,GAAWC,MAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,OAAA,EAAA,SAAA,EAAA,sDAAA,qBAAA,EAAA,iCAAA,EAAA,IAAA,CAAA,EAMjB,CAAC;AAAA,EAAEC,KAAAA,GAAQ,IAAA;AAAA,EAAMC,OAAAA,GAAU,SAAA;AAAA,EAAWC;AAAM,CAAA,KAClDA,KAAAA,CAAMC,WAAWC,MAAAA,CAAOH,OAAO,EAAEI,MAAAA,CAAOL,KAAK,GACtC,CAAC;AAAA,EAAEM,MAAAA,GAAS,SAAA;AAAA,EAAWJ;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOjB,MAAMkB,KAAAA,CAAMH,MAAM,GAInE,CAAC;AAAA,EAAEI,MAAAA,GAAS;AAAO,CAAA,KAAMA,QAI5B,CAAC;AAAA,EAAEJ,MAAAA,GAAS,SAAA;AAAA,EAAWJ;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOjB,MAAMkB,KAAAA,CAAMH,MAAM,GAKxE,CAAC;AAAA,EAAEJ;AAAM,CAAA,KAAMA,KAAAA,CAAMK,KAAAA,CAAMC,MAAAA,CAAOjB,KAAAA,CAAMkB,MAAME,KAAK,CAAA;;;;"}

package/dist/esm/components/Toast/index.js ADDED Viewed

@@ -0,0 +1,197 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, createContext } from 'react';
+import * as RadixUIToast from '@radix-ui/react-toast';
+import { styled, keyframes } from 'styled-components';
+import { toastsEventEmitter } from './toastEmitter.js';
+import { IconButton } from '../IconButton/index.js';
+import { Button } from '../Button/index.js';
+import { Icon as SvgImage } from '../Icon/index.js';
+const ToastContext = createContext({
+  createToast: () => null
+});
+const ToastIconWrapper = (props) => /* @__PURE__ */ jsx(SvgImage, { ...props });
+const ToastIcon = styled(ToastIconWrapper).withConfig({
+  componentId: "sc-b0mjg4-0"
+})(["", ""], ({
+  theme,
+  $type = "default"
+}) => `
+  width: ${theme.click.toast.icon.size.width};
+  height: ${theme.click.toast.icon.size.height};
+  color: ${theme.click.toast.color.icon[$type]}
+`);
+const hide = keyframes`
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+`;
+const slideIn = keyframes`
+  from {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+`;
+const swipeOut = keyframes`
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+`;
+const ToastRoot = styled(RadixUIToast.Root).withConfig({
+  componentId: "sc-b0mjg4-1"
+})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;", " &[data-state='open']{animation:", " 150ms cubic-bezier(0.16,1,0.3,1);}&[data-state='closed']{animation:", " 100ms ease-in;}&[data-swipe='move']{transform:translateX(var(--radix-toast-swipe-move-x));}&[data-swipe='cancel']{transform:translateX(0);transition:transform 200ms ease-out;}&[data-swipe='end']{animation:", " 100ms ease-out;}"], ({
+  theme
+}) => `
+    padding: ${theme.click.toast.space.y} ${theme.click.toast.space.x};
+    gap: ${theme.click.toast.space.gap};
+    border-radius: ${theme.click.toast.radii.all};
+    border: 1px solid ${theme.click.toast.color.stroke.default};
+    background: ${theme.click.global.color.background.default};
+    box-shadow: ${theme.click.toast.shadow};
+  `, slideIn, hide, swipeOut);
+const ToastHeader = styled(RadixUIToast.Title).withConfig({
+  componentId: "sc-b0mjg4-2"
+})(["display:flex;justify-content:space-between;align-items:center;width:100%;gap:inherit;", ""], ({
+  theme
+}) => `
+    font: ${theme.click.toast.typography.title.default};
+    color: ${theme.click.toast.color.title.default};
+  `);
+const ToastDescriptionContainer = styled.div.withConfig({
+  componentId: "sc-b0mjg4-3"
+})(["display:flex;flex-direction:column;justify-content:space-between;width:100%;align-items:flex-end;gap:inherit;", ""], ({
+  theme
+}) => `
+    font: ${theme.click.toast.typography.title.default};
+    color: ${theme.click.toast.color.title.default};
+  `);
+const ToastDescriptionContent = styled.div.withConfig({
+  componentId: "sc-b0mjg4-4"
+})(["display:flex;align-self:stretch;gap:inherit;", ""], ({
+  theme
+}) => `
+    font: ${theme.click.toast.typography.description.default};
+    color: ${theme.click.toast.color.description.default};
+  `);
+const Title = styled.div.withConfig({
+  componentId: "sc-b0mjg4-5"
+})(["flex:1;"]);
+const Toast = ({
+  type,
+  toastType = "foreground",
+  title,
+  description,
+  actions = [],
+  duration,
+  onClose,
+  ...props
+}) => {
+  let iconName = "";
+  if (type === "default") {
+    iconName = "info-in-circle";
+  } else if (type === "success") {
+    iconName = "check";
+  } else if (type && ["danger", "warning"].includes(type)) {
+    iconName = "warning";
+  }
+  return /* @__PURE__ */ jsxs(ToastRoot, { onOpenChange: onClose, duration, type: toastType, ...props, children: [
+    /* @__PURE__ */ jsxs(ToastHeader, { children: [
+      iconName.length > 0 && /* @__PURE__ */ jsx(ToastIcon, { name: iconName, $type: type }),
+      /* @__PURE__ */ jsx(Title, { children: title }),
+      /* @__PURE__ */ jsx(RadixUIToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { icon: "cross", type: "ghost" }) })
+    ] }),
+    (description || actions.length > 0) && /* @__PURE__ */ jsxs(ToastDescriptionContainer, { children: [
+      /* @__PURE__ */ jsx(ToastDescriptionContent, { as: RadixUIToast.Description, children: description }),
+      actions.length > 0 && /* @__PURE__ */ jsx(ToastDescriptionContent, { children: actions.map(({
+        altText,
+        ...btnProps
+      }) => /* @__PURE__ */ jsx(RadixUIToast.Action, { altText, asChild: true, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { ...btnProps }) }) }, altText)) })
+    ] })
+  ] });
+};
+const Viewport = styled(RadixUIToast.Viewport).withConfig({
+  componentId: "sc-b0mjg4-6"
+})(["--viewport-padding:25px;position:fixed;bottom:0;", ";display:flex;flex-direction:column;padding:var(--viewport-padding);gap:", ";width:", ";max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none;"], ({
+  $align
+}) => {
+  if ($align === "start") {
+    return "left: 0";
+  }
+  return `
+      right: 0;
+  `;
+}, ({
+  theme
+}) => theme.click.toast.space.gap, ({
+  theme
+}) => theme.click.toast.size.width);
+const ToastProvider = ({
+  children,
+  align = "end",
+  ...props
+}) => {
+  const [toasts, setToasts] = useState({
+    start: /* @__PURE__ */ new Map(),
+    end: /* @__PURE__ */ new Map()
+  });
+  useEffect(() => {
+    const listener = (toast) => {
+      setToasts((currentToasts) => {
+        const alignment = toast.align ?? "end";
+        const newToasts = {
+          ...currentToasts
+        };
+        const map = new Map(newToasts[alignment]);
+        map.set(toast?.id ?? String(Date.now()), toast);
+        newToasts[alignment] = map;
+        return newToasts;
+      });
+    };
+    toastsEventEmitter.on(listener);
+    return () => toastsEventEmitter.off(listener);
+  }, []);
+  const onClose = (id) => (open) => {
+    if (!open) {
+      setToasts((currentToasts) => {
+        const newToasts = {
+          ...currentToasts
+        };
+        const map = new Map(newToasts[align]);
+        map.delete(id);
+        newToasts[align] = map;
+        return newToasts;
+      });
+    }
+  };
+  const value = {
+    createToast: (toast, toastAlign = align) => {
+      setToasts((currentToasts) => {
+        const newToasts = {
+          ...currentToasts
+        };
+        const map = new Map(newToasts[toastAlign]);
+        map.set(toast?.id ?? String(Date.now()), toast);
+        newToasts[toastAlign] = map;
+        return newToasts;
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs(RadixUIToast.Provider, { swipeDirection: align === "start" ? "left" : "right", ...props, children: [
+    /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
+      children,
+      Array.from(toasts[align]).map(([id, toast]) => /* @__PURE__ */ jsx(Toast, { ...toast, onClose: onClose(id) }, id))
+    ] }),
+    /* @__PURE__ */ jsx(Viewport, { $align: align })
+  ] }, `toast-provider-${align}`);
+};
+export { Toast, ToastContext, ToastProvider };
+//# sourceMappingURL=index.js.map