periplo-ui 4.11.1 → 4.11.3

package/dist/components/Accordion/Accordion.js

@@ -1,30 +1,44 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CaretDown } from '@phosphor-icons/react/dist/ssr/CaretDown';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-const Accordion = AccordionPrimitive.Root;
-const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+import { cn } from "../../lib/utils.js";
+import { CaretDownIcon } from "@phosphor-icons/react/dist/ssr/CaretDown";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Accordion/Accordion.tsx
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+	ref,
+	className: cn("border-b", className),
+	...props
+}));
 AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-  AccordionPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline md:py-6 [&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(CaretDown, { className: "text-foreground h-6 w-6 shrink-0 transition-transform duration-200" })
-    ]
-  }
-) }));
+var AccordionTrigger = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+	className: "flex",
+	children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+		ref,
+		className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline md:py-6 [&[data-state=open]>svg]:rotate-180", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(CaretDownIcon, { className: "text-foreground h-6 w-6 shrink-0 transition-transform duration-200" })]
+	})
+}));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, { forceMount: true, ...props, ref, className: "group text-sm", children: /* @__PURE__ */ jsx("div", { className: "grid transition-[grid-template-rows] duration-200 ease-out group-data-[state=closed]:grid-rows-[0fr] group-data-[state=open]:grid-rows-[1fr]", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-6", className), children }) }) }) }));
+var AccordionContent = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+	forceMount: true,
+	...props,
+	ref,
+	className: "group text-sm",
+	children: /* @__PURE__ */ jsx("div", {
+		className: "grid transition-[grid-template-rows] duration-200 ease-out group-data-[state=closed]:grid-rows-[0fr] group-data-[state=open]:grid-rows-[1fr]",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("pt-0 pb-6", className),
+				children
+			})
+		})
+	})
+}));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
+//#endregion
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
-//# sourceMappingURL=Accordion.js.map
+
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { CaretDown } from '@phosphor-icons/react/dist/ssr/CaretDown'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline md:py-6 [&[data-state=open]>svg]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <CaretDown className=\"text-foreground h-6 w-6 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content forceMount {...props} ref={ref} className=\"group text-sm\">\n    <div className=\"grid transition-[grid-template-rows] duration-200 ease-out group-data-[state=closed]:grid-rows-[0fr] group-data-[state=open]:grid-rows-[1fr]\">\n      <div className=\"overflow-hidden\">\n        <div className={cn('pt-0 pb-6', className)}>{children}</div>\n      </div>\n    </div>\n  </AccordionPrimitive.Content>\n))\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,YAAY,kBAAA,CAAmB;AAErC,MAAM,aAAA,GAAgB,MAAM,UAAA,CAG1B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA,CAAC,mBAAmB,IAAA,EAAnB,EAAwB,KAAU,SAAA,EAAW,EAAA,CAAG,YAAY,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACrF;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,mBAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,wBACpC,GAAA,CAAC,kBAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAA,IAAA;AAAA,EAAC,kBAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,sIAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,oEAAA,EAAqE;AAAA;AAAA;AAC5F,CAAA,EACF,CACD;AACD,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA;AAE1D,MAAM,mBAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,EAAM,EAAG,GAAA,yBACnC,kBAAA,CAAmB,OAAA,EAAnB,EAA2B,UAAA,EAAU,IAAA,EAAE,GAAG,KAAA,EAAO,GAAA,EAAU,SAAA,EAAU,eAAA,EACpE,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gJACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,SAAS,CAAA,EAAI,UAAS,CAAA,EACxD,CAAA,EACF,GACF,CACD;AAED,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA;;;;"}
+{"version":3,"file":"Accordion.js","names":["React"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { CaretDownIcon } from '@phosphor-icons/react/dist/ssr/CaretDown'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline md:py-6 [&[data-state=open]>svg]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <CaretDownIcon className=\"text-foreground h-6 w-6 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content forceMount {...props} ref={ref} className=\"group text-sm\">\n    <div className=\"grid transition-[grid-template-rows] duration-200 ease-out group-data-[state=closed]:grid-rows-[0fr] group-data-[state=open]:grid-rows-[1fr]\">\n      <div className=\"overflow-hidden\">\n        <div className={cn('pt-0 pb-6', className)}>{children}</div>\n      </div>\n    </div>\n  </AccordionPrimitive.Content>\n))\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":";;;;;;AAMA,IAAM,YAAY,mBAAmB;AAErC,IAAM,gBAAgBA,QAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,mBAAmB,MAApB;CAA8B;CAAK,WAAW,GAAG,YAAY,SAAS;CAAG,GAAI;AAAQ,CAAA,CACtF;AACD,cAAc,cAAc;AAE5B,IAAM,mBAAmBA,QAAM,YAG5B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAAC,mBAAmB,QAApB;CAA2B,WAAU;CACnC,UAAA,qBAAC,mBAAmB,SAApB;EACO;EACL,WAAW,GACT,wIACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACD,oBAAC,eAAD,EAAe,WAAU,qEAAsE,CAAA,CACrE;;AACH,CAAA,CAC5B;AACD,iBAAiB,cAAc,mBAAmB,QAAQ;AAE1D,IAAM,mBAAmBA,QAAM,YAG5B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAAC,mBAAmB,SAApB;CAA4B,YAAA;CAAW,GAAI;CAAY;CAAK,WAAU;CACpE,UAAA,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,oBAAC,OAAD;IAAK,WAAW,GAAG,aAAa,SAAS;IAAI;GAAc,CAAA;EACxD,CAAA;CACF,CAAA;AACqB,CAAA,CAC7B;AAED,iBAAiB,cAAc,mBAAmB,QAAQ"}

package/dist/components/Accordion/index.js

@@ -1,2 +1,2 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion.js';
-//# sourceMappingURL=index.js.map
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./Accordion.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/Avatar/Avatar.js

@@ -1,62 +1,81 @@
-import { jsx } from 'react/jsx-runtime';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { cva } from 'class-variance-authority';
-import React__default from 'react';
-import { cn } from '../../lib/utils.js';
-
-const avatarVariants = cva("h-10 w-10 relative flex shrink-0 rounded-full", {
-  variants: {
-    /**
-     * Controls the size of the avatar
-     * @default "md"
-     */
-    size: {
-      /** Small size - 32x32px */
-      sm: "h-8 w-8",
-      /** Medium size - 40x40px */
-      md: "h-10 w-10",
-      /** Large size - 48x48px */
-      lg: "h-12 w-12"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
+import { cn } from "../../lib/utils.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cva } from "class-variance-authority";
+//#region src/components/Avatar/Avatar.tsx
+var avatarVariants = cva("h-10 w-10 relative flex shrink-0 rounded-full", {
+	variants: { 
+	/**
+	* Controls the size of the avatar
+	* @default "md"
+	*/
+size: {
+		/** Small size - 32x32px */
+		sm: "h-8 w-8",
+		/** Medium size - 40x40px */
+		md: "h-10 w-10",
+		/** Large size - 48x48px */
+		lg: "h-12 w-12"
+	} },
+	defaultVariants: { size: "md" }
 });
-const Avatar = React__default.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, { ref, className: cn(avatarVariants({ size, className })), ...props })
-);
+/**
+* Root avatar component that serves as a container for AvatarImage and AvatarFallback
+* @param props.size - Controls the size of the avatar ("sm" | "md" | "lg")
+* @param props.className - Additional CSS classes to apply
+*/
+var Avatar = React.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+	ref,
+	className: cn(avatarVariants({
+		size,
+		className
+	})),
+	...props
+}));
 Avatar.displayName = "Avatar";
-const AvatarImage = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full shrink-0 overflow-hidden rounded-full", className),
-    ...props
-  }
-));
+/**
+* Component for displaying the actual avatar image
+* @param props.src - The source URL of the image
+* @param props.alt - Alt text for the image
+* @param props.className - Additional CSS classes to apply
+*/
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+	ref,
+	className: cn("aspect-square h-full w-full shrink-0 overflow-hidden rounded-full", className),
+	...props
+}));
 AvatarImage.displayName = "AvatarImage";
-const AvatarFallback = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn("bg-muted flex h-full w-full items-center justify-center rounded-full", className),
-    ...props
-  }
-));
+/**
+* Fallback component displayed when the image fails to load or isn't provided
+* @param props.className - Additional CSS classes to apply
+* @param props.children - Content to display as fallback (typically initials or an icon)
+*/
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+	ref,
+	className: cn("bg-muted flex h-full w-full items-center justify-center rounded-full", className),
+	...props
+}));
 AvatarFallback.displayName = "AvatarFallback";
-const AvatarGroup = React__default.forwardRef(({ className, children, ...props }, ref) => {
-  const modifiedChildren = React__default.Children.map(children, (child) => {
-    if (React__default.isValidElement(child) && child.type === Avatar) {
-      return React__default.cloneElement(child, {
-        className: cn("ring-2 ring-white", child.props.className)
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex -space-x-4", className), ...props, children: modifiedChildren });
+/**
+* Container component for grouping multiple avatars with an overlapping effect
+* @param props.className - Additional CSS classes to apply
+* @param props.children - Avatar components to be grouped
+*/
+var AvatarGroup = React.forwardRef(({ className, children, ...props }, ref) => {
+	const modifiedChildren = React.Children.map(children, (child) => {
+		if (React.isValidElement(child) && child.type === Avatar) return React.cloneElement(child, { className: cn("ring-2 ring-white", child.props.className) });
+		return child;
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("flex -space-x-4", className),
+		...props,
+		children: modifiedChildren
+	});
 });
 AvatarGroup.displayName = "AvatarGroup";
-
+//#endregion
 export { Avatar, AvatarFallback, AvatarGroup, AvatarImage };
-//# sourceMappingURL=Avatar.js.map
+
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nconst avatarVariants = cva('h-10 w-10 relative flex shrink-0 rounded-full', {\n  variants: {\n    /**\n     * Controls the size of the avatar\n     * @default \"md\"\n     */\n    size: {\n      /** Small size - 32x32px */\n      sm: 'h-8 w-8',\n      /** Medium size - 40x40px */\n      md: 'h-10 w-10',\n      /** Large size - 48x48px */\n      lg: 'h-12 w-12',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\nexport type AvatarProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof avatarVariants>\n\n/**\n * Root avatar component that serves as a container for AvatarImage and AvatarFallback\n * @param props.size - Controls the size of the avatar (\"sm\" | \"md\" | \"lg\")\n * @param props.className - Additional CSS classes to apply\n */\nconst Avatar = React.forwardRef<React.ComponentRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n  ({ className, size, ...props }, ref) => (\n    <AvatarPrimitive.Root ref={ref} className={cn(avatarVariants({ size, className }))} {...props} />\n  ),\n)\nAvatar.displayName = 'Avatar'\n\n/**\n * Component for displaying the actual avatar image\n * @param props.src - The source URL of the image\n * @param props.alt - Alt text for the image\n * @param props.className - Additional CSS classes to apply\n */\nconst AvatarImage = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = 'AvatarImage'\n\n/**\n * Fallback component displayed when the image fails to load or isn't provided\n * @param props.className - Additional CSS classes to apply\n * @param props.children - Content to display as fallback (typically initials or an icon)\n */\nconst AvatarFallback = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className)}\n    {...props}\n  />\n))\nAvatarFallback.displayName = 'AvatarFallback'\n\ntype AvatarGroupProps = {\n  /** Optional custom className */\n  className?: string\n  /** Children should be Avatar components */\n  children: React.ReactNode\n} & React.HTMLAttributes<HTMLDivElement>\n\n/**\n * Container component for grouping multiple avatars with an overlapping effect\n * @param props.className - Additional CSS classes to apply\n * @param props.children - Avatar components to be grouped\n */\nconst AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(({ className, children, ...props }, ref) => {\n  const modifiedChildren = React.Children.map(children, (child) => {\n    if (React.isValidElement<AvatarProps>(child) && child.type === Avatar) {\n      return React.cloneElement(child, {\n        className: cn('ring-2 ring-white', child.props.className),\n      })\n    }\n    return child\n  })\n\n  return (\n    <div ref={ref} className={cn('flex -space-x-4', className)} {...props}>\n      {modifiedChildren}\n    </div>\n  )\n})\n\nAvatarGroup.displayName = 'AvatarGroup'\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup }\n"],"names":["React"],"mappings":";;;;;;AAMA,MAAM,cAAA,GAAiB,IAAI,+CAAA,EAAiD;AAAA,EAC1E,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,IAAA,EAAM;AAAA;AAAA,MAEJ,EAAA,EAAI,SAAA;AAAA;AAAA,MAEJ,EAAA,EAAI,WAAA;AAAA;AAAA,MAEJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAQD,MAAM,SAASA,cAAA,CAAM,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC9B,GAAA,CAAC,eAAA,CAAgB,IAAA,EAAhB,EAAqB,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,WAAW,CAAC,CAAA,EAAI,GAAG,KAAA,EAAO;AAEnG;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAQrB,MAAM,WAAA,GAAcA,eAAM,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA;AAAA,EAAC,eAAA,CAAgB,KAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,mEAAA,EAAqE,SAAS,CAAA;AAAA,IAC3F,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAO1B,MAAM,cAAA,GAAiBA,eAAM,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA;AAAA,EAAC,eAAA,CAAgB,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,sEAAA,EAAwE,SAAS,CAAA;AAAA,IAC9F,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;AAc7B,MAAM,WAAA,GAAcA,cAAA,CAAM,UAAA,CAA6C,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjH,EAAA,MAAM,mBAAmBA,cAAA,CAAM,QAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,KAAA,KAAU;AAC/D,IAAA,IAAIA,eAAM,cAAA,CAA4B,KAAK,CAAA,IAAK,KAAA,CAAM,SAAS,MAAA,EAAQ;AACrE,MAAA,OAAOA,cAAA,CAAM,aAAa,KAAA,EAAO;AAAA,QAC/B,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,KAAA,CAAM,MAAM,SAAS;AAAA,OACzD,CAAA;AAAA,IACH;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAC,CAAA;AAED,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,mBAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EAC7D,QAAA,EAAA,gBAAA,EACH,CAAA;AAEJ,CAAC;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nconst avatarVariants = cva('h-10 w-10 relative flex shrink-0 rounded-full', {\n  variants: {\n    /**\n     * Controls the size of the avatar\n     * @default \"md\"\n     */\n    size: {\n      /** Small size - 32x32px */\n      sm: 'h-8 w-8',\n      /** Medium size - 40x40px */\n      md: 'h-10 w-10',\n      /** Large size - 48x48px */\n      lg: 'h-12 w-12',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\nexport type AvatarProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof avatarVariants>\n\n/**\n * Root avatar component that serves as a container for AvatarImage and AvatarFallback\n * @param props.size - Controls the size of the avatar (\"sm\" | \"md\" | \"lg\")\n * @param props.className - Additional CSS classes to apply\n */\nconst Avatar = React.forwardRef<React.ComponentRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n  ({ className, size, ...props }, ref) => (\n    <AvatarPrimitive.Root ref={ref} className={cn(avatarVariants({ size, className }))} {...props} />\n  ),\n)\nAvatar.displayName = 'Avatar'\n\n/**\n * Component for displaying the actual avatar image\n * @param props.src - The source URL of the image\n * @param props.alt - Alt text for the image\n * @param props.className - Additional CSS classes to apply\n */\nconst AvatarImage = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = 'AvatarImage'\n\n/**\n * Fallback component displayed when the image fails to load or isn't provided\n * @param props.className - Additional CSS classes to apply\n * @param props.children - Content to display as fallback (typically initials or an icon)\n */\nconst AvatarFallback = React.forwardRef<\n  React.ComponentRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className)}\n    {...props}\n  />\n))\nAvatarFallback.displayName = 'AvatarFallback'\n\ntype AvatarGroupProps = {\n  /** Optional custom className */\n  className?: string\n  /** Children should be Avatar components */\n  children: React.ReactNode\n} & React.HTMLAttributes<HTMLDivElement>\n\n/**\n * Container component for grouping multiple avatars with an overlapping effect\n * @param props.className - Additional CSS classes to apply\n * @param props.children - Avatar components to be grouped\n */\nconst AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(({ className, children, ...props }, ref) => {\n  const modifiedChildren = React.Children.map(children, (child) => {\n    if (React.isValidElement<AvatarProps>(child) && child.type === Avatar) {\n      return React.cloneElement(child, {\n        className: cn('ring-2 ring-white', child.props.className),\n      })\n    }\n    return child\n  })\n\n  return (\n    <div ref={ref} className={cn('flex -space-x-4', className)} {...props}>\n      {modifiedChildren}\n    </div>\n  )\n})\n\nAvatarGroup.displayName = 'AvatarGroup'\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup }\n"],"mappings":";;;;;;AAMA,IAAM,iBAAiB,IAAI,iDAAiD;CAC1E,UAAU;;;;;AAKR,MAAM;;EAEJ,IAAI;;EAEJ,IAAI;;EAEJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;;;;;;AAQD,IAAM,SAAS,MAAM,YAClB,EAAE,WAAW,MAAM,GAAG,SAAS,QAC9B,oBAAC,gBAAgB,MAAjB;CAA2B;CAAK,WAAW,GAAG,eAAe;EAAE;EAAM;CAAU,CAAC,CAAC;CAAG,GAAI;AAAQ,CAAA,CAEpG;AACA,OAAO,cAAc;;;;;;;AAQrB,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,qEAAqE,SAAS;CAC5F,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;;;;;;AAO1B,IAAM,iBAAiB,MAAM,YAG1B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,UAAjB;CACO;CACL,WAAW,GAAG,wEAAwE,SAAS;CAC/F,GAAI;AACL,CAAA,CACF;AACD,eAAe,cAAc;;;;;;AAc7B,IAAM,cAAc,MAAM,YAA8C,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CACjH,MAAM,mBAAmB,MAAM,SAAS,IAAI,WAAW,UAAU;EAC/D,IAAI,MAAM,eAA4B,KAAK,KAAK,MAAM,SAAS,QAC7D,OAAO,MAAM,aAAa,OAAO,EAC/B,WAAW,GAAG,qBAAqB,MAAM,MAAM,SAAS,EAC1D,CAAC;EAEH,OAAO;CACT,CAAC;CAED,OACE,oBAAC,OAAD;EAAU;EAAK,WAAW,GAAG,mBAAmB,SAAS;EAAG,GAAI;EAC7D,UAAA;CACE,CAAA;AAET,CAAC;AAED,YAAY,cAAc"}

package/dist/components/Avatar/index.js

@@ -1,2 +1,2 @@
-export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from './Avatar.js';
-//# sourceMappingURL=index.js.map
+import { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from "./Avatar.js";
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage };

package/dist/components/Badge/Badge.js

@@ -1,35 +1,50 @@
-import { jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-const badgeVariants = cva("inline-flex items-center rounded-sm border border-transparent font-medium", {
-  variants: {
-    color: {
-      neutral: "bg-neutral-50 text-neutral-950",
-      accent: "bg-accent-100 text-neutral-950",
-      info: "bg-information-100 text-information-800",
-      success: "bg-success-100 text-success-800",
-      warning: "bg-background-300 text-accent-900",
-      error: "bg-error-100 text-error-800"
-    },
-    size: {
-      small: "px-2 py-0.5 text-xs",
-      medium: "px-2.5 py-0.5 text-sm",
-      big: "px-3 py-1 text-base"
-    }
-  },
-  defaultVariants: {
-    color: "neutral",
-    size: "medium"
-  }
+import { cn } from "../../lib/utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/Badge/Badge.tsx
+var badgeVariants = cva("inline-flex items-center rounded-sm border border-transparent font-medium", {
+	variants: {
+		color: {
+			neutral: "bg-neutral-50 text-neutral-950",
+			accent: "bg-accent-100 text-neutral-950",
+			info: "bg-information-100 text-information-800",
+			success: "bg-success-100 text-success-800",
+			warning: "bg-background-300 text-accent-900",
+			error: "bg-error-100 text-error-800"
+		},
+		size: {
+			small: "px-2 py-0.5 text-xs",
+			medium: "px-2.5 py-0.5 text-sm",
+			big: "px-3 py-1 text-base"
+		}
+	},
+	defaultVariants: {
+		color: "neutral",
+		size: "medium"
+	}
+});
+/**
+* An inline status label used to represent a state (e.g. "Active", "Pending").
+*
+* @example
+* ```tsx
+* <Badge color="success" size="small">Active</Badge>
+* ```
+*/
+var Badge = React$1.forwardRef(({ className, color = "neutral", size = "medium", children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(badgeVariants({
+			color,
+			size
+		}), className),
+		ref,
+		...props,
+		children
+	});
 });
-const Badge = React.forwardRef(
-  ({ className, color = "neutral", size = "medium", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("span", { className: cn(badgeVariants({ color, size }), className), ref, ...props, children });
-  }
-);
 Badge.displayName = "Badge";
-
+//#endregion
 export { Badge, badgeVariants };
-//# sourceMappingURL=Badge.js.map
+
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nconst badgeVariants = cva('inline-flex items-center rounded-sm border border-transparent font-medium', {\n  variants: {\n    color: {\n      neutral: 'bg-neutral-50 text-neutral-950',\n      accent: 'bg-accent-100 text-neutral-950',\n      info: 'bg-information-100 text-information-800',\n      success: 'bg-success-100 text-success-800',\n      warning: 'bg-background-300 text-accent-900',\n      error: 'bg-error-100 text-error-800',\n    },\n    size: {\n      small: 'px-2 py-0.5 text-xs',\n      medium: 'px-2.5 py-0.5 text-sm',\n      big: 'px-3 py-1 text-base',\n    },\n  },\n  defaultVariants: {\n    color: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport type BadgeProps = {\n  /**\n   * The color of the badge.\n   * @default 'neutral'\n   */\n  color?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n\n  /**\n   * The size of the badge.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'big'\n\n  /**\n   * The label to display inside the badge.\n   */\n  children?: React.ReactNode\n} & React.HTMLAttributes<HTMLElement>\n\n/**\n * An inline status label used to represent a state (e.g. \"Active\", \"Pending\").\n *\n * @example\n * ```tsx\n * <Badge color=\"success\" size=\"small\">Active</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, color = 'neutral', size = 'medium', children, ...props }, ref) => {\n    return (\n      <span className={cn(badgeVariants({ color, size }), className)} ref={ref} {...props}>\n        {children}\n      </span>\n    )\n  },\n)\n\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"],"names":[],"mappings":";;;;;AAKA,MAAM,aAAA,GAAgB,IAAI,2EAAA,EAA6E;AAAA,EACrG,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,gCAAA;AAAA,MACT,MAAA,EAAQ,gCAAA;AAAA,MACR,IAAA,EAAM,yCAAA;AAAA,MACN,OAAA,EAAS,iCAAA;AAAA,MACT,OAAA,EAAS,mCAAA;AAAA,MACT,KAAA,EAAO;AAAA,KACT;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,qBAAA;AAAA,MACP,MAAA,EAAQ,uBAAA;AAAA,MACR,GAAA,EAAK;AAAA;AACP,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAC;AA6BD,MAAM,QAAQ,KAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,SAAA,EAAW,IAAA,GAAO,QAAA,EAAU,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9E,IAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,cAAc,EAAE,KAAA,EAAO,IAAA,EAAM,GAAG,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,OAC3E,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
+{"version":3,"file":"Badge.js","names":["React"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nconst badgeVariants = cva('inline-flex items-center rounded-sm border border-transparent font-medium', {\n  variants: {\n    color: {\n      neutral: 'bg-neutral-50 text-neutral-950',\n      accent: 'bg-accent-100 text-neutral-950',\n      info: 'bg-information-100 text-information-800',\n      success: 'bg-success-100 text-success-800',\n      warning: 'bg-background-300 text-accent-900',\n      error: 'bg-error-100 text-error-800',\n    },\n    size: {\n      small: 'px-2 py-0.5 text-xs',\n      medium: 'px-2.5 py-0.5 text-sm',\n      big: 'px-3 py-1 text-base',\n    },\n  },\n  defaultVariants: {\n    color: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport type BadgeProps = {\n  /**\n   * The color of the badge.\n   * @default 'neutral'\n   */\n  color?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n\n  /**\n   * The size of the badge.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'big'\n\n  /**\n   * The label to display inside the badge.\n   */\n  children?: React.ReactNode\n} & React.HTMLAttributes<HTMLElement>\n\n/**\n * An inline status label used to represent a state (e.g. \"Active\", \"Pending\").\n *\n * @example\n * ```tsx\n * <Badge color=\"success\" size=\"small\">Active</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, color = 'neutral', size = 'medium', children, ...props }, ref) => {\n    return (\n      <span className={cn(badgeVariants({ color, size }), className)} ref={ref} {...props}>\n        {children}\n      </span>\n    )\n  },\n)\n\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;AAKA,IAAM,gBAAgB,IAAI,6EAA6E;CACrG,UAAU;EACR,OAAO;GACL,SAAS;GACT,QAAQ;GACR,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;EACT;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,KAAK;EACP;CACF;CACA,iBAAiB;EACf,OAAO;EACP,MAAM;CACR;AACF,CAAC;;;;;;;;;AA6BD,IAAM,QAAQA,QAAM,YACjB,EAAE,WAAW,QAAQ,WAAW,OAAO,UAAU,UAAU,GAAG,SAAS,QAAQ;CAC9E,OACE,oBAAC,QAAD;EAAM,WAAW,GAAG,cAAc;GAAE;GAAO;EAAK,CAAC,GAAG,SAAS;EAAQ;EAAK,GAAI;EAC3E;CACG,CAAA;AAEV,CACF;AAEA,MAAM,cAAc"}

package/dist/components/Badge/index.js

@@ -1,2 +1,2 @@
-export { Badge, badgeVariants } from './Badge.js';
-//# sourceMappingURL=index.js.map
+import { Badge, badgeVariants } from "./Badge.js";
+export { Badge, badgeVariants };

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

@@ -41,7 +41,7 @@ declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.Detaile
  * Can be customized with different icons or characters.
  */
 declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
     displayName: string;
 };
 /**
@@ -49,7 +49,7 @@ declare const BreadcrumbSeparator: {
  * Used to show that there are hidden items in the path.
  */
 declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
     displayName: string;
 };
 /**
@@ -68,12 +68,12 @@ declare const NavigationBreadcrumb: ({ pathname, pathMappings, translation, base
     basePath?: string;
     textTransform?: TextTransformOption;
     endSlash?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 declare const PagesBreadcrumb: ({ pages, currentPage, }: {
     pages: Array<{
         link: string;
         text: string;
     }>;
     currentPage: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, NavigationBreadcrumb, PagesBreadcrumb, };