cekat-ui 1.3.11 → 1.3.13

package/dist/index.d.mts

@@ -8,6 +8,7 @@ import { ComboBoxProps as ComboBoxProps_2 } from 'react-aria-components';
 import { default as default_2 } from 'react';
 import { DialogProps } from 'react-aria-components';
 import { GroupProps } from 'react-aria-components';
+import { IconProps as IconProps_2 } from '@tabler/icons-react';
 import { InputProps as InputProps_2 } from 'react-aria-components';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Key } from 'react-aria-components';
@@ -392,6 +393,25 @@ declare type CheckboxSize = 'sm' | 'md'
 /** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
 | 'lg';
 
+export declare const CheckIcon: {
+    ({ size, color, type, className, }: CheckIconProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare type CheckIconColor = 'primary' | 'gray' | 'success';
+
+export declare interface CheckIconProps {
+    size?: CheckIconSize;
+    color?: CheckIconColor;
+    type?: CheckIconType;
+    className?: string;
+}
+
+export declare type CheckIconSize = 'xs' | 'sm' | 'md' | 'lg';
+
+/** 'filled' inverts the glyph color against a solid background. */
+export declare type CheckIconType = 'default' | 'line' | 'filled';
+
 /**
  * Renders the sort indicator from `sortDirection`/`allowsSorting`, never a
  * plain boolean — the unsorted glyph stays visible at all times (not
@@ -510,6 +530,25 @@ export declare interface ComboBoxTriggerProps extends Omit<GroupProps, 'classNam
     className?: ClassValue;
 }
 
+export declare const Dot: {
+    ({ size, outline, className }: DotProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface DotProps {
+    size?: DotSize;
+    /** Adds a ring/halo around the dot. Default false. */
+    outline?: boolean;
+    /**
+     * Consumer controls color via `className` (e.g. `className="bg-success-500"`) — the
+     * Figma `Dot` component set has no `color` variant axis, only `size` × `outline`. See
+     * RFC-icon.md §2 Out table.
+     */
+    className?: string;
+}
+
+export declare type DotSize = 'sm' | 'md' | 'lg';
+
 /**
  * Standalone, not table-scoped — search results and filtered lists need it
  * too. Structure follows the shipped "No Data Found" design (Figma
@@ -526,6 +565,59 @@ export declare interface EmptyStateProps {
     className?: string;
 }
 
+export declare const FeaturedIcon: {
+    ({ icon, size, color, type, className, }: FeaturedIconProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare type FeaturedIconColor = 'brand' | 'gray' | 'error' | 'warning' | 'success';
+
+export declare interface FeaturedIconProps {
+    /** Tabler icon component reference, rendered via the base `Icon` primitive internally. */
+    icon: React_2.ComponentType<IconProps_2>;
+    size?: FeaturedIconSize;
+    color?: FeaturedIconColor;
+    type?: FeaturedIconType;
+    className?: string;
+}
+
+export declare type FeaturedIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+/**
+ * Controls BOTH background color token AND container border-radius — a coupled
+ * behavior, not two independent styles. Per Figma: 'light' | 'modern' | 'glass' render
+ * a full circle; 'dark' renders `rounded-lg`. Additionally, 'modern' is only defined for
+ * `color="gray"` and 'glass' is only defined for `color="brand"` — see icon.styles.ts.
+ */
+export declare type FeaturedIconType = 'light' | 'dark' | 'modern' | 'glass';
+
+export declare const Icon: {
+    ({ icon: IconComponent, size, strokeWidth, label, className, ...rest }: IconProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface IconProps extends Omit<IconProps_2, 'size' | 'stroke'> {
+    /**
+     * Tabler icon component reference, e.g. `icon={IconCheck}`. A component reference
+     * (not a string name) so tree-shaking and TypeScript autocomplete come for free from
+     * `@tabler/icons-react` directly — no curated icon-name registry to maintain.
+     */
+    icon: React_2.ComponentType<IconProps_2>;
+    /** Size token. Default 'md' (20px). */
+    size?: IconSize;
+    /** Stroke width passed through to the Tabler icon. Default 2 (Tabler's own default). */
+    strokeWidth?: number;
+    /**
+     * Decorative by default (`aria-hidden`). Pass a string to mark the icon as the sole
+     * functional indicator (e.g. an icon-only button) — renders `role="img"` +
+     * `aria-label={label}` instead.
+     */
+    label?: string;
+    className?: string;
+}
+
+export declare type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
 export declare const Input: InputCompound;
 
 /**

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { ComboBoxProps as ComboBoxProps_2 } from 'react-aria-components';
 import { default as default_2 } from 'react';
 import { DialogProps } from 'react-aria-components';
 import { GroupProps } from 'react-aria-components';
+import { IconProps as IconProps_2 } from '@tabler/icons-react';
 import { InputProps as InputProps_2 } from 'react-aria-components';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Key } from 'react-aria-components';
@@ -392,6 +393,25 @@ declare type CheckboxSize = 'sm' | 'md'
 /** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
 | 'lg';
 
+export declare const CheckIcon: {
+    ({ size, color, type, className, }: CheckIconProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare type CheckIconColor = 'primary' | 'gray' | 'success';
+
+export declare interface CheckIconProps {
+    size?: CheckIconSize;
+    color?: CheckIconColor;
+    type?: CheckIconType;
+    className?: string;
+}
+
+export declare type CheckIconSize = 'xs' | 'sm' | 'md' | 'lg';
+
+/** 'filled' inverts the glyph color against a solid background. */
+export declare type CheckIconType = 'default' | 'line' | 'filled';
+
 /**
  * Renders the sort indicator from `sortDirection`/`allowsSorting`, never a
  * plain boolean — the unsorted glyph stays visible at all times (not
@@ -510,6 +530,25 @@ export declare interface ComboBoxTriggerProps extends Omit<GroupProps, 'classNam
     className?: ClassValue;
 }
 
+export declare const Dot: {
+    ({ size, outline, className }: DotProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface DotProps {
+    size?: DotSize;
+    /** Adds a ring/halo around the dot. Default false. */
+    outline?: boolean;
+    /**
+     * Consumer controls color via `className` (e.g. `className="bg-success-500"`) — the
+     * Figma `Dot` component set has no `color` variant axis, only `size` × `outline`. See
+     * RFC-icon.md §2 Out table.
+     */
+    className?: string;
+}
+
+export declare type DotSize = 'sm' | 'md' | 'lg';
+
 /**
  * Standalone, not table-scoped — search results and filtered lists need it
  * too. Structure follows the shipped "No Data Found" design (Figma
@@ -526,6 +565,59 @@ export declare interface EmptyStateProps {
     className?: string;
 }
 
+export declare const FeaturedIcon: {
+    ({ icon, size, color, type, className, }: FeaturedIconProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare type FeaturedIconColor = 'brand' | 'gray' | 'error' | 'warning' | 'success';
+
+export declare interface FeaturedIconProps {
+    /** Tabler icon component reference, rendered via the base `Icon` primitive internally. */
+    icon: React_2.ComponentType<IconProps_2>;
+    size?: FeaturedIconSize;
+    color?: FeaturedIconColor;
+    type?: FeaturedIconType;
+    className?: string;
+}
+
+export declare type FeaturedIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+/**
+ * Controls BOTH background color token AND container border-radius — a coupled
+ * behavior, not two independent styles. Per Figma: 'light' | 'modern' | 'glass' render
+ * a full circle; 'dark' renders `rounded-lg`. Additionally, 'modern' is only defined for
+ * `color="gray"` and 'glass' is only defined for `color="brand"` — see icon.styles.ts.
+ */
+export declare type FeaturedIconType = 'light' | 'dark' | 'modern' | 'glass';
+
+export declare const Icon: {
+    ({ icon: IconComponent, size, strokeWidth, label, className, ...rest }: IconProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface IconProps extends Omit<IconProps_2, 'size' | 'stroke'> {
+    /**
+     * Tabler icon component reference, e.g. `icon={IconCheck}`. A component reference
+     * (not a string name) so tree-shaking and TypeScript autocomplete come for free from
+     * `@tabler/icons-react` directly — no curated icon-name registry to maintain.
+     */
+    icon: React_2.ComponentType<IconProps_2>;
+    /** Size token. Default 'md' (20px). */
+    size?: IconSize;
+    /** Stroke width passed through to the Tabler icon. Default 2 (Tabler's own default). */
+    strokeWidth?: number;
+    /**
+     * Decorative by default (`aria-hidden`). Pass a string to mark the icon as the sole
+     * functional indicator (e.g. an icon-only button) — renders `role="img"` +
+     * `aria-label={label}` instead.
+     */
+    label?: string;
+    className?: string;
+}
+
+export declare type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
 export declare const Input: InputCompound;
 
 /**