@krrli/cm-designsystem 1.32.2 → 1.33.1

package/dist/cm-designsystem.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -1208,6 +1208,18 @@
     letter-spacing: var(--tracking-normal);
   }
 
+  .text-wrap {
+    text-wrap: wrap;
+  }
+
+  .wrap-anywhere {
+    overflow-wrap: anywhere;
+  }
+
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
   .text-black {
     color: var(--color-black);
   }

package/dist/components/accessible-button/AccessibleButton.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Props for the AccessibleButton component.
+ */
+export interface BaseAccessibleButtonProps {
+    /**
+     * Accessible label for the button, used by screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * Additional class names to apply to the button element.
+     */
+    className?: string;
+    /**
+     * HTML button type attribute.
+     */
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    /**
+     * Click handler for the button.
+     */
+    onClick?: () => void;
+}
+interface AccessibleButtonProps extends BaseAccessibleButtonProps {
+    /**
+     * The content displayed inside the button.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * A fully accessible button component.
+ */
+export declare const AccessibleButton: React.FC<AccessibleButtonProps>;
+export {};
+//# sourceMappingURL=AccessibleButton.d.ts.map

package/dist/components/accessible-button/AccessibleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibleButton.d.ts","sourceRoot":"","sources":["../../../src/components/accessible-button/AccessibleButton.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAE7D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,qBAAsB,SAAQ,yBAAyB;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}

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

@@ -0,0 +1,119 @@
+import { VariantProps } from 'tailwind-variants';
+declare const avatarStyles: import('tailwind-variants').TVReturnType<{
+    isClickable: {
+        true: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {
+            avatar: string[];
+        };
+        md: {
+            avatar: string[];
+        };
+        lg: {
+            avatar: string[];
+        };
+        xl: {
+            avatar: string[];
+        };
+    };
+}, {
+    base: string[];
+    avatar: string[];
+    action: string[];
+}, undefined, {
+    isClickable: {
+        true: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {
+            avatar: string[];
+        };
+        md: {
+            avatar: string[];
+        };
+        lg: {
+            avatar: string[];
+        };
+        xl: {
+            avatar: string[];
+        };
+    };
+}, {
+    base: string[];
+    avatar: string[];
+    action: string[];
+}, import('tailwind-variants').TVReturnType<{
+    isClickable: {
+        true: {
+            base: string[];
+        };
+    };
+    size: {
+        sm: {
+            avatar: string[];
+        };
+        md: {
+            avatar: string[];
+        };
+        lg: {
+            avatar: string[];
+        };
+        xl: {
+            avatar: string[];
+        };
+    };
+}, {
+    base: string[];
+    avatar: string[];
+    action: string[];
+}, undefined, unknown, unknown, undefined>>;
+type AvatarVariants = VariantProps<typeof avatarStyles>;
+type AvatarSize = "sm" | "md" | "lg" | "xl";
+/**
+ * Props for the Avatar component.
+ */
+interface AvatarProps extends AvatarVariants {
+    /**
+     * Alternative text describing the avatar image.
+     */
+    alt: string;
+    /**
+     * Controls the visual size of the avatar.
+     */
+    size: AvatarSize;
+    /**
+     * The URL source of the avatar image.
+     */
+    src: string | undefined;
+    /**
+     * Accessible label for the action button that appears on extra-large (`xl`)
+     * avatars when `onActionClick` is provided.
+     */
+    actionAriaLabel?: string;
+    /**
+     * Click handler for the entire avatar.
+     * Makes the outer wrapper clickable.
+     */
+    onAvatarClick?: () => void;
+    /**
+     * Optional click handler for the action button.
+     * Only visible when:
+     * - `size === "xl"`
+     * - `onActionClick` is provided
+     *
+     * Useful for “Edit avatar” or “Change photo” actions.
+     */
+    onActionClick?: () => void;
+}
+/**
+ * A flexible and accessible user avatar component.
+ * Built on top of Radix UI’s `Avatar` primitives and styled with Tailwind variants.
+ */
+export declare const Avatar: React.FC<AvatarProps>;
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwDhB,CAAC;AAEH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,UAAU,WAAY,SAAQ,cAAc;IAC1C;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6BxC,CAAC"}

package/dist/components/branding/BrandingGallery.d.ts

@@ -0,0 +1,2 @@
+export declare const BrandingGallery: React.FC;
+//# sourceMappingURL=BrandingGallery.d.ts.map

package/dist/components/branding/BrandingGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandingGallery.d.ts","sourceRoot":"","sources":["../../../src/components/branding/BrandingGallery.tsx"],"names":[],"mappings":"AAsGA,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EA+FnC,CAAC"}

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

@@ -0,0 +1,67 @@
+import { VariantProps } from 'tailwind-variants';
+import { BaseAccessibleButtonProps } from '../accessible-button/AccessibleButton';
+import { IconBaseProps } from '../icons/IconBase';
+declare const buttonStyles: import('tailwind-variants').TVReturnType<{
+    intent: {
+        primary: string[];
+        secondary: string[];
+        tertiary: string[];
+    };
+    size: {
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], {
+    intent: {
+        primary: string[];
+        secondary: string[];
+        tertiary: string[];
+    };
+    size: {
+        md: string[];
+        lg: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    intent: {
+        primary: string[];
+        secondary: string[];
+        tertiary: string[];
+    };
+    size: {
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ButtonVariants = VariantProps<typeof buttonStyles>;
+type ButtonIntent = "primary" | "secondary" | "tertiary";
+type ButtonSize = "md" | "lg";
+/**
+ * Props for the Button component.
+ *
+ * @inheritdoc BaseAccessibleButtonProps
+ * @inheritdoc ButtonVariants
+ */
+interface ButtonProps extends ButtonVariants, BaseAccessibleButtonProps {
+    /**
+     * Visual intent of the button (controls background color, hover, and active styles).
+     */
+    intent: ButtonIntent;
+    /**
+     * Visual size of the button (padding and spacing).
+     */
+    size: ButtonSize;
+    /**
+     * Optional icon element rendered alongside the button label.
+     */
+    icon?: React.ComponentType<IconBaseProps>;
+    /**
+     * Visible text label displayed inside the button.
+     */
+    children: string;
+}
+/**
+ * A fully accessible, stylable button component.
+ */
+export declare const Button: React.FC<ButtonProps>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAiDhB,CAAC;AAEH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AACzD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9B;;;;;GAKG;AACH,UAAU,WAAY,SAAQ,cAAc,EAAE,yBAAyB;IACrE;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAE1C;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAYxC,CAAC"}

package/dist/components/color/ColorDoc.d.ts

@@ -0,0 +1,5 @@
+export declare const ColorDoc: ({ colorName, colorIntensity, }: {
+    colorName: string;
+    colorIntensity: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorDoc.d.ts.map

package/dist/components/color/ColorDoc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorDoc.d.ts","sourceRoot":"","sources":["../../../src/components/color/ColorDoc.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,gCAGtB;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,4CAeA,CAAC"}

package/dist/components/file-upload/FileUpload.d.ts

@@ -0,0 +1,84 @@
+import { VariantProps } from 'tailwind-variants';
+declare const fileUploadStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            input?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            dropzone?: import('tailwind-merge').ClassNameValue;
+            uploadIcon?: import('tailwind-merge').ClassNameValue;
+            titleText?: import('tailwind-merge').ClassNameValue;
+            subtitleText?: import('tailwind-merge').ClassNameValue;
+            preview?: import('tailwind-merge').ClassNameValue;
+            previewLabel?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            input?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            dropzone?: import('tailwind-merge').ClassNameValue;
+            uploadIcon?: import('tailwind-merge').ClassNameValue;
+            titleText?: import('tailwind-merge').ClassNameValue;
+            subtitleText?: import('tailwind-merge').ClassNameValue;
+            preview?: import('tailwind-merge').ClassNameValue;
+            previewLabel?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    dropzone: string[];
+    uploadIcon: string[];
+    titleText: string[];
+    subtitleText: string[];
+    action: string[];
+    input: string[];
+    preview: string[];
+    previewLabel: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            input?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            dropzone?: import('tailwind-merge').ClassNameValue;
+            uploadIcon?: import('tailwind-merge').ClassNameValue;
+            titleText?: import('tailwind-merge').ClassNameValue;
+            subtitleText?: import('tailwind-merge').ClassNameValue;
+            preview?: import('tailwind-merge').ClassNameValue;
+            previewLabel?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    dropzone: string[];
+    uploadIcon: string[];
+    titleText: string[];
+    subtitleText: string[];
+    action: string[];
+    input: string[];
+    preview: string[];
+    previewLabel: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    dropzone: string[];
+    uploadIcon: string[];
+    titleText: string[];
+    subtitleText: string[];
+    action: string[];
+    input: string[];
+    preview: string[];
+    previewLabel: string[];
+}, undefined, unknown, unknown, undefined>>;
+type FileUploadVariants = VariantProps<typeof fileUploadStyles>;
+interface FileUploadProps extends FileUploadVariants {
+    title?: string;
+    subtitle?: string;
+    actionLabel?: string;
+    onFileSelect: (file: File | null) => void;
+}
+export declare const FileUpload: ({ title, subtitle, actionLabel, ...props }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/components/file-upload/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/FileUpload.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAM1D,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoCpB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEhE,UAAU,eAAgB,SAAQ,kBAAkB;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,UAAU,GAAI,4CAKxB,eAAe,4CA0FjB,CAAC"}

package/dist/components/form/Form.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const formStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            fields?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            fields?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    fields: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            fields?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    fields: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    fields: string[];
+}, undefined, unknown, unknown, undefined>>;
+type FormVariants = VariantProps<typeof formStyles>;
+interface FormProps extends FormVariants {
+    children?: React.ReactNode;
+}
+export declare const Form: React.FC<FormProps> & {
+    Fields: typeof FormFields;
+    Action: typeof FormAction;
+};
+export declare function FormFields({ children }: {
+    children: React.ReactNode;
+}): React.ReactNode;
+export declare namespace FormFields {
+    var displayName: string;
+}
+export declare function FormAction({ children }: {
+    children: React.ReactElement;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare namespace FormAction {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAKd,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,UAAU,SAAU,SAAQ,YAAY;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,MAAM,EAAE,OAAO,UAAU,CAAC;CA0B3B,CAAC;AAGF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,mBAErE;yBAFe,UAAU;;;AAK1B,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,0EAExE;yBAFe,UAAU"}

package/dist/components/icon-button/IconButton.d.ts

@@ -0,0 +1,70 @@
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { BaseAccessibleButtonProps } from '../accessible-button/AccessibleButton';
+import { IconBaseProps } from '../icons/IconBase';
+declare const iconButtonStyles: import('tailwind-variants').TVReturnType<{
+    intent: {
+        primary: {
+            base: string[];
+        };
+        secondary: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    icon: string[];
+}, undefined, {
+    intent: {
+        primary: {
+            base: string[];
+        };
+        secondary: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    icon: string[];
+}, import('tailwind-variants').TVReturnType<{
+    intent: {
+        primary: {
+            base: string[];
+        };
+        secondary: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    icon: string[];
+}, undefined, unknown, unknown, undefined>>;
+type IconButtonVariants = VariantProps<typeof iconButtonStyles>;
+type IconButtonIntent = "primary" | "secondary";
+/**
+ * Props for the IconButton component.
+ *
+ * @inheritdoc BaseAccessibleButtonProps
+ * @inheritdoc IconButtonVariants
+ */
+interface IconButtonProps extends IconButtonVariants, BaseAccessibleButtonProps {
+    /**
+     * Visual intent of the button (controls background color, hover, and active styles).
+     */
+    intent: IconButtonIntent;
+    /**
+     * Icon element rendered alongside the button label.
+     */
+    icon?: React.ComponentType<IconBaseProps>;
+    /**
+     * Visible text label displayed inside the button.
+     */
+    children: string;
+}
+/**
+ * A compact, accessible button component that displays an icon alongside
+ * a text label.
+ */
+export declare const IconButton: React.FC<IconButtonProps>;
+export {};
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/icon-button/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmBpB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEhD;;;;;GAKG;AACH,UAAU,eACR,SAAQ,kBAAkB,EAAE,yBAAyB;IACrD;;OAEG;IACH,MAAM,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAE1C;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAchD,CAAC"}

package/dist/components/icon-button/IconButton.js

@@ -7,6 +7,7 @@ const iconButtonStyles = tv({
     base: [
       "flex",
       "gap-1",
+      "items-center",
       "transition",
       "duration-350",
       "ease-in-out",

package/dist/components/icons/IconBase.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type IconBaseProps = React.SVGProps<SVGSVGElement> & {
+    label?: string;
+};
+export declare const IconBase: React.FC<IconBaseProps>;
+//# sourceMappingURL=IconBase.d.ts.map

package/dist/components/icons/IconBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../src/components/icons/IconBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}

package/dist/components/icons/generated/ArrowDown.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const ArrowDown: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowDown.d.ts.map

package/dist/components/icons/generated/ArrowDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDown.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcrE,CAAC"}

package/dist/components/icons/generated/ArrowLeft.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const ArrowLeft: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowLeft.d.ts.map

package/dist/components/icons/generated/ArrowLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeft.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcrE,CAAC"}

package/dist/components/icons/generated/ArrowRight.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const ArrowRight: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowRight.d.ts.map

package/dist/components/icons/generated/ArrowRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CActE,CAAC"}

package/dist/components/icons/generated/ArrowUp.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const ArrowUp: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowUp.d.ts.map

package/dist/components/icons/generated/ArrowUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUp.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcnE,CAAC"}

package/dist/components/icons/generated/Calendar.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const Calendar: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/icons/generated/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcpE,CAAC"}

package/dist/components/icons/generated/Cancel.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const Cancel: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Cancel.d.ts.map

package/dist/components/icons/generated/Cancel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cancel.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Cancel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAOlE,CAAC"}

package/dist/components/icons/generated/Checkmark.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const Checkmark: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkmark.d.ts.map

package/dist/components/icons/generated/Checkmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkmark.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Checkmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAOrE,CAAC"}

package/dist/components/icons/generated/Edit.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const Edit: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Edit.d.ts.map

package/dist/components/icons/generated/Edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAWhE,CAAC"}

package/dist/components/icons/generated/Eye.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const Eye: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Eye.d.ts.map

package/dist/components/icons/generated/Eye.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Eye.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Eye.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,GAAG,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAQ/D,CAAC"}

package/dist/components/icons/generated/Fullscreen.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const Fullscreen: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Fullscreen.d.ts.map

package/dist/components/icons/generated/Fullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fullscreen.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Fullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAWtE,CAAC"}

package/dist/components/icons/generated/HeartFilled.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const HeartFilled: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeartFilled.d.ts.map

package/dist/components/icons/generated/HeartFilled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeartFilled.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/HeartFilled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcvE,CAAC"}

package/dist/components/icons/generated/HeartOutline.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const HeartOutline: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeartOutline.d.ts.map

package/dist/components/icons/generated/HeartOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeartOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/HeartOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcxE,CAAC"}

package/dist/components/icons/generated/Location.d.ts

@@ -0,0 +1,4 @@
+import { IconBase } from '../IconBase';
+import * as React from "react";
+export declare const Location: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Location.d.ts.map