@cognite/aura 0.3.5 → 1.46105.0

package/dist/components/ui/core/shimmer/shimmer.js

@@ -1,41 +1,65 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { memo as t, useMemo as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { motion as i } from "framer-motion";
-//#region libs/aura/src/components/ui/core/shimmer/shimmer.tsx
-var a = {
-	nordic: "var(--gradient-nordic)",
-	aurora: "var(--gradient-aurora)",
-	dusk: "var(--gradient-dusk)",
-	equinox: "var(--gradient-equinox)",
-	summer: "var(--gradient-summer)",
-	spring: "var(--gradient-spring)",
-	fall: "var(--gradient-fall)",
-	active: "var(--gradient-active)"
-}, o = { backgroundPosition: ["100% center, center", "0% center, center"] }, s = { backgroundPosition: ["0% center, 0% center", "-200% center, -200% center"] };
-function c({ children: t, as: c = "p", className: l, duration: u = 2, spread: d = 2, variant: f = "default" }) {
-	let p = n(() => (t?.length ?? 0) * d, [t, d]), m = n(() => {
-		let e = "linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))";
-		return f === "default" ? `${e}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))` : `${e}, ${a[f]}`;
-	}, [f]), h = {
-		"--spread": `${p}px`,
-		backgroundImage: m,
-		backgroundSize: f === "active" ? "200% 100%, 200% 100%" : "250% 100%, 100% 100%"
-	}, g = {
-		repeat: Infinity,
-		duration: u,
-		ease: "linear"
-	}, _ = i[c];
-	return /* @__PURE__ */ r(_, {
-		"data-slot": "shimmer",
-		className: e("relative inline-block bg-clip-text text-transparent rounded-md", l),
-		animate: f === "active" ? s : o,
-		style: h,
-		transition: g,
-		children: t
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { motion } from "framer-motion";
+import { cn } from "../../../../lib/utils.js";
+const gradientMap = {
+    nordic: 'var(--gradient-nordic)',
+    aurora: 'var(--gradient-aurora)',
+    dusk: 'var(--gradient-dusk)',
+    equinox: 'var(--gradient-equinox)',
+    summer: 'var(--gradient-summer)',
+    spring: 'var(--gradient-spring)',
+    fall: 'var(--gradient-fall)',
+    active: 'var(--gradient-active)'
+};
+const shimmerAnimate = {
+    backgroundPosition: [
+        '100% center, center',
+        '0% center, center'
+    ]
+};
+const activeShimmerAnimate = {
+    backgroundPosition: [
+        '0% center, 0% center',
+        '-200% center, -200% center'
+    ]
+};
+function ShimmerComponent({ children, as: Tag = 'p', className, duration = 2, spread = 2, variant = 'default' }) {
+    const dynamicSpread = useMemo(()=>(children?.length ?? 0) * spread, [
+        children,
+        spread
+    ]);
+    const backgroundImage = useMemo(()=>{
+        const shimmerBg = 'linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))';
+        if (variant === 'default') {
+            return `${shimmerBg}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))`;
+        }
+        return `${shimmerBg}, ${gradientMap[variant]}`;
+    }, [
+        variant
+    ]);
+    const shimmerStyle = {
+        '--spread': `${dynamicSpread}px`,
+        backgroundImage,
+        backgroundSize: variant === 'active' ? '200% 100%, 200% 100%' : '250% 100%, 100% 100%'
+    };
+    const shimmerTransition = {
+        repeat: Number.POSITIVE_INFINITY,
+        duration,
+        ease: 'linear'
+    };
+    const MotionTag = motion[Tag];
+    return /*#__PURE__*/ _jsx(MotionTag, {
+        "data-slot": "shimmer",
+        className: cn('relative inline-block bg-clip-text text-transparent rounded-md', className),
+        animate: variant === 'active' ? activeShimmerAnimate : shimmerAnimate,
+        style: shimmerStyle,
+        transition: shimmerTransition,
+        children: children
+    });
 }
-var l = t(c);
-l.displayName = "Shimmer";
-//#endregion
-export { l as Shimmer };
+const MemoizedShimmer = /*#__PURE__*/ memo(ShimmerComponent);
+MemoizedShimmer.displayName = 'Shimmer';
+export { MemoizedShimmer as Shimmer };
+
+//# sourceMappingURL=shimmer.js.map

package/dist/components/ui/core/shimmer/shimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/shimmer/shimmer.tsx"],"sourcesContent":["import {\n  type MemoExoticComponent,\n  type CSSProperties,\n  type ReactNode,\n  memo,\n  useMemo,\n} from 'react';\n\nimport { motion, type Transition } from 'framer-motion';\n\nimport { cn } from '../../../../lib/utils';\n\ntype TextShimmerProps = {\n  children: string;\n  as?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3';\n  className?: string;\n  duration?: number;\n  spread?: number;\n  variant?:\n    | 'default'\n    | 'nordic'\n    | 'aurora'\n    | 'dusk'\n    | 'equinox'\n    | 'summer'\n    | 'spring'\n    | 'fall'\n    | 'active';\n};\n\ntype ShimmerVariant = NonNullable<TextShimmerProps['variant']>;\n\nconst gradientMap: Record<Exclude<ShimmerVariant, 'default'>, string> = {\n  nordic: 'var(--gradient-nordic)',\n  aurora: 'var(--gradient-aurora)',\n  dusk: 'var(--gradient-dusk)',\n  equinox: 'var(--gradient-equinox)',\n  summer: 'var(--gradient-summer)',\n  spring: 'var(--gradient-spring)',\n  fall: 'var(--gradient-fall)',\n  active: 'var(--gradient-active)',\n};\n\nconst shimmerAnimate = {\n  backgroundPosition: ['100% center, center', '0% center, center'],\n};\n\nconst activeShimmerAnimate = {\n  backgroundPosition: ['0% center, 0% center', '-200% center, -200% center'],\n};\n\nfunction ShimmerComponent({\n  children,\n  as: Tag = 'p',\n  className,\n  duration = 2,\n  spread = 2,\n  variant = 'default',\n}: TextShimmerProps): ReactNode {\n  const dynamicSpread = useMemo(\n    () => (children?.length ?? 0) * spread,\n    [children, spread]\n  );\n\n  const backgroundImage = useMemo(() => {\n    const shimmerBg =\n      'linear-gradient(90deg, transparent calc(50% - var(--spread)), rgba(255, 255, 255, 0.4), transparent calc(50% + var(--spread)))';\n\n    if (variant === 'default') {\n      return `${shimmerBg}, linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))`;\n    }\n\n    return `${shimmerBg}, ${gradientMap[variant]}`;\n  }, [variant]);\n\n  const shimmerStyle: CSSProperties & { '--spread': string } = {\n    '--spread': `${dynamicSpread}px`,\n    backgroundImage,\n    backgroundSize:\n      variant === 'active' ? '200% 100%, 200% 100%' : '250% 100%, 100% 100%',\n  };\n  const shimmerTransition: Transition = {\n    repeat: Number.POSITIVE_INFINITY,\n    duration,\n    ease: 'linear',\n  };\n\n  const MotionTag = motion[Tag];\n\n  return (\n    <MotionTag\n      data-slot=\"shimmer\"\n      className={cn(\n        'relative inline-block bg-clip-text text-transparent rounded-md',\n        className\n      )}\n      animate={variant === 'active' ? activeShimmerAnimate : shimmerAnimate}\n      style={shimmerStyle}\n      transition={shimmerTransition}\n    >\n      {children}\n    </MotionTag>\n  );\n}\n\nconst MemoizedShimmer: MemoExoticComponent<typeof ShimmerComponent> =\n  memo(ShimmerComponent);\nMemoizedShimmer.displayName = 'Shimmer';\n\nexport { MemoizedShimmer as Shimmer };\n"],"names":["memo","useMemo","motion","cn","gradientMap","nordic","aurora","dusk","equinox","summer","spring","fall","active","shimmerAnimate","backgroundPosition","activeShimmerAnimate","ShimmerComponent","children","as","Tag","className","duration","spread","variant","dynamicSpread","length","backgroundImage","shimmerBg","shimmerStyle","backgroundSize","shimmerTransition","repeat","Number","POSITIVE_INFINITY","ease","MotionTag","data-slot","animate","style","transition","MemoizedShimmer","displayName","Shimmer"],"mappings":";AAAA,SAIEA,IAAI,EACJC,OAAO,QACF,QAAQ;AAEf,SAASC,MAAM,QAAyB,gBAAgB;AAExD,SAASC,EAAE,QAAQ,2BAAwB;AAsB3C,MAAMC,cAAkE;IACtEC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,QAAQ;AACV;AAEA,MAAMC,iBAAiB;IACrBC,oBAAoB;QAAC;QAAuB;KAAoB;AAClE;AAEA,MAAMC,uBAAuB;IAC3BD,oBAAoB;QAAC;QAAwB;KAA6B;AAC5E;AAEA,SAASE,iBAAiB,EACxBC,QAAQ,EACRC,IAAIC,MAAM,GAAG,EACbC,SAAS,EACTC,WAAW,CAAC,EACZC,SAAS,CAAC,EACVC,UAAU,SAAS,EACF;IACjB,MAAMC,gBAAgBvB,QACpB,IAAM,AAACgB,CAAAA,UAAUQ,UAAU,CAAA,IAAKH,QAChC;QAACL;QAAUK;KAAO;IAGpB,MAAMI,kBAAkBzB,QAAQ;QAC9B,MAAM0B,YACJ;QAEF,IAAIJ,YAAY,WAAW;YACzB,OAAO,GAAGI,UAAU,+EAA+E,CAAC;QACtG;QAEA,OAAO,GAAGA,UAAU,EAAE,EAAEvB,WAAW,CAACmB,QAAQ,EAAE;IAChD,GAAG;QAACA;KAAQ;IAEZ,MAAMK,eAAuD;QAC3D,YAAY,GAAGJ,cAAc,EAAE,CAAC;QAChCE;QACAG,gBACEN,YAAY,WAAW,yBAAyB;IACpD;IACA,MAAMO,oBAAgC;QACpCC,QAAQC,OAAOC,iBAAiB;QAChCZ;QACAa,MAAM;IACR;IAEA,MAAMC,YAAYjC,MAAM,CAACiB,IAAI;IAE7B,qBACE,KAACgB;QACCC,aAAU;QACVhB,WAAWjB,GACT,kEACAiB;QAEFiB,SAASd,YAAY,WAAWR,uBAAuBF;QACvDyB,OAAOV;QACPW,YAAYT;kBAEXb;;AAGP;AAEA,MAAMuB,gCACJxC,KAAKgB;AACPwB,gBAAgBC,WAAW,GAAG;AAE9B,SAASD,mBAAmBE,OAAO,GAAG"}

package/dist/components/ui/core/skeleton/skeleton.d.ts

@@ -1,3 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
-declare const Skeleton: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
+declare const Skeleton: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
 export { Skeleton };

package/dist/components/ui/core/skeleton/skeleton.js

@@ -1,13 +1,13 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/skeleton/skeleton.tsx
-var r = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	"data-slot": "skeleton",
-	className: e("bg-accent-background animate-pulse rounded-md", t),
-	...r
-}));
-r.displayName = "Skeleton";
-//#endregion
-export { r as Skeleton };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../../lib/utils.js";
+const Skeleton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "skeleton",
+        className: cn('bg-accent-background animate-pulse rounded-md', className),
+        ...props
+    }));
+Skeleton.displayName = 'Skeleton';
+export { Skeleton };
+
+//# sourceMappingURL=skeleton.js.map

package/dist/components/ui/core/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/skeleton/skeleton.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\nconst Skeleton: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"skeleton\"\n      className={cn('bg-accent-background animate-pulse rounded-md', className)}\n      {...props}\n    />\n  )\n);\n\nSkeleton.displayName = 'Skeleton';\n\nexport { Skeleton };\n"],"names":["forwardRef","cn","Skeleton","className","props","ref","div","data-slot","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAE3C,MAAMC,yBAEFF,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGC,OAAO,EAAEC,oBACxB,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GAAG,iDAAiDE;QAC9D,GAAGC,KAAK;;AAKfF,SAASM,WAAW,GAAG;AAEvB,SAASN,QAAQ,GAAG"}

package/dist/components/ui/core/slider/slider.d.ts

@@ -1,9 +1,9 @@
-import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { Slider as SliderPrimitive } from '@base-ui/react/slider';
-type SliderProps = Omit<SliderPrimitive.Root.Props<readonly number[]>, 'value' | 'defaultValue' | 'onValueChange'> & {
-    value?: number[];
-    defaultValue?: number[];
-    onValueChange?: (value: number[]) => void;
+import { type ComponentRef, type ForwardRefExoticComponent, type RefAttributes } from "react";
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+type SliderProps = Omit<SliderPrimitive.Root.Props<readonly number[]>, "value" | "defaultValue" | "onValueChange"> & {
+	value?: number[];
+	defaultValue?: number[];
+	onValueChange?: (value: number[]) => void;
 };
-declare const Slider: ForwardRefExoticComponent<Omit<SliderProps, 'ref'> & RefAttributes<ComponentRef<typeof SliderPrimitive.Root>>>;
+declare const Slider: ForwardRefExoticComponent<Omit<SliderProps, "ref"> & RefAttributes<ComponentRef<typeof SliderPrimitive.Root>>>;
 export { Slider };

package/dist/components/ui/core/slider/slider.js

@@ -1,40 +1,52 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Slider as i } from "@base-ui/react/slider";
-//#region libs/aura/src/components/ui/core/slider/slider.tsx
-var a = t(({ className: t, defaultValue: a, value: o, min: s = 0, max: c = 100, onValueChange: l, ...u }, d) => {
-	let f = Array.isArray(o) ? o : Array.isArray(a) ? a : [s];
-	return /* @__PURE__ */ n(i.Root, {
-		ref: d,
-		"data-slot": "slider",
-		"data-range": f.length > 1 ? "" : void 0,
-		defaultValue: a,
-		value: o,
-		min: s,
-		max: c,
-		className: e("group/slider data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full", t),
-		thumbAlignment: "edge",
-		onValueChange: (e) => {
-			l && l(Array.isArray(e) ? [...e] : [e]);
-		},
-		...u,
-		children: /* @__PURE__ */ r(i.Control, {
-			className: "relative flex w-full touch-none items-center select-none data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-			children: [/* @__PURE__ */ n(i.Track, {
-				"data-slot": "slider-track",
-				className: "relative z-0 grow overflow-hidden rounded-full bg-transparent ring-1 ring-border-emphasized ring-inset data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-3",
-				children: /* @__PURE__ */ n(i.Indicator, {
-					"data-slot": "slider-range",
-					className: e("relative z-10 bg-transparent select-none", "after:absolute after:rounded-full after:bg-secondary-background", "group-data-[range]/slider:after:rounded-none", "group-data-[range]/slider:group-data-[orientation=horizontal]/slider:after:left-0", "group-data-[range]/slider:group-data-[orientation=vertical]/slider:after:bottom-0", "group-data-[disabled]/slider:after:bg-disabled-background", "group-data-[orientation=horizontal]/slider:after:inset-e-0 group-data-[orientation=horizontal]/slider:after:left-0.5 group-data-[orientation=horizontal]/slider:after:top-1/2 group-data-[orientation=horizontal]/slider:after:h-2 group-data-[orientation=horizontal]/slider:after:-translate-y-1/2", "group-data-[orientation=vertical]/slider:after:inset-bs-0 group-data-[orientation=vertical]/slider:after:bottom-0.5 group-data-[orientation=vertical]/slider:after:left-1/2 group-data-[orientation=vertical]/slider:after:w-2 group-data-[orientation=vertical]/slider:after:-translate-x-1/2")
-				})
-			}), f.map((t, r) => /* @__PURE__ */ n(i.Thumb, {
-				"data-slot": "slider-thumb",
-				className: e("relative block size-3 shrink-0 rounded-full outline-none", "before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-foreground before:transition-[width,height]", "hover:before:size-3", "focus-visible:before:size-3 focus-visible:ring-ring-muted focus-visible:ring-4", "active:before:size-3", "data-disabled:pointer-events-none data-disabled:before:bg-disabled-foreground")
-			}, r))]
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+import { cn } from "../../../../lib/utils.js";
+const Slider = /*#__PURE__*/ forwardRef(({ className, defaultValue, value, min = 0, max = 100, onValueChange, ...props }, ref)=>{
+    const thumbValues = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
+        min
+    ];
+    const handleValueChange = (nextValue)=>{
+        if (!onValueChange) return;
+        const next = Array.isArray(nextValue) ? [
+            ...nextValue
+        ] : [
+            nextValue
+        ];
+        onValueChange(next);
+    };
+    return /*#__PURE__*/ _jsx(SliderPrimitive.Root, {
+        ref: ref,
+        "data-slot": "slider",
+        "data-range": thumbValues.length > 1 ? '' : undefined,
+        defaultValue: defaultValue,
+        value: value,
+        min: min,
+        max: max,
+        className: cn('group/slider data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full', className),
+        thumbAlignment: "edge",
+        onValueChange: handleValueChange,
+        ...props,
+        children: /*#__PURE__*/ _jsxs(SliderPrimitive.Control, {
+            className: "relative flex w-full touch-none items-center select-none data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+            children: [
+                /*#__PURE__*/ _jsx(SliderPrimitive.Track, {
+                    "data-slot": "slider-track",
+                    className: "relative z-0 grow overflow-hidden rounded-full bg-transparent ring-1 ring-border-emphasized ring-inset data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-3",
+                    children: /*#__PURE__*/ _jsx(SliderPrimitive.Indicator, {
+                        "data-slot": "slider-range",
+                        className: cn('relative z-10 bg-transparent select-none', 'after:absolute after:rounded-full after:bg-secondary-background', 'group-data-[range]/slider:after:rounded-none', 'group-data-[range]/slider:group-data-[orientation=horizontal]/slider:after:left-0', 'group-data-[range]/slider:group-data-[orientation=vertical]/slider:after:bottom-0', 'group-data-[disabled]/slider:after:bg-disabled-background', 'group-data-[orientation=horizontal]/slider:after:inset-e-0 group-data-[orientation=horizontal]/slider:after:left-0.5 group-data-[orientation=horizontal]/slider:after:top-1/2 group-data-[orientation=horizontal]/slider:after:h-2 group-data-[orientation=horizontal]/slider:after:-translate-y-1/2', 'group-data-[orientation=vertical]/slider:after:inset-bs-0 group-data-[orientation=vertical]/slider:after:bottom-0.5 group-data-[orientation=vertical]/slider:after:left-1/2 group-data-[orientation=vertical]/slider:after:w-2 group-data-[orientation=vertical]/slider:after:-translate-x-1/2')
+                    })
+                }),
+                thumbValues.map((_, index)=>/*#__PURE__*/ _jsx(SliderPrimitive.Thumb, {
+                        "data-slot": "slider-thumb",
+                        className: cn('relative block size-3 shrink-0 rounded-full outline-none', 'before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-foreground before:transition-[width,height]', 'hover:before:size-3', 'focus-visible:before:size-3 focus-visible:ring-ring-muted focus-visible:ring-4', 'active:before:size-3', 'data-disabled:pointer-events-none data-disabled:before:bg-disabled-foreground')
+                    }, index))
+            ]
+        })
+    });
 });
-a.displayName = "Slider";
-//#endregion
-export { a as Slider };
+Slider.displayName = 'Slider';
+export { Slider };
+
+//# sourceMappingURL=slider.js.map

package/dist/components/ui/core/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/slider/slider.tsx"],"sourcesContent":["import {\n  type ComponentRef,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n  type RefAttributes,\n  forwardRef,\n} from 'react';\n\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '../../../../lib/utils';\n\ntype SliderProps = Omit<\n  SliderPrimitive.Root.Props<readonly number[]>,\n  'value' | 'defaultValue' | 'onValueChange'\n> & {\n  value?: number[];\n  defaultValue?: number[];\n  onValueChange?: (value: number[]) => void;\n};\n\nconst Slider: ForwardRefExoticComponent<\n  Omit<SliderProps, 'ref'> &\n    RefAttributes<ComponentRef<typeof SliderPrimitive.Root>>\n> = forwardRef<ComponentRef<typeof SliderPrimitive.Root>, SliderProps>(\n  (\n    {\n      className,\n      defaultValue,\n      value,\n      min = 0,\n      max = 100,\n      onValueChange,\n      ...props\n    },\n    ref\n  ): ReactNode => {\n    const thumbValues = Array.isArray(value)\n      ? value\n      : Array.isArray(defaultValue)\n        ? defaultValue\n        : [min];\n\n    const handleValueChange = (nextValue: number | readonly number[]) => {\n      if (!onValueChange) return;\n      const next = Array.isArray(nextValue) ? [...nextValue] : [nextValue];\n      onValueChange(next);\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        data-slot=\"slider\"\n        data-range={thumbValues.length > 1 ? '' : undefined}\n        defaultValue={defaultValue}\n        value={value}\n        min={min}\n        max={max}\n        className={cn(\n          'group/slider data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full',\n          className\n        )}\n        thumbAlignment=\"edge\"\n        onValueChange={handleValueChange}\n        {...props}\n      >\n        <SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\">\n          <SliderPrimitive.Track\n            data-slot=\"slider-track\"\n            className=\"relative z-0 grow overflow-hidden rounded-full bg-transparent ring-1 ring-border-emphasized ring-inset data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-3\"\n          >\n            <SliderPrimitive.Indicator\n              data-slot=\"slider-range\"\n              className={cn(\n                'relative z-10 bg-transparent select-none',\n                'after:absolute after:rounded-full after:bg-secondary-background',\n                'group-data-[range]/slider:after:rounded-none',\n                'group-data-[range]/slider:group-data-[orientation=horizontal]/slider:after:left-0',\n                'group-data-[range]/slider:group-data-[orientation=vertical]/slider:after:bottom-0',\n                'group-data-[disabled]/slider:after:bg-disabled-background',\n                'group-data-[orientation=horizontal]/slider:after:inset-e-0 group-data-[orientation=horizontal]/slider:after:left-0.5 group-data-[orientation=horizontal]/slider:after:top-1/2 group-data-[orientation=horizontal]/slider:after:h-2 group-data-[orientation=horizontal]/slider:after:-translate-y-1/2',\n                'group-data-[orientation=vertical]/slider:after:inset-bs-0 group-data-[orientation=vertical]/slider:after:bottom-0.5 group-data-[orientation=vertical]/slider:after:left-1/2 group-data-[orientation=vertical]/slider:after:w-2 group-data-[orientation=vertical]/slider:after:-translate-x-1/2'\n              )}\n            />\n          </SliderPrimitive.Track>\n          {thumbValues.map((_, index) => (\n            <SliderPrimitive.Thumb\n              data-slot=\"slider-thumb\"\n              // eslint-disable-next-line @eslint-react/no-array-index-key\n              key={index}\n              className={cn(\n                'relative block size-3 shrink-0 rounded-full outline-none',\n                'before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-foreground before:transition-[width,height]',\n                'hover:before:size-3',\n                'focus-visible:before:size-3 focus-visible:ring-ring-muted focus-visible:ring-4',\n                'active:before:size-3',\n                'data-disabled:pointer-events-none data-disabled:before:bg-disabled-foreground'\n              )}\n            />\n          ))}\n        </SliderPrimitive.Control>\n      </SliderPrimitive.Root>\n    );\n  }\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"names":["forwardRef","Slider","SliderPrimitive","cn","className","defaultValue","value","min","max","onValueChange","props","ref","thumbValues","Array","isArray","handleValueChange","nextValue","next","Root","data-slot","data-range","length","undefined","thumbAlignment","Control","Track","Indicator","map","_","index","Thumb","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,UAAUC,eAAe,QAAQ,wBAAwB;AAElE,SAASC,EAAE,QAAQ,2BAAwB;AAW3C,MAAMF,uBAGFD,WACF,CACE,EACEI,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,MAAM,CAAC,EACPC,MAAM,GAAG,EACTC,aAAa,EACb,GAAGC,OACJ,EACDC;IAEA,MAAMC,cAAcC,MAAMC,OAAO,CAACR,SAC9BA,QACAO,MAAMC,OAAO,CAACT,gBACZA,eACA;QAACE;KAAI;IAEX,MAAMQ,oBAAoB,CAACC;QACzB,IAAI,CAACP,eAAe;QACpB,MAAMQ,OAAOJ,MAAMC,OAAO,CAACE,aAAa;eAAIA;SAAU,GAAG;YAACA;SAAU;QACpEP,cAAcQ;IAChB;IAEA,qBACE,KAACf,gBAAgBgB,IAAI;QACnBP,KAAKA;QACLQ,aAAU;QACVC,cAAYR,YAAYS,MAAM,GAAG,IAAI,KAAKC;QAC1CjB,cAAcA;QACdC,OAAOA;QACPC,KAAKA;QACLC,KAAKA;QACLJ,WAAWD,GACT,wFACAC;QAEFmB,gBAAe;QACfd,eAAeM;QACd,GAAGL,KAAK;kBAET,cAAA,MAACR,gBAAgBsB,OAAO;YAACpB,WAAU;;8BACjC,KAACF,gBAAgBuB,KAAK;oBACpBN,aAAU;oBACVf,WAAU;8BAEV,cAAA,KAACF,gBAAgBwB,SAAS;wBACxBP,aAAU;wBACVf,WAAWD,GACT,4CACA,mEACA,gDACA,qFACA,qFACA,6DACA,wSACA;;;gBAILS,YAAYe,GAAG,CAAC,CAACC,GAAGC,sBACnB,KAAC3B,gBAAgB4B,KAAK;wBACpBX,aAAU;wBAGVf,WAAWD,GACT,4DACA,0LACA,uBACA,kFACA,wBACA;uBAPG0B;;;;AAcjB;AAEF5B,OAAO8B,WAAW,GAAG;AAErB,SAAS9B,MAAM,GAAG"}

package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
-import { ToasterProps, toast } from 'sonner';
+import type { ReactNode } from "react";
+import { type ToasterProps, toast } from "sonner";
 declare const Toaster: ({ ...props }: ToasterProps) => ReactNode;
 export { Toaster, toast };

package/dist/components/ui/core/sonner-toast/sonner-toast.js

@@ -1,55 +1,68 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { IconAlertOctagonFilled as t, IconAlertTriangleFilled as n, IconCircleCheckFilled as r, IconInfoCircleFilled as i, IconLoader2 as a, IconX as o } from "@tabler/icons-react";
-import { jsx as s } from "react/jsx-runtime";
-import { Toaster as c, toast as l } from "sonner";
-//#region libs/aura/src/components/ui/core/sonner-toast/sonner-toast.tsx
-var u = {
-	"--normal-bg": "var(--raised-background)",
-	"--normal-text": "var(--foreground-fixed-light)",
-	"--normal-border": "transparent",
-	"--border-radius": "var(--radius-lg)"
-}, d = ({ ...l }) => {
-	let d = "flex h-5 min-w-5 items-center justify-center rounded-md px-1";
-	return /* @__PURE__ */ s(c, {
-		"data-slot": "sonner-toast",
-		theme: "system",
-		className: "toaster group",
-		icons: {
-			close: /* @__PURE__ */ s(o, { className: "size-4 text-foreground-fixed-light" }),
-			success: /* @__PURE__ */ s("span", {
-				className: e(d, "bg-success-background"),
-				children: /* @__PURE__ */ s(r, { className: "size-3 text-success-foreground-on-success" })
-			}),
-			info: /* @__PURE__ */ s("span", {
-				className: e(d, "bg-info-background"),
-				children: /* @__PURE__ */ s(i, { className: "size-3 text-info-foreground-on-info" })
-			}),
-			warning: /* @__PURE__ */ s("span", {
-				className: e(d, "bg-warning-background"),
-				children: /* @__PURE__ */ s(n, { className: "size-3 text-warning-foreground-on-warning" })
-			}),
-			error: /* @__PURE__ */ s("span", {
-				className: e(d, "bg-destructive-background"),
-				children: /* @__PURE__ */ s(t, { className: "size-3 text-destructive-foreground-on-critical" })
-			}),
-			loading: /* @__PURE__ */ s(a, { className: "size-4 animate-spin" })
-		},
-		style: u,
-		toastOptions: {
-			unstyled: !0,
-			classNames: {
-				toast: "flex w-[384px] min-h-11 items-center gap-2 rounded-lg bg-raised-background p-3 shadow-md has-[[data-description]]:[&_[data-icon]]:hidden",
-				icon: "order-1 m-0 shrink-0 flex items-start",
-				content: "order-2 flex flex-1 basis-0 flex-col items-start gap-0.5",
-				title: "w-full self-stretch text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light",
-				description: "w-full self-stretch text-sm font-normal leading-[18px] tracking-tight text-muted-foreground-fixed-light",
-				actionButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
-				cancelButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
-				closeButton: "order-4 inline-flex size-7 items-center justify-center rounded-md text-foreground-fixed-light transition-all hover:cursor-pointer hover:text-foreground-fixed-light hover:!bg-transparent"
-			}
-		},
-		...l
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconAlertOctagonFilled, IconAlertTriangleFilled, IconCircleCheckFilled, IconInfoCircleFilled, IconLoader2, IconX } from "@tabler/icons-react";
+import { Toaster as Sonner, toast } from "sonner";
+import { cn } from "../../../../lib/utils.js";
+const TOASTER_STYLE = {
+    '--normal-bg': 'var(--raised-background)',
+    '--normal-text': 'var(--foreground-fixed-light)',
+    '--normal-border': 'transparent',
+    '--border-radius': 'var(--radius-lg)'
 };
-//#endregion
-export { d as Toaster, l as toast };
+const Toaster = ({ ...props })=>{
+    const statusBadgeClass = 'flex h-5 min-w-5 items-center justify-center rounded-md px-1';
+    return /*#__PURE__*/ _jsx(Sonner, {
+        "data-slot": "sonner-toast",
+        theme: "system",
+        className: "toaster group",
+        icons: {
+            close: /*#__PURE__*/ _jsx(IconX, {
+                className: "size-4 text-foreground-fixed-light"
+            }),
+            success: /*#__PURE__*/ _jsx("span", {
+                className: cn(statusBadgeClass, 'bg-success-background'),
+                children: /*#__PURE__*/ _jsx(IconCircleCheckFilled, {
+                    className: "size-3 text-success-foreground-on-success"
+                })
+            }),
+            info: /*#__PURE__*/ _jsx("span", {
+                className: cn(statusBadgeClass, 'bg-info-background'),
+                children: /*#__PURE__*/ _jsx(IconInfoCircleFilled, {
+                    className: "size-3 text-info-foreground-on-info"
+                })
+            }),
+            warning: /*#__PURE__*/ _jsx("span", {
+                className: cn(statusBadgeClass, 'bg-warning-background'),
+                children: /*#__PURE__*/ _jsx(IconAlertTriangleFilled, {
+                    className: "size-3 text-warning-foreground-on-warning"
+                })
+            }),
+            error: /*#__PURE__*/ _jsx("span", {
+                className: cn(statusBadgeClass, 'bg-destructive-background'),
+                children: /*#__PURE__*/ _jsx(IconAlertOctagonFilled, {
+                    className: "size-3 text-destructive-foreground-on-critical"
+                })
+            }),
+            loading: /*#__PURE__*/ _jsx(IconLoader2, {
+                className: "size-4 animate-spin"
+            })
+        },
+        style: TOASTER_STYLE,
+        toastOptions: {
+            unstyled: true,
+            classNames: {
+                toast: 'flex w-96 min-h-11 items-center gap-2 rounded-lg bg-raised-background p-3 shadow-md has-[[data-description]]:[&_[data-icon]]:hidden',
+                icon: 'order-1 m-0 shrink-0 flex items-start',
+                content: 'order-2 flex min-w-0 flex-1 basis-0 flex-col items-start gap-0.5',
+                title: 'w-full self-stretch line-clamp-2 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light',
+                description: 'w-full self-stretch text-sm font-normal leading-4.5 tracking-tight text-muted-foreground-fixed-light',
+                actionButton: 'order-3 ml-auto inline-flex h-7 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-md bg-transparent px-2 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer',
+                cancelButton: 'order-3 ml-auto inline-flex h-7 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-md bg-transparent px-2 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer',
+                closeButton: 'order-4 inline-flex size-7 items-center justify-center rounded-md text-foreground-fixed-light transition-all hover:cursor-pointer hover:text-foreground-fixed-light hover:!bg-transparent'
+            }
+        },
+        ...props
+    });
+};
+export { Toaster, toast };
+
+//# sourceMappingURL=sonner-toast.js.map

package/dist/components/ui/core/sonner-toast/sonner-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/sonner-toast/sonner-toast.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\n\nimport {\n  IconAlertOctagonFilled,\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconInfoCircleFilled,\n  IconLoader2,\n  IconX,\n} from '@tabler/icons-react';\nimport { Toaster as Sonner, type ToasterProps, toast } from 'sonner';\n\nimport { cn } from '../../../../lib/utils';\n\ntype ToasterStyle = CSSProperties & {\n  '--normal-bg': string;\n  '--normal-text': string;\n  '--normal-border': string;\n  '--border-radius': string;\n};\n\nconst TOASTER_STYLE: ToasterStyle = {\n  '--normal-bg': 'var(--raised-background)',\n  '--normal-text': 'var(--foreground-fixed-light)',\n  '--normal-border': 'transparent',\n  '--border-radius': 'var(--radius-lg)',\n};\n\nconst Toaster = ({ ...props }: ToasterProps): ReactNode => {\n  const statusBadgeClass =\n    'flex h-5 min-w-5 items-center justify-center rounded-md px-1';\n\n  return (\n    <Sonner\n      data-slot=\"sonner-toast\"\n      theme=\"system\"\n      className=\"toaster group\"\n      icons={{\n        close: <IconX className=\"size-4 text-foreground-fixed-light\" />,\n        success: (\n          <span className={cn(statusBadgeClass, 'bg-success-background')}>\n            <IconCircleCheckFilled className=\"size-3 text-success-foreground-on-success\" />\n          </span>\n        ),\n        info: (\n          <span className={cn(statusBadgeClass, 'bg-info-background')}>\n            <IconInfoCircleFilled className=\"size-3 text-info-foreground-on-info\" />\n          </span>\n        ),\n        warning: (\n          <span className={cn(statusBadgeClass, 'bg-warning-background')}>\n            <IconAlertTriangleFilled className=\"size-3 text-warning-foreground-on-warning\" />\n          </span>\n        ),\n        error: (\n          <span className={cn(statusBadgeClass, 'bg-destructive-background')}>\n            <IconAlertOctagonFilled className=\"size-3 text-destructive-foreground-on-critical\" />\n          </span>\n        ),\n        loading: <IconLoader2 className=\"size-4 animate-spin\" />,\n      }}\n      style={TOASTER_STYLE}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast:\n            'flex w-96 min-h-11 items-center gap-2 rounded-lg bg-raised-background p-3 shadow-md has-[[data-description]]:[&_[data-icon]]:hidden',\n          icon: 'order-1 m-0 shrink-0 flex items-start',\n          content:\n            'order-2 flex min-w-0 flex-1 basis-0 flex-col items-start gap-0.5',\n          title:\n            'w-full self-stretch line-clamp-2 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light',\n          description:\n            'w-full self-stretch text-sm font-normal leading-4.5 tracking-tight text-muted-foreground-fixed-light',\n          actionButton:\n            'order-3 ml-auto inline-flex h-7 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-md bg-transparent px-2 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer',\n          cancelButton:\n            'order-3 ml-auto inline-flex h-7 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-md bg-transparent px-2 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer',\n          closeButton:\n            'order-4 inline-flex size-7 items-center justify-center rounded-md text-foreground-fixed-light transition-all hover:cursor-pointer hover:text-foreground-fixed-light hover:!bg-transparent',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster, toast };\n"],"names":["IconAlertOctagonFilled","IconAlertTriangleFilled","IconCircleCheckFilled","IconInfoCircleFilled","IconLoader2","IconX","Toaster","Sonner","toast","cn","TOASTER_STYLE","props","statusBadgeClass","data-slot","theme","className","icons","close","success","span","info","warning","error","loading","style","toastOptions","unstyled","classNames","icon","content","title","description","actionButton","cancelButton","closeButton"],"mappings":";AAEA,SACEA,sBAAsB,EACtBC,uBAAuB,EACvBC,qBAAqB,EACrBC,oBAAoB,EACpBC,WAAW,EACXC,KAAK,QACA,sBAAsB;AAC7B,SAASC,WAAWC,MAAM,EAAqBC,KAAK,QAAQ,SAAS;AAErE,SAASC,EAAE,QAAQ,2BAAwB;AAS3C,MAAMC,gBAA8B;IAClC,eAAe;IACf,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;AACrB;AAEA,MAAMJ,UAAU,CAAC,EAAE,GAAGK,OAAqB;IACzC,MAAMC,mBACJ;IAEF,qBACE,KAACL;QACCM,aAAU;QACVC,OAAM;QACNC,WAAU;QACVC,OAAO;YACLC,qBAAO,KAACZ;gBAAMU,WAAU;;YACxBG,uBACE,KAACC;gBAAKJ,WAAWN,GAAGG,kBAAkB;0BACpC,cAAA,KAACV;oBAAsBa,WAAU;;;YAGrCK,oBACE,KAACD;gBAAKJ,WAAWN,GAAGG,kBAAkB;0BACpC,cAAA,KAACT;oBAAqBY,WAAU;;;YAGpCM,uBACE,KAACF;gBAAKJ,WAAWN,GAAGG,kBAAkB;0BACpC,cAAA,KAACX;oBAAwBc,WAAU;;;YAGvCO,qBACE,KAACH;gBAAKJ,WAAWN,GAAGG,kBAAkB;0BACpC,cAAA,KAACZ;oBAAuBe,WAAU;;;YAGtCQ,uBAAS,KAACnB;gBAAYW,WAAU;;QAClC;QACAS,OAAOd;QACPe,cAAc;YACZC,UAAU;YACVC,YAAY;gBACVnB,OACE;gBACFoB,MAAM;gBACNC,SACE;gBACFC,OACE;gBACFC,aACE;gBACFC,cACE;gBACFC,cACE;gBACFC,aACE;YACJ;QACF;QACC,GAAGvB,KAAK;;AAGf;AAEA,SAASL,OAAO,EAAEE,KAAK,GAAG"}

package/dist/components/ui/core/sources/sources.d.ts

@@ -1,20 +1,20 @@
-import { ComponentProps, ReactNode } from 'react';
-import { InlineCitationLink } from '../inline-citation/inline-citation';
-type SourcesProps = Omit<ComponentProps<'div'>, 'title'> & {
-    title?: ReactNode | boolean;
-    collapsible?: boolean;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+import type { ComponentProps, ReactNode } from "react";
+import { InlineCitationLink } from "../inline-citation/inline-citation";
+type SourcesProps = Omit<ComponentProps<"div">, "title"> & {
+	title?: ReactNode | boolean;
+	collapsible?: boolean;
+	defaultOpen?: boolean;
+	open?: boolean;
+	onOpenChange?: (open: boolean) => void;
 };
 declare const Sources: ({ className, title, children, collapsible, defaultOpen, open, onOpenChange, ...props }: SourcesProps) => ReactNode;
-type SourcesTitleProps = ComponentProps<'div'> & {
-    title?: string;
+type SourcesTitleProps = ComponentProps<"div"> & {
+	title?: string;
 };
 declare const SourcesTitle: ({ className, title, children, ...props }: SourcesTitleProps) => ReactNode;
 type SourceProps = ComponentProps<typeof InlineCitationLink> & {
-    title?: string;
-    url?: string;
+	title?: string;
+	url?: string;
 };
 declare const Source: ({ href, url, title, variant, target, icon, className, children, ...props }: SourceProps) => ReactNode;
 export { Source, Sources, SourcesTitle };