@spear-ai/spectral 1.13.1 → 1.14.1

package/dist/Accordion.d.ts

@@ -1,55 +1,75 @@
-import { ComponentPropsWithoutRef, ComponentRef, ReactNode, Ref } from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-export type AutoScrollBehavior = 'never' | 'mobile' | 'always';
+'use client';
+import { ComponentPropsWithoutRef, ComponentRef, ReactNode, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region src/components/Accordion/Accordion.d.ts
+type AutoScrollBehavior = 'never' | 'mobile' | 'always';
 interface BaseAccordionProps {
-    autoScroll?: AutoScrollBehavior;
-    children?: ReactNode;
-    className?: string;
-    scrollPadding?: number;
-    variant?: 'default' | 'contained' | 'separated';
+  autoScroll?: AutoScrollBehavior;
+  children?: ReactNode;
+  className?: string;
+  scrollPadding?: number;
+  variant?: 'default' | 'contained' | 'separated';
 }
-export interface AccordionSingleProps extends BaseAccordionProps {
-    collapsible?: boolean;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    type: 'single';
-    value?: string;
+interface AccordionSingleProps extends BaseAccordionProps {
+  collapsible?: boolean;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  type: 'single';
+  value?: string;
 }
-export interface AccordionMultipleProps extends BaseAccordionProps {
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
-    type: 'multiple';
-    value?: string[];
+interface AccordionMultipleProps extends BaseAccordionProps {
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+  type: 'multiple';
+  value?: string[];
 }
-export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
 type AccordionComponent = (props: AccordionProps & {
-    ref?: Ref<HTMLDivElement>;
+  ref?: Ref<HTMLDivElement>;
 }) => ReactNode;
 type AccordionType = AccordionComponent & {
-    Content: typeof AccordionContent;
-    Item: typeof AccordionItem;
-    Trigger: typeof AccordionTrigger;
+  Content: typeof AccordionContent;
+  Item: typeof AccordionItem;
+  Trigger: typeof AccordionTrigger;
 };
-export declare const AccordionItem: {
-    ({ className, ref, ...props }: ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
-        ref?: Ref<ComponentRef<typeof AccordionPrimitive.Item>>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const AccordionTrigger: {
-    ({ ref, className, title, subtitle, ...props }: ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
-        ref?: Ref<HTMLButtonElement>;
-        subtitle?: ReactNode;
-        title: ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const AccordionContent: {
-    ({ ref, className, children, ...props }: ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
-        ref?: Ref<ComponentRef<typeof AccordionPrimitive.Content>>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const Accordion: AccordionType;
-export {};
+declare function AccordionItem({
+  className,
+  ref,
+  ...props
+}: ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
+  ref?: Ref<ComponentRef<typeof AccordionPrimitive.Item>>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AccordionItem {
+  var displayName: string;
+}
+declare function AccordionTrigger({
+  ref,
+  className,
+  title,
+  subtitle,
+  ...props
+}: ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+  ref?: Ref<HTMLButtonElement>;
+  subtitle?: ReactNode;
+  title: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AccordionTrigger {
+  var displayName: string;
+}
+declare function AccordionContent({
+  ref,
+  className,
+  children,
+  ...props
+}: ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+  ref?: Ref<ComponentRef<typeof AccordionPrimitive.Content>>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AccordionContent {
+  var displayName: string;
+}
+declare const Accordion: AccordionType;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionMultipleProps, AccordionProps, AccordionSingleProps, AccordionTrigger, AutoScrollBehavior };
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","names":[],"sources":["../src/components/Accordion/Accordion.tsx"],"mappings":";;;;;;KAMY,kBAAA;AAAA,UAEF,kBAAA;EACR,UAAA,GAAa,kBAAA;EACb,QAAA,GAAW,SAAA;EACX,SAAA;EACA,aAAA;EACA,OAAA;AAAA;AAAA,UAGe,oBAAA,SAA6B,kBAAA;EAC5C,WAAA;EACA,YAAA;EACA,aAAA,IAAiB,KAAA;EACjB,IAAA;EACA,KAAA;AAAA;AAAA,UAGe,sBAAA,SAA+B,kBAAA;EAC9C,YAAA;EACA,aAAA,IAAiB,KAAA;EACjB,IAAA;EACA,KAAA;AAAA;AAAA,KAGU,cAAA,GAAiB,oBAAA,GAAuB,sBAAA;AAAA,KAE/C,kBAAA,IAAsB,KAAA,EAAO,cAAA;EAAmB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,MAAsB,SAAA;AAAA,KAEhF,aAAA,GAAgB,kBAAA;EACnB,OAAA,SAAgB,gBAAA;EAChB,IAAA,SAAa,aAAA;EACb,OAAA,SAAgB,gBAAA;AAAA;AAAA;EAmEhB,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA,QAAgC,kBAAA,CAAmB,IAAA;EACpD,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,kBAAA,CAAmB,IAAA;AAAA,IAClD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAQC,GAAA;EACA,SAAA;EACA,KAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,wBAAA,QAAgC,kBAAA,CAAmB,OAAA;EACpD,GAAA,GAAM,GAAA,CAAI,iBAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,EAAO,SAAA;AAAA,IACR,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAsCC,GAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,wBAAA,QAAgC,kBAAA,CAAmB,OAAA;EACpD,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,kBAAA,CAAmB,OAAA;AAAA,IAClD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;cAeY,SAAA,EAAW,aAAA"}

package/dist/Accordion.js

@@ -1,4 +1,113 @@
-'use client'
-import "./hooks/useAccordionAutoScroll.js";
-import { i as e, n as t, r as n, t as r } from "./Accordion-dVZHqyv8.js";
-export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger };
+'use client';
+import { ChevronDownIcon } from "./Icons/ChevronDownIcon.js";
+import { useAccordionAutoScroll } from "./hooks/useAccordionAutoScroll.js";
+import { cn } from "./utils/twUtils.js";
+import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region src/components/Accordion/Accordion.tsx
+const variantStyles = {
+	default: "shadow-none",
+	contained: "rounded-md border border-level-four",
+	separated: "rounded-none space-y-2"
+};
+const itemStyles = {
+	default: "w-full py-4",
+	contained: "not-last:border-b border-level-four p-4",
+	separated: "border border-level-four rounded-md p-4"
+};
+const AccordionContext = createContext({ variant: "default" });
+const AccordionRoot = ({ className, ref, variant = "default", ...props }) => {
+	const { autoScroll = "never", scrollPadding = -20, children, ...rest } = props;
+	const accordionContext = {
+		autoScroll,
+		scrollPadding
+	};
+	const rootProps = {
+		...rest,
+		ref
+	};
+	return /* @__PURE__ */ jsx(AccordionContext.Provider, {
+		value: { variant },
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+			...rootProps,
+			className: cn("accordion-wrapper flex flex-col", variantStyles[variant], className),
+			"data-auto-scroll": autoScroll,
+			"data-scroll-options": JSON.stringify(accordionContext),
+			"data-scroll-padding": scrollPadding,
+			"data-slot": "accordion",
+			"data-testid": "spectral-accordion",
+			...props.type === "single" ? { collapsible: true } : {},
+			children: Children.map(children, (child) => {
+				if (isValidElement(child)) return cloneElement(child, { variant });
+				return child;
+			})
+		})
+	});
+};
+AccordionRoot.displayName = "Accordion";
+const AccordionItem = ({ className, ref, ...props }) => {
+	const { variant = "default" } = useContext(AccordionContext);
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		className: cn("w-full", itemStyles[variant], className),
+		"data-slot": "accordion-item",
+		"data-testid": "spectral-accordion-item",
+		ref,
+		...props
+	});
+};
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = ({ ref, className, title, subtitle, ...props }) => {
+	const triggerRef = useRef(null);
+	const handleAccordionOpen = useAccordionAutoScroll(triggerRef);
+	const useMergedRef = useCallback((element) => {
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+		triggerRef.current = element;
+	}, [ref]);
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "m-0 flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			className: cn("text-sm font-normal flex flex-1 items-center justify-between text-text-primary transition-all hover:no-underline", "disabled:cursor-not-allowed [&[data-state=open]>svg]:rotate-180", className),
+			"data-slot": "accordion-trigger",
+			"data-testid": "spectral-accordion-trigger",
+			onClick: handleAccordionOpen,
+			ref: useMergedRef,
+			...props,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "space-y-0.5 flex w-full flex-col text-start",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-base font-medium text-text-primary",
+					children: title
+				}), subtitle && /* @__PURE__ */ jsx("div", {
+					className: "text-sm font-normal text-text-secondary",
+					children: subtitle
+				})]
+			}), /* @__PURE__ */ jsx(ChevronDownIcon, { className: "shrink-0 transition-transform duration-200" })]
+		})
+	});
+};
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionContent = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+	className: cn("pt-4 text-sm overflow-hidden motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down", className),
+	"data-slot": "accordion-content",
+	"data-testid": "spectral-accordion-content",
+	ref,
+	...props,
+	children: /* @__PURE__ */ jsx("div", {
+		className: "px-1 pb-4 pt-0",
+		"data-slot": "accordion-content-inner",
+		children
+	})
+});
+AccordionContent.displayName = "AccordionContent";
+const Accordion = Object.assign(AccordionRoot, {
+	Content: AccordionContent,
+	Item: AccordionItem,
+	Trigger: AccordionTrigger
+});
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":[],"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { ChevronDownIcon } from '@components/Icons'\nimport { useAccordionAutoScroll } from '@hooks/useAccordionAutoScroll'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cn } from '@utils/twUtils'\nimport { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useRef, type ComponentPropsWithoutRef, type ComponentRef, type ReactNode, type Ref } from 'react'\n\nexport type AutoScrollBehavior = 'never' | 'mobile' | 'always'\n\ninterface BaseAccordionProps {\n  autoScroll?: AutoScrollBehavior\n  children?: ReactNode\n  className?: string\n  scrollPadding?: number\n  variant?: 'default' | 'contained' | 'separated'\n}\n\nexport interface AccordionSingleProps extends BaseAccordionProps {\n  collapsible?: boolean\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  type: 'single'\n  value?: string\n}\n\nexport interface AccordionMultipleProps extends BaseAccordionProps {\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n  type: 'multiple'\n  value?: string[]\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps\n\ntype AccordionComponent = (props: AccordionProps & { ref?: Ref<HTMLDivElement> }) => ReactNode\n\ntype AccordionType = AccordionComponent & {\n  Content: typeof AccordionContent\n  Item: typeof AccordionItem\n  Trigger: typeof AccordionTrigger\n}\n\ninterface ScrollOptions {\n  autoScroll: AutoScrollBehavior\n  scrollPadding: number\n}\n\nconst variantStyles = {\n  default: 'shadow-none',\n  contained: 'rounded-md border border-level-four',\n  separated: 'rounded-none space-y-2',\n}\n\nconst itemStyles = {\n  default: 'w-full py-4',\n  contained: 'not-last:border-b border-level-four p-4',\n  separated: 'border border-level-four rounded-md p-4',\n}\n\nconst AccordionContext = createContext<{ variant: BaseAccordionProps['variant'] }>({ variant: 'default' })\n\nconst AccordionRoot = ({\n  className,\n  ref,\n  variant = 'default',\n  ...props\n}: AccordionProps & {\n  ref?: Ref<HTMLDivElement>\n}) => {\n  const { autoScroll = 'never', scrollPadding = -20, children, ...rest } = props\n\n  const accordionContext: ScrollOptions = {\n    autoScroll,\n    scrollPadding,\n  }\n\n  const rootProps = {\n    ...rest,\n    ref,\n  }\n\n  return (\n    <AccordionContext.Provider value={{ variant }}>\n      <AccordionPrimitive.Root\n        {...rootProps}\n        className={cn('accordion-wrapper flex flex-col', variantStyles[variant], className)}\n        data-auto-scroll={autoScroll}\n        data-scroll-options={JSON.stringify(accordionContext)}\n        data-scroll-padding={scrollPadding}\n        data-slot='accordion'\n        data-testid='spectral-accordion'\n        {...(props.type === 'single' ? { collapsible: true } : {})}\n      >\n        {Children.map(children, (child: ReactNode) => {\n          if (isValidElement(child)) {\n            return cloneElement(child, { variant } as { variant: typeof variant })\n          }\n          return child\n        })}\n      </AccordionPrimitive.Root>\n    </AccordionContext.Provider>\n  )\n}\nAccordionRoot.displayName = 'Accordion'\n\nexport const AccordionItem = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {\n  ref?: Ref<ComponentRef<typeof AccordionPrimitive.Item>>\n}) => {\n  const { variant = 'default' } = useContext(AccordionContext)\n\n  return <AccordionPrimitive.Item className={cn('w-full', itemStyles[variant], className)} data-slot='accordion-item' data-testid='spectral-accordion-item' ref={ref} {...props} />\n}\nAccordionItem.displayName = 'AccordionItem'\n\nexport const AccordionTrigger = ({\n  ref,\n  className,\n  title,\n  subtitle,\n  ...props\n}: ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {\n  ref?: Ref<HTMLButtonElement>\n  subtitle?: ReactNode\n  title: ReactNode\n}) => {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const handleAccordionOpen = useAccordionAutoScroll(triggerRef)\n\n  const useMergedRef = useCallback(\n    (element: HTMLButtonElement) => {\n      if (typeof ref === 'function') {\n        ref(element)\n      } else if (ref) {\n        ref.current = element\n      }\n      triggerRef.current = element\n    },\n    [ref],\n  )\n\n  return (\n    <AccordionPrimitive.Header className='m-0 flex'>\n      <AccordionPrimitive.Trigger\n        className={cn('text-sm font-normal flex flex-1 items-center justify-between text-text-primary transition-all hover:no-underline', 'disabled:cursor-not-allowed [&[data-state=open]>svg]:rotate-180', className)}\n        data-slot='accordion-trigger'\n        data-testid='spectral-accordion-trigger'\n        onClick={handleAccordionOpen}\n        ref={useMergedRef}\n        {...props}\n      >\n        <div className='space-y-0.5 flex w-full flex-col text-start'>\n          <div className='text-base font-medium text-text-primary'>{title}</div>\n          {subtitle && <div className='text-sm font-normal text-text-secondary'>{subtitle}</div>}\n        </div>\n        <ChevronDownIcon className='shrink-0 transition-transform duration-200' />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\nAccordionTrigger.displayName = 'AccordionTrigger'\n\nexport const AccordionContent = ({\n  ref,\n  className,\n  children,\n  ...props\n}: ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {\n  ref?: Ref<ComponentRef<typeof AccordionPrimitive.Content>>\n}) => (\n  <AccordionPrimitive.Content\n    className={cn('pt-4 text-sm overflow-hidden motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down', className)}\n    data-slot='accordion-content'\n    data-testid='spectral-accordion-content'\n    ref={ref}\n    {...props}\n  >\n    <div className='px-1 pb-4 pt-0' data-slot='accordion-content-inner'>\n      {children}\n    </div>\n  </AccordionPrimitive.Content>\n)\nAccordionContent.displayName = 'AccordionContent'\n\nexport const Accordion: AccordionType = Object.assign(AccordionRoot, {\n  Content: AccordionContent,\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n})\n"],"mappings":";;;;;;;;;AA8CA,MAAM,gBAAgB;CACpB,SAAS;CACT,WAAW;CACX,WAAW;CACZ;AAED,MAAM,aAAa;CACjB,SAAS;CACT,WAAW;CACX,WAAW;CACZ;AAED,MAAM,mBAAmB,cAA0D,EAAE,SAAS,WAAW,CAAC;AAE1G,MAAM,iBAAiB,EACrB,WACA,KACA,UAAU,WACV,GAAG,YAGC;CACJ,MAAM,EAAE,aAAa,SAAS,gBAAgB,KAAK,UAAU,GAAG,SAAS;CAEzE,MAAM,mBAAkC;EACtC;EACA;EACD;CAED,MAAM,YAAY;EAChB,GAAG;EACH;EACD;AAED,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,SAAS;YAC3C,oBAAC,mBAAmB,MAApB;GACE,GAAI;GACJ,WAAW,GAAG,mCAAmC,cAAc,UAAU,UAAU;GACnF,oBAAkB;GAClB,uBAAqB,KAAK,UAAU,iBAAiB;GACrD,uBAAqB;GACrB,aAAU;GACV,eAAY;GACZ,GAAK,MAAM,SAAS,WAAW,EAAE,aAAa,MAAM,GAAG,EAAE;aAExD,SAAS,IAAI,WAAW,UAAqB;AAC5C,QAAI,eAAe,MAAM,CACvB,QAAO,aAAa,OAAO,EAAE,SAAS,CAAgC;AAExE,WAAO;KACP;GACsB;EACA;;AAGhC,cAAc,cAAc;AAE5B,MAAa,iBAAiB,EAC5B,WACA,KACA,GAAG,YAGC;CACJ,MAAM,EAAE,UAAU,cAAc,WAAW,iBAAiB;AAE5D,QAAO,oBAAC,mBAAmB,MAApB;EAAyB,WAAW,GAAG,UAAU,WAAW,UAAU,UAAU;EAAE,aAAU;EAAiB,eAAY;EAA+B;EAAK,GAAI;EAAS;;AAEnL,cAAc,cAAc;AAE5B,MAAa,oBAAoB,EAC/B,KACA,WACA,OACA,UACA,GAAG,YAKC;CACJ,MAAM,aAAa,OAA0B,KAAK;CAClD,MAAM,sBAAsB,uBAAuB,WAAW;CAE9D,MAAM,eAAe,aAClB,YAA+B;AAC9B,MAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;WACH,IACT,KAAI,UAAU;AAEhB,aAAW,UAAU;IAEvB,CAAC,IAAI,CACN;AAED,QACE,oBAAC,mBAAmB,QAApB;EAA2B,WAAU;YACnC,qBAAC,mBAAmB,SAApB;GACE,WAAW,GAAG,oHAAoH,mEAAmE,UAAU;GAC/M,aAAU;GACV,eAAY;GACZ,SAAS;GACT,KAAK;GACL,GAAI;aANN,CAQE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KAAK,WAAU;eAA2C;KAAY,GACrE,YAAY,oBAAC,OAAD;KAAK,WAAU;eAA2C;KAAe,EAClF;OACN,oBAAC,iBAAD,EAAiB,WAAU,8CAA+C,EAC/C;;EACH;;AAGhC,iBAAiB,cAAc;AAE/B,MAAa,oBAAoB,EAC/B,KACA,WACA,UACA,GAAG,YAIH,oBAAC,mBAAmB,SAApB;CACE,WAAW,GAAG,0IAA0I,UAAU;CAClK,aAAU;CACV,eAAY;CACP;CACL,GAAI;WAEJ,oBAAC,OAAD;EAAK,WAAU;EAAiB,aAAU;EACvC;EACG;CACqB;AAE/B,iBAAiB,cAAc;AAE/B,MAAa,YAA2B,OAAO,OAAO,eAAe;CACnE,SAAS;CACT,MAAM;CACN,SAAS;CACV,CAAC"}

package/dist/Alert/AlertBase.d.ts

@@ -1,46 +1,80 @@
-import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes, ReactNode, Ref } from 'react';
+'use client';
+import * as _$react from "react";
+import { HTMLAttributes, ReactNode, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/Alert/AlertBase.d.ts
 declare const alertVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+  variant?: "danger" | "default" | "info" | "success" | "warning" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type AlertVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
-export declare const AlertBase: {
-    ({ ref, className, variant, ...props }: HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
-        ref?: Ref<HTMLDivElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const AlertHeader: {
-    ({ className, ref, ...props }: HTMLAttributes<HTMLDivElement> & {
-        ref?: Ref<HTMLDivElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const AlertTitle: {
-    ({ className, ref, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
-        ref?: Ref<HTMLDivElement>;
-        variant: AlertVariant;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const AlertDescription: {
-    ({ className, ref, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
-        ref?: Ref<HTMLDivElement>;
-        variant: AlertVariant;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const AlertCloseButton: {
-    ({ className, ref, variant, ...props }: HTMLAttributes<SVGSVGElement> & {
-        ref?: Ref<SVGSVGElement>;
-        variant: AlertVariant;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare function AlertBase({
+  ref,
+  className,
+  variant,
+  ...props
+}: HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
+  ref?: Ref<HTMLDivElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AlertBase {
+  var displayName: string;
+}
+declare function AlertHeader({
+  className,
+  ref,
+  ...props
+}: HTMLAttributes<HTMLDivElement> & {
+  ref?: Ref<HTMLDivElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AlertHeader {
+  var displayName: string;
+}
+declare function AlertTitle({
+  className,
+  ref,
+  variant,
+  ...props
+}: HTMLAttributes<HTMLDivElement> & {
+  ref?: Ref<HTMLDivElement>;
+  variant: AlertVariant;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AlertTitle {
+  var displayName: string;
+}
+declare function AlertDescription({
+  className,
+  ref,
+  variant,
+  ...props
+}: HTMLAttributes<HTMLDivElement> & {
+  ref?: Ref<HTMLDivElement>;
+  variant: AlertVariant;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AlertDescription {
+  var displayName: string;
+}
+declare function AlertCloseButton({
+  className,
+  ref,
+  variant,
+  ...props
+}: HTMLAttributes<SVGSVGElement> & {
+  ref?: Ref<SVGSVGElement>;
+  variant: AlertVariant;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace AlertCloseButton {
+  var displayName: string;
+}
 interface AlertPortalProps {
-    children: ReactNode;
-    container?: Element | DocumentFragment;
+  children: ReactNode;
+  container?: Element | DocumentFragment;
 }
-export declare const AlertPortal: ({ children, container }: AlertPortalProps) => import('react').ReactPortal | null;
-export {};
+declare const AlertPortal: ({
+  children,
+  container
+}: AlertPortalProps) => _$react.ReactPortal | null;
+//#endregion
+export { AlertBase, AlertCloseButton, AlertDescription, AlertHeader, AlertPortal, AlertTitle };
 //# sourceMappingURL=AlertBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBase.d.ts","names":[],"sources":["../../src/components/Alert/AlertBase.tsx"],"mappings":";;;;;;;;cAMM,aAAA,GAAa,KAAA;;IAgBlB,iCAAA,CAAA,SAAA;AAAA,KAUI,YAAA;AAAA;EAGH,GAAA;EACA,SAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,CAAe,cAAA,IAChB,YAAA,QAAoB,aAAA;EAClB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAID,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,cAAA,CAAe,cAAA;EAChB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAIC,SAAA;EACA,GAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,CAAe,cAAA;EAChB,GAAA,GAAM,GAAA,CAAI,cAAA;EACV,OAAA,EAAS,YAAA;AAAA,IACV,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAIC,SAAA;EACA,GAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,CAAe,cAAA;EAChB,GAAA,GAAM,GAAA,CAAI,cAAA;EACV,OAAA,EAAS,YAAA;AAAA,IACV,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAIC,SAAA;EACA,GAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,CAAe,aAAA;EAChB,GAAA,GAAM,GAAA,CAAI,aAAA;EACV,OAAA,EAAS,YAAA;AAAA,IACV,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;UAcS,gBAAA;EACR,QAAA,EAAU,SAAA;EACV,SAAA,GAAY,OAAA,GAAU,gBAAA;AAAA;AAAA,cAGX,WAAA;EAAW,QAAA;EAAA;AAAA,GAA6B,gBAAA,KAAgB,OAAA,CAAA,WAAA"}

package/dist/Alert/AlertBase.js

@@ -1,13 +1,13 @@
-'use client'
-import '../styles/main.css'
-import { CloseIcon as e } from "../Icons/CloseIcon.js";
-import { t } from "../twUtils-BpqlKSeB.js";
-import { t as n } from "../dist-tMzzRwxG.js";
-import { useEffect as r, useState as i } from "react";
-import { createPortal as a } from "react-dom";
-import { jsx as o } from "react/jsx-runtime";
+'use client';
+import { CloseIcon } from "../Icons/CloseIcon.js";
+import { cn } from "../utils/twUtils.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { createPortal } from "react-dom";
+
 //#region src/components/Alert/AlertBase.tsx
-var s = n("top-2 max-w-md rounded-md px-4 py-3 text-sm gap-y-1 translate-y-0 fixed left-1/2 z-50 flex w-full -translate-x-1/2 scale-100 transform flex-col border opacity-100 transition-all duration-300 ease-in-out motion-safe:duration-300 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-full", {
+const alertVariants = cva(`top-2 max-w-md rounded-md px-4 py-3 text-sm gap-y-1 translate-y-0 fixed left-1/2 z-50 flex w-full -translate-x-1/2 scale-100 transform flex-col border opacity-100 transition-all duration-300 ease-in-out motion-safe:duration-300 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-full`, {
 	variants: { variant: {
 		default: "border-alert-border bg-alert-bg",
 		success: "border-alert-success-border bg-alert-success-bg",
@@ -16,58 +16,67 @@ var s = n("top-2 max-w-md rounded-md px-4 py-3 text-sm gap-y-1 translate-y-0 fix
 		info: "border-alert-info-border bg-alert-info-bg"
 	} },
 	defaultVariants: { variant: "default" }
-}), c = {
+});
+const variantColors = {
 	success: "text-alert-success-text [&_p]:text-alert-success-text",
 	warning: "text-alert-warning-text [&_p]:text-alert-warning-text",
 	danger: "text-alert-danger-text [&_p]:text-alert-danger-text",
 	info: "text-alert-info-text [&_p]:text-alert-info-text",
 	default: "text-alert-text [&_p]:text-alert-text"
-}, l = ({ ref: e, className: n, variant: r, ...i }) => /* @__PURE__ */ o("div", {
-	className: t(s({ variant: r }), n),
+};
+const AlertBase = ({ ref, className, variant, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(alertVariants({ variant }), className),
 	"data-slot": "alert",
 	"data-testid": "spectral-alert",
-	ref: e,
+	ref,
 	role: "alert",
-	...i
+	...props
 });
-l.displayName = "AlertBase";
-var u = ({ className: e, ref: n, ...r }) => /* @__PURE__ */ o("div", {
-	className: t("gap-2 [&>svg]:size-6 flex items-center [&>svg]:shrink-0", e),
+AlertBase.displayName = "AlertBase";
+const AlertHeader = ({ className, ref, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("gap-2 [&>svg]:size-6 flex items-center [&>svg]:shrink-0", className),
 	"data-slot": "alert-header",
-	ref: n,
-	...r
+	ref,
+	...props
 });
-u.displayName = "AlertHeader";
-var d = ({ className: e, ref: n, variant: r, ...i }) => /* @__PURE__ */ o("div", {
-	className: t(c[r], "font-semibold text-base tracking-tight line-clamp-1 flex-1", e),
+AlertHeader.displayName = "AlertHeader";
+const AlertTitle = ({ className, ref, variant, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(variantColors[variant], "font-semibold text-base tracking-tight line-clamp-1 flex-1", className),
 	"data-slot": "alert-title",
 	"data-testid": "spectral-alert-title",
-	ref: n,
-	...i
+	ref,
+	...props
 });
-d.displayName = "AlertTitle";
-var f = ({ className: e, ref: n, variant: r, ...i }) => /* @__PURE__ */ o("div", {
-	className: t(c[r], "gap-1 text-sm [&_p]:leading-relaxed grid justify-items-start", e),
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = ({ className, ref, variant, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(variantColors[variant], "gap-1 text-sm [&_p]:leading-relaxed grid justify-items-start", className),
 	"data-slot": "alert-description",
 	"data-testid": "spectral-alert-description",
-	ref: n,
-	...i
+	ref,
+	...props
 });
-f.displayName = "AlertDescription";
-var p = ({ className: n, ref: r, variant: i, ...a }) => /* @__PURE__ */ o(e, {
+AlertDescription.displayName = "AlertDescription";
+const AlertCloseButton = ({ className, ref, variant, ...props }) => /* @__PURE__ */ jsx(CloseIcon, {
 	"aria-label": "Close alert",
-	className: t(c[i], "rounded shrink-0 cursor-pointer outline-transparent focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-text-secondary", n),
+	className: cn(variantColors[variant], "rounded shrink-0 cursor-pointer outline-transparent focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-text-secondary", className),
 	"data-slot": "close-icon",
 	"data-testid": "spectral-alert-close-button",
-	ref: r,
+	ref,
 	size: 20,
 	tabIndex: 0,
-	...a
+	...props
 });
-p.displayName = "AlertCloseButton";
-var m = ({ children: e, container: t }) => {
-	let [n, o] = i(!1);
-	return r(() => (o(!0), () => o(!1)), []), n ? a(e, t ?? document.body) : null;
+AlertCloseButton.displayName = "AlertCloseButton";
+const AlertPortal = ({ children, container }) => {
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => {
+		setMounted(true);
+		return () => setMounted(false);
+	}, []);
+	if (!mounted) return null;
+	return createPortal(children, container ?? document.body);
 };
+
 //#endregion
-export { l as AlertBase, p as AlertCloseButton, f as AlertDescription, u as AlertHeader, m as AlertPortal, d as AlertTitle };
+export { AlertBase, AlertCloseButton, AlertDescription, AlertHeader, AlertPortal, AlertTitle };
+//# sourceMappingURL=AlertBase.js.map

package/dist/Alert/AlertBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBase.js","names":[],"sources":["../../src/components/Alert/AlertBase.tsx"],"sourcesContent":["import { CloseIcon } from '@components/Icons'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { useEffect, useState, type HTMLAttributes, type ReactNode, type Ref } from 'react'\nimport { createPortal } from 'react-dom'\n\nconst alertVariants = cva(\n  `top-2 max-w-md rounded-md px-4 py-3 text-sm gap-y-1 translate-y-0 fixed left-1/2 z-50 flex w-full -translate-x-1/2 scale-100 transform flex-col border opacity-100 transition-all duration-300 ease-in-out motion-safe:duration-300 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-full`,\n  {\n    variants: {\n      variant: {\n        default: 'border-alert-border bg-alert-bg',\n        success: 'border-alert-success-border bg-alert-success-bg',\n        warning: 'border-alert-warning-border bg-alert-warning-bg',\n        danger: 'border-alert-danger-border bg-alert-danger-bg',\n        info: 'border-alert-info-border bg-alert-info-bg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nconst variantColors = {\n  success: 'text-alert-success-text [&_p]:text-alert-success-text',\n  warning: 'text-alert-warning-text [&_p]:text-alert-warning-text',\n  danger: 'text-alert-danger-text [&_p]:text-alert-danger-text',\n  info: 'text-alert-info-text [&_p]:text-alert-info-text',\n  default: 'text-alert-text [&_p]:text-alert-text',\n}\n\ntype AlertVariant = 'default' | 'success' | 'warning' | 'danger' | 'info'\n\nexport const AlertBase = ({\n  ref,\n  className,\n  variant,\n  ...props\n}: HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof alertVariants> & {\n    ref?: Ref<HTMLDivElement>\n  }) => <div className={cn(alertVariants({ variant }), className)} data-slot='alert' data-testid='spectral-alert' ref={ref} role='alert' {...props} />\nAlertBase.displayName = 'AlertBase'\n\nexport const AlertHeader = ({\n  className,\n  ref,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  ref?: Ref<HTMLDivElement>\n}) => <div className={cn('gap-2 [&>svg]:size-6 flex items-center [&>svg]:shrink-0', className)} data-slot='alert-header' ref={ref} {...props} />\nAlertHeader.displayName = 'AlertHeader'\n\nexport const AlertTitle = ({\n  className,\n  ref,\n  variant,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  ref?: Ref<HTMLDivElement>\n  variant: AlertVariant\n}) => <div className={cn(variantColors[variant], 'font-semibold text-base tracking-tight line-clamp-1 flex-1', className)} data-slot='alert-title' data-testid='spectral-alert-title' ref={ref} {...props} />\nAlertTitle.displayName = 'AlertTitle'\n\nexport const AlertDescription = ({\n  className,\n  ref,\n  variant,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  ref?: Ref<HTMLDivElement>\n  variant: AlertVariant\n}) => <div className={cn(variantColors[variant], 'gap-1 text-sm [&_p]:leading-relaxed grid justify-items-start', className)} data-slot='alert-description' data-testid='spectral-alert-description' ref={ref} {...props} />\nAlertDescription.displayName = 'AlertDescription'\n\nexport const AlertCloseButton = ({\n  className,\n  ref,\n  variant,\n  ...props\n}: HTMLAttributes<SVGSVGElement> & {\n  ref?: Ref<SVGSVGElement>\n  variant: AlertVariant\n}) => (\n  <CloseIcon\n    aria-label='Close alert'\n    className={cn(variantColors[variant], 'rounded shrink-0 cursor-pointer outline-transparent focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-text-secondary', className)}\n    data-slot='close-icon'\n    data-testid='spectral-alert-close-button'\n    ref={ref}\n    size={20}\n    tabIndex={0}\n    {...props}\n  />\n)\nAlertCloseButton.displayName = 'AlertCloseButton'\n\ninterface AlertPortalProps {\n  children: ReactNode\n  container?: Element | DocumentFragment\n}\n\nexport const AlertPortal = ({ children, container }: AlertPortalProps) => {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n    return () => setMounted(false)\n  }, [])\n\n  if (!mounted) return null\n\n  return createPortal(children, container ?? document.body)\n}\n"],"mappings":";;;;;;;;;AAMA,MAAM,gBAAgB,IACpB,qTACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAM,gBAAgB;CACpB,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAID,MAAa,aAAa,EACxB,KACA,WACA,SACA,GAAG,YAIG,oBAAC,OAAD;CAAK,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;CAAE,aAAU;CAAQ,eAAY;CAAsB;CAAK,MAAK;CAAQ,GAAI;CAAS;AACtJ,UAAU,cAAc;AAExB,MAAa,eAAe,EAC1B,WACA,KACA,GAAG,YAGC,oBAAC,OAAD;CAAK,WAAW,GAAG,2DAA2D,UAAU;CAAE,aAAU;CAAoB;CAAK,GAAI;CAAS;AAChJ,YAAY,cAAc;AAE1B,MAAa,cAAc,EACzB,WACA,KACA,SACA,GAAG,YAIC,oBAAC,OAAD;CAAK,WAAW,GAAG,cAAc,UAAU,8DAA8D,UAAU;CAAE,aAAU;CAAc,eAAY;CAA4B;CAAK,GAAI;CAAS;AAC7M,WAAW,cAAc;AAEzB,MAAa,oBAAoB,EAC/B,WACA,KACA,SACA,GAAG,YAIC,oBAAC,OAAD;CAAK,WAAW,GAAG,cAAc,UAAU,gEAAgE,UAAU;CAAE,aAAU;CAAoB,eAAY;CAAkC;CAAK,GAAI;CAAS;AAC3N,iBAAiB,cAAc;AAE/B,MAAa,oBAAoB,EAC/B,WACA,KACA,SACA,GAAG,YAKH,oBAAC,WAAD;CACE,cAAW;CACX,WAAW,GAAG,cAAc,UAAU,mJAAmJ,UAAU;CACnM,aAAU;CACV,eAAY;CACP;CACL,MAAM;CACN,UAAU;CACV,GAAI;CACJ;AAEJ,iBAAiB,cAAc;AAO/B,MAAa,eAAe,EAAE,UAAU,gBAAkC;CACxE,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAE7C,iBAAgB;AACd,aAAW,KAAK;AAChB,eAAa,WAAW,MAAM;IAC7B,EAAE,CAAC;AAEN,KAAI,CAAC,QAAS,QAAO;AAErB,QAAO,aAAa,UAAU,aAAa,SAAS,KAAK"}

package/dist/Alert.d.ts

@@ -1,12 +1,26 @@
-import { ReactNode } from 'react';
-export interface AlertProps {
-    className?: string;
-    description: string | ReactNode | undefined;
-    icon?: ReactNode;
-    id: string | undefined;
-    onClose?: () => void;
-    title: string | undefined;
-    variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
+'use client';
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Alert/Alert.d.ts
+interface AlertProps {
+  className?: string;
+  description: string | ReactNode | undefined;
+  icon?: ReactNode;
+  id: string | undefined;
+  onClose?: () => void;
+  title: string | undefined;
+  variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
 }
-export declare const Alert: ({ className, description, icon, id, onClose, title, variant }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const Alert: ({
+  className,
+  description,
+  icon,
+  id,
+  onClose,
+  title,
+  variant
+}: AlertProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Alert, AlertProps };
 //# sourceMappingURL=Alert.d.ts.map

package/dist/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","names":[],"sources":["../src/components/Alert/Alert.tsx"],"mappings":";;;;;UAKiB,UAAA;EACf,SAAA;EACA,WAAA,WAAsB,SAAA;EACtB,IAAA,GAAO,SAAA;EACP,EAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;AAAA;AAAA,cAGW,KAAA;EAAK,SAAA;EAAA,WAAA;EAAA,IAAA;EAAA,EAAA;EAAA,OAAA;EAAA,KAAA;EAAA;AAAA,GAA+E,UAAA,KAAU,oBAAA,CAAA,GAAA,CAAA,OAAA"}