@vkzstudio/muza-ui 1.0.14 → 1.0.15

package/dist/components/Accordion/Accordion.d.ts

@@ -1,10 +1,23 @@
 import { AccordionMultipleProps as RadixAccordionMultipleProps, AccordionSingleProps as RadixAccordionSingleProps } from '@radix-ui/react-accordion';
 import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
+/**
+ * Visual style of the Accordion.
+ * - `'default'` — outlined border, neutral background
+ * - `'branded'` — brand-colored fill, no border
+ * - `'settings'` — white background with light border, for admin/config panels
+ */
+export type AccordionVariant = 'default' | 'branded' | 'settings';
 /** Props for single mode — only one item can be open at a time. */
 export interface AccordionSingleProps extends RadixAccordionSingleProps {
     /** Single mode — only one item can be open at a time. */
     type: 'single';
+    /**
+     * Visual style variant. When omitted, defaults to `'branded'` for `type="single"`.
+     * @default 'branded'
+     * @see AccordionVariant
+     */
+    variant?: AccordionVariant;
     /** Allows closing the open item by clicking its trigger again. @default false */
     collapsible?: boolean;
     /** Controlled value of the expanded item (string in single mode). */
@@ -20,6 +33,12 @@ export interface AccordionSingleProps extends RadixAccordionSingleProps {
 export interface AccordionMultipleProps extends RadixAccordionMultipleProps {
     /** Multiple mode — any number of items can be open simultaneously. */
     type: 'multiple';
+    /**
+     * Visual style variant. When omitted, defaults to `'default'` for `type="multiple"`.
+     * @default 'default'
+     * @see AccordionVariant
+     */
+    variant?: AccordionVariant;
     /** Controlled value of the expanded items (string array in multiple mode). */
     value?: string[];
     /** Default expanded items for uncontrolled usage. */
@@ -40,6 +59,7 @@ export interface AccordionMultipleProps extends RadixAccordionMultipleProps {
  * @example
  * <Accordion type="single" collapsible defaultValue="item-1">
  * <Accordion type="multiple" defaultValue={["item-1", "item-2"]}>
+ * <Accordion type="single" variant="default" collapsible>
  */
 export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
 /** Props for AccordionItem. Requires a unique `value` string to identify the section. */
@@ -48,14 +68,25 @@ export interface AccordionItemProps extends React.ComponentProps<typeof Accordio
     value: string;
     /** Prevents interaction with this specific item. @default false */
     disabled?: boolean;
+    /** When true, clicking the content area also toggles the item. Set to false for items with interactive content (forms, inputs). @default true */
+    clickableContent?: boolean;
 }
 /** Props for AccordionHeader. Clickable area that toggles content visibility. */
 export type AccordionHeaderProps = React.ComponentProps<typeof AccordionPrimitive.Header>;
 /** Props for AccordionContent. Collapsible content area with slide animation. */
 export type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;
-declare const Accordion: ({ className, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-declare const AccordionItem: ({ className, children, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const accordionItemVariants: (props?: ({
+    variant?: "default" | "branded" | "settings" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const accordionTriggerVariants: (props?: ({
+    variant?: "default" | "branded" | "settings" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const accordionContentInnerVariants: (props?: ({
+    variant?: "default" | "branded" | "settings" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const Accordion: ({ className, variant: variantProp, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ className, children, clickableContent, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const AccordionHeader: ({ className, children, ...props }: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
 declare const AccordionContent: ({ className, children, ...props }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
-export { Accordion, AccordionContent, AccordionHeader, AccordionItem };
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, accordionItemVariants, accordionTriggerVariants, accordionContentInnerVariants, };
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E,yFAAyF;AACzF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED,iFAAiF;AACjF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAA;AAUD,QAAA,MAAM,SAAS,GAAI,yBAAyB,cAAc,4CAUzD,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,mCAIpB,kBAAkB,4CA2BpB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,oBAAoB,4CA6BtB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CAoBvB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjE,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E,yFAAyF;AACzF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iJAAiJ;IACjJ,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED,iFAAiF;AACjF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAA;AAMD,QAAA,MAAM,qBAAqB;;8EAYzB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;8EAe7B,CAAA;AAED,QAAA,MAAM,6BAA6B;;8EASjC,CAAA;AAoBF,QAAA,MAAM,SAAS,GAAI,+CAIhB,cAAc,4CAahB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,qDAKpB,kBAAkB,4CA8BpB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,oBAAoB,4CActB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CAgBvB,CAAA;AAED,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,GAC9B,CAAA"}

package/dist/components/Accordion/Accordion.js

@@ -1,113 +1,128 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import * as s from "react";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import * as c from "react";
 import * as n from "@radix-ui/react-accordion";
-import { Typography as m } from "../Typography/Typography.js";
-import { cn as c } from "../../utils/cn.js";
-import { AltArrowDownOutline as p } from "@solar-icons/react-perf";
-const d = s.createContext(
-  "single"
-), i = () => s.useContext(d), g = ({ className: o, ...e }) => /* @__PURE__ */ t(d.Provider, { value: e.type, children: /* @__PURE__ */ t(
-  n.Root,
+import { cva as s } from "class-variance-authority";
+import { cn as d } from "../../utils/cn.js";
+import { AltArrowDownOutline as v } from "@solar-icons/react-perf";
+const x = s("relative w-full transition-colors", {
+  variants: {
+    variant: {
+      default: "rounded-xl border border-stroke-base-primary bg-surface-base-secondary px-comp-accordion-p py-comp-accordion-p-hor has-[[data-slot=accordion-trigger]:hover]:border-stroke-brand-hover",
+      branded: "rounded-lg border-0 bg-surface-brand-brand-tertiary p-comp-accordion-p has-[[data-slot=accordion-trigger]:hover]:bg-surface-base-primary-hover",
+      settings: "rounded-xl border border-comp-accordeon-settings-stroke-def bg-comp-accordeon-settings-bg-primary-def has-[[data-slot=accordion-trigger]:disabled]:cursor-not-allowed has-[[data-slot=accordion-trigger]:disabled]:border-comp-accordeon-settings-stroke-disabled has-[[data-slot=accordion-trigger]:disabled]:bg-comp-accordeon-settings-bg-primary-disabled has-[[data-slot=accordion-trigger]:focus-visible]:border-comp-accordeon-settings-stroke-focused has-[[data-slot=accordion-trigger]:focus-visible]:bg-comp-accordeon-settings-bg-primary-focused has-[[data-slot=accordion-trigger]:hover:not(:disabled)]:border-comp-accordeon-settings-stroke-hover has-[[data-slot=accordion-trigger]:hover:not(:disabled)]:bg-comp-accordeon-settings-bg-primary-hover"
+    }
+  },
+  defaultVariants: { variant: "default" }
+}), h = s(
+  "group flex w-full cursor-pointer items-center justify-between gap-4 transition-all outline-none [&[data-state=open]>svg]:rotate-180",
   {
-    "data-slot": "accordion",
-    className: c("flex w-full flex-col gap-md", o),
-    ...e
+    variants: {
+      variant: {
+        default: "text-text-dark-primary-def focus-visible-default data-[state=open]:text-text-brand-def",
+        branded: "text-text-brand-def focus-visible-default data-[state=open]:text-text-brand-hover",
+        settings: "gap-comp-accordion-settings-gap p-comp-accordion-settings-p text-text-dark-primary-def data-[disabled]:text-text-dark-disabled"
+      }
+    },
+    defaultVariants: { variant: "default" }
   }
-) }), y = ({
-  className: o,
-  children: e,
-  ...a
+), y = s("text-left", {
+  variants: {
+    variant: {
+      default: "pt-md",
+      branded: "pt-2xl text-text-brand-def",
+      settings: "p-comp-accordion-settings-p"
+    }
+  },
+  defaultVariants: { variant: "default" }
+}), p = c.createContext({
+  variant: "default"
+}), l = () => c.useContext(p), N = ({
+  className: r,
+  variant: a,
+  ...t
+}) => {
+  const o = a ?? (t.type === "single" ? "branded" : "default");
+  return /* @__PURE__ */ e(p.Provider, { value: { variant: o }, children: /* @__PURE__ */ e(
+    n.Root,
+    {
+      "data-slot": "accordion",
+      className: d("flex w-full flex-col gap-md", r),
+      ...t
+    }
+  ) });
+}, V = ({
+  className: r,
+  children: a,
+  clickableContent: t = !0,
+  ...o
 }) => {
-  const r = i();
-  return /* @__PURE__ */ t(
+  const { variant: f } = l(), g = c.useRef(null);
+  return /* @__PURE__ */ e(
     n.Item,
     {
+      ref: g,
       "data-slot": "accordion-item",
-      className: "w-full",
-      ...a,
-      children: /* @__PURE__ */ t(
-        n.Trigger,
-        {
-          "data-slot": "accordion-trigger",
-          className: c(
-            "relative w-full rounded-xl border border-stroke-base-primary bg-surface-base-secondary",
-            "px-comp-accordion-p py-comp-accordion-p-hor",
-            "cursor-pointer transition-colors hover:border-stroke-brand-hover",
-            "focus-visible-default",
-            {
-              "rounded-lg border-0 bg-surface-brand-brand-tertiary p-comp-accordion-p hover:bg-surface-base-primary-hover": r === "single"
-            },
-            o
-          ),
-          children: e
-        }
-      )
+      className: d(
+        x({ variant: f }),
+        t && "cursor-pointer",
+        r
+      ),
+      onClick: t ? (u) => {
+        var m;
+        const i = (m = g.current) == null ? void 0 : m.querySelector(
+          '[data-slot="accordion-trigger"]'
+        );
+        i && !i.contains(u.target) && i.click();
+      } : void 0,
+      ...o,
+      children: a
     }
   );
-}, h = ({
-  className: o,
-  children: e,
-  ...a
+}, I = ({
+  className: r,
+  children: a,
+  ...t
 }) => {
-  const r = i();
-  return /* @__PURE__ */ l(
-    n.Header,
+  const { variant: o } = l();
+  return /* @__PURE__ */ e(n.Header, { className: "flex", ...t, children: /* @__PURE__ */ b(
+    n.Trigger,
     {
-      className: c(
-        "flex flex-1 cursor-pointer items-center justify-between gap-4 text-text-dark-primary-def transition-all outline-none [&[data-state=open]>svg]:rotate-180",
-        "data-[state=open]:text-text-brand-def",
-        {
-          "text-text-brand-def data-[state=open]:text-text-brand-hover": r === "single"
-        },
-        o
-      ),
-      ...a,
+      "data-slot": "accordion-trigger",
+      className: d(h({ variant: o }), r),
       children: [
-        /* @__PURE__ */ t(
-          m,
-          {
-            component: "span",
-            variant: "title",
-            weight: "medium",
-            size: r === "single" ? "lg" : "base",
-            className: "text-left",
-            fixY: !0,
-            children: e
-          }
-        ),
-        /* @__PURE__ */ t(p, { className: "size-comp-accordion-ico-size-md shrink-0 text-comp-select-icon-brand-def transition-transform duration-300" })
+        a,
+        /* @__PURE__ */ e(v, { className: "size-comp-accordion-ico-size-md shrink-0 text-comp-select-icon-brand-def transition-transform duration-300 group-data-[disabled]:text-icon-dark-tertiary" })
       ]
     }
-  );
-}, v = ({
-  className: o,
-  children: e,
-  ...a
+  ) });
+}, j = ({
+  className: r,
+  children: a,
+  ...t
 }) => {
-  const r = i();
-  return /* @__PURE__ */ t(
+  const { variant: o } = l();
+  return /* @__PURE__ */ e(
     n.Content,
     {
       "data-slot": "accordion-content",
-      className: "cursor-pointer overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-      ...a,
-      children: /* @__PURE__ */ t(
+      className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...t,
+      children: /* @__PURE__ */ e(
         "div",
         {
-          className: c(
-            "pt-md text-left",
-            { "pt-2xl text-text-brand-def": r === "single" },
-            o
-          ),
-          children: e
+          className: d(y({ variant: o }), r),
+          children: a
         }
       )
     }
   );
 };
 export {
-  g as Accordion,
-  v as AccordionContent,
-  h as AccordionHeader,
-  y as AccordionItem
+  N as Accordion,
+  j as AccordionContent,
+  I as AccordionHeader,
+  V as AccordionItem,
+  y as accordionContentInnerVariants,
+  x as accordionItemVariants,
+  h as accordionTriggerVariants
 };

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

@@ -3,8 +3,11 @@ import { Accordion } from './Accordion';
 declare const meta: Meta<typeof Accordion>;
 export default meta;
 type Story = StoryObj<typeof Accordion>;
-export declare const Multiple: Story;
+export declare const Default: Story;
 export declare const Single: Story;
+export declare const Multiple: Story;
+export declare const Settings: Story;
+export declare const AllVariants: Story;
 type PlaygroundProps = {
     headline1: string;
     body1?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EACL,SAAS,EAIV,MAAM,aAAa,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiEhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA8CpB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,eAAe,CAsCxD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,eAAe,CAqDtD,CAAA"}
+{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAc3D,OAAO,EACL,SAAS,EAKV,MAAM,aAAa,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAuEhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAsDrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmEpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAA;AAoVD,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiLzB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,eAAe,CA4DxD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,eAAe,CAyEtD,CAAA"}

package/dist/components/Alert/Alert.js

@@ -2,8 +2,8 @@ import { jsxs as x, jsx as r } from "react/jsx-runtime";
 import * as o from "react";
 import { cva as b } from "class-variance-authority";
 import { XClose as y } from "../Icons/CustomIcons.js";
-import { cn as h } from "../../utils/cn.js";
-import { Typography as v } from "../Typography/Typography.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { cn as v } from "../../utils/cn.js";
 const w = b(["rounded-2xl"], {
   variants: {
     type: {
@@ -41,7 +41,7 @@ const w = b(["rounded-2xl"], {
     {
       "data-slot": "alert",
       role: "alert",
-      className: h(
+      className: v(
         w({ type: i, size: t }),
         s,
         "flex w-fit items-center gap-sm",
@@ -51,7 +51,7 @@ const w = b(["rounded-2xl"], {
       ...p,
       children: [
         /* @__PURE__ */ r(
-          v,
+          h,
           {
             component: "span",
             variant: "body",

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

@@ -1 +1 @@
-{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/InfoCard/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,gBAAgB;;;8EAiBrB,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAGD,QAAA,MAAM,QAAQ;8EASX,aAAa;;CAef,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/InfoCard/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,gBAAgB;;;8EAepB,CAAA;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAGD,QAAA,MAAM,QAAQ;8EASX,aAAa;;CAaf,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}