daleui 0.0.2 → 0.0.5

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import "./index.css";
+export { Box, type BoxProps } from "./components/Box/Box";
+export { Button, type ButtonProps } from "./components/Button/Button";
+export { Card } from "./components/Card/Card";
+export { Checkbox, type CheckboxProps } from "./components/Checkbox/Checkbox";
+export { Flex, type FlexProps } from "./components/Flex/Flex";
+export { Heading, type HeadingProps } from "./components/Heading/Heading";
+export { HStack, type HStackProps } from "./components/HStack/HStack";
+export { Icon, type IconProps } from "./components/Icon/Icon";
+export { Label, type LabelProps } from "./components/Label/Label";
+export { Link, type LinkProps } from "./components/Link/Link";
+export { PasswordInput, type PasswordInputProps, } from "./components/PasswordInput/PasswordInput";
+export { RadioGroup, type RadioGroupProps, Radio, type RadioProps, } from "./components/RadioGroup/RadioGroup";
+export { Select, type SelectProps } from "./components/Select/Select";
+export { Tag, type TagProps } from "./components/Tag/Tag";
+export { Text, type TextProps } from "./components/Text/Text";
+export { TextInput, type TextInputProps, } from "./components/TextInput/TextInput";
+export { VStack, type VStackProps } from "./components/VStack/VStack";

package/dist/index.js

@@ -0,0 +1,37 @@
+import { Box as t } from "./components/Box/Box.js";
+import { Button as x } from "./components/Button/Button.js";
+import { Card as f } from "./components/Card/Card.js";
+import { Checkbox as a } from "./components/Checkbox/Checkbox.js";
+import { Flex as c } from "./components/Flex/Flex.js";
+import { Heading as i } from "./components/Heading/Heading.js";
+import { HStack as u } from "./components/HStack/HStack.js";
+import { Icon as I } from "./components/Icon/Icon.js";
+import { Label as T } from "./components/Label/Label.js";
+import { Link as g } from "./components/Link/Link.js";
+import { PasswordInput as B } from "./components/PasswordInput/PasswordInput.js";
+import { Radio as H, RadioGroup as L } from "./components/RadioGroup/RadioGroup.js";
+import { Select as h } from "./components/Select/Select.js";
+import { Tag as F } from "./components/Tag/Tag.js";
+import { Text as P } from "./components/Text/Text.js";
+import { TextInput as j } from "./components/TextInput/TextInput.js";
+import { VStack as v } from "./components/VStack/VStack.js";
+export {
+  t as Box,
+  x as Button,
+  f as Card,
+  a as Checkbox,
+  c as Flex,
+  u as HStack,
+  i as Heading,
+  I as Icon,
+  T as Label,
+  g as Link,
+  B as PasswordInput,
+  H as Radio,
+  L as RadioGroup,
+  h as Select,
+  F as Tag,
+  P as Text,
+  j as TextInput,
+  v as VStack
+};

package/dist/tokens/colors.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticTokens, Tokens } from "@pandacss/types";
+export type Tone = "brand" | "neutral" | "danger" | "success" | "warning" | "info";
+export declare const semanticColors: SemanticTokens["colors"];
+export declare const colors: Tokens["colors"];

package/dist/tokens/iconography.d.ts

@@ -0,0 +1,45 @@
+import type { ComponentProps, FunctionComponent, SVGProps } from "react";
+export declare const icons: {
+    award: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    check: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    chevronDown: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    chevronLeft: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    chevronRight: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    circleAlert: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    clock: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    codeXml: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    externalLink: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    eye: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    eyeClosed: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    eyeOff: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    globe: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    handHeart: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    heartHandshake: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    info: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    kr: FunctionComponent<SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    loaderCircle: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    menu: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    messageCircle: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    messageCircleMore: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    moon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    search: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    star: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    sun: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    thumbsUp: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    user: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    users: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    x: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    Discord: (args: ComponentProps<FunctionComponent<SVGProps<SVGSVGElement>>>) => import("react/jsx-runtime").JSX.Element;
+    GitHub: (args: ComponentProps<FunctionComponent<SVGProps<SVGSVGElement>>>) => import("react/jsx-runtime").JSX.Element;
+    LinkedIn: (args: ComponentProps<FunctionComponent<SVGProps<SVGSVGElement>>>) => import("react/jsx-runtime").JSX.Element;
+    Medium: (args: ComponentProps<FunctionComponent<SVGProps<SVGSVGElement>>>) => import("react/jsx-runtime").JSX.Element;
+    YouTube: (args: ComponentProps<FunctionComponent<SVGProps<SVGSVGElement>>>) => import("react/jsx-runtime").JSX.Element;
+    Storybook: (args: ComponentProps<FunctionComponent<SVGProps<SVGSVGElement>>>) => import("react/jsx-runtime").JSX.Element;
+    Figma: (args: ComponentProps<FunctionComponent<SVGProps<SVGSVGElement>>>) => import("react/jsx-runtime").JSX.Element;
+};
+export type IconName = keyof typeof icons;

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,42 @@
+/**
+ * margin, padding, gap, top, right, bottom, left, outlineOffset
+ */
+export declare const spacing: {
+    "0": {
+        value: string;
+    };
+    "2": {
+        value: string;
+    };
+    "4": {
+        value: string;
+    };
+    "8": {
+        value: string;
+    };
+    "12": {
+        value: string;
+    };
+    "16": {
+        value: string;
+    };
+    "20": {
+        value: string;
+    };
+    "24": {
+        value: string;
+    };
+    "32": {
+        value: string;
+    };
+    "36": {
+        value: string;
+    };
+    "40": {
+        value: string;
+    };
+    "48": {
+        value: string;
+    };
+};
+export type Spacing = keyof typeof spacing;

package/dist/tokens/typography.d.ts

@@ -0,0 +1,312 @@
+export declare const textStyles: {
+    display: {
+        lg: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        md: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        sm: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+    };
+    title: {
+        lg: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        md: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        sm: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+    };
+    body: {
+        lg: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        md: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        sm: {
+            value: {
+                fontFamily: string;
+                fontSize: string;
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+    };
+    label: {
+        lg: {
+            DEFAULT: {
+                value: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            underline: {
+                value: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                    textDecoration: string;
+                };
+            };
+        };
+        md: {
+            DEFAULT: {
+                value: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            underline: {
+                value: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                    textDecoration: string;
+                };
+            };
+            strong: {
+                value: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+        };
+        sm: {
+            DEFAULT: {
+                value: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                };
+            };
+            underline: {
+                value: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    letterSpacing: string;
+                    textDecoration: string;
+                };
+            };
+        };
+    };
+    caption: {
+        value: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    code: {
+        value: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    heading: {
+        "1": {
+            value: {
+                fontFamily: string;
+                fontSize: {
+                    base: string;
+                    lg: string;
+                };
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        "2": {
+            value: {
+                fontFamily: string;
+                fontSize: {
+                    base: string;
+                    lg: string;
+                };
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        "3": {
+            value: {
+                fontFamily: string;
+                fontSize: {
+                    base: string;
+                    lg: string;
+                };
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        "4": {
+            value: {
+                fontFamily: string;
+                fontSize: {
+                    base: string;
+                    lg: string;
+                };
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+        "5": {
+            value: {
+                fontFamily: string;
+                fontSize: {
+                    base: string;
+                    lg: string;
+                };
+                fontWeight: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
+    };
+};
+export declare const fonts: {
+    sans: {
+        value: string;
+    };
+    mono: {
+        value: string;
+    };
+};
+export declare const fontWeights: {
+    normal: {
+        value: string;
+    };
+    medium: {
+        value: string;
+    };
+    semibold: {
+        value: string;
+    };
+    bold: {
+        value: string;
+    };
+};
+export type FontWeight = keyof typeof fontWeights;
+export declare const fontSizes: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    "4xl": {
+        value: string;
+    };
+    "5xl": {
+        value: string;
+    };
+};
+export type FontSize = keyof typeof fontSizes;
+export declare const letterSpacings: {
+    tight: {
+        value: string;
+    };
+    balanced: {
+        value: string;
+    };
+};
+export declare const lineHeights: {
+    tight: {
+        value: string;
+    };
+    balanced: {
+        value: string;
+    };
+};