@clickhouse/click-ui 0.7.0 → 0.9.0

package/dist/types/components/DatePicker/utils.d.ts

@@ -22,6 +22,7 @@ export declare const shiftFromTimezone: (date: Date, timezone: Timezone) => Date
 export declare const getPredefinedMonthsForDateRangePicker: (numberOfMonths: number) => DateRange[];
 export declare const getPredefinedTimePeriodsForDateTimePicker: () => DateRangeListItem[];
 export declare const getNextNDatesForDatePickerAllowOnlyList: (numberOfDays: number) => Date[];
+export declare const isDateNotInAllowList: (allowList: Array<Date> | undefined, date: Date) => boolean;
 export declare const datesAreWithinMaxRange: (startDate: Date, endDate: Date, maxRangeLength: number) => boolean;
 export declare const isDateRangeTheWholeMonth: ({ startDate, endDate }: DateRange, timezone?: Timezone) => boolean;
 export declare const dateRangeIsValid: (dateRange: DateRange) => boolean;

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -13,11 +13,11 @@ export declare const Dropdown: {
         displayName: string;
     };
     Group: {
-        (props: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        ({ className, ...props }: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Sub: {
-        ({ ...props }: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        (props: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {

package/dist/types/components/EmptyButton/EmptyButton.d.ts

@@ -1 +1,2 @@
-export declare const EmptyButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+import { ButtonHTMLAttributes } from 'react';
+export declare const EmptyButton: import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/types/components/FileTabs/FileTabs.d.ts

@@ -40,9 +40,9 @@ export interface FileTabsProps extends Omit<ReactSortableProps<ItemInterface>, '
     setList?: (newState: ItemInterface[], sortable: Sortable | null, store: Store) => void;
 }
 export declare const FileTabs: {
-    ({ selectedIndex, children, onReorderTab, onClose: onCloseProp, onSelect: onSelectProp, list: listProp, setList: setListProp, onEnd, direction, group, ...props }: FileTabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ selectedIndex, children, onReorderTab, onClose: onCloseProp, onSelect: onSelectProp, list: listProp, setList: setListProp, onEnd, direction, group, className, ...props }: FileTabsProps): import("react/jsx-runtime").JSX.Element;
     Tab: {
-        ({ text, index, icon, onMouseDown: onMouseDownProp, status, testId, preview, ...props }: FileTabProps): import("react/jsx-runtime").JSX.Element;
+        ({ text, index, icon, onMouseDown: onMouseDownProp, status, testId, preview, className, ...props }: FileTabProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };
@@ -51,5 +51,5 @@ interface FileTabElementProps extends HTMLAttributes<HTMLDivElement> {
     active?: boolean;
     preview?: boolean;
 }
-export declare const FileTabElement: ({ icon, children, active, preview, ...props }: FileTabElementProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileTabElement: ({ icon, children, active, preview, className, ...props }: FileTabElementProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/FileUpload/FileUpload.stories-common.d.ts

@@ -1 +1,4 @@
-export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { FC, ReactNode } from 'react';
+export declare const Wrapper: FC<{
+    children?: ReactNode;
+}>;

package/dist/types/components/FormContainer/Error.d.ts

@@ -1 +1,2 @@
-export declare const Error: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { HTMLAttributes } from 'react';
+export declare const Error: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FormContainer/FormElementContainer.d.ts

@@ -1 +1,2 @@
-export declare const FormElementContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { HTMLAttributes } from 'react';
+export declare const FormElementContainer: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FormContainer/FormRoot.d.ts

@@ -1,5 +1,7 @@
-export declare const FormRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $orientation?: "horizontal" | "vertical";
-    $dir?: "start" | "end";
+import { HTMLAttributes } from 'react';
+export interface FormRootProps extends HTMLAttributes<HTMLDivElement> {
+    $orientation?: 'horizontal' | 'vertical';
+    $dir?: 'start' | 'end';
     $addLabelPadding?: boolean;
-}>> & string;
+}
+export declare const FormRoot: ({ $orientation, $dir, $addLabelPadding, className, ...props }: FormRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Grid/RowNumberColumn.d.ts

@@ -7,11 +7,10 @@ interface RowNumberColumnProps {
     rowWidth: number;
     getSelectionType: SelectionTypeFn;
     rowCount: number;
-    showHeader: boolean;
     scrolledHorizontal: boolean;
     rowStart: number;
     showBorder: boolean;
     rowAutoHeight?: boolean;
 }
-declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder, rowAutoHeight, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, scrolledHorizontal, rowStart, showBorder, rowAutoHeight, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default RowNumberColumn;

package/dist/types/components/Grid/StyledCell.d.ts

@@ -1,15 +1,20 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
 import { SelectionType } from './types';
-export declare const StyledCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+interface StyledCellOwnProps {
     $isFocused: boolean;
     $selectionType: SelectionType;
     $isSelectedTop: boolean;
     $isSelectedLeft: boolean;
     $isLastRow: boolean;
     $isLastColumn: boolean;
-    $isFirstRow: boolean;
-    $isFirstColumn: boolean;
     $height: number;
-    $type?: "body" | "header";
+    $type?: 'body' | 'header';
     $showBorder: boolean;
     $rowAutoHeight?: boolean;
-}>> & string;
+}
+type StyledCellProps<T extends ElementType> = StyledCellOwnProps & {
+    as?: T;
+    children?: ReactNode;
+} & Omit<ComponentProps<T>, keyof StyledCellOwnProps | 'as' | 'children'>;
+export declare const StyledCell: <T extends ElementType = "div">({ as, $isFocused, $selectionType, $isSelectedTop, $isSelectedLeft, $isLastRow, $isLastColumn, $height, $type, $showBorder, $rowAutoHeight, className, style, children, ...props }: StyledCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/GridCenter/GridCenter.d.ts

@@ -1 +1,9 @@
-export declare const GridCenter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { ComponentProps, ElementType, ReactNode } from 'react';
+interface GridCenterOwnProps {
+    /** Render as a different element/component (mirrors styled-components `as`). */
+    as?: ElementType;
+}
+export type GridCenterProps<T extends ElementType = 'div'> = Omit<ComponentProps<T>, keyof GridCenterOwnProps> & GridCenterOwnProps;
+type GridCenterPolymorphicComponent = <T extends ElementType = 'div'>(props: GridCenterProps<T>) => ReactNode;
+export declare const GridCenter: GridCenterPolymorphicComponent;
+export {};

package/dist/types/components/Panel/Panel.d.ts

@@ -1,39 +1,2 @@
-import { Orientation } from '../../types';
-import { CursorOptions } from './Panel.types';
-import { HTMLAttributes } from 'react';
-export type PanelPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type PanelColor = 'default' | 'muted' | 'transparent';
-export type PanelRadii = 'none' | 'sm' | 'md' | 'lg';
-type AlignItemsOption = 'start' | 'center' | 'end';
-export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
-    /** Alignment of items along the cross axis */
-    alignItems?: AlignItemsOption;
-    /** The content to display inside the panel */
-    children?: React.ReactNode;
-    /** The background color variant of the panel */
-    color?: PanelColor;
-    /** The cursor style when hovering over the panel */
-    cursor?: CursorOptions;
-    /** Whether the panel should fill the full height of its container */
-    fillHeight?: boolean;
-    /** Whether the panel should fill the full width of its container */
-    fillWidth?: boolean;
-    /** The gap between child elements */
-    gap?: PanelPadding;
-    /** Whether to show a border around the panel */
-    hasBorder?: boolean;
-    /** Whether to show a shadow on the panel */
-    hasShadow?: boolean;
-    /** Fixed height of the panel */
-    height?: string;
-    /** The orientation of content flow - horizontal or vertical */
-    orientation?: Orientation;
-    /** The padding inside the panel */
-    padding?: PanelPadding;
-    /** The border radius of the panel corners */
-    radii?: PanelRadii;
-    /** Fixed width of the panel */
-    width?: string;
-}
-export declare const Panel: ({ alignItems, children, color, cursor, fillHeight, fillWidth, gap, hasBorder, hasShadow, height, orientation, padding, radii, width, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { PanelProps } from './Panel.types';
+export declare const Panel: ({ alignItems, children, color, cursor, fillHeight, fillWidth, gap, hasBorder, hasShadow, height, orientation, padding, radii, width, className, style, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Select/common/SelectComponents.d.ts

@@ -0,0 +1,33 @@
+import { ComponentProps, HTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes } from 'react';
+import { Content, Trigger } from '@radix-ui/react-popover';
+export declare const SelectPopoverRoot: import('react').FC<import('@radix-ui/react-popover').PopoverProps>;
+export declare const SelectValue: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+type StyledSelectTriggerProps = ComponentProps<typeof Trigger> & {
+    $error: boolean;
+};
+export declare const StyledSelectTrigger: import('react').ForwardRefExoticComponent<Omit<StyledSelectTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+type SelectPopoverContentProps = ComponentProps<typeof Content> & {
+    $useFullWidthItems: boolean;
+    $itemCharacterLimit?: string;
+};
+export declare const SelectPopoverContent: import('react').ForwardRefExoticComponent<Omit<SelectPopoverContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SearchBarContainer: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    $showSearch: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SearchBar: import('react').ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    $showSearch: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export declare const SelectList: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectListContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    $maxHeight?: string;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const HiddenSelectElement: import('react').ForwardRefExoticComponent<SelectHTMLAttributes<HTMLSelectElement> & import('react').RefAttributes<HTMLSelectElement>>;
+export declare const SelectGroupContainer: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectGroupName: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectGroupContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectNoDataContainer: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    $clickable: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectItemDescriptionText: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const selectStyles: CSSModuleClasses;
+export {};

package/dist/types/components/SplitButton/SplitButton.d.ts

@@ -1,2 +1,2 @@
 import { SplitButtonProps } from './SplitButton.types';
-export declare const SplitButton: ({ type, htmlType, disabled, menu, dir, open, defaultOpen, onOpenChange, modal, side, fillWidth, children, icon, iconDir, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitButton: ({ type, htmlType, disabled, menu, dir, open, defaultOpen, onOpenChange, modal, side, fillWidth, children, icon, iconDir, className, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",

package/dist/cjs/components/Select/common/SelectStyled.cjs

@@ -1,194 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const RadixPopover = require('@radix-ui/react-popover');
-const styledComponents = require('styled-components');
-
-const SelectPopoverRoot = styledComponents.styled(RadixPopover.Root).withConfig({
-  componentId: "sc-oudbwg-0"
-})(["width:100%;"]);
-const SelectValue = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-1"
-})(["text-align:left;flex:1;gap:inherit;color:inherit;font:inherit;overflow:hidden;"]);
-const StyledSelectTrigger = styledComponents.styled(RadixPopover.Trigger).withConfig({
-  componentId: "sc-oudbwg-2"
-})(["width:100%;display:flex;align-items:center;justify-content:space-between;align-items:center;cursor:pointer;min-height:", ";span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", " [data-hide-in-trigger]{display:none;}"], ({
-  theme
-}) => theme.click.genericMenu.panel.size.height, ({
-  theme,
-  $error
-}) => `
-    border-radius: ${theme.click.field.radii.all};
-    padding: ${theme.click.field.space.y} ${theme.click.field.space.x};
-    gap: ${theme.click.field.space.gap};
-    font: ${theme.click.field.typography.fieldText.default};
-    color: ${theme.click.field.color.text.default};
-    border: 1px solid ${theme.click.field.color.stroke.default};
-    background: ${theme.click.field.color.background.default};
-    &:hover {
-      border: 1px solid ${theme.click.field.color.stroke.hover};
-      background: ${theme.click.field.color.background.hover};
-      color: ${theme.click.field.color.text.hover};
-    }
-    ${$error ? `
-      font: ${theme.click.field.typography.fieldText.error};
-      border: 1px solid ${theme.click.field.color.stroke.error};
-      background: ${theme.click.field.color.background.active};
-      color: ${theme.click.field.color.text.error};
-      &:hover {
-      border: 1px solid ${theme.click.field.color.stroke.error};
-      color: ${theme.click.field.color.text.error};
-      }
-    ` : `
-    &:focus,
-    &[data-state="open"] {
-      font: ${theme.click.field.typography.fieldText.active};
-      border: 1px solid ${theme.click.field.color.stroke.active};
-      background: ${theme.click.field.color.background.active};
-      color: ${theme.click.field.color.text.active};
-      & ~ label {
-        color: ${theme.click.field.color.label.active};
-        font: ${theme.click.field.typography.label.active};;
-      }
-    }
-    `};
-    &:focus-visible {
-      outline: 2px solid ${theme.click.global.color.outline.default};
-      outline-offset: 2px;
-    }
-    &:disabled {
-      font: ${theme.click.field.typography.fieldText.disabled};
-      border: 1px solid ${theme.click.field.color.stroke.disabled};
-      background: ${theme.click.field.color.background.disabled};
-      color: ${theme.click.field.color.text.disabled};
-      cursor: not-allowed;
-    }
-  `);
-const SelectPopoverContent = styledComponents.styled(RadixPopover.Content).withConfig({
-  componentId: "sc-oudbwg-3"
-})(["width:var(--radix-popover-trigger-width);max-height:var(--radix-popover-content-available-height);border-radius:0.25rem;pointer-events:auto;", " ", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
-  $useFullWidthItems,
-  $itemCharacterLimit
-}) => `
-    ${$useFullWidthItems ? `
-      max-width: ${$itemCharacterLimit};
-      min-width: var(--radix-popover-trigger-width);
-      width: 100%;
-    ` : "width: var(--radix-popover-trigger-width)"};
-  `, ({
-  theme
-}) => `
-    border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
-    background: ${theme.click.genericMenu.item.color.default.background.default};
-    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
-      0px 1px 2px 0px rgba(16, 24, 40, 0.06);
-    border-radius: 0.25rem;
-  `);
-const SearchBarContainer = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-4"
-})(["width:auto;position:relative;display:flex;justify-content:flex-start;align-items:center;", ""], ({
-  theme,
-  $showSearch
-}) => `
-    padding: ${$showSearch ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}` : 0};
-    color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
-    font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
-    height: ${$showSearch ? "auto" : " 0"};
-  `);
-const SearchBar = styledComponents.styled.input.withConfig({
-  componentId: "sc-oudbwg-5"
-})(["background:transparent;border:none;width:100%;outline:none;", ""], ({
-  theme,
-  $showSearch
-}) => `
-    min-height: ${$showSearch ? "21px" : 0};
-    height: ${$showSearch ? "initial" : 0};
-    ${$showSearch ? "padding-right: 24px" : "padding:0"};
-
-    gap: ${theme.click.genericMenu.item.space.gap};
-    font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
-    border-bottom: ${$showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0};
-    color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
-    &::placeholder {
-      color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};
-      font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};
-    }
-  `);
-const SearchClose = styledComponents.styled.button.withConfig({
-  componentId: "sc-oudbwg-6"
-})(["position:absolute;", " visibility:", ";"], ({
-  theme
-}) => `
-    top: ${theme.click.genericMenu.item.space.y};
-    right: ${theme.click.genericMenu.item.space.x};
-  `, ({
-  $showClose
-}) => $showClose ? "visible" : "hidden");
-const SelectList = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-7"
-})(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
-const SelectListContent = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-8"
-})(["width:inherit;overflow:auto;flex:1;", ""], ({
-  $maxHeight
-}) => $maxHeight && `
-      max-height: ${$maxHeight};
-    `);
-const HiddenSelectElement = styledComponents.styled.select.withConfig({
-  componentId: "sc-oudbwg-9"
-})(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
-const SelectGroupContainer = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-10"
-})(["display:flex;flex-direction:column;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
-  theme
-}) => `
-    font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
-    color: ${theme.click.genericMenu.item.color.default.text.muted};
-  `);
-const SelectGroupName = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-11"
-})(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
-  theme
-}) => `
-     font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
-     color: ${theme.click.genericMenu.item.color.default.text.muted};
-     padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};
-     gap: ${theme.click.genericMenu.item.space.gap};
-     border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
-   `);
-const SelectGroupContent = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-12"
-})(["width:inherit;"]);
-const SelectNoDataContainer = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-13"
-})(["border:none;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;&[hidden='true']{display:none;}", ""], ({
-  theme,
-  $clickable
-}) => `
-    font: ${theme.click.genericMenu.button.typography.label.default}
-    padding: ${theme.click.genericMenu.button.space.y} ${theme.click.genericMenu.item.space.x};
-    background: ${theme.click.genericMenu.button.color.background.default};
-    color: ${theme.click.genericMenu.button.color.label.default};
-    cursor: ${$clickable ? "pointer" : "default"}
-  `);
-const SelectItemDescriptionText = styledComponents.styled.div.withConfig({
-  componentId: "sc-oudbwg-14"
-})(["white-space:normal;[data-disabled] &,[disabled] &{color:inherit;}", " &{display:none;}"], StyledSelectTrigger);
-
-exports.HiddenSelectElement = HiddenSelectElement;
-exports.SearchBar = SearchBar;
-exports.SearchBarContainer = SearchBarContainer;
-exports.SearchClose = SearchClose;
-exports.SelectGroupContainer = SelectGroupContainer;
-exports.SelectGroupContent = SelectGroupContent;
-exports.SelectGroupName = SelectGroupName;
-exports.SelectItemDescriptionText = SelectItemDescriptionText;
-exports.SelectList = SelectList;
-exports.SelectListContent = SelectListContent;
-exports.SelectNoDataContainer = SelectNoDataContainer;
-exports.SelectPopoverContent = SelectPopoverContent;
-exports.SelectPopoverRoot = SelectPopoverRoot;
-exports.SelectValue = SelectValue;
-exports.StyledSelectTrigger = StyledSelectTrigger;
-//# sourceMappingURL=SelectStyled.cjs.map

package/dist/cjs/components/Select/common/SelectStyled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectStyled.cjs","sources":["../../../../../src/components/Select/common/SelectStyled.tsx"],"sourcesContent":["import { Content, Root, Trigger } from '@radix-ui/react-popover';\nimport { styled } from 'styled-components';\n\nexport const SelectPopoverRoot = styled(Root)`\n  width: 100%;\n`;\n\nexport const SelectValue = styled.div`\n  text-align: left;\n  flex: 1;\n  gap: inherit;\n  color: inherit;\n  font: inherit;\n  overflow: hidden;\n`;\n\nexport const StyledSelectTrigger = styled(Trigger)<{ $error: boolean }>`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  min-height: ${({ theme }) => theme.click.genericMenu.panel.size.height};\n\n  span:first-of-type {\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  ${({ theme, $error }) => `\n    border-radius: ${theme.click.field.radii.all};\n    padding: ${theme.click.field.space.y} ${theme.click.field.space.x};\n    gap: ${theme.click.field.space.gap};\n    font: ${theme.click.field.typography.fieldText.default};\n    color: ${theme.click.field.color.text.default};\n    border: 1px solid ${theme.click.field.color.stroke.default};\n    background: ${theme.click.field.color.background.default};\n    &:hover {\n      border: 1px solid ${theme.click.field.color.stroke.hover};\n      background: ${theme.click.field.color.background.hover};\n      color: ${theme.click.field.color.text.hover};\n    }\n    ${\n      $error\n        ? `\n      font: ${theme.click.field.typography.fieldText.error};\n      border: 1px solid ${theme.click.field.color.stroke.error};\n      background: ${theme.click.field.color.background.active};\n      color: ${theme.click.field.color.text.error};\n      &:hover {\n      border: 1px solid ${theme.click.field.color.stroke.error};\n      color: ${theme.click.field.color.text.error};\n      }\n    `\n        : `\n    &:focus,\n    &[data-state=\"open\"] {\n      font: ${theme.click.field.typography.fieldText.active};\n      border: 1px solid ${theme.click.field.color.stroke.active};\n      background: ${theme.click.field.color.background.active};\n      color: ${theme.click.field.color.text.active};\n      & ~ label {\n        color: ${theme.click.field.color.label.active};\n        font: ${theme.click.field.typography.label.active};;\n      }\n    }\n    `\n    };\n    &:focus-visible {\n      outline: 2px solid ${theme.click.global.color.outline.default};\n      outline-offset: 2px;\n    }\n    &:disabled {\n      font: ${theme.click.field.typography.fieldText.disabled};\n      border: 1px solid ${theme.click.field.color.stroke.disabled};\n      background: ${theme.click.field.color.background.disabled};\n      color: ${theme.click.field.color.text.disabled};\n      cursor: not-allowed;\n    }\n  `}\n  [data-hide-in-trigger] {\n    display: none;\n  }\n`;\n\nexport const SelectPopoverContent = styled(Content)<{\n  $useFullWidthItems: boolean;\n  $itemCharacterLimit?: string;\n}>`\n  width: var(--radix-popover-trigger-width);\n  max-height: var(--radix-popover-content-available-height);\n  border-radius: 0.25rem;\n  pointer-events: auto;\n\n  ${({ $useFullWidthItems, $itemCharacterLimit }) => `\n    ${\n      $useFullWidthItems\n        ? `\n      max-width: ${$itemCharacterLimit};\n      min-width: var(--radix-popover-trigger-width);\n      width: 100%;\n    `\n        : 'width: var(--radix-popover-trigger-width)'\n    };\n  `}\n\n  ${({ theme }) => `\n    border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n    background: ${theme.click.genericMenu.item.color.default.background.default};\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    border-radius: 0.25rem;\n  `}\n  overflow: hidden;\n  display: flex;\n  padding: 0.5rem 0rem;\n  align-items: flex-start;\n  gap: 0.625rem;\n`;\n\nexport const SearchBarContainer = styled.div<{ $showSearch: boolean }>`\n  width: auto;\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  ${({ theme, $showSearch }) => `\n    padding: ${\n      $showSearch\n        ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}`\n        : 0\n    };\n    color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n    font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n    height: ${$showSearch ? 'auto' : ' 0'};\n  `}\n`;\n\nexport const SearchBar = styled.input<{ $showSearch: boolean }>`\n  background: transparent;\n  border: none;\n  width: 100%;\n  outline: none;\n  ${({ theme, $showSearch }) => `\n    min-height: ${$showSearch ? '21px' : 0};\n    height: ${$showSearch ? 'initial' : 0};\n    ${$showSearch ? 'padding-right: 24px' : 'padding:0'};\n\n    gap: ${theme.click.genericMenu.item.space.gap};\n    font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n    border-bottom: ${\n      $showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0\n    };\n    color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n    &::placeholder {\n      color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};\n      font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};\n    }\n  `}\n`;\n\nexport const SearchClose = styled.button<{ $showClose: boolean }>`\n  position: absolute;\n  ${({ theme }) => `\n    top: ${theme.click.genericMenu.item.space.y};\n    right: ${theme.click.genericMenu.item.space.x};\n  `}\n  visibility: ${({ $showClose }) => ($showClose ? 'visible' : 'hidden')};\n`;\n\n/*\n  Added the max-height with calc as the content should always be fit inside SelectPopoverContent\n  SelectPopoverContent has hardcoded padding and thats why we are using 1 rem instead of tokens\n  This makes sure that the content is always visible with the scrolling\n*/\nexport const SelectList = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: inherit;\n  max-height: calc(var(--radix-popover-content-available-height) - 1rem);\n`;\nexport const SelectListContent = styled.div<{ $maxHeight?: string }>`\n  width: inherit;\n  overflow: auto;\n  flex: 1;\n\n  ${({ $maxHeight }) =>\n    $maxHeight &&\n    `\n      max-height: ${$maxHeight};\n    `}\n`;\n\nexport const HiddenSelectElement = styled.select`\n  visibility: hidden;\n  position: absolute;\n  z-index: -1;\n  height: 0;\n`;\n\nexport const SelectGroupContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  width: -webkit-fill-available;\n  width: fill-available;\n  width: stretch;\n  overflow: hidden;\n  background: transparent;\n  &[aria-selected] {\n    outline: none;\n  }\n\n  ${({ theme }) => `\n    font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n    color: ${theme.click.genericMenu.item.color.default.text.muted};\n  `};\n  &[hidden] {\n    display: none;\n  }\n`;\n\nexport const SelectGroupName = styled.div`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  ${({ theme }) => `\n     font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n     color: ${theme.click.genericMenu.item.color.default.text.muted};\n     padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};\n     gap: ${theme.click.genericMenu.item.space.gap};\n     border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n   `}\n`;\n\nexport const SelectGroupContent = styled.div`\n  width: inherit;\n`;\n\nexport const SelectNoDataContainer = styled.div<{ $clickable: boolean }>`\n  border: none;\n  display: block;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: left;\n\n  &[hidden='true'] {\n    display: none;\n  }\n  ${({ theme, $clickable }) => `\n    font: ${theme.click.genericMenu.button.typography.label.default}\n    padding: ${theme.click.genericMenu.button.space.y} ${\n      theme.click.genericMenu.item.space.x\n    };\n    background: ${theme.click.genericMenu.button.color.background.default};\n    color: ${theme.click.genericMenu.button.color.label.default};\n    cursor: ${$clickable ? 'pointer' : 'default'}\n  `}\n`;\n\nexport const SelectItemDescriptionText = styled.div`\n  white-space: normal;\n\n  [data-disabled] &,\n  [disabled] & {\n    color: inherit;\n  }\n\n  // don't show description when item is rendered in the trigger\n  ${StyledSelectTrigger} & {\n    display: none;\n  }\n`;\n"],"names":["SelectPopoverRoot","styled","Root","withConfig","componentId","SelectValue","div","StyledSelectTrigger","Trigger","theme","click","genericMenu","panel","size","height","$error","field","radii","all","space","y","x","gap","typography","fieldText","default","color","text","stroke","background","hover","error","active","label","global","outline","disabled","SelectPopoverContent","Content","$useFullWidthItems","$itemCharacterLimit","item","SearchBarContainer","$showSearch","autocomplete","searchTerm","search","term","SearchBar","input","button","placeholder","SearchClose","$showClose","SelectList","SelectListContent","$maxHeight","HiddenSelectElement","select","SelectGroupContainer","sectionHeader","muted","SelectGroupName","top","bottom","SelectGroupContent","SelectNoDataContainer","$clickable","SelectItemDescriptionText"],"mappings":"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"}