@deckai/deck-ui 0.0.7 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deckai/deck-ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
@@ -30,6 +30,11 @@
       "types": "./dist/tailwind.config.d.ts",
       "require": "./dist/tailwind.config.js",
       "import": "./dist/tailwind.config.mjs"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.mjs",
+      "require": "./dist/components/*.js"
     }
   },
   "files": [
@@ -39,7 +44,7 @@
     "build:css": "tailwindcss -i ./src/styles/styles.css -o ./dist/styles/styles.css",
     "test": "echo \"Error: no test specified\" && exit 1",
     "generate:index": "bun run scripts/generate-index.ts",
-    "build": "bun run generate:index && tsup",
+    "build": "NODE_ENV=production bun run generate:index && tsup",
     "dev": "tsup --watch",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",

package/dist/index.d.cts

@@ -1,337 +0,0 @@
-import * as React from 'react';
-import React__default, { SVGProps, ButtonHTMLAttributes, HTMLAttributes } from 'react';
-import { IconName } from '@deckai/icons';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { IconName as IconName$1 } from '@deckai/icons/src/types/icon-names';
-
-type OptionProps = {
-    label: string;
-    value: string;
-    onChange?: (value: string) => void;
-    selected?: boolean;
-};
-declare const Option: ({ value, label, onChange, selected }: OptionProps) => React__default.JSX.Element;
-
-type ColorShade = "5" | "10" | "15" | "20" | "25" | "30" | "50" | "100" | "200" | "300" | "400" | "500" | "600" | "DEFAULT";
-type TextColorVariant = "primary" | "secondary" | "white" | "primary-blue";
-type BackgroundShades = Pick<Record<ColorShade, string>, "50" | "100">;
-type PrimaryShades = Pick<Record<ColorShade, string>, "50" | "100">;
-type SecondaryShades = Pick<Record<ColorShade, string>, "50" | "100" | "200" | "300" | "400" | "500" | "600">;
-type TertiaryShades = Pick<Record<ColorShade, string>, "5" | "10" | "15" | "20" | "25" | "30">;
-type StrokeShades = Pick<Record<ColorShade, string>, "DEFAULT">;
-type TextShades = Record<TextColorVariant, string>;
-type Colors = {
-    background: BackgroundShades;
-    primary: PrimaryShades;
-    secondary: SecondaryShades;
-    tertiary: TertiaryShades;
-    stroke: StrokeShades | string;
-    text: TextShades;
-    overlay: string;
-};
-type HeadingSize = "xl" | "lg" | "md" | "sm" | "xs";
-type BodySize = "lg" | "lg-semibold" | "md" | "default" | "default-medium" | "default-semibold" | "default-bold" | "xs" | "xs-medium" | "xxs" | "xxs-medium" | "xxs-semibold";
-type LabelSize = "default";
-type Typography = {
-    heading: Record<HeadingSize, TypographyConfig>;
-    body: Record<BodySize, TypographyConfig>;
-    label: Record<LabelSize, TypographyConfig>;
-};
-type TypographyConfig = {
-    fontSize: string;
-    lineHeight?: string;
-    letterSpacing?: string;
-    fontWeight: string;
-    textTransform?: string;
-};
-type IconColors = "primary" | "secondary" | "white" | "primaryBlue";
-
-type IconProps = {
-    name: IconName;
-    /** @default 24 */
-    size?: number | `${Breakpoint$1}:${number}`;
-    /** @default primary */
-    color?: IconColors;
-    title?: string;
-    className?: string;
-    style?: React__default.CSSProperties;
-} & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
-type Breakpoint$1 = "sm" | "md" | "lg" | "xl" | "2xl";
-declare const Icon: React__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
-
-type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;
-declare const Pressable: React__default.FC<PressableProps>;
-
-type NavbarItemProps = {
-    iconName: IconName;
-    hasNotification?: boolean;
-} & Pick<IconProps, "color" | "title"> & PressableProps;
-declare const NavbarItem: ({ iconName, hasNotification, color, title, ...props }: NavbarItemProps) => React__default.JSX.Element;
-
-type NavbarProps = {
-    searchOptions: OptionProps[];
-    onSearchChange: (value: string) => void;
-    navbarItems: NavbarItemProps[];
-    onLogoClick?: () => void;
-    onProfileClick?: () => void;
-    avatarImage: string;
-};
-declare const Navbar: ({ searchOptions, onSearchChange, navbarItems, onLogoClick, onProfileClick, avatarImage }: NavbarProps) => React__default.JSX.Element;
-
-type TextElement = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em" | "blockquote" | "pre" | "code" | "small" | "label" | "a";
-type HTMLPropsMap = {
-    p: React__default.HTMLAttributes<HTMLParagraphElement>;
-    span: React__default.HTMLAttributes<HTMLSpanElement>;
-    h1: React__default.HTMLAttributes<HTMLHeadingElement>;
-    h2: React__default.HTMLAttributes<HTMLHeadingElement>;
-    h3: React__default.HTMLAttributes<HTMLHeadingElement>;
-    h4: React__default.HTMLAttributes<HTMLHeadingElement>;
-    h5: React__default.HTMLAttributes<HTMLHeadingElement>;
-    h6: React__default.HTMLAttributes<HTMLHeadingElement>;
-    strong: React__default.HTMLAttributes<HTMLElement>;
-    em: React__default.HTMLAttributes<HTMLElement>;
-    blockquote: React__default.HTMLAttributes<HTMLQuoteElement>;
-    pre: React__default.HTMLAttributes<HTMLPreElement>;
-    code: React__default.HTMLAttributes<HTMLElement>;
-    small: React__default.HTMLAttributes<HTMLElement>;
-    label: React__default.LabelHTMLAttributes<HTMLLabelElement>;
-    a: Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
-};
-type ColorCategory = keyof Omit<Colors, "stroke" | "background">;
-type ColorValue<T extends ColorCategory> = T extends "text" ? TextColorVariant : T extends "primary" ? keyof PrimaryShades : T extends "secondary" ? keyof SecondaryShades : T extends "tertiary" ? keyof TertiaryShades : never;
-type ColorKey = {
-    [T in ColorCategory]: `${T}-${ColorValue<T>}`;
-}[ColorCategory];
-type TypographyCategory = keyof Typography;
-type TypographyValue<T extends TypographyCategory> = Extract<keyof Typography[T], string | number | bigint | boolean | null | undefined>;
-type TypographyKey = {
-    [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;
-}[TypographyCategory];
-type Weight = "light" | "regular" | "semibold" | "bold";
-type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
-type ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;
-type TextProps<T extends TextElement = "p"> = {
-    variant?: ResponsiveVariant | ResponsiveVariant[];
-    color?: ColorKey | "inherit";
-    as?: T;
-    className?: string;
-    children: React__default.ReactNode;
-    weight?: Weight;
-} & HTMLPropsMap[T];
-declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLElement | HTMLParagraphElement | HTMLSpanElement | HTMLHeadingElement | HTMLQuoteElement | HTMLPreElement | HTMLLabelElement | HTMLAnchorElement>>;
-
-type LinkProps = {
-    href: string;
-    children: React__default.ReactNode;
-    className?: string;
-    style?: React__default.CSSProperties;
-} & Pick<TextProps, "variant" | "color"> & React__default.AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Link: ({ children, color, variant, href, className, ...props }: LinkProps) => React__default.JSX.Element;
-
-type TabItem = {
-    value: string;
-    label: string;
-    content: React__default.ReactNode;
-};
-type TabsProps = {
-    items: TabItem[];
-    defaultValue?: string;
-    className?: string;
-    onChange?: (value: string) => void;
-};
-declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-
-type WorkCardProps = {
-    socialIconName: "instagram-filled" | "tiktok-filled" | "youtube-filled";
-    tags: string[];
-    caption: string;
-    /** play count should already be formatted with k or m */
-    playCount: string;
-    backgroundImage: string;
-};
-declare const WorkCard: ({ socialIconName, tags, caption, playCount, backgroundImage }: WorkCardProps) => React__default.JSX.Element;
-
-type BreadcrumbItem = {
-    label: string;
-    href?: string;
-};
-type BreadcrumbsProps = {
-    items: BreadcrumbItem[];
-    className?: string;
-    SeparatorComponent?: React__default.ReactElement;
-    onHomeClick: () => void;
-};
-declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLElement>>;
-
-interface TooltipProps {
-    content: React.ReactNode;
-    children: React.ReactNode;
-    side?: "top" | "right" | "bottom" | "left";
-    align?: "start" | "center" | "end";
-    className?: string;
-    delayDuration?: number;
-}
-declare const Tooltip: ({ content, children, side, align, className, delayDuration }: TooltipProps) => React.JSX.Element;
-
-type ComboboxProps = {
-    options: OptionProps[];
-    placeholder?: string;
-    value?: string;
-    onChange: (value: string) => void;
-    end?: React__default.ReactNode;
-    className?: string;
-};
-declare const Combobox: ({ options, placeholder, value, onChange, end, className }: ComboboxProps) => React__default.JSX.Element;
-
-type TagProps = {
-    children: React__default.ReactNode;
-    padded?: boolean;
-    color?: "primary" | "text";
-} & HTMLAttributes<HTMLDivElement>;
-declare const Tag: ({ children, padded, color, ...props }: TagProps) => React__default.JSX.Element;
-
-type SocialCardProps = {
-    icon: IconName;
-    followers: string;
-    engagement: string;
-} & PressableProps;
-declare const SocialCard: ({ icon, followers, engagement, ...pressableProps }: SocialCardProps) => React__default.JSX.Element;
-
-type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
-    label?: string;
-    description?: string;
-};
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    label?: string;
-    description?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-
-type BadgeProps = {
-    variant?: "pink" | "orange" | "green";
-    iconName?: IconName;
-} & React.HTMLAttributes<HTMLSpanElement>;
-declare const Badge: React.ForwardRefExoticComponent<{
-    variant?: "pink" | "orange" | "green";
-    iconName?: IconName;
-} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-
-type ProfileCardProps = {
-    profileImage: string;
-    name: string;
-    location: string;
-    memberSince?: string;
-    interests?: string[];
-    badges?: BadgeProps[];
-};
-declare const ProfileCard: ({ profileImage, name, location, memberSince, interests, badges }: ProfileCardProps) => React__default.JSX.Element;
-
-type ContactItemProps = {
-    iconName: IconName$1;
-    children: React__default.ReactNode;
-    href: string;
-} & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
-declare const ContactItem: ({ iconName, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
-
-type AboutCardProps = {
-    interests: string[];
-    contactItems: ContactItemProps[];
-    description: string;
-};
-declare const AboutCard: ({ interests, contactItems, description, ...props }: AboutCardProps) => React__default.JSX.Element;
-
-type AvatarProps = {
-    src: string;
-    size?: number | string;
-} & Pick<React__default.ComponentProps<typeof Pressable>, "onClick">;
-declare const Avatar: ({ src, size, onClick, ...props }: AvatarProps) => React__default.JSX.Element;
-
-type LogoProps = {
-    /** @default 76 */
-    width?: number;
-    /** @default 25 */
-    height?: number;
-};
-declare const Logo: ({ width, height }: LogoProps) => React__default.JSX.Element;
-
-type ButtonProps = {
-    /** @default filled */
-    variant?: "filled" | "outlined";
-    /** @default primary */
-    color?: "black" | "accent" | "secondary";
-    isLoading?: boolean;
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    start?: React.ReactNode;
-    end?: React.ReactNode;
-} & React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const Button: React.ForwardRefExoticComponent<{
-    /** @default filled */
-    variant?: "filled" | "outlined";
-    /** @default primary */
-    color?: "black" | "accent" | "secondary";
-    isLoading?: boolean;
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    start?: React.ReactNode;
-    end?: React.ReactNode;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-
-type InputProps = {
-    className?: string;
-    end?: React.ReactNode;
-    /** renders an icon in the end slot */
-    iconName?: IconName;
-} & React.InputHTMLAttributes<HTMLInputElement> & Pick<IconProps, "color" | "size" | "title">;
-declare const Input: ({ className, end, iconName, color, size, title, ...props }: InputProps) => React.JSX.Element;
-
-declare const config: {
-    content: string[];
-    theme: {
-        extend: {
-            colors: Colors;
-            fontSize: {
-                [x: string]: [string, object];
-            };
-            fontFamily: {
-                sans: [string, string];
-            };
-            fontWeight: {
-                light: string;
-                regular: string;
-                normal: string;
-                semibold: string;
-                bold: string;
-            };
-        };
-    };
-    plugins: {
-        handler: () => void;
-    }[];
-    safelist: string[];
-    keyframes: {
-        "fade-in": {
-            from: {
-                opacity: string;
-            };
-            to: {
-                opacity: string;
-            };
-        };
-        "fade-out": {
-            from: {
-                opacity: string;
-            };
-            to: {
-                opacity: string;
-            };
-        };
-    };
-    animation: {
-        "fade-in": string;
-        "fade-out": string;
-    };
-};
-
-export { AboutCard, type AboutCardProps, Avatar, type AvatarProps, Badge, type BadgeProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Combobox, type ComboboxProps, ContactItem, type ContactItemProps, Icon, type IconProps, Input, type InputProps, Link, type LinkProps, Logo, type LogoProps, Navbar, NavbarItem, type NavbarItemProps, type NavbarProps, Option, type OptionProps, Pressable, type PressableProps, ProfileCard, type ProfileCardProps, SocialCard, type SocialCardProps, Switch, type SwitchProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, WorkCard, type WorkCardProps, config as tailwindConfig };