@zvoove/unity-ui 2.27.0 → 2.29.0

package/dist/components/FloatSearch/FloatSearch.styled.d.ts

@@ -0,0 +1,51 @@
+export declare const floatSearchPanelStyles: import('tailwind-variants').TVReturnType<{
+    show: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    show: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    show: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchInputRowStyles: import('tailwind-variants').TVReturnType<{
+    hasResults: {
+        true: string[];
+    };
+}, undefined, string[], {
+    hasResults: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasResults: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchInputStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchListStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchItemStyles: import('tailwind-variants').TVReturnType<{
+    active: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    active: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    active: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchItemMetaStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchFooterStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchKbdStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const floatSearchSkeletonRowStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,108 @@
+export type FloatSearchItem<T extends React.ElementType = 'button'> = {
+    /**
+     * Unique identifier for the item.
+     */
+    id: string;
+    /**
+     * Display label shown in the result row.
+     */
+    label: string;
+    /**
+     * Type of the item — determines the icon rendered on the left.
+     */
+    type: 'chat' | 'project';
+    /**
+     * Secondary metadata shown right-aligned (e.g. "Heute", "24 Chats").
+     */
+    meta?: string;
+} & Omit<React.ComponentPropsWithoutRef<T>, 'children' | 'id' | 'type'>;
+export interface FloatSearchTranslations {
+    /**
+     * Placeholder text for the search input.
+     * @default 'Chats und Projekte durchsuchen'
+     */
+    placeholder?: string;
+    /**
+     * Aria-label for the clear-query button.
+     * @default 'Suche zurücksetzen'
+     */
+    clearAriaLabel?: string;
+    /**
+     * Aria-label for the close button.
+     * @default 'Suche schließen'
+     */
+    closeAriaLabel?: string;
+    /**
+     * Text shown when no results match the query.
+     * @default 'Keine Ergebnisse gefunden'
+     */
+    noResults?: string;
+    /**
+     * Footer hint label for arrow-key navigation.
+     * @default 'navigieren'
+     */
+    navigate?: string;
+    /**
+     * Footer hint label for the Enter key action.
+     * @default 'öffnen'
+     */
+    open?: string;
+    /**
+     * Footer hint label for the Escape key action.
+     * @default 'schließen'
+     */
+    close?: string;
+}
+export type FloatSearchProps<T extends React.ElementType = 'button'> = {
+    /**
+     * Controls whether the search overlay is visible.
+     */
+    open: boolean;
+    /**
+     * Called when the overlay should close (backdrop click, Esc, or clear button).
+     */
+    onClose: () => void;
+    /**
+     * Items to display in the result list.
+     */
+    items?: FloatSearchItem<T>[];
+    /**
+     * Called whenever the search query changes.
+     */
+    onSearch?: (query: string) => void;
+    /**
+     * Called when the user confirms a result (Enter key or click).
+     */
+    onSelect?: (item: FloatSearchItem<T>) => void;
+    /**
+     * Controlled search query value. When provided, the input becomes controlled.
+     */
+    value?: string;
+    /**
+     * Placeholder text for the search input.
+     * @default 'Chats und Projekte durchsuchen'
+     * @deprecated Use `translations.placeholder` instead.
+     */
+    placeholder?: string;
+    /**
+     * Override translatable UI strings. All keys are optional — missing keys fall back to German defaults.
+     */
+    translations?: FloatSearchTranslations;
+    /**
+     * z-index of the overlay.
+     * @default 20
+     */
+    zIndex?: number;
+    /**
+     * When `true`, displays skeleton placeholders instead of the result list.
+     * Use this while fetching search results asynchronously.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The component to render each result item as. <br />
+     * This is useful if you want to use a different component like a `Link` component from **Next.js** or **React Router**.
+     * @default 'button'
+     */
+    linkComponent?: T | 'button';
+};

package/dist/components/FloatSearch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FloatSearch } from './FloatSearch';
+export type { FloatSearchProps, FloatSearchTranslations, FloatSearchItem, } from './FloatSearch.types';

package/dist/components/FormLabel/FormLabel.d.ts

@@ -0,0 +1,3 @@
+import { FormLabelProps } from './FormLabel.types';
+declare const FormLabel: ({ value, required, htmlFor, ...props }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default FormLabel;

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

@@ -0,0 +1,15 @@
+export interface FormLabelProps {
+    /**
+     * The content of the label.
+     */
+    value: string;
+    /**
+     * The ID of the input element that the label should be associated with.
+     * If not provided, the label will not be associated with any input.
+     */
+    htmlFor?: string;
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+}

package/dist/components/FormLabel/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormLabel } from './FormLabel';
+export type { FormLabelProps } from './FormLabel.types';

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

@@ -0,0 +1,3 @@
+import { GridComponent } from './Grid.types';
+declare const _default: GridComponent;
+export default _default;

package/dist/components/Grid/Grid.styled.d.ts

@@ -0,0 +1,274 @@
+export declare const gridStyles: import('tailwind-variants').TVReturnType<{
+    margin: Record<import('../..').SpacingKeys, string>;
+    marginSM: Record<import('../..').SpacingKeys, string>;
+    marginMD: Record<import('../..').SpacingKeys, string>;
+    marginLG: Record<import('../..').SpacingKeys, string>;
+    marginXL: Record<import('../..').SpacingKeys, string>;
+    margin2XL: Record<import('../..').SpacingKeys, string>;
+    marginX: Record<import('../..').SpacingKeys, string>;
+    marginY: Record<import('../..').SpacingKeys, string>;
+    marginTop: Record<import('../..').SpacingKeys, string>;
+    marginBottom: Record<import('../..').SpacingKeys, string>;
+    marginLeft: Record<import('../..').SpacingKeys, string>;
+    marginRight: Record<import('../..').SpacingKeys, string>;
+    marginXSM: Record<import('../..').SpacingKeys, string>;
+    marginXMD: Record<import('../..').SpacingKeys, string>;
+    marginXLG: Record<import('../..').SpacingKeys, string>;
+    marginXXL: Record<import('../..').SpacingKeys, string>;
+    marginX2XL: Record<import('../..').SpacingKeys, string>;
+    marginYSM: Record<import('../..').SpacingKeys, string>;
+    marginYMD: Record<import('../..').SpacingKeys, string>;
+    marginYLG: Record<import('../..').SpacingKeys, string>;
+    marginYXL: Record<import('../..').SpacingKeys, string>;
+    marginY2XL: Record<import('../..').SpacingKeys, string>;
+    marginTopSM: Record<import('../..').SpacingKeys, string>;
+    marginTopMD: Record<import('../..').SpacingKeys, string>;
+    marginTopLG: Record<import('../..').SpacingKeys, string>;
+    marginTopXL: Record<import('../..').SpacingKeys, string>;
+    marginTop2XL: Record<import('../..').SpacingKeys, string>;
+    marginBottomSM: Record<import('../..').SpacingKeys, string>;
+    marginBottomMD: Record<import('../..').SpacingKeys, string>;
+    marginBottomLG: Record<import('../..').SpacingKeys, string>;
+    marginBottomXL: Record<import('../..').SpacingKeys, string>;
+    marginBottom2XL: Record<import('../..').SpacingKeys, string>;
+    marginLeftSM: Record<import('../..').SpacingKeys, string>;
+    marginLeftMD: Record<import('../..').SpacingKeys, string>;
+    marginLeftLG: Record<import('../..').SpacingKeys, string>;
+    marginLeftXL: Record<import('../..').SpacingKeys, string>;
+    marginLeft2XL: Record<import('../..').SpacingKeys, string>;
+    marginRightSM: Record<import('../..').SpacingKeys, string>;
+    marginRightMD: Record<import('../..').SpacingKeys, string>;
+    marginRightLG: Record<import('../..').SpacingKeys, string>;
+    marginRightXL: Record<import('../..').SpacingKeys, string>;
+    marginRight2XL: Record<import('../..').SpacingKeys, string>;
+    padding: Record<import('../..').SpacingKeys, string>;
+    paddingSM: Record<import('../..').SpacingKeys, string>;
+    paddingMD: Record<import('../..').SpacingKeys, string>;
+    paddingLG: Record<import('../..').SpacingKeys, string>;
+    paddingXL: Record<import('../..').SpacingKeys, string>;
+    padding2XL: Record<import('../..').SpacingKeys, string>;
+    paddingX: Record<import('../..').SpacingKeys, string>;
+    paddingY: Record<import('../..').SpacingKeys, string>;
+    paddingTop: Record<import('../..').SpacingKeys, string>;
+    paddingBottom: Record<import('../..').SpacingKeys, string>;
+    paddingLeft: Record<import('../..').SpacingKeys, string>;
+    paddingRight: Record<import('../..').SpacingKeys, string>;
+    paddingXSM: Record<import('../..').SpacingKeys, string>;
+    paddingXMD: Record<import('../..').SpacingKeys, string>;
+    paddingXLG: Record<import('../..').SpacingKeys, string>;
+    paddingXXL: Record<import('../..').SpacingKeys, string>;
+    paddingX2XL: Record<import('../..').SpacingKeys, string>;
+    paddingYSM: Record<import('../..').SpacingKeys, string>;
+    paddingYMD: Record<import('../..').SpacingKeys, string>;
+    paddingYLG: Record<import('../..').SpacingKeys, string>;
+    paddingYXL: Record<import('../..').SpacingKeys, string>;
+    paddingY2XL: Record<import('../..').SpacingKeys, string>;
+    paddingTopSM: Record<import('../..').SpacingKeys, string>;
+    paddingTopMD: Record<import('../..').SpacingKeys, string>;
+    paddingTopLG: Record<import('../..').SpacingKeys, string>;
+    paddingTopXL: Record<import('../..').SpacingKeys, string>;
+    paddingTop2XL: Record<import('../..').SpacingKeys, string>;
+    paddingBottomSM: Record<import('../..').SpacingKeys, string>;
+    paddingBottomMD: Record<import('../..').SpacingKeys, string>;
+    paddingBottomLG: Record<import('../..').SpacingKeys, string>;
+    paddingBottomXL: Record<import('../..').SpacingKeys, string>;
+    paddingBottom2XL: Record<import('../..').SpacingKeys, string>;
+    paddingLeftSM: Record<import('../..').SpacingKeys, string>;
+    paddingLeftMD: Record<import('../..').SpacingKeys, string>;
+    paddingLeftLG: Record<import('../..').SpacingKeys, string>;
+    paddingLeftXL: Record<import('../..').SpacingKeys, string>;
+    paddingLeft2XL: Record<import('../..').SpacingKeys, string>;
+    paddingRightSM: Record<import('../..').SpacingKeys, string>;
+    paddingRightMD: Record<import('../..').SpacingKeys, string>;
+    paddingRightLG: Record<import('../..').SpacingKeys, string>;
+    paddingRightXL: Record<import('../..').SpacingKeys, string>;
+    paddingRight2XL: Record<import('../..').SpacingKeys, string>;
+    gap: Record<import('../..').SpacingKeys, string>;
+    gapSM: Record<import('../..').SpacingKeys, string>;
+    gapMD: Record<import('../..').SpacingKeys, string>;
+    gapLG: Record<import('../..').SpacingKeys, string>;
+    gapXL: Record<import('../..').SpacingKeys, string>;
+    gap2XL: Record<import('../..').SpacingKeys, string>;
+}, undefined, string[], {
+    margin: Record<import('../..').SpacingKeys, string>;
+    marginSM: Record<import('../..').SpacingKeys, string>;
+    marginMD: Record<import('../..').SpacingKeys, string>;
+    marginLG: Record<import('../..').SpacingKeys, string>;
+    marginXL: Record<import('../..').SpacingKeys, string>;
+    margin2XL: Record<import('../..').SpacingKeys, string>;
+    marginX: Record<import('../..').SpacingKeys, string>;
+    marginY: Record<import('../..').SpacingKeys, string>;
+    marginTop: Record<import('../..').SpacingKeys, string>;
+    marginBottom: Record<import('../..').SpacingKeys, string>;
+    marginLeft: Record<import('../..').SpacingKeys, string>;
+    marginRight: Record<import('../..').SpacingKeys, string>;
+    marginXSM: Record<import('../..').SpacingKeys, string>;
+    marginXMD: Record<import('../..').SpacingKeys, string>;
+    marginXLG: Record<import('../..').SpacingKeys, string>;
+    marginXXL: Record<import('../..').SpacingKeys, string>;
+    marginX2XL: Record<import('../..').SpacingKeys, string>;
+    marginYSM: Record<import('../..').SpacingKeys, string>;
+    marginYMD: Record<import('../..').SpacingKeys, string>;
+    marginYLG: Record<import('../..').SpacingKeys, string>;
+    marginYXL: Record<import('../..').SpacingKeys, string>;
+    marginY2XL: Record<import('../..').SpacingKeys, string>;
+    marginTopSM: Record<import('../..').SpacingKeys, string>;
+    marginTopMD: Record<import('../..').SpacingKeys, string>;
+    marginTopLG: Record<import('../..').SpacingKeys, string>;
+    marginTopXL: Record<import('../..').SpacingKeys, string>;
+    marginTop2XL: Record<import('../..').SpacingKeys, string>;
+    marginBottomSM: Record<import('../..').SpacingKeys, string>;
+    marginBottomMD: Record<import('../..').SpacingKeys, string>;
+    marginBottomLG: Record<import('../..').SpacingKeys, string>;
+    marginBottomXL: Record<import('../..').SpacingKeys, string>;
+    marginBottom2XL: Record<import('../..').SpacingKeys, string>;
+    marginLeftSM: Record<import('../..').SpacingKeys, string>;
+    marginLeftMD: Record<import('../..').SpacingKeys, string>;
+    marginLeftLG: Record<import('../..').SpacingKeys, string>;
+    marginLeftXL: Record<import('../..').SpacingKeys, string>;
+    marginLeft2XL: Record<import('../..').SpacingKeys, string>;
+    marginRightSM: Record<import('../..').SpacingKeys, string>;
+    marginRightMD: Record<import('../..').SpacingKeys, string>;
+    marginRightLG: Record<import('../..').SpacingKeys, string>;
+    marginRightXL: Record<import('../..').SpacingKeys, string>;
+    marginRight2XL: Record<import('../..').SpacingKeys, string>;
+    padding: Record<import('../..').SpacingKeys, string>;
+    paddingSM: Record<import('../..').SpacingKeys, string>;
+    paddingMD: Record<import('../..').SpacingKeys, string>;
+    paddingLG: Record<import('../..').SpacingKeys, string>;
+    paddingXL: Record<import('../..').SpacingKeys, string>;
+    padding2XL: Record<import('../..').SpacingKeys, string>;
+    paddingX: Record<import('../..').SpacingKeys, string>;
+    paddingY: Record<import('../..').SpacingKeys, string>;
+    paddingTop: Record<import('../..').SpacingKeys, string>;
+    paddingBottom: Record<import('../..').SpacingKeys, string>;
+    paddingLeft: Record<import('../..').SpacingKeys, string>;
+    paddingRight: Record<import('../..').SpacingKeys, string>;
+    paddingXSM: Record<import('../..').SpacingKeys, string>;
+    paddingXMD: Record<import('../..').SpacingKeys, string>;
+    paddingXLG: Record<import('../..').SpacingKeys, string>;
+    paddingXXL: Record<import('../..').SpacingKeys, string>;
+    paddingX2XL: Record<import('../..').SpacingKeys, string>;
+    paddingYSM: Record<import('../..').SpacingKeys, string>;
+    paddingYMD: Record<import('../..').SpacingKeys, string>;
+    paddingYLG: Record<import('../..').SpacingKeys, string>;
+    paddingYXL: Record<import('../..').SpacingKeys, string>;
+    paddingY2XL: Record<import('../..').SpacingKeys, string>;
+    paddingTopSM: Record<import('../..').SpacingKeys, string>;
+    paddingTopMD: Record<import('../..').SpacingKeys, string>;
+    paddingTopLG: Record<import('../..').SpacingKeys, string>;
+    paddingTopXL: Record<import('../..').SpacingKeys, string>;
+    paddingTop2XL: Record<import('../..').SpacingKeys, string>;
+    paddingBottomSM: Record<import('../..').SpacingKeys, string>;
+    paddingBottomMD: Record<import('../..').SpacingKeys, string>;
+    paddingBottomLG: Record<import('../..').SpacingKeys, string>;
+    paddingBottomXL: Record<import('../..').SpacingKeys, string>;
+    paddingBottom2XL: Record<import('../..').SpacingKeys, string>;
+    paddingLeftSM: Record<import('../..').SpacingKeys, string>;
+    paddingLeftMD: Record<import('../..').SpacingKeys, string>;
+    paddingLeftLG: Record<import('../..').SpacingKeys, string>;
+    paddingLeftXL: Record<import('../..').SpacingKeys, string>;
+    paddingLeft2XL: Record<import('../..').SpacingKeys, string>;
+    paddingRightSM: Record<import('../..').SpacingKeys, string>;
+    paddingRightMD: Record<import('../..').SpacingKeys, string>;
+    paddingRightLG: Record<import('../..').SpacingKeys, string>;
+    paddingRightXL: Record<import('../..').SpacingKeys, string>;
+    paddingRight2XL: Record<import('../..').SpacingKeys, string>;
+    gap: Record<import('../..').SpacingKeys, string>;
+    gapSM: Record<import('../..').SpacingKeys, string>;
+    gapMD: Record<import('../..').SpacingKeys, string>;
+    gapLG: Record<import('../..').SpacingKeys, string>;
+    gapXL: Record<import('../..').SpacingKeys, string>;
+    gap2XL: Record<import('../..').SpacingKeys, string>;
+}, undefined, import('tailwind-variants').TVReturnType<{
+    margin: Record<import('../..').SpacingKeys, string>;
+    marginSM: Record<import('../..').SpacingKeys, string>;
+    marginMD: Record<import('../..').SpacingKeys, string>;
+    marginLG: Record<import('../..').SpacingKeys, string>;
+    marginXL: Record<import('../..').SpacingKeys, string>;
+    margin2XL: Record<import('../..').SpacingKeys, string>;
+    marginX: Record<import('../..').SpacingKeys, string>;
+    marginY: Record<import('../..').SpacingKeys, string>;
+    marginTop: Record<import('../..').SpacingKeys, string>;
+    marginBottom: Record<import('../..').SpacingKeys, string>;
+    marginLeft: Record<import('../..').SpacingKeys, string>;
+    marginRight: Record<import('../..').SpacingKeys, string>;
+    marginXSM: Record<import('../..').SpacingKeys, string>;
+    marginXMD: Record<import('../..').SpacingKeys, string>;
+    marginXLG: Record<import('../..').SpacingKeys, string>;
+    marginXXL: Record<import('../..').SpacingKeys, string>;
+    marginX2XL: Record<import('../..').SpacingKeys, string>;
+    marginYSM: Record<import('../..').SpacingKeys, string>;
+    marginYMD: Record<import('../..').SpacingKeys, string>;
+    marginYLG: Record<import('../..').SpacingKeys, string>;
+    marginYXL: Record<import('../..').SpacingKeys, string>;
+    marginY2XL: Record<import('../..').SpacingKeys, string>;
+    marginTopSM: Record<import('../..').SpacingKeys, string>;
+    marginTopMD: Record<import('../..').SpacingKeys, string>;
+    marginTopLG: Record<import('../..').SpacingKeys, string>;
+    marginTopXL: Record<import('../..').SpacingKeys, string>;
+    marginTop2XL: Record<import('../..').SpacingKeys, string>;
+    marginBottomSM: Record<import('../..').SpacingKeys, string>;
+    marginBottomMD: Record<import('../..').SpacingKeys, string>;
+    marginBottomLG: Record<import('../..').SpacingKeys, string>;
+    marginBottomXL: Record<import('../..').SpacingKeys, string>;
+    marginBottom2XL: Record<import('../..').SpacingKeys, string>;
+    marginLeftSM: Record<import('../..').SpacingKeys, string>;
+    marginLeftMD: Record<import('../..').SpacingKeys, string>;
+    marginLeftLG: Record<import('../..').SpacingKeys, string>;
+    marginLeftXL: Record<import('../..').SpacingKeys, string>;
+    marginLeft2XL: Record<import('../..').SpacingKeys, string>;
+    marginRightSM: Record<import('../..').SpacingKeys, string>;
+    marginRightMD: Record<import('../..').SpacingKeys, string>;
+    marginRightLG: Record<import('../..').SpacingKeys, string>;
+    marginRightXL: Record<import('../..').SpacingKeys, string>;
+    marginRight2XL: Record<import('../..').SpacingKeys, string>;
+    padding: Record<import('../..').SpacingKeys, string>;
+    paddingSM: Record<import('../..').SpacingKeys, string>;
+    paddingMD: Record<import('../..').SpacingKeys, string>;
+    paddingLG: Record<import('../..').SpacingKeys, string>;
+    paddingXL: Record<import('../..').SpacingKeys, string>;
+    padding2XL: Record<import('../..').SpacingKeys, string>;
+    paddingX: Record<import('../..').SpacingKeys, string>;
+    paddingY: Record<import('../..').SpacingKeys, string>;
+    paddingTop: Record<import('../..').SpacingKeys, string>;
+    paddingBottom: Record<import('../..').SpacingKeys, string>;
+    paddingLeft: Record<import('../..').SpacingKeys, string>;
+    paddingRight: Record<import('../..').SpacingKeys, string>;
+    paddingXSM: Record<import('../..').SpacingKeys, string>;
+    paddingXMD: Record<import('../..').SpacingKeys, string>;
+    paddingXLG: Record<import('../..').SpacingKeys, string>;
+    paddingXXL: Record<import('../..').SpacingKeys, string>;
+    paddingX2XL: Record<import('../..').SpacingKeys, string>;
+    paddingYSM: Record<import('../..').SpacingKeys, string>;
+    paddingYMD: Record<import('../..').SpacingKeys, string>;
+    paddingYLG: Record<import('../..').SpacingKeys, string>;
+    paddingYXL: Record<import('../..').SpacingKeys, string>;
+    paddingY2XL: Record<import('../..').SpacingKeys, string>;
+    paddingTopSM: Record<import('../..').SpacingKeys, string>;
+    paddingTopMD: Record<import('../..').SpacingKeys, string>;
+    paddingTopLG: Record<import('../..').SpacingKeys, string>;
+    paddingTopXL: Record<import('../..').SpacingKeys, string>;
+    paddingTop2XL: Record<import('../..').SpacingKeys, string>;
+    paddingBottomSM: Record<import('../..').SpacingKeys, string>;
+    paddingBottomMD: Record<import('../..').SpacingKeys, string>;
+    paddingBottomLG: Record<import('../..').SpacingKeys, string>;
+    paddingBottomXL: Record<import('../..').SpacingKeys, string>;
+    paddingBottom2XL: Record<import('../..').SpacingKeys, string>;
+    paddingLeftSM: Record<import('../..').SpacingKeys, string>;
+    paddingLeftMD: Record<import('../..').SpacingKeys, string>;
+    paddingLeftLG: Record<import('../..').SpacingKeys, string>;
+    paddingLeftXL: Record<import('../..').SpacingKeys, string>;
+    paddingLeft2XL: Record<import('../..').SpacingKeys, string>;
+    paddingRightSM: Record<import('../..').SpacingKeys, string>;
+    paddingRightMD: Record<import('../..').SpacingKeys, string>;
+    paddingRightLG: Record<import('../..').SpacingKeys, string>;
+    paddingRightXL: Record<import('../..').SpacingKeys, string>;
+    paddingRight2XL: Record<import('../..').SpacingKeys, string>;
+    gap: Record<import('../..').SpacingKeys, string>;
+    gapSM: Record<import('../..').SpacingKeys, string>;
+    gapMD: Record<import('../..').SpacingKeys, string>;
+    gapLG: Record<import('../..').SpacingKeys, string>;
+    gapXL: Record<import('../..').SpacingKeys, string>;
+    gap2XL: Record<import('../..').SpacingKeys, string>;
+}, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+import { Margin, Padding, ResponsiveType, SpacingKeys } from '../../types';
+export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The children of the component.
+     */
+    children: ReactNode;
+    /**
+     * The number of columns to span in the `Grid.Item`.
+     */
+    colSpan?: ResponsiveType<number>;
+    /**
+     * The number of rows to span in the `Grid.Item`.
+     */
+    rowSpan?: ResponsiveType<number>;
+}
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The children of the component.
+     */
+    children: ReactNode;
+    /**
+     * The height of the grid.
+     * @default 'auto'
+     */
+    height?: ResponsiveType<number | string>;
+    /**
+     * The minimum height of the grid.
+     * @default 'auto'
+     */
+    minHeight?: ResponsiveType<number | string>;
+    /**
+     * The maximum height of the grid.
+     * @default 'auto'
+     */
+    maxHeight?: ResponsiveType<number | string>;
+    /**
+     * The width of the grid.
+     * @default '100%'
+     */
+    width?: ResponsiveType<number | string>;
+    /**
+     * The minimum width of the grid.
+     * @default 'auto'
+     */
+    minWidth?: ResponsiveType<number | string>;
+    /**
+     * The maximum width of the grid.
+     * @default 'auto'
+     */
+    maxWidth?: ResponsiveType<number | string>;
+    /**
+     * The number of columns to display or the grid-template-columns property.
+     * @default 1
+     */
+    columns?: ResponsiveType<number | string>;
+    /**
+     * The number of rows to display or the grid-template-rows property.
+     * @default 1
+     */
+    rows?: ResponsiveType<number | string>;
+    /**
+     * The gap between the columns.
+     * @default 'none'
+     */
+    gap?: ResponsiveType<SpacingKeys>;
+    /**
+     * Define padding to the grid wrapper.
+     * @default 'none'
+     */
+    padding?: ResponsiveType<Padding>;
+    /**
+     * Define margin to the grid wrapper.
+     * @default 'none'
+     */
+    margin?: ResponsiveType<Margin>;
+}
+export type GridComponent = React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Grid } from './Grid';
+export type { GridProps } from './Grid.types';

package/dist/components/Icon/CustomIcon.types.d.ts

@@ -0,0 +1,13 @@
+export declare const iconTypes: {
+    readonly default: "default";
+    readonly solid: "solid";
+    readonly gray: "gray";
+};
+export type IconTypes = keyof typeof iconTypes;
+export interface CustomIconProps {
+    /**
+     * The type of the icon. <br />
+     * Only available for File Type Icons
+     */
+    type?: IconTypes;
+}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './Icon.types';
+declare const Icon: ({ name, size, weight, color, type, featured, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/dist/components/Icon/Icon.styled.d.ts

@@ -0,0 +1,61 @@
+export declare const iconStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        '2xs': string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        '2xl': string[];
+    };
+    featured: {
+        true: string[];
+        false: never[];
+    };
+    clickable: {
+        true: string[];
+        false: never[];
+    };
+    color: Record<import('../..').ForegroundColors, string[]>;
+    featuredColor: Record<import('../..').ForegroundColors, string[]>;
+}, undefined, string[], {
+    size: {
+        '2xs': string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        '2xl': string[];
+    };
+    featured: {
+        true: string[];
+        false: never[];
+    };
+    clickable: {
+        true: string[];
+        false: never[];
+    };
+    color: Record<import('../..').ForegroundColors, string[]>;
+    featuredColor: Record<import('../..').ForegroundColors, string[]>;
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        '2xs': string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        '2xl': string[];
+    };
+    featured: {
+        true: string[];
+        false: never[];
+    };
+    clickable: {
+        true: string[];
+        false: never[];
+    };
+    color: Record<import('../..').ForegroundColors, string[]>;
+    featuredColor: Record<import('../..').ForegroundColors, string[]>;
+}, undefined, string[], unknown, unknown, undefined>>;