@new-black/lyra 0.1.19 → 0.1.21-0

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

@@ -1,8 +1,8 @@
-import { VariantProps } from "../../utils/class-variance-authority";
+import { VariantProps } from "tailwind-variants";
 import { badgeStyles } from "./badge.styles";
 export type BadgeProps = VariantProps<typeof badgeStyles> & {
     children: string;
     className?: string;
 };
-export declare const Badge: ({ children, className, color, variant }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ children, className, variant }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,4CAA6C,UAAU,4CASxE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,qCAAsC,UAAU,4CAEjE,CAAC"}

package/dist/components/badge/badge.stories.d.ts

@@ -3,43 +3,5 @@ import { Badge } from "./badge";
 declare const meta: Meta<typeof Badge>;
 export default meta;
 export type BadgeStory = StoryObj<typeof Badge>;
-/**
- * ## CSS Variables
- *
- * ```css
- * :root {
- * --badge-radius: theme(borderRadius.base);
- * --badge-padding-x: theme(spacing.2);
- * --badge-height: theme(spacing[6]);
- * --badge-font-size: theme(fontSize.xs);
- * --badge-line-height: theme(lineHeight.6);
- * --badge-font-weight: theme(fontWeight.normal);
- * --badge-font-family: theme(fontFamily.sans);
- * --badge-letter-spacing: theme(letterSpacing.wider);
- * --badge-dot-size: theme(spacing[1]);
- * --badge-color-primary: theme(colors.primary.DEFAULT);
- * --badge-color-primary-foreground: theme(colors.primary.foreground-2);
- * --badge-color-monochrome: theme(colors.neutral.9);
- * --badge-color-monochrome-foreground: theme(colors.neutral.foreground-2);
- * --badge-color-success: theme(colors.success.DEFAULT);
- * --badge-color-success-foreground: theme(colors.success.foreground-2);
- * --badge-color-warning: theme(colors.warning.DEFAULT);
- * --badge-color-warning-foreground: theme(colors.warning.foreground-2);
- * --badge-color-danger: theme(colors.danger.DEFAULT);
- * --badge-color-danger-foreground: theme(colors.danger.foreground-2);
- * }
- * ```
- *
- * ## Usage
- */
 export declare const Default: BadgeStory;
-export declare const Primary: BadgeStory;
-export declare const Monochrome: BadgeStory;
-export declare const Success: BadgeStory;
-export declare const Warning: BadgeStory;
-export declare const Danger: BadgeStory;
-export declare const Outline: BadgeStory;
-export declare const Dot: BadgeStory;
-export declare const CustomColor: BadgeStory;
-export declare const ExtraWeight: BadgeStory;
 //# sourceMappingURL=badge.stories.d.ts.map

package/dist/components/badge/badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,EAAE,UAGrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAKxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,UAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,UAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,UAKjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,UAKzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,UAMzB,CAAC"}
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,UAmBrB,CAAC"}

package/dist/components/badge/badge.styles.d.ts

@@ -1,5 +1,107 @@
-export declare const badgeStyles: (props?: ({
-    color?: "danger" | "primary" | "monochrome" | "success" | "warning" | null | undefined;
-    variant?: "outline" | "solid" | "dot" | null | undefined;
-} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const badgeStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        blue: string;
+        green: string;
+        yellow: string;
+        red: string;
+        gray: string;
+        indigo: string;
+        teal: string;
+        brown: string;
+        purple: string;
+        orange: string;
+        lime: string;
+        pink: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        blue: string;
+        green: string;
+        yellow: string;
+        red: string;
+        gray: string;
+        indigo: string;
+        teal: string;
+        brown: string;
+        purple: string;
+        orange: string;
+        lime: string;
+        pink: string;
+    };
+}, {
+    variant: {
+        blue: string;
+        green: string;
+        yellow: string;
+        red: string;
+        gray: string;
+        indigo: string;
+        teal: string;
+        brown: string;
+        purple: string;
+        orange: string;
+        lime: string;
+        pink: string;
+    };
+}>, {
+    variant: {
+        blue: string;
+        green: string;
+        yellow: string;
+        red: string;
+        gray: string;
+        indigo: string;
+        teal: string;
+        brown: string;
+        purple: string;
+        orange: string;
+        lime: string;
+        pink: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        blue: string;
+        green: string;
+        yellow: string;
+        red: string;
+        gray: string;
+        indigo: string;
+        teal: string;
+        brown: string;
+        purple: string;
+        orange: string;
+        lime: string;
+        pink: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        blue: string;
+        green: string;
+        yellow: string;
+        red: string;
+        gray: string;
+        indigo: string;
+        teal: string;
+        brown: string;
+        purple: string;
+        orange: string;
+        lime: string;
+        pink: string;
+    };
+}, {
+    variant: {
+        blue: string;
+        green: string;
+        yellow: string;
+        red: string;
+        gray: string;
+        indigo: string;
+        teal: string;
+        brown: string;
+        purple: string;
+        orange: string;
+        lime: string;
+        pink: string;
+    };
+}>, unknown, unknown, undefined>>;
 //# sourceMappingURL=badge.styles.d.ts.map

package/dist/components/badge/badge.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAuEvB,CAAC"}
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiCtB,CAAC"}

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

@@ -1,9 +1,8 @@
-import type { ReactNode } from "react";
-import { TooltipTriggerProps } from "react-aria";
-import { ButtonProps as AriaButtonProps } from "react-aria-components";
-import { VariantProps } from "../../utils/class-variance-authority";
+import { type ReactNode } from "react";
+import { ButtonProps as AriaButtonProps, TooltipTriggerComponentProps } from "react-aria-components";
 import { TooltipProps } from "../tooltip";
 import { buttonStyles } from "./button.styles";
+import { VariantProps } from "tailwind-variants";
 /**
  * Props that are common to all types of buttons.
  */
@@ -16,14 +15,12 @@ export type BaseButtonProps = {
     endIcon?: JSX.Element;
     /** Additional class name(s) to apply to the button. */
     className?: string;
-    /** Whether to render the button without any styles. */
-    naked?: boolean;
     /** A tooltip to display when the button is hovered or focused. */
     tooltip?: ReactNode;
     /** The placement of the tooltip relative to the button. */
     tooltipPlacement?: TooltipProps["placement"];
     /** The type of event that triggers the tooltip. */
-    tooltipTrigger?: TooltipTriggerProps["trigger"];
+    tooltipTrigger?: TooltipTriggerComponentProps["trigger"];
 };
 export type ButtonProps = AriaButtonProps & VariantProps<typeof buttonStyles> & BaseButtonProps;
 /**
@@ -36,30 +33,99 @@ export type ButtonInnerProps = {
     startIcon?: JSX.Element;
     /** An icon to display at the end of the button label. */
     endIcon?: JSX.Element;
-    /** The size of the button. */
-    size?: VariantProps<typeof buttonStyles>["size"];
     /** The content to display inside the button. */
     children: ReactNode;
 };
-export declare const ButtonInner: ({ children, endIcon, isLoading, size, startIcon, }: ButtonInnerProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * A customizable button component that can  display button content,  a start- or endicon, a loading spinner, and a tooltip.
- *
- * @example
- * <Button onPress={() => console.log("clicked")}>
- *   Button text
- * </Button>
- */
-export declare const Button: import("react").ForwardRefExoticComponent<AriaButtonProps & VariantProps<(props?: ({
-    color?: "danger" | "primary" | "monochrome" | "success" | "warning" | null | undefined;
-    variant?: "outline" | "solid" | "ghost" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
-    isFocusVisible?: boolean | null | undefined;
-    isFocused?: boolean | null | undefined;
-    isHovered?: boolean | null | undefined;
-    isPressed?: boolean | null | undefined;
-    isDisabled?: boolean | null | undefined;
-    isLoading?: boolean | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Button: (props: AriaButtonProps & VariantProps<import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}>, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>> & BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAwB,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAK7F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAiC,MAAM,iBAAiB,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG,eAAe,CAAC;AAEhG;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,uDAMrB,gBAAgB,4CASlB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;iKAkGlB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAEL,WAAW,IAAI,eAAe,EAC9B,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,4BAA4B,CAAC,SAAS,CAAC,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG,eAAe,CAAC;AAEhG;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AA4CF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kMAA2B,CAAC"}

package/dist/components/button/button.stories.d.ts

@@ -3,102 +3,11 @@ import { Button } from "./button";
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof Button>;
-/**
- * ### Button CSS variables
- *
- * ```css
- * // radius of the corners
- * --button-radius: theme(borderRadius.md);
- * // font weight of the text
- * --button-text-weight: theme(fontWeight.normal);
- * // font size of the text in a small button
- * --button-size-small-text-size: theme(fontSize.base);
- * // size of the icon in a small button
- * --button-size-small-icon-size: theme(width.5);
- * // horizontal padding of a small button
- * --button-size-small-padding-x: theme(spacing.3);
- *  // vertical padding of a small button
- * --button-size-small-padding-y: theme(spacing[2.5]);
- * // font size of the text in a medium button
- * --button-size-medium-text-size: theme(fontSize.base);
- * // size of the icon in a medium button
- * --button-size-medium-icon-size: theme(width.5);
- * // horizontal padding of a medium button
- * --button-size-medium-padding-x: theme(spacing.4);
- * // vertical padding of a medium button
- * --button-size-medium-padding-y: theme(spacing[3.5]);
- * // font size of the text in a large button
- * --button-size-large-text-size: theme(fontSize.base);
- * // size of the icon in a large button
- * --button-size-large-icon-size: theme(width.5);
- * // horizontal padding of a large button
- * --button-size-large-padding-x: theme(spacing.5);
- * // vertical padding of a large button
- * --button-size-large-padding-y: 18px;
- * // font family of the text
- * --button-font-family: theme(fontFamily.display);
- * // width of the ring around an outlined button
- * --button-outlined-ring-size: theme(ringWidth.1);
- *
- * // Colors
- * // Monochrome
- * --button-monochrome-1: theme(colors.neutral.8);
- * --button-monochrome-2: theme(colors.neutral.9);
- * --button-monochrome-3: theme(colors.neutral.10);
- * --button-monochrome-inverted: theme(colors.neutral.foreground-2);
- * --button-monochrome-opacity-1: theme(colors.neutral.opacity-1);
- * --button-monochrome-opacity-2: theme(colors.neutral.opacity-2);
- *
- * // Primary
- * --button-primary-1: theme(colors.primary.2.DEFAULT);
- * --button-primary-2: theme(colors.primary.DEFAULT);
- * --button-primary-3: theme(colors.primary.4.DEFAULT);
- * --button-primary-inverted: theme(colors.primary.3.foreground);
- * --button-primary-opacity-1: theme(colors.primary.3.DEFAULT / 10%);
- * --button-primary-opacity-2: theme(colors.primary.3.DEFAULT / 25%);
- *
- * // Warning
- * --button-warning-1: theme(colors.warning.2.DEFAULT);
- * --button-warning-2: theme(colors.warning.DEFAULT);
- * --button-warning-3: theme(colors.warning.4.DEFAULT);
- * --button-warning-inverted: theme(colors.warning.3.foreground);
- * --button-warning-opacity-1: theme(colors.warning.3.DEFAULT / 10%);
- * --button-warning-opacity-2: theme(colors.warning.3.DEFAULT / 25%);
- *
- * // Danger
- * --button-danger-1: theme(colors.danger.2.DEFAULT);
- * --button-danger-2: theme(colors.danger.DEFAULT);
- * --button-danger-3: theme(colors.danger.4.DEFAULT);
- * --button-danger-inverted: theme(colors.danger.3.foreground);
- * --button-danger-opacity-1: theme(colors.danger.3.DEFAULT / 10%);
- * --button-danger-opacity-2: theme(colors.danger.3.DEFAULT / 25%);
- *
- * // Success
- * --button-success-1: theme(colors.success.2.DEFAULT);
- * --button-success-2: theme(colors.success.DEFAULT);
- * --button-success-3: theme(colors.success.4.DEFAULT);
- * --button-success-inverted: theme(colors.success.3.foreground);
- * --button-success-opacity-1: theme(colors.success.3.DEFAULT / 10%);
- * --button-success-opacity-2: theme(colors.success.3.DEFAULT / 25%);
- * ```
- *
- * ### Solid
- */
-export declare const Solid: Story;
-export declare const Outlined: Story;
-export declare const Ghost: Story;
+export declare const Base: Story;
+export declare const Variants: Story;
 export declare const Disabled: Story;
 export declare const Loading: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
 export declare const FullWidth: Story;
-export declare const Monochrome: Story;
-export declare const Danger: Story;
-export declare const Warning: Story;
-export declare const Success: Story;
 export declare const StartIcon: Story;
 export declare const EndIcon: Story;
-export declare const IconButton: Story;
-export declare const NakedButton: Story;
 //# sourceMappingURL=button.stories.d.ts.map

package/dist/components/button/button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAyB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAMrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAQ7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

package/dist/components/button/button.styles.d.ts

@@ -1,24 +1,93 @@
-export declare const nakedButtonStyles: (props?: ({
-    isFocusVisible?: boolean | null | undefined;
-    isDisabled?: boolean | null | undefined;
-    isLoading?: boolean | null | undefined;
-} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Styles that can be applied to any button.
- */
-export declare const buttonStyles: (props?: ({
-    color?: "danger" | "primary" | "monochrome" | "success" | "warning" | null | undefined;
-    variant?: "outline" | "solid" | "ghost" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
-    isFocusVisible?: boolean | null | undefined;
-    isFocused?: boolean | null | undefined;
-    isHovered?: boolean | null | undefined;
-    isPressed?: boolean | null | undefined;
-    isDisabled?: boolean | null | undefined;
-    isLoading?: boolean | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const iconStyles: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
-} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}>, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        danger: string;
+        icon: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
 //# sourceMappingURL=button.styles.d.ts.map

package/dist/components/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,iBAAiB;;;;0FAuB5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;0FA8KxB,CAAC;AAEF,eAAO,MAAM,UAAU;;0FAWrB,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAoCvB,CAAC"}