@vkzstudio/muza-ui 1.0.0 → 1.0.1

package/dist/_virtual/react-reconciler-constants.production.min.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/react-reconciler.development.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/scheduler.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/scheduler.production.min.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/server.browser.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/react-dom/server.browser.js";
+var s = r();
+export {
+  s
+};

package/dist/_virtual/server.browser2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-declare function Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionItem({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionHeader({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Header>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Accordion, AccordionItem, AccordionHeader, AccordionContent };
+declare const Accordion: ({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionHeader: ({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Header>) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionContent: ({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem };
 //# 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;AAa/D,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAUtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CA2BtD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,MAAM,CAAC,2CA4BxD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAoBzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,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;AAa/D,QAAA,MAAM,SAAS,GAAI,yBAGhB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,4CAUtD,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,mCAIpB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,4CA2BtD,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,MAAM,CAAC,4CA6BxD,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,4CAoBzD,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,116 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as s 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,
+  {
+    "data-slot": "accordion",
+    className: c("flex w-full flex-col gap-md", o),
+    ...e
+  }
+) }), y = ({
+  className: o,
+  children: e,
+  ...a
+}) => {
+  const r = i();
+  return /* @__PURE__ */ t(
+    n.Item,
+    {
+      "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
+        }
+      )
+    }
+  );
+}, h = ({
+  className: o,
+  children: e,
+  ...a
+}) => {
+  const r = i();
+  return /* @__PURE__ */ l(
+    n.Header,
+    {
+      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,
+      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" })
+      ]
+    }
+  );
+}, v = ({
+  className: o,
+  children: e,
+  ...a
+}) => {
+  const r = i();
+  return /* @__PURE__ */ t(
+    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(
+        "div",
+        {
+          className: c(
+            "pt-md text-left",
+            { "pt-2xl text-text-brand-def": r === "single" },
+            o
+          ),
+          children: e
+        }
+      )
+    }
+  );
+};
+export {
+  g as Accordion,
+  v as AccordionContent,
+  h as AccordionHeader,
+  y as AccordionItem
+};

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;AAC3D,OAAO,EACL,SAAS,EAIV,MAAM,aAAa,CAAA;AAIpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA4BhC,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,CAqCxD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,eAAe,CAoDtD,CAAA"}
+{"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,CA4BhC,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"}

package/dist/components/Alert/Alert.d.ts

@@ -10,6 +10,6 @@ export interface AlertProps extends React.ComponentProps<'div'>, VariantProps<ty
     onClose?: () => void;
     className?: string;
 }
-declare function Alert({ className, type, size, textWeight, isClosable, children, onClose, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+declare const Alert: ({ className, type, size, textWeight, isClosable, children, onClose, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
 export { Alert };
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;8EAiBjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EACjC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,UAAsB,EACtB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,UAAU,kDAqDZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;;8EAiBjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EACjC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,GAAI,gFASZ,UAAU,mDAqDZ,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Alert/Alert.js

@@ -0,0 +1,83 @@
+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 { Typography as h } from "../Typography/Typography.js";
+import { cn as v } from "../../utils/cn.js";
+const w = b(["rounded-2xl"], {
+  variants: {
+    type: {
+      info: "bg-comp-alert-bg-info text-comp-alert-text-info",
+      success: "bg-comp-alert-bg-success text-comp-alert-text-success",
+      warning: "bg-comp-alert-bg-warning text-comp-alert-text-warning",
+      error: "bg-comp-alert-bg-error text-comp-alert-text-error"
+    },
+    size: {
+      large: "rounded-2xl px-comp-alert-ver-p-lg py-comp-alert-hor-p-lg",
+      small: "rounded-xl px-comp-alert-ver-p-sm py-comp-alert-hor-p-sm"
+    }
+  },
+  defaultVariants: {
+    type: "info",
+    size: "large"
+  }
+}), E = ({
+  className: s,
+  type: i,
+  size: t,
+  textWeight: l = "regular",
+  isClosable: n,
+  children: c,
+  onClose: e,
+  ...p
+}) => {
+  const [m, g] = o.useState(!0), [a, u] = o.useState(!1), f = () => {
+    u(!0);
+  }, d = () => {
+    a && (g(!1), e == null || e());
+  };
+  return m ? /* @__PURE__ */ x(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: v(
+        w({ type: i, size: t }),
+        s,
+        "flex w-fit items-center gap-sm",
+        a ? "opacity-0 transition-opacity duration-300" : "opacity-100"
+      ),
+      onTransitionEnd: d,
+      ...p,
+      children: [
+        /* @__PURE__ */ r(
+          h,
+          {
+            component: "span",
+            variant: "body",
+            size: t === "large" ? "base" : "sm",
+            weight: l,
+            fixY: !0,
+            children: c
+          }
+        ),
+        n && /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: f,
+            className: "cursor-pointer focus-visible-auto",
+            children: /* @__PURE__ */ r(
+              y,
+              {
+                className: t === "large" ? "size-icon-medium" : "size-icon-small"
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) : null;
+};
+export {
+  E as Alert
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4D5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,IAAI,EAAE,KAelB,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAenB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwHzB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwHjC,CAAA"}
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4D5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,IAAI,EAAE,KAgBlB,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwHzB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwHjC,CAAA"}

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

@@ -12,8 +12,8 @@ export interface AvatarProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     className?: string;
 }
-declare function Avatar({ className, onClick, src, alt, pressed, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare const Avatar: ({ className, onClick, src, alt, pressed, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarImage: ({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarFallback: ({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) => import("react/jsx-runtime").JSX.Element;
 export { Avatar, AvatarImage, AvatarFallback };
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAkCnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,EACH,OAAO,EACP,GAAG,KAAK,EACT,EAAE,WAAW,2CA6Bb;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAmCnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM,GAAI,qDAOb,WAAW,4CAiCb,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,yBAGlB,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAQpD,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,yBAGrB,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,4CAWvD,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import "react";
+import * as i from "@radix-ui/react-avatar";
+import { cva as u } from "class-variance-authority";
+import { cn as a } from "../../utils/cn.js";
+import { UserBold as m } from "@solar-icons/react-perf";
+const f = u(
+  [
+    "relative flex shrink-0 overflow-hidden rounded-full transition-colors",
+    "h-comp-button-h-sm w-comp-button-w-sm",
+    "bg-comp-button-tertiary-bg-def text-comp-button-tertiary-text-def",
+    "border border-comp-button-tertiary-stroke-def",
+    "disabled:pointer-events-none",
+    "disabled:bg-comp-button-tertiary-bg-disabled",
+    "disabled:text-comp-button-tertiary-text-disabled",
+    "disabled:border-comp-button-tertiary-stroke-disabled"
+  ],
+  {
+    variants: {
+      interactive: {
+        true: [
+          "cursor-pointer",
+          "hover:bg-comp-button-tertiary-bg-hover",
+          "hover:text-comp-button-tertiary-text-hover",
+          "hover:border-comp-button-tertiary-stroke-hover",
+          "focus-visible-auto",
+          "focus-visible:bg-comp-button-tertiary-bg-hover",
+          "focus-visible:text-comp-button-tertiary-text-focused",
+          "focus-visible:border-comp-button-tertiary-stroke-focused"
+        ],
+        false: []
+      },
+      pressed: {
+        true: "border-comp-button-tertiary-stroke-focused bg-comp-button-tertiary-bg-hover text-comp-button-tertiary-text-focused",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      interactive: !1
+    }
+  }
+), N = ({
+  className: r,
+  onClick: t,
+  src: n,
+  alt: b,
+  pressed: c,
+  ...s
+}) => {
+  const o = typeof t < "u", d = o ? "button" : "span";
+  return console.log(o, t), /* @__PURE__ */ e(
+    i.Root,
+    {
+      asChild: !0,
+      "data-slot": "avatar",
+      className: a(
+        f({
+          interactive: o,
+          pressed: c
+        }),
+        r
+      ),
+      ...o ? { tabIndex: 0, role: "button", onClick: t, disabled: s.disabled } : {},
+      ...s,
+      children: /* @__PURE__ */ l(d, { children: [
+        /* @__PURE__ */ e(
+          v,
+          {
+            alt: b,
+            src: n,
+            className: a({ "opacity-50": s.disabled })
+          }
+        ),
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(m, { className: "size-icon-small" }) })
+      ] })
+    }
+  );
+}, v = ({
+  className: r,
+  ...t
+}) => /* @__PURE__ */ e(
+  i.Image,
+  {
+    "data-slot": "avatar-image",
+    className: a("aspect-square size-full object-cover", r),
+    ...t
+  }
+), p = ({
+  className: r,
+  ...t
+}) => /* @__PURE__ */ e(
+  i.Fallback,
+  {
+    "data-slot": "avatar-fallback",
+    className: a(
+      "bg-muted flex size-full items-center justify-center rounded-full",
+      r
+    ),
+    ...t
+  }
+);
+export {
+  N as Avatar,
+  p as AvatarFallback,
+  v as AvatarImage
+};

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

@@ -3,11 +3,8 @@ import { Avatar } from './Avatar';
 declare const meta: Meta<typeof Avatar>;
 export default meta;
 type Story = StoryObj<typeof Avatar>;
-export declare const AvatarButtonDefault: Story;
-export declare const AvatarButtonDisabled: Story;
-export declare const AvatarButtonPressed: Story;
-export declare const AvatarButtonWithImage: Story;
-export declare const AvatarButtonWithImageDisabled: Story;
-export declare const AvatarButtonWithImagePressed: Story;
-export declare const AvatarButtonWithoutOnClick: Story;
+export declare const Default: Story;
+export declare const WithImage: Story;
+export declare const Clickable: Story;
+export declare const AllVariants: Story;
 //# sourceMappingURL=Avatar.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAIjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAuD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAYnC,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,KAa3C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAc1C,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAYxC,CAAA"}
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAIjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAuD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAavB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA4DzB,CAAA"}

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+declare const Breadcrumb: ({ ...props }: React.ComponentProps<"nav">) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbList: ({ className, ...props }: React.ComponentProps<"ol">) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbItem: ({ className, ...props }: React.ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbLink: ({ asChild, className, ...props }: React.ComponentProps<"a"> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbPage: ({ className, ...props }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbSeparator: ({ children, className, ...props }: React.ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbEllipsis: ({ className, ...props }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
 //# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAgBA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAe5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAe5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAuB9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,UAAU,GAAI,cAAc,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,4CAE5D,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,yBAGrB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,4CAW5B,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,yBAGrB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,4CAQ5B,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,kCAIrB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,4CAqBA,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,yBAGrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,4CAoB9B,CAAA;AAED,QAAA,MAAM,mBAAmB,GAAI,mCAI1B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,4CAe5B,CAAA;AAED,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,4CAuB9B,CAAA;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,126 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { Slot as i } from "@radix-ui/react-slot";
+import { typographyVariants as o, Typography as n } from "../Typography/Typography.js";
+import { cn as a } from "../../utils/cn.js";
+import { AltArrowRightOutline as m } from "@solar-icons/react-perf";
+const f = ({ ...r }) => /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r }), g = ({
+  className: r,
+  ...e
+}) => /* @__PURE__ */ t(
+  "ol",
+  {
+    "data-slot": "breadcrumb-list",
+    className: a(
+      "flex flex-wrap items-center gap-comp-breadcrumb-gap text-sm break-words",
+      r
+    ),
+    ...e
+  }
+), h = ({
+  className: r,
+  ...e
+}) => /* @__PURE__ */ t(
+  "li",
+  {
+    "data-slot": "breadcrumb-item",
+    className: a("inline-flex items-center", r),
+    ...e
+  }
+), y = ({
+  asChild: r,
+  className: e,
+  ...s
+}) => /* @__PURE__ */ t(
+  r ? i : "a",
+  {
+    "data-slot": "breadcrumb-link",
+    className: a(
+      o({
+        variant: "body",
+        weight: "regular",
+        size: "sm",
+        fixY: !0
+      }),
+      "font-text text-text-dark-secondary",
+      "hover:text-text-brand-def",
+      "focus-visible-default",
+      e
+    ),
+    ...s
+  }
+), k = ({
+  className: r,
+  ...e
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: a(
+      o({
+        variant: "body",
+        weight: "medium",
+        size: "sm",
+        fixY: !0
+      }),
+      "font-text text-text-dark-primary-def",
+      r
+    ),
+    ...e
+  }
+), v = ({
+  children: r,
+  className: e,
+  ...s
+}) => /* @__PURE__ */ t(
+  "li",
+  {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: a(
+      "text-icon-dark-secondary-def [&>svg]:size-comp-breadcrumb-ico-size-sm",
+      e
+    ),
+    ...s,
+    children: r ?? /* @__PURE__ */ t(m, {})
+  }
+), B = ({
+  className: r,
+  ...e
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: a(
+      "flex cursor-pointer items-center justify-center text-text-dark-secondary hover:text-text-brand-def",
+      r
+    ),
+    ...e,
+    children: /* @__PURE__ */ t(
+      n,
+      {
+        component: "span",
+        variant: "body",
+        weight: "regular",
+        size: "sm",
+        className: "transition-color",
+        children: "..."
+      }
+    )
+  }
+);
+export {
+  f as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  h as BreadcrumbItem,
+  y as BreadcrumbLink,
+  g as BreadcrumbList,
+  k as BreadcrumbPage,
+  v as BreadcrumbSeparator
+};

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,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,MAAM,uFA8DX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,MAAM,uFA+DX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}