@krrli/cm-designsystem 1.32.1 → 1.32.3

package/dist/components/toggle/Toggle.js

@@ -1,69 +1,98 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import * as RadixToggle from "@radix-ui/react-toggle";
 import { tv } from "tailwind-variants";
-import { ReplyFilled, ReplyOutline } from "../icons/generated";
-import { Label } from "../typography/Label";
+import { Label } from "../typography/Label.js";
+import { ReplyFilled } from "../icons/generated/ReplyFilled.js";
+import { ReplyOutline } from "../icons/generated/ReplyOutline.js";
 const toggleStyles = tv({
-    slots: {
-        base: [
-            "inline-flex",
-            "items-center",
-            "justify-center",
-            "gap-2",
-            "h-8",
-            "px-3",
-            "py-2",
-            "rounded-full",
-            "transition-all",
-            "duration-150",
-            "ease-in-out",
-            "focus-visible:outline-none",
-            "focus-visible:ring-2",
-            "focus-visible:ring-offset-2",
-            "disabled:opacity-50",
-            "disabled:pointer-events-none",
-            "cursor-pointer",
+  slots: {
+    base: [
+      "inline-flex",
+      "items-center",
+      "justify-center",
+      "gap-2",
+      "h-8",
+      "px-3",
+      "py-2",
+      "rounded-full",
+      "transition-all",
+      "duration-150",
+      "ease-in-out",
+      "focus-visible:outline-none",
+      "focus-visible:ring-2",
+      "focus-visible:ring-offset-2",
+      "disabled:opacity-50",
+      "disabled:pointer-events-none",
+      "cursor-pointer"
+    ],
+    icon: ["inline-flex"],
+    label: []
+  },
+  variants: {
+    pressed: {
+      true: {
+        base: ["hover:bg-violet-50", "hover:text-violet-600"],
+        icon: [
+          "text-violet-600",
+          "hover:transition-all",
+          "hover:duration-300",
+          "hover:ease-out"
         ],
-        icon: ["inline-flex"],
-        label: [],
-    },
-    variants: {
-        pressed: {
-            true: {
-                base: ["hover:bg-violet-50", "hover:text-violet-600"],
-                icon: [
-                    "text-violet-600",
-                    "hover:transition-all",
-                    "hover:duration-300",
-                    "hover:ease-out",
-                ],
-                label: [
-                    "text-inherit",
-                    "hover:transition-all",
-                    "hover:duration-300",
-                    "hover:ease-out",
-                ],
-            },
-            false: {
-                base: ["hover:bg-violet-50", "hover:text-violet-600"],
-                icon: [
-                    "text-inherit",
-                    "hover:transition-all",
-                    "hover:duration-350",
-                    "hover:ease-in-out",
-                ],
-                label: [
-                    "text-inherit",
-                    "hover:transition-all",
-                    "hover:duration-350",
-                    "hover:ease-in-out",
-                ],
-            },
-        },
-    },
+        label: [
+          "text-inherit",
+          "hover:transition-all",
+          "hover:duration-300",
+          "hover:ease-out"
+        ]
+      },
+      false: {
+        base: ["hover:bg-violet-50", "hover:text-violet-600"],
+        icon: [
+          "text-inherit",
+          "hover:transition-all",
+          "hover:duration-350",
+          "hover:ease-in-out"
+        ],
+        label: [
+          "text-inherit",
+          "hover:transition-all",
+          "hover:duration-350",
+          "hover:ease-in-out"
+        ]
+      }
+    }
+  }
 });
-export const Toggle = ({ ariaLabel, labelText, pressed = false, onToggle, }) => {
-    const { base, icon, label: labelSlot } = toggleStyles({ pressed });
-    return (_jsxs(RadixToggle.Root, { "aria-label": ariaLabel, className: base(), pressed: pressed, onPressedChange: onToggle, children: [_jsx("span", { className: icon(), "aria-hidden": "true", "aria-label": pressed ? "ReplyFilled" : "ReplyOutline", children: pressed ? _jsx(ReplyFilled, {}) : _jsx(ReplyOutline, {}) }), _jsx("span", { className: labelSlot(), children: _jsx(Label, { as: "span", size: "md", children: labelText }) })] }));
+const Toggle = ({
+  ariaLabel,
+  labelText,
+  pressed = false,
+  onToggle
+}) => {
+  const { base, icon, label: labelSlot } = toggleStyles({ pressed });
+  return /* @__PURE__ */ jsxs(
+    RadixToggle.Root,
+    {
+      "aria-label": ariaLabel,
+      className: base(),
+      pressed,
+      onPressedChange: onToggle,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: icon(),
+            "aria-hidden": "true",
+            "aria-label": pressed ? "ReplyFilled" : "ReplyOutline",
+            children: pressed ? /* @__PURE__ */ jsx(ReplyFilled, {}) : /* @__PURE__ */ jsx(ReplyOutline, {})
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: labelSlot(), children: /* @__PURE__ */ jsx(Label, { as: "span", size: "md", children: labelText }) })
+      ]
+    }
+  );
+};
+export {
+  Toggle
 };

package/dist/components/typography/AccessibleTypography.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "react";
+import { JSX } from 'react';
 /**
  * Props for the Typography component.
  */
@@ -31,3 +31,4 @@ export interface AccessibleTypographyProps {
  * to set the HTML tag and optionally make it clickable.
  */
 export declare const AccessibleTypography: React.FC<AccessibleTypographyProps>;
+//# sourceMappingURL=AccessibleTypography.d.ts.map

package/dist/components/typography/AccessibleTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibleTypography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/AccessibleTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAWpE,CAAC"}

package/dist/components/typography/AccessibleTypography.js

@@ -1,11 +1,14 @@
 import { createElement } from "react";
-/**
- * A flexible, semantic, accessible typography component that allows you
- * to set the HTML tag and optionally make it clickable.
- */
-export const AccessibleTypography = (props) => {
-    return createElement(props.as ?? "span", {
-        className: props.className,
-        "aria-label": props.ariaLabel,
-    }, props.children);
+const AccessibleTypography = (props) => {
+  return createElement(
+    props.as ?? "span",
+    {
+      className: props.className,
+      "aria-label": props.ariaLabel
+    },
+    props.children
+  );
+};
+export {
+  AccessibleTypography
 };

package/dist/components/typography/Heading.d.ts

@@ -1,7 +1,7 @@
-import { type VariantProps } from "tailwind-variants";
-import { type AccessibleTypographyProps } from "./AccessibleTypography";
-import { headingStyles } from "./styles";
-import type { JSX } from "react";
+import { VariantProps } from 'tailwind-variants';
+import { AccessibleTypographyProps } from './AccessibleTypography';
+import { headingStyles } from './styles';
+import { JSX } from 'react';
 type HeadingVariants = VariantProps<typeof headingStyles>;
 type HeadingSize = "1" | "2" | "3" | "4";
 /**
@@ -22,3 +22,4 @@ interface HeadingProps extends HeadingVariants, AccessibleTypographyProps {
  */
 export declare const Heading: React.FC<HeadingProps>;
 export {};
+//# sourceMappingURL=Heading.d.ts.map

package/dist/components/typography/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzC;;;;;GAKG;AACH,UAAU,YAAa,SAAQ,eAAe,EAAE,yBAAyB;IACvE,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAO1C,CAAC"}

package/dist/components/typography/Heading.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
-import { AccessibleTypography, } from "./AccessibleTypography";
-import { headingStyles } from "./styles";
-/**
- * A semantic, accessible Heading component built on top of the AccessibleTypography component.
- */
-export const Heading = ({ as, className, ...props }) => {
-    const styles = cn(headingStyles(props), className);
-    return _jsx(AccessibleTypography, { as: as, className: styles, ...props });
+import { AccessibleTypography } from "./AccessibleTypography.js";
+import { headingStyles } from "./styles.js";
+const Heading = ({
+  as,
+  className,
+  ...props
+}) => {
+  const styles = cn(headingStyles(props), className);
+  return /* @__PURE__ */ jsx(AccessibleTypography, { as, className: styles, ...props });
+};
+export {
+  Heading
 };

package/dist/components/typography/Label.d.ts

@@ -1,6 +1,6 @@
-import { type VariantProps } from "tailwind-variants";
-import { type AccessibleTypographyProps } from "./AccessibleTypography";
-import { labelStyles } from "./styles";
+import { VariantProps } from 'tailwind-variants';
+import { AccessibleTypographyProps } from './AccessibleTypography';
+import { labelStyles } from './styles';
 type LabelVariants = VariantProps<typeof labelStyles>;
 export type LabelSize = "xl" | "lg" | "md" | "sm";
 /**
@@ -20,3 +20,4 @@ interface LabelProps extends LabelVariants, AccessibleTypographyProps {
  */
 export declare const Label: React.FC<LabelProps>;
 export {};
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/typography/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD;;;;;GAKG;AACH,UAAU,UAAW,SAAQ,aAAa,EAAE,yBAAyB;IACnE;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOtC,CAAC"}

package/dist/components/typography/Label.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
-import { AccessibleTypography, } from "./AccessibleTypography";
-import { labelStyles } from "./styles";
-/**
- * A semantic, accessible Label component built on top of the AccessibleTypography component.
- */
-export const Label = ({ as = "label", className, ...props }) => {
-    const styles = cn(labelStyles(props), className);
-    return _jsx(AccessibleTypography, { as: as, className: styles, ...props });
+import { AccessibleTypography } from "./AccessibleTypography.js";
+import { labelStyles } from "./styles.js";
+const Label = ({
+  as = "label",
+  className,
+  ...props
+}) => {
+  const styles = cn(labelStyles(props), className);
+  return /* @__PURE__ */ jsx(AccessibleTypography, { as, className: styles, ...props });
+};
+export {
+  Label
 };

package/dist/components/typography/Paragraph.d.ts

@@ -1,6 +1,6 @@
-import { type VariantProps } from "tailwind-variants";
-import { type AccessibleTypographyProps } from "./AccessibleTypography";
-import { paragraphStyles } from "./styles";
+import { VariantProps } from 'tailwind-variants';
+import { AccessibleTypographyProps } from './AccessibleTypography';
+import { paragraphStyles } from './styles';
 type ParagraphVariants = VariantProps<typeof paragraphStyles>;
 type ParagraphSize = "lg" | "md";
 /**
@@ -20,3 +20,4 @@ interface ParagraphProps extends ParagraphVariants, AccessibleTypographyProps {
  */
 export declare const Paragraph: React.FC<ParagraphProps>;
 export {};
+//# sourceMappingURL=Paragraph.d.ts.map

package/dist/components/typography/Paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjC;;;;;GAKG;AACH,UAAU,cAAe,SAAQ,iBAAiB,EAAE,yBAAyB;IAC3E;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAC"}

package/dist/components/typography/Paragraph.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
-import { AccessibleTypography, } from "./AccessibleTypography";
-import { paragraphStyles } from "./styles";
-/**
- * A semantic, accessible Paragraph component built on top of the AccessibleTypography component.
- */
-export const Paragraph = ({ as = "p", className, ...props }) => {
-    const styles = cn(paragraphStyles(props), className);
-    return _jsx(AccessibleTypography, { as: as, className: styles, ...props });
+import { AccessibleTypography } from "./AccessibleTypography.js";
+import { paragraphStyles } from "./styles.js";
+const Paragraph = ({
+  as = "p",
+  className,
+  ...props
+}) => {
+  const styles = cn(paragraphStyles(props), className);
+  return /* @__PURE__ */ jsx(AccessibleTypography, { as, className: styles, ...props });
+};
+export {
+  Paragraph
 };

package/dist/components/typography/Placeholder.d.ts

@@ -1,6 +1,6 @@
-import { type VariantProps } from "tailwind-variants";
-import { type AccessibleTypographyProps } from "./AccessibleTypography";
-import { placeholderStyles } from "./styles";
+import { VariantProps } from 'tailwind-variants';
+import { AccessibleTypographyProps } from './AccessibleTypography';
+import { placeholderStyles } from './styles';
 type PlaceholderVariants = VariantProps<typeof placeholderStyles>;
 /**
  * Placeholder component props.
@@ -15,3 +15,4 @@ interface PlaceholderProps extends PlaceholderVariants, AccessibleTypographyProp
  */
 export declare const Placeholder: React.FC<PlaceholderProps>;
 export {};
+//# sourceMappingURL=Placeholder.d.ts.map

package/dist/components/typography/Placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE;;;;;GAKG;AACH,UAAU,gBACR,SAAQ,mBAAmB,EAAE,yBAAyB;CAAG;AAE3D;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOlD,CAAC"}

package/dist/components/typography/Placeholder.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
-import { AccessibleTypography, } from "./AccessibleTypography";
-import { placeholderStyles } from "./styles";
-/**
- * A semantic, accessible Placeholder component built on top of the AccessibleTypography component.
- */
-export const Placeholder = ({ as = "span", className, ...props }) => {
-    const styles = cn(placeholderStyles(props), className);
-    return _jsx(AccessibleTypography, { as: as, className: styles, ...props });
+import { AccessibleTypography } from "./AccessibleTypography.js";
+import { placeholderStyles } from "./styles.js";
+const Placeholder = ({
+  as = "span",
+  className,
+  ...props
+}) => {
+  const styles = cn(placeholderStyles(props), className);
+  return /* @__PURE__ */ jsx(AccessibleTypography, { as, className: styles, ...props });
+};
+export {
+  Placeholder
 };

package/dist/components/typography/ValidationMessage.d.ts

@@ -1,6 +1,6 @@
-import { type VariantProps } from "tailwind-variants";
-import { type AccessibleTypographyProps } from "./AccessibleTypography";
-import { validationMessageStyles } from "./styles";
+import { VariantProps } from 'tailwind-variants';
+import { AccessibleTypographyProps } from './AccessibleTypography';
+import { validationMessageStyles } from './styles';
 type ValidationMessageVariants = VariantProps<typeof validationMessageStyles>;
 type ValidationMessageType = "error";
 /**
@@ -20,3 +20,4 @@ interface ValidationMessageProps extends ValidationMessageVariants, AccessibleTy
  */
 export declare const ValidationMessage: React.FC<ValidationMessageProps>;
 export {};
+//# sourceMappingURL=ValidationMessage.d.ts.map

package/dist/components/typography/ValidationMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/typography/ValidationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC9E,KAAK,qBAAqB,GAAG,OAAO,CAAC;AAErC;;;;;GAKG;AACH,UAAU,sBACR,SAAQ,yBAAyB,EAAE,yBAAyB;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAQ9D,CAAC"}

package/dist/components/typography/ValidationMessage.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
-import { AccessibleTypography, } from "./AccessibleTypography";
-import { validationMessageStyles } from "./styles";
-/**
- * A semantic, accessible ValidationMessage component built on top of the AccessibleTypography component.
- */
-export const ValidationMessage = ({ as = "span", type = "error", className, ...props }) => {
-    const styles = cn(validationMessageStyles({ type, ...props }), className);
-    return _jsx(AccessibleTypography, { as: as, className: styles, ...props });
+import { AccessibleTypography } from "./AccessibleTypography.js";
+import { validationMessageStyles } from "./styles.js";
+const ValidationMessage = ({
+  as = "span",
+  type = "error",
+  className,
+  ...props
+}) => {
+  const styles = cn(validationMessageStyles({ type, ...props }), className);
+  return /* @__PURE__ */ jsx(AccessibleTypography, { as, className: styles, ...props });
+};
+export {
+  ValidationMessage
 };

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

@@ -1,4 +1,4 @@
-export declare const headingStyles: import("tailwind-variants").TVReturnType<{
+export declare const headingStyles: import('tailwind-variants').TVReturnType<{
     size: {
         "1": string[];
         "2": string[];
@@ -12,7 +12,7 @@ export declare const headingStyles: import("tailwind-variants").TVReturnType<{
         "3": string[];
         "4": string[];
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnType<{
     size: {
         "1": string[];
         "2": string[];
@@ -20,7 +20,7 @@ export declare const headingStyles: import("tailwind-variants").TVReturnType<{
         "4": string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>;
-export declare const paragraphStyles: import("tailwind-variants").TVReturnType<{
+export declare const paragraphStyles: import('tailwind-variants').TVReturnType<{
     size: {
         lg: string[];
         md: string[];
@@ -30,13 +30,13 @@ export declare const paragraphStyles: import("tailwind-variants").TVReturnType<{
         lg: string[];
         md: string[];
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnType<{
     size: {
         lg: string[];
         md: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>;
-export declare const labelStyles: import("tailwind-variants").TVReturnType<{
+export declare const labelStyles: import('tailwind-variants').TVReturnType<{
     size: {
         xl: string[];
         lg: string[];
@@ -50,7 +50,7 @@ export declare const labelStyles: import("tailwind-variants").TVReturnType<{
         md: string[];
         sm: string[];
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnType<{
     size: {
         xl: string[];
         lg: string[];
@@ -58,8 +58,8 @@ export declare const labelStyles: import("tailwind-variants").TVReturnType<{
         sm: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>;
-export declare const placeholderStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-export declare const validationMessageStyles: import("tailwind-variants").TVReturnType<{
+export declare const placeholderStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const validationMessageStyles: import('tailwind-variants').TVReturnType<{
     type: {
         error: string[];
     };
@@ -67,8 +67,9 @@ export declare const validationMessageStyles: import("tailwind-variants").TVRetu
     type: {
         error: string[];
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnType<{
     type: {
         error: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;qDAUxB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;qDAQ1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;qDAUtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,sMAW5B,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;qDAOlC,CAAC"}

package/dist/components/typography/styles.js

@@ -1,52 +1,59 @@
 import { tv } from "tailwind-variants";
-export const headingStyles = tv({
-    base: ["tracking-normal"],
-    variants: {
-        size: {
-            "1": ["font-bold", "text-[48px]/[125%]"],
-            "2": ["font-bold", "text-[40px]/[125%]"],
-            "3": ["font-semibold", "text-[32px]/[125%]"],
-            "4": ["font-semibold", "text-[24px]/[125%]"],
-        },
-    },
+const headingStyles = tv({
+  base: ["tracking-normal"],
+  variants: {
+    size: {
+      "1": ["font-bold", "text-[48px]/[125%]"],
+      "2": ["font-bold", "text-[40px]/[125%]"],
+      "3": ["font-semibold", "text-[32px]/[125%]"],
+      "4": ["font-semibold", "text-[24px]/[125%]"]
+    }
+  }
 });
-export const paragraphStyles = tv({
-    base: ["font-medium", "tracking-normal"],
-    variants: {
-        size: {
-            lg: ["text-[24px]/[145%]"],
-            md: ["text-[18px]/[140%]"],
-        },
-    },
+const paragraphStyles = tv({
+  base: ["font-medium", "tracking-normal"],
+  variants: {
+    size: {
+      lg: ["text-[24px]/[145%]"],
+      md: ["text-[18px]/[140%]"]
+    }
+  }
 });
-export const labelStyles = tv({
-    base: ["font-semibold", "tracking-normal"],
-    variants: {
-        size: {
-            xl: ["text-[24px]/[100%]"],
-            lg: ["text-[20px]/[100%]"],
-            md: ["text-[16px]/[100%]"],
-            sm: ["text-[14px]/[100%]"],
-        },
-    },
+const labelStyles = tv({
+  base: ["font-semibold", "tracking-normal"],
+  variants: {
+    size: {
+      xl: ["text-[24px]/[100%]"],
+      lg: ["text-[20px]/[100%]"],
+      md: ["text-[16px]/[100%]"],
+      sm: ["text-[14px]/[100%]"]
+    }
+  }
 });
-export const placeholderStyles = tv({
-    base: [
-        "font-medium",
-        "text-slate-500",
-        "text-[16px]/[100%]",
-        "tracking-normal",
-        "placeholder:font-medium",
-        "placeholder:text-slate-300",
-        "placeholder:text-[16px]/[100%]",
-        "placeholder:tracking-normal",
-    ],
+const placeholderStyles = tv({
+  base: [
+    "font-medium",
+    "text-slate-500",
+    "text-[16px]/[100%]",
+    "tracking-normal",
+    "placeholder:font-medium",
+    "placeholder:text-slate-300",
+    "placeholder:text-[16px]/[100%]",
+    "placeholder:tracking-normal"
+  ]
 });
-export const validationMessageStyles = tv({
-    base: ["font-medium", "text-[14px]/[100%]", "tracking-normal"],
-    variants: {
-        type: {
-            error: ["text-error"],
-        },
-    },
+const validationMessageStyles = tv({
+  base: ["font-medium", "text-[14px]/[100%]", "tracking-normal"],
+  variants: {
+    type: {
+      error: ["text-error"]
+    }
+  }
 });
+export {
+  headingStyles,
+  labelStyles,
+  paragraphStyles,
+  placeholderStyles,
+  validationMessageStyles
+};

package/dist/compositions/image-banner/ImageBanner.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from "tailwind-variants";
-declare const ImageBannerStyles: import("tailwind-variants").TVReturnType<{
+import { VariantProps } from 'tailwind-variants';
+declare const ImageBannerStyles: import('tailwind-variants').TVReturnType<{
     isFallback: {
         true: {
             image: string[];
@@ -21,7 +21,7 @@ declare const ImageBannerStyles: import("tailwind-variants").TVReturnType<{
     image: string[];
     overlay: string[];
     icon: string[];
-}, import("tailwind-variants").TVReturnType<{
+}, import('tailwind-variants').TVReturnType<{
     isFallback: {
         true: {
             image: string[];
@@ -52,3 +52,4 @@ interface ImageBannerProps extends ImageBannerVariants {
  */
 export declare const ImageBanner: React.FC<ImageBannerProps>;
 export {};
+//# sourceMappingURL=ImageBanner.d.ts.map