@blenx-dev/components 0.0.0

package/dist/src/components/Autocomplete/autocomplete.css.d.ts

@@ -0,0 +1,23 @@
+export declare const inputGroup: string;
+export declare const inputSize: string;
+export declare const inputSizeSm: string;
+export declare const inputSizeDefault: string;
+export declare const inputSizeLg: string;
+export declare const startAddon: string;
+export declare const startAddonDefault: string;
+export declare const startAddonSmall: string;
+export declare const adornment: string;
+export declare const adornmentSmall: string;
+export declare const adornmentDefault: string;
+export declare const adornmentEndSmall: string;
+export declare const adornmentEndDefault: string;
+export declare const positioner: string;
+export declare const popupShell: string;
+export declare const popup: string;
+export declare const group: string;
+export declare const separator: string;
+export declare const groupLabel: string;
+export declare const empty: string;
+export declare const list: string;
+export declare const status: string;
+export declare const item: string;

package/dist/src/components/Autocomplete/autocomplete.d.ts

@@ -0,0 +1,34 @@
+import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
+import { default as React } from 'react';
+declare const Autocomplete: typeof AutocompletePrimitive.Root;
+export declare function AutocompleteItem(props: AutocompletePrimitive.Item.Props): React.ReactElement;
+export declare function AutocompleteSeparator(props: AutocompletePrimitive.Separator.Props): React.ReactElement;
+export declare function AutocompleteGroup(props: AutocompletePrimitive.Group.Props): React.ReactElement;
+declare function AutocompleteInput({ showTrigger, showClear, startAddon: startAddonNode, size, triggerProps, clearProps, render: renderProp, className, ...props }: Omit<AutocompletePrimitive.Input.Props, "size"> & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+    startAddon?: React.ReactNode;
+    size?: "sm" | "default" | "lg";
+    ref?: React.Ref<HTMLInputElement>;
+    triggerProps?: AutocompletePrimitive.Trigger.Props;
+    clearProps?: AutocompletePrimitive.Clear.Props;
+}): React.ReactElement;
+export declare function AutocompletePopup({ className, children, side, sideOffset, alignOffset, align, anchor, portalProps, ...props }: AutocompletePrimitive.Popup.Props & {
+    align?: AutocompletePrimitive.Positioner.Props["align"];
+    sideOffset?: AutocompletePrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: AutocompletePrimitive.Positioner.Props["alignOffset"];
+    side?: AutocompletePrimitive.Positioner.Props["side"];
+    anchor?: AutocompletePrimitive.Positioner.Props["anchor"];
+    portalProps?: AutocompletePrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function AutocompleteGroupLabel(props: AutocompletePrimitive.GroupLabel.Props): React.ReactElement;
+export declare function AutocompleteEmpty(props: AutocompletePrimitive.Empty.Props): React.ReactElement;
+export declare function AutocompleteRow(props: AutocompletePrimitive.Row.Props): React.ReactElement;
+export declare function AutocompleteValue(props: AutocompletePrimitive.Value.Props): React.ReactElement;
+export declare function AutocompleteList(props: AutocompletePrimitive.List.Props): React.ReactElement;
+export declare function AutocompleteClear(props: AutocompletePrimitive.Clear.Props): React.ReactElement;
+export declare function AutocompleteStatus(props: AutocompletePrimitive.Status.Props): React.ReactElement;
+export declare function AutocompleteCollection(props: AutocompletePrimitive.Collection.Props): React.ReactElement;
+export declare function AutocompleteTrigger(props: AutocompletePrimitive.Trigger.Props): React.ReactElement;
+export declare const useAutocompleteFilter: typeof AutocompletePrimitive.useFilter;
+export { Autocomplete, AutocompleteInput };

package/dist/src/components/Autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from './autocomplete';

package/dist/src/components/Avatar/avatar.css.d.ts

@@ -0,0 +1,55 @@
+export declare const root: string;
+export declare const image: string;
+export declare const fallback: string;
+export declare const size: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        small: {
+            width: "24px";
+            height: "24px";
+        };
+        medium: {
+            width: "32px";
+            height: "32px";
+        };
+        large: {
+            width: "48px";
+            height: "48px";
+        };
+        xlarge: {
+            width: "64px";
+            height: "64px";
+        };
+        hero: {
+            width: "192px";
+            height: "192px";
+        };
+    };
+}>;
+export declare const radius: import('@vanilla-extract/recipes').RuntimeFn<{
+    radius: {
+        none: {
+            borderRadius: number;
+        };
+        xsmall: {
+            borderRadius: "2px";
+        };
+        small: {
+            borderRadius: "4px";
+        };
+        medium: {
+            borderRadius: "8px";
+        };
+        large: {
+            borderRadius: "12px";
+        };
+        xlarge: {
+            borderRadius: "16px";
+        };
+        xxlarge: {
+            borderRadius: "24px";
+        };
+        full: {
+            borderRadius: "999px";
+        };
+    };
+}>;

package/dist/src/components/Avatar/avatar.d.ts

@@ -0,0 +1,20 @@
+import { Avatar as AvatarPrimitive, AvatarRootProps } from '@base-ui/react/avatar';
+interface AvatarProps extends AvatarRootProps {
+    size?: "small" | "medium" | "large" | "xlarge" | "hero";
+    radius?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "full";
+    className?: string;
+    style?: React.CSSProperties;
+}
+type AvatarImageProps = AvatarPrimitive.Image.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+type AvatarFallbackProps = AvatarPrimitive.Fallback.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare function Avatar({ children, size, radius: r, className, style }: AvatarProps): import("react").JSX.Element;
+declare function AvatarImage({ className, style, ...props }: AvatarImageProps): import("react").JSX.Element;
+declare function AvatarFallback({ className, style, ...props }: AvatarFallbackProps): import("react").JSX.Element;
+export type { AvatarFallbackProps, AvatarImageProps, AvatarProps };
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/src/components/Avatar/avatar.doc.d.ts

@@ -0,0 +1,2 @@
+export declare function SizesStory(): import("react").JSX.Element;
+export declare function WithImageStory(): import("react").JSX.Element;

package/dist/src/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar';

package/dist/src/components/Badge/badge.css.d.ts

@@ -0,0 +1,24 @@
+export declare const badgeRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        default: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        primary: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        secondary: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        danger: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        sucess: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+}>;

package/dist/src/components/Badge/badge.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box/box';
+type Variant = "default" | "primary" | "secondary" | "danger" | "sucess";
+type Props = BoxProps & {
+    variant?: Variant;
+};
+export declare function Badge({ variant, className, style, ...props }: Props): import("react").JSX.Element;
+export {};

package/dist/src/components/Badge/badge.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function BadgeDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof BadgeDemo;
+}[];

package/dist/src/components/Badge/badge.doc.d.ts

@@ -0,0 +1 @@
+export declare function VariantsStory(): import("react").JSX.Element;

package/dist/src/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export * from './badge';

package/dist/src/components/Box/box.css.d.ts

@@ -0,0 +1 @@
+export declare const baseBox: string;

package/dist/src/components/Box/box.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+import { BaseSprinkles } from '../../utils/sprinkles.css';
+type BoxProps = useRender.ComponentProps<"div"> & BaseSprinkles;
+declare function Box({ render, className, ...props }: BoxProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export type { BoxProps };
+export { Box };

package/dist/src/components/Box/box.doc.d.ts

@@ -0,0 +1 @@
+export declare function DefaultStory(): import("react").JSX.Element;

package/dist/src/components/Box/index.d.ts

@@ -0,0 +1 @@
+export * from './box';

package/dist/src/components/Breadcrumbs/breadcrumbs.css.d.ts

@@ -0,0 +1,8 @@
+export declare const root: string;
+export declare const list: string;
+export declare const item: string;
+export declare const link: string;
+export declare const page: string;
+export declare const separator: string;
+export declare const ellipsis: string;
+export declare const srOnly: string;

package/dist/src/components/Breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,30 @@
+import { useRender } from '@base-ui/react';
+import { ComponentPropsWithoutRef } from 'react';
+type NavProps = useRender.ComponentProps<"nav"> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function Breadcrumb({ className, style, render, ...props }: NavProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+type OlProps = ComponentPropsWithoutRef<"ol"> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function BreadcrumbList({ className, style, ...props }: OlProps): import("react").JSX.Element;
+type LiProps = ComponentPropsWithoutRef<"li"> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function BreadcrumbItem({ className, style, ...props }: LiProps): import("react").JSX.Element;
+type LinkProps = useRender.ComponentProps<"a"> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function BreadcrumbLink({ className, style, render, ...props }: LinkProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+type SpanProps = ComponentPropsWithoutRef<"span"> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function BreadcrumbPage({ className, style, ...props }: SpanProps): import("react").JSX.Element;
+export declare function BreadcrumbSeparator({ children, className, style, ...props }: LiProps): import("react").JSX.Element;
+export declare function BreadcrumbEllipsis({ className, style, ...props }: SpanProps): import("react").JSX.Element;
+export {};

package/dist/src/components/Breadcrumbs/breadcrumbs.doc.d.ts

@@ -0,0 +1,2 @@
+export declare function DefaultStory(): import("react").JSX.Element;
+export declare function WithEllipsis(): import("react").JSX.Element;

package/dist/src/components/Breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './breadcrumbs';

package/dist/src/components/Button/button.css.d.ts

@@ -0,0 +1,179 @@
+export declare const intentVars: {
+    solidBg: `var(--${string})`;
+    solidFg: `var(--${string})`;
+    solidHoverBg: `var(--${string})`;
+    softBg: `var(--${string})`;
+    softFg: `var(--${string})`;
+    softHoverBg: `var(--${string})`;
+    border: `var(--${string})`;
+    borderHover: `var(--${string})`;
+    fg: `var(--${string})`;
+};
+export declare const variant: import('@vanilla-extract/recipes').RuntimeFn<{
+    intent: {
+        primary: {
+            vars: {
+                [intentVars.solidBg]: `var(--${string})`;
+                [intentVars.solidFg]: `var(--${string})`;
+                [intentVars.solidHoverBg]: `var(--${string})`;
+                [intentVars.softBg]: `var(--${string})`;
+                [intentVars.softFg]: `var(--${string})`;
+                [intentVars.softHoverBg]: `var(--${string})`;
+                [intentVars.border]: `var(--${string})`;
+                [intentVars.borderHover]: `var(--${string})`;
+                [intentVars.fg]: `var(--${string})`;
+            };
+        };
+        neutral: {
+            vars: {
+                [intentVars.solidBg]: `var(--${string})`;
+                [intentVars.solidFg]: `var(--${string})`;
+                [intentVars.solidHoverBg]: `var(--${string})`;
+                [intentVars.softBg]: `var(--${string})`;
+                [intentVars.softFg]: `var(--${string})`;
+                [intentVars.softHoverBg]: `var(--${string})`;
+                [intentVars.border]: `var(--${string})`;
+                [intentVars.borderHover]: `var(--${string})`;
+                [intentVars.fg]: `var(--${string})`;
+            };
+        };
+        success: {
+            vars: {
+                [intentVars.solidBg]: `var(--${string})`;
+                [intentVars.solidFg]: `var(--${string})`;
+                [intentVars.solidHoverBg]: `var(--${string})`;
+                [intentVars.softBg]: `var(--${string})`;
+                [intentVars.softFg]: `var(--${string})`;
+                [intentVars.softHoverBg]: `var(--${string})`;
+                [intentVars.border]: `var(--${string})`;
+                [intentVars.borderHover]: `var(--${string})`;
+                [intentVars.fg]: `var(--${string})`;
+            };
+        };
+        warning: {
+            vars: {
+                [intentVars.solidBg]: `var(--${string})`;
+                [intentVars.solidFg]: `var(--${string})`;
+                [intentVars.solidHoverBg]: `var(--${string})`;
+                [intentVars.softBg]: `var(--${string})`;
+                [intentVars.softFg]: `var(--${string})`;
+                [intentVars.softHoverBg]: `var(--${string})`;
+                [intentVars.border]: `var(--${string})`;
+                [intentVars.borderHover]: `var(--${string})`;
+                [intentVars.fg]: `var(--${string})`;
+            };
+        };
+        danger: {
+            vars: {
+                [intentVars.solidBg]: `var(--${string})`;
+                [intentVars.solidFg]: `var(--${string})`;
+                [intentVars.solidHoverBg]: `var(--${string})`;
+                [intentVars.softBg]: `var(--${string})`;
+                [intentVars.softFg]: `var(--${string})`;
+                [intentVars.softHoverBg]: `var(--${string})`;
+                [intentVars.border]: `var(--${string})`;
+                [intentVars.borderHover]: `var(--${string})`;
+                [intentVars.fg]: `var(--${string})`;
+            };
+        };
+        info: {
+            vars: {
+                [intentVars.solidBg]: `var(--${string})`;
+                [intentVars.solidFg]: `var(--${string})`;
+                [intentVars.solidHoverBg]: `var(--${string})`;
+                [intentVars.softBg]: `var(--${string})`;
+                [intentVars.softFg]: `var(--${string})`;
+                [intentVars.softHoverBg]: `var(--${string})`;
+                [intentVars.border]: `var(--${string})`;
+                [intentVars.borderHover]: `var(--${string})`;
+                [intentVars.fg]: `var(--${string})`;
+            };
+        };
+        mono: {
+            vars: {
+                [intentVars.solidBg]: string;
+                [intentVars.solidFg]: string;
+                [intentVars.solidHoverBg]: string;
+                [intentVars.softBg]: string;
+                [intentVars.softFg]: string;
+                [intentVars.softHoverBg]: string;
+                [intentVars.border]: string;
+                [intentVars.borderHover]: string;
+                [intentVars.fg]: string;
+            };
+        };
+    };
+    size: {
+        xsmall: {
+            padding: "4px 8px";
+            fontSize: "14px";
+        };
+        small: {
+            padding: "8px 12px";
+            fontSize: "14px";
+        };
+        icon: {
+            padding: "8px 8px";
+        };
+        medium: {
+            padding: "12px 16px";
+        };
+        large: {
+            padding: "16px 24px";
+            fontSize: "18px";
+        };
+    };
+    variant: {
+        solid: {
+            backgroundColor: `var(--${string})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
+            selectors: {
+                "&:hover:not(:disabled)": {
+                    backgroundColor: `var(--${string})`;
+                };
+            };
+        };
+        soft: {
+            backgroundColor: `color-mix(in srgb, var(--${string}) 30%, transparent)`;
+            color: `var(--${string})`;
+            borderColor: "transparent";
+            selectors: {
+                "&:hover:not(:disabled)": {
+                    backgroundColor: `color-mix(in srgb, var(--${string}) 20%, transparent)`;
+                };
+            };
+        };
+        outline: {
+            backgroundColor: "transparent";
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
+            selectors: {
+                "&:hover:not(:disabled)": {
+                    backgroundColor: `color-mix(in srgb, var(--${string}) 10%, transparent)`;
+                    borderColor: `var(--${string})`;
+                };
+            };
+        };
+        ghost: {
+            backgroundColor: "transparent";
+            borderColor: "transparent";
+            color: `var(--${string})`;
+            selectors: {
+                "&:hover:not(:disabled)": {
+                    backgroundColor: `color-mix(in srgb, var(--${string}) 12%, transparent)`;
+                };
+            };
+        };
+        link: {
+            backgroundColor: "transparent";
+            borderColor: "transparent";
+            color: `var(--${string})`;
+            selectors: {
+                "&:hover:not(:disabled)": {
+                    textDecoration: "underline";
+                };
+            };
+        };
+    };
+}>;

package/dist/src/components/Button/button.d.ts

@@ -0,0 +1,13 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { variant as variantRecipe } from './button.css';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+import { BaseSprinkles } from '../../utils/sprinkles.css';
+type ButtonVariants = RecipeVariants<typeof variantRecipe>;
+type ButtonProps = ButtonPrimitive.Props & BaseSprinkles & ButtonVariants & {
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+};
+declare function Button({ children, variant, intent, size, disabled: disabledProp, loading, className, ...props }: ButtonProps): import("react").JSX.Element;
+export { Button };
+export type { ButtonProps };

package/dist/src/components/Button/button.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function ButtonDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof ButtonDemo;
+}[];

package/dist/src/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/src/components/Calendar/calendar.css.d.ts

@@ -0,0 +1,17 @@
+export declare const root: string;
+export declare const months: string;
+export declare const monthCaption: string;
+export declare const captionLabel: string;
+export declare const nav: string;
+export declare const buttonNav: string;
+export declare const monthGrid: string;
+export declare const weekday: string;
+export declare const day: string;
+export declare const dayButton: string;
+export declare const dayButtonSelected: string;
+export declare const dayButtonToday: string;
+export declare const dayButtonDisabled: string;
+export declare const dayButtonOutside: string;
+export declare const footer: string;
+export declare const dropdowns: string;
+export declare const dropdown: string;

package/dist/src/components/Calendar/calendar.d.ts

@@ -0,0 +1,3 @@
+import { DayPickerProps } from 'react-day-picker';
+declare function Calendar({ className, components: userComponents, ...props }: DayPickerProps): import("react").JSX.Element;
+export { Calendar };

package/dist/src/components/Calendar/calendar.doc.d.ts

@@ -0,0 +1 @@
+export declare function DefaultStory(): import("react").JSX.Element;

package/dist/src/components/Calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar';

package/dist/src/components/Card/card.d.ts

@@ -0,0 +1,12 @@
+import { SurfaceProps } from '../Surface/surface';
+import { HStackProps } from '../Stack/stack';
+import { BoxProps } from '../Box/box';
+import { TextProps } from '../Text';
+declare function Card(props: SurfaceProps): import("react").JSX.Element;
+declare function CardHeader(props: BoxProps): import("react").JSX.Element;
+declare function CardBody(props: BoxProps): import("react").JSX.Element;
+declare function CardFooter(props: HStackProps): import("react").JSX.Element;
+declare function CardTitle(props: TextProps): import("react").JSX.Element;
+declare function CardDescription(props: TextProps): import("react").JSX.Element;
+export type { SurfaceProps as CardProps, TextProps as CardTitleProps };
+export { Card, CardDescription, CardTitle, CardFooter, CardBody, CardHeader };

package/dist/src/components/Card/card.demo.d.ts

@@ -0,0 +1,8 @@
+export declare function CardDemo(): import("react").JSX.Element;
+export declare function ProfileCardDemo(): import("react").JSX.Element;
+export declare function ProductCardDemo(): import("react").JSX.Element;
+export declare function StatCardDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof CardDemo;
+}[];

package/dist/src/components/Card/card.doc.d.ts

@@ -0,0 +1,2 @@
+export declare function DefaultStory(): import("react").JSX.Element;
+export declare function PaddingVariantsStory(): import("react").JSX.Element;

package/dist/src/components/Card/index.d.ts

@@ -0,0 +1 @@
+export * from './card';

package/dist/src/components/Checkbox/checkbox.css.d.ts

@@ -0,0 +1,7 @@
+export declare const root: string;
+export declare const rootDisabled: string;
+export declare const group: string;
+export declare const indicator: string;
+export declare const indicatorChecked: string;
+export declare const indicatorIndeterminate: string;
+export declare const icon: string;

package/dist/src/components/Checkbox/checkbox.d.ts

@@ -0,0 +1,13 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
+type CheckboxGroupProps = CheckboxGroupPrimitive.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+type CheckboxProps = Omit<CheckboxPrimitive.Root.Props, "style" | "className"> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function CheckboxGroup({ className, style, ...props }: CheckboxGroupProps): import("react").JSX.Element;
+declare function Checkbox({ className, style, ...props }: CheckboxProps): import("react").JSX.Element;
+export { Checkbox };

package/dist/src/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { Checkbox, CheckboxGroup } from './checkbox';

package/dist/src/components/CloseButton/close-button.css.d.ts

@@ -0,0 +1 @@
+export declare const icon: string;

package/dist/src/components/CloseButton/close-button.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonProps } from '../IconButton/icon-button';
+export type { IconButtonProps as CloseButtonProps };
+export declare function CloseButton(props: IconButtonProps): import("react").JSX.Element;

package/dist/src/components/CloseButton/index.d.ts

@@ -0,0 +1,2 @@
+export { CloseButton } from './close-button';
+export type { CloseButtonProps } from './close-button';

package/dist/src/components/ColorPicker/color-picker.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    value: string;
+    onChange: (color: string) => void;
+    label?: string;
+};
+export declare function ColorPicker({ value, onChange, label }: Props): import("react").JSX.Element;
+export {};

package/dist/src/components/ColorPicker/color-picker.doc.d.ts

@@ -0,0 +1 @@
+export declare function DefaultStory(): import("react").JSX.Element;

package/dist/src/components/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export * from './color-picker';

package/dist/src/components/ColorSwatch/color-swatch.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    color: string;
+    size?: number;
+    style?: React.CSSProperties;
+    className?: string;
+};
+export declare function ColorSwatch({ color, size, style, className }: Props): import("react").JSX.Element;
+export {};

package/dist/src/components/ColorSwatch/color-swatch.doc.d.ts

@@ -0,0 +1,2 @@
+export declare function DefaultStory(): import("react").JSX.Element;
+export declare function SizesStory(): import("react").JSX.Element;

package/dist/src/components/ColorSwatch/index.d.ts

@@ -0,0 +1 @@
+export * from './color-swatch';

package/dist/src/components/Combobox/combobox.css.d.ts

@@ -0,0 +1,32 @@
+export declare const inputGroup: string;
+export declare const inputSm: string;
+export declare const inputDefault: string;
+export declare const inputLg: string;
+export declare const startAddon: string;
+export declare const startAddonSm: string;
+export declare const startAddonDefault: string;
+export declare const adornment: string;
+export declare const adornmentSm: string;
+export declare const adornmentDefault: string;
+export declare const adornmentEndSm: string;
+export declare const adornmentEndDefault: string;
+export declare const positioner: string;
+export declare const popupShell: string;
+export declare const popup: string;
+export declare const separator: string;
+export declare const group: string;
+export declare const groupLabel: string;
+export declare const empty: string;
+export declare const row: string;
+export declare const value: string;
+export declare const list: string;
+export declare const status: string;
+export declare const item: string;
+export declare const itemIndicator: string;
+export declare const itemContent: string;
+export declare const chips: string;
+export declare const chipsStartAddon: string;
+export declare const chipsStartAddonSm: string;
+export declare const chipsInput: string;
+export declare const chip: string;
+export declare const chipRemove: string;