@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/alert.d.mts

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const alertVariants: (props?: ({
+    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type AlertAnimation = "none" | "slide-down" | "fade" | "pop";
+type AlertVariantProps = VariantProps<typeof alertVariants> & {
+    closable?: boolean;
+};
+type AlertProps = AlertVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    triggerClassName?: string;
+    animation?: AlertAnimation;
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+};
+type AlertSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+type AlertSize = NonNullable<AlertProps["size"]>;
+
+declare function Alert(props: AlertProps): react_jsx_runtime.JSX.Element;
+declare namespace Alert {
+    var displayName: string;
+}
+declare function AlertIcon({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertIcon {
+    var displayName: string;
+}
+declare function AlertTitle({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertTitle {
+    var displayName: string;
+}
+declare function AlertDescription({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDescription {
+    var displayName: string;
+}
+declare function AlertClose({ className, children, "aria-label": ariaLabel, onClick, }: AlertSectionProps & {
+    onClick?: () => void;
+    "aria-label"?: string;
+}): react_jsx_runtime.JSX.Element;
+declare namespace AlertClose {
+    var displayName: string;
+}
+declare function AlertDefaultIcon({ appearance }: {
+    appearance?: AlertProps["appearance"];
+}): react_jsx_runtime.JSX.Element;
+
+type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
+declare const alertAnimationPresets: AlertAnimationPresets;
+
+export { Alert, type AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, type AlertProps, type AlertSectionProps, type AlertSize, AlertTitle, alertAnimationPresets, alertDescriptionVariants, alertTitleVariants, alertVariants };

package/dist/ui/alert.d.ts

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const alertVariants: (props?: ({
+    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type AlertAnimation = "none" | "slide-down" | "fade" | "pop";
+type AlertVariantProps = VariantProps<typeof alertVariants> & {
+    closable?: boolean;
+};
+type AlertProps = AlertVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    triggerClassName?: string;
+    animation?: AlertAnimation;
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+};
+type AlertSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+type AlertSize = NonNullable<AlertProps["size"]>;
+
+declare function Alert(props: AlertProps): react_jsx_runtime.JSX.Element;
+declare namespace Alert {
+    var displayName: string;
+}
+declare function AlertIcon({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertIcon {
+    var displayName: string;
+}
+declare function AlertTitle({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertTitle {
+    var displayName: string;
+}
+declare function AlertDescription({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDescription {
+    var displayName: string;
+}
+declare function AlertClose({ className, children, "aria-label": ariaLabel, onClick, }: AlertSectionProps & {
+    onClick?: () => void;
+    "aria-label"?: string;
+}): react_jsx_runtime.JSX.Element;
+declare namespace AlertClose {
+    var displayName: string;
+}
+declare function AlertDefaultIcon({ appearance }: {
+    appearance?: AlertProps["appearance"];
+}): react_jsx_runtime.JSX.Element;
+
+type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
+declare const alertAnimationPresets: AlertAnimationPresets;
+
+export { Alert, type AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, type AlertProps, type AlertSectionProps, type AlertSize, AlertTitle, alertAnimationPresets, alertDescriptionVariants, alertTitleVariants, alertVariants };

package/dist/ui/alert.js

@@ -0,0 +1,218 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/alert/alert.tsx
+var _react = require('react');
+var _framermotion = require('framer-motion');
+var _hi2 = require('react-icons/hi2');
+
+// src/ui/alert/animations.ts
+var alertAnimationPresets = {
+  none: {},
+  "slide-down": {
+    initial: { y: -8, opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    transition: { type: "spring", stiffness: 420, damping: 30 }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.2 }
+  },
+  pop: {
+    initial: { scale: 0.96, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { type: "spring", stiffness: 520, damping: 28 }
+  }
+};
+
+// src/ui/alert/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+var alertVariants = _classvarianceauthority.cva.call(void 0, 
+  "relative flex w-full gap-3 border text-sm ring-offset-slate-950 transition-colors",
+  {
+    variants: {
+      appearance: {
+        default: "border-white/10 bg-white/5 text-slate-50",
+        success: "border-emerald-500/40 bg-emerald-500/10 text-emerald-50",
+        warning: "border-amber-500/40 bg-amber-500/10 text-amber-50",
+        error: "border-rose-500/50 bg-rose-500/10 text-rose-50",
+        info: "border-sky-500/40 bg-sky-500/10 text-sky-50",
+        ghost: "border-transparent bg-transparent text-slate-200",
+        purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
+        pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
+        orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
+        yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
+        teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
+        indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
+        gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
+        violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
+        "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+      },
+      size: {
+        sm: "rounded-lg p-3",
+        md: "rounded-xl p-4",
+        lg: "rounded-2xl p-5 text-base"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+var alertTitleVariants = _classvarianceauthority.cva.call(void 0, "font-semibold leading-tight", {
+  variants: {
+    size: {
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var alertDescriptionVariants = _classvarianceauthority.cva.call(void 0, "text-slate-300", {
+  variants: {
+    size: {
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/ui/alert/alert.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var AlertSizeContext = _react.createContext.call(void 0, "md");
+function useAlertSize() {
+  const ctx = _react.useContext.call(void 0, AlertSizeContext);
+  if (!ctx) {
+    throw new Error("useAlertSize must be used within an Alert");
+  }
+  return ctx;
+}
+function Alert(props) {
+  const {
+    className,
+    triggerClassName,
+    appearance,
+    size = "md",
+    animation = "none",
+    closable = false,
+    onClose,
+    closeLabel = "Dismiss alert",
+    children,
+    ref,
+    ...rest
+  } = props;
+  const motionProps = alertAnimationPresets[animation];
+  const live = appearance === "error" ? "assertive" : "polite";
+  const ctx = _react.useMemo.call(void 0, () => _nullishCoalesce(size, () => ( "md")), [size]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _framermotion.motion.div,
+    {
+      ref,
+      "data-slot": "alert",
+      role: "alert",
+      "aria-live": live,
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        alertVariants({ appearance, size }),
+        closable ? "pr-12" : "",
+        className
+      ),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children: [
+        children,
+        closable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "data-slot": "alert-close",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: _chunkE5UX537Jjs.cn.call(void 0, 
+              "absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+              triggerClassName
+            ),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi2.HiXMark, { className: "size-4", "aria-hidden": true })
+          }
+        ) : null
+      ]
+    }
+  ) });
+}
+Alert.displayName = "Alert";
+function AlertIcon({ className, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "alert-icon", className: _chunkE5UX537Jjs.cn.call(void 0, "mt-0.5 shrink-0 text-current", className), children });
+}
+AlertIcon.displayName = "AlertIcon";
+function AlertTitle({ className, children }) {
+  const size = useAlertSize();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "alert-title", className: _chunkE5UX537Jjs.cn.call(void 0, alertTitleVariants({ size }), className), children });
+}
+AlertTitle.displayName = "AlertTitle";
+function AlertDescription({ className, children }) {
+  const size = useAlertSize();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: _chunkE5UX537Jjs.cn.call(void 0, alertDescriptionVariants({ size }), className),
+      children
+    }
+  );
+}
+AlertDescription.displayName = "AlertDescription";
+function AlertClose({
+  className,
+  children,
+  "aria-label": ariaLabel = "Dismiss alert",
+  onClick
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "data-slot": "alert-close",
+      "aria-label": ariaLabel,
+      onClick,
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        "inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+        className
+      ),
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi2.HiXMark, { className: "size-4", "aria-hidden": true })))
+    }
+  );
+}
+AlertClose.displayName = "AlertClose";
+function AlertDefaultIcon({ appearance }) {
+  if (appearance === "error") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi2.HiExclamationTriangle, { className: "size-5", "aria-hidden": true });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi2.HiInformationCircle, { className: "size-5", "aria-hidden": true });
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.Alert = Alert; exports.AlertClose = AlertClose; exports.AlertDefaultIcon = AlertDefaultIcon; exports.AlertDescription = AlertDescription; exports.AlertIcon = AlertIcon; exports.AlertTitle = AlertTitle; exports.alertAnimationPresets = alertAnimationPresets; exports.alertDescriptionVariants = alertDescriptionVariants; exports.alertTitleVariants = alertTitleVariants; exports.alertVariants = alertVariants;
+//# sourceMappingURL=alert.js.map

package/dist/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/alert.js"],"names":[],"mappings":"AAAA;AACE;AACF,uDAA6B;AAC7B;AACA;AACA,8BAA0D;AAC1D,6CAAsC;AACtC,sCAAqF;AACrF;AACA;AACA,IAAI,sBAAsB,EAAE;AAC5B,EAAE,IAAI,EAAE,CAAC,CAAC;AACV,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC;AAClC,IAAI,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC;AACjC,IAAI,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG;AAC9D,EAAE,CAAC;AACH,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AAC3B,IAAI,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AAC3B,IAAI,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI;AAChC,EAAE,CAAC;AACH,EAAE,GAAG,EAAE;AACP,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;AACxC,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC;AACrC,IAAI,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG;AAC9D,EAAE;AACF,CAAC;AACD;AACA;AACA,kEAA8C;AAC9C,IAAI,cAAc,EAAE,yCAAG;AACvB,EAAE,mFAAmF;AACrF,EAAE;AACF,IAAI,QAAQ,EAAE;AACd,MAAM,UAAU,EAAE;AAClB,QAAQ,OAAO,EAAE,0CAA0C;AAC3D,QAAQ,OAAO,EAAE,yDAAyD;AAC1E,QAAQ,OAAO,EAAE,mDAAmD;AACpE,QAAQ,KAAK,EAAE,gDAAgD;AAC/D,QAAQ,IAAI,EAAE,6CAA6C;AAC3D,QAAQ,KAAK,EAAE,kDAAkD;AACjE,QAAQ,MAAM,EAAE,qDAAqD;AACrE,QAAQ,IAAI,EAAE,iDAAiD;AAC/D,QAAQ,MAAM,EAAE,qDAAqD;AACrE,QAAQ,MAAM,EAAE,qDAAqD;AACrE,QAAQ,IAAI,EAAE,iDAAiD;AAC/D,QAAQ,MAAM,EAAE,qDAAqD;AACrE,QAAQ,IAAI,EAAE,iDAAiD;AAC/D,QAAQ,MAAM,EAAE,qDAAqD;AACrE,QAAQ,eAAe,EAAE,sHAAsH;AAC/I,QAAQ,gBAAgB,EAAE,oHAAoH;AAC9I,QAAQ,cAAc,EAAE,gHAAgH;AACxI,QAAQ,iBAAiB,EAAE,0HAA0H;AACrJ,QAAQ,iBAAiB,EAAE,sHAAsH;AACjJ,QAAQ,eAAe,EAAE,kHAAkH;AAC3I,QAAQ,iBAAiB,EAAE,0HAA0H;AACrJ,QAAQ,eAAe,EAAE,kHAAkH;AAC3I,QAAQ,iBAAiB,EAAE;AAC3B,MAAM,CAAC;AACP,MAAM,IAAI,EAAE;AACZ,QAAQ,EAAE,EAAE,gBAAgB;AAC5B,QAAQ,EAAE,EAAE,gBAAgB;AAC5B,QAAQ,EAAE,EAAE;AACZ,MAAM;AACN,IAAI,CAAC;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,UAAU,EAAE,SAAS;AAC3B,MAAM,IAAI,EAAE;AACZ,IAAI;AACJ,EAAE;AACF,CAAC;AACD,IAAI,mBAAmB,EAAE,yCAAG,6BAA8B,EAAE;AAC5D,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE;AACV,MAAM,EAAE,EAAE,oBAAoB;AAC9B,MAAM,EAAE,EAAE,oBAAoB;AAC9B,MAAM,EAAE,EAAE;AACV,IAAI;AACJ,EAAE,CAAC;AACH,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,KAAK;AAChC,CAAC,CAAC;AACF,IAAI,yBAAyB,EAAE,yCAAG,gBAAiB,EAAE;AACrD,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE;AACV,MAAM,EAAE,EAAE,oBAAoB;AAC9B,MAAM,EAAE,EAAE,oBAAoB;AAC9B,MAAM,EAAE,EAAE;AACV,IAAI;AACJ,EAAE,CAAC;AACH,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,KAAK;AAChC,CAAC,CAAC;AACF;AACA;AACA,+CAA6C;AAC7C,IAAI,iBAAiB,EAAE,kCAAa,IAAK,CAAC;AAC1C,SAAS,YAAY,CAAC,EAAE;AACxB,EAAE,MAAM,IAAI,EAAE,+BAAU,gBAAiB,CAAC;AAC1C,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC;AAChE,EAAE;AACF,EAAE,OAAO,GAAG;AACZ;AACA,SAAS,KAAK,CAAC,KAAK,EAAE;AACtB,EAAE,MAAM;AACR,IAAI,SAAS;AACb,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,SAAS,EAAE,KAAK;AACpB,IAAI,OAAO;AACX,IAAI,WAAW,EAAE,eAAe;AAChC,IAAI,QAAQ;AACZ,IAAI,GAAG;AACP,IAAI,GAAG;AACP,EAAE,EAAE,EAAE,KAAK;AACX,EAAE,MAAM,YAAY,EAAE,qBAAqB,CAAC,SAAS,CAAC;AACtD,EAAE,MAAM,KAAK,EAAE,WAAW,IAAI,QAAQ,EAAE,YAAY,EAAE,QAAQ;AAC9D,EAAE,MAAM,IAAI,EAAE,4BAAO,CAAE,EAAE,oBAAG,IAAK,UAAG,MAAI,EAAE,CAAC,IAAI,CAAC,CAAC;AACjD,EAAE,uBAAuB,6BAAG,gBAAiB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,kBAAkB,8BAAI;AACpG,IAAI,oBAAM,CAAC,GAAG;AACd,IAAI;AACJ,MAAM,GAAG;AACT,MAAM,WAAW,EAAE,OAAO;AAC1B,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,WAAW,EAAE,IAAI;AACvB,MAAM,SAAS,EAAE,iCAAE;AACnB,QAAQ,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AAC3C,QAAQ,SAAS,EAAE,QAAQ,EAAE,EAAE;AAC/B,QAAQ;AACR,MAAM,CAAC;AACP,MAAM,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC;AACpD,MAAM,GAAG,WAAW;AACpB,MAAM,GAAG,IAAI;AACb,MAAM,QAAQ,EAAE;AAChB,QAAQ,QAAQ;AAChB,QAAQ,SAAS,kBAAkB,6BAAG;AACtC,UAAU,QAAQ;AAClB,UAAU;AACV,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,WAAW,EAAE,aAAa;AACtC,YAAY,YAAY,EAAE,UAAU;AACpC,YAAY,OAAO,EAAE,OAAO;AAC5B,YAAY,SAAS,EAAE,iCAAE;AACzB,cAAc,0MAA0M;AACxN,cAAc;AACd,YAAY,CAAC;AACb,YAAY,QAAQ,kBAAkB,6BAAG,YAAQ,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC;AAC/F,UAAU;AACV,QAAQ,EAAE,EAAE;AACZ,MAAM;AACN,IAAI;AACJ,EAAE,EAAE,CAAC,CAAC;AACN;AACA,KAAK,CAAC,YAAY,EAAE,OAAO;AAC3B,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;AAC5C,EAAE,uBAAuB,6BAAG,MAAO,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,iCAAE,8BAA+B,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AACvI;AACA,SAAS,CAAC,YAAY,EAAE,WAAW;AACnC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;AAC7C,EAAE,MAAM,KAAK,EAAE,YAAY,CAAC,CAAC;AAC7B,EAAE,uBAAuB,6BAAG,KAAM,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,iCAAE,kBAAmB,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AACrI;AACA,UAAU,CAAC,YAAY,EAAE,YAAY;AACrC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE;AACnD,EAAE,MAAM,KAAK,EAAE,YAAY,CAAC,CAAC;AAC7B,EAAE,uBAAuB,6BAAG;AAC5B,IAAI,KAAK;AACT,IAAI;AACJ,MAAM,WAAW,EAAE,mBAAmB;AACtC,MAAM,SAAS,EAAE,iCAAE,wBAAyB,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC;AAClE,MAAM;AACN,IAAI;AACJ,EAAE,CAAC;AACH;AACA,gBAAgB,CAAC,YAAY,EAAE,kBAAkB;AACjD,SAAS,UAAU,CAAC;AACpB,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe;AAC3C,EAAE;AACF,CAAC,EAAE;AACH,EAAE,uBAAuB,6BAAG;AAC5B,IAAI,QAAQ;AACZ,IAAI;AACJ,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,WAAW,EAAE,aAAa;AAChC,MAAM,YAAY,EAAE,SAAS;AAC7B,MAAM,OAAO;AACb,MAAM,SAAS,EAAE,iCAAE;AACnB,QAAQ,mLAAmL;AAC3L,QAAQ;AACR,MAAM,CAAC;AACP,MAAM,QAAQ,mBAAE,QAAS,0BAAmB,6BAAG,YAAQ,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC;AACrG,IAAI;AACJ,EAAE,CAAC;AACH;AACA,UAAU,CAAC,YAAY,EAAE,YAAY;AACrC,SAAS,gBAAgB,CAAC,EAAE,WAAW,CAAC,EAAE;AAC1C,EAAE,GAAG,CAAC,WAAW,IAAI,OAAO,EAAE;AAC9B,IAAI,uBAAuB,6BAAG,0BAAsB,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AACnG,EAAE;AACF,EAAE,uBAAuB,6BAAG,wBAAoB,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AAC/F;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,6ZAAC","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/alert.js","sourcesContent":[null]}

package/dist/ui/alert.mjs

@@ -0,0 +1,220 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/alert/alert.tsx
+import { createContext, useContext, useMemo } from "react";
+import { motion } from "framer-motion";
+import { HiExclamationTriangle, HiInformationCircle, HiXMark } from "react-icons/hi2";
+
+// src/ui/alert/animations.ts
+var alertAnimationPresets = {
+  none: {},
+  "slide-down": {
+    initial: { y: -8, opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    transition: { type: "spring", stiffness: 420, damping: 30 }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.2 }
+  },
+  pop: {
+    initial: { scale: 0.96, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { type: "spring", stiffness: 520, damping: 28 }
+  }
+};
+
+// src/ui/alert/variants.ts
+import { cva } from "class-variance-authority";
+var alertVariants = cva(
+  "relative flex w-full gap-3 border text-sm ring-offset-slate-950 transition-colors",
+  {
+    variants: {
+      appearance: {
+        default: "border-white/10 bg-white/5 text-slate-50",
+        success: "border-emerald-500/40 bg-emerald-500/10 text-emerald-50",
+        warning: "border-amber-500/40 bg-amber-500/10 text-amber-50",
+        error: "border-rose-500/50 bg-rose-500/10 text-rose-50",
+        info: "border-sky-500/40 bg-sky-500/10 text-sky-50",
+        ghost: "border-transparent bg-transparent text-slate-200",
+        purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
+        pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
+        orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
+        yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
+        teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
+        indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
+        gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
+        violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
+        "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+      },
+      size: {
+        sm: "rounded-lg p-3",
+        md: "rounded-xl p-4",
+        lg: "rounded-2xl p-5 text-base"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+var alertTitleVariants = cva("font-semibold leading-tight", {
+  variants: {
+    size: {
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var alertDescriptionVariants = cva("text-slate-300", {
+  variants: {
+    size: {
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/ui/alert/alert.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var AlertSizeContext = createContext("md");
+function useAlertSize() {
+  const ctx = useContext(AlertSizeContext);
+  if (!ctx) {
+    throw new Error("useAlertSize must be used within an Alert");
+  }
+  return ctx;
+}
+function Alert(props) {
+  const {
+    className,
+    triggerClassName,
+    appearance,
+    size = "md",
+    animation = "none",
+    closable = false,
+    onClose,
+    closeLabel = "Dismiss alert",
+    children,
+    ref,
+    ...rest
+  } = props;
+  const motionProps = alertAnimationPresets[animation];
+  const live = appearance === "error" ? "assertive" : "polite";
+  const ctx = useMemo(() => size ?? "md", [size]);
+  return /* @__PURE__ */ jsx(AlertSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      ref,
+      "data-slot": "alert",
+      role: "alert",
+      "aria-live": live,
+      className: cn(
+        alertVariants({ appearance, size }),
+        closable ? "pr-12" : "",
+        className
+      ),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children: [
+        children,
+        closable ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "alert-close",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: cn(
+              "absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+              triggerClassName
+            ),
+            children: /* @__PURE__ */ jsx(HiXMark, { className: "size-4", "aria-hidden": true })
+          }
+        ) : null
+      ]
+    }
+  ) });
+}
+Alert.displayName = "Alert";
+function AlertIcon({ className, children }) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "alert-icon", className: cn("mt-0.5 shrink-0 text-current", className), children });
+}
+AlertIcon.displayName = "AlertIcon";
+function AlertTitle({ className, children }) {
+  const size = useAlertSize();
+  return /* @__PURE__ */ jsx("div", { "data-slot": "alert-title", className: cn(alertTitleVariants({ size }), className), children });
+}
+AlertTitle.displayName = "AlertTitle";
+function AlertDescription({ className, children }) {
+  const size = useAlertSize();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(alertDescriptionVariants({ size }), className),
+      children
+    }
+  );
+}
+AlertDescription.displayName = "AlertDescription";
+function AlertClose({
+  className,
+  children,
+  "aria-label": ariaLabel = "Dismiss alert",
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "alert-close",
+      "aria-label": ariaLabel,
+      onClick,
+      className: cn(
+        "inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+        className
+      ),
+      children: children ?? /* @__PURE__ */ jsx(HiXMark, { className: "size-4", "aria-hidden": true })
+    }
+  );
+}
+AlertClose.displayName = "AlertClose";
+function AlertDefaultIcon({ appearance }) {
+  if (appearance === "error") {
+    return /* @__PURE__ */ jsx(HiExclamationTriangle, { className: "size-5", "aria-hidden": true });
+  }
+  return /* @__PURE__ */ jsx(HiInformationCircle, { className: "size-5", "aria-hidden": true });
+}
+export {
+  Alert,
+  AlertClose,
+  AlertDefaultIcon,
+  AlertDescription,
+  AlertIcon,
+  AlertTitle,
+  alertAnimationPresets,
+  alertDescriptionVariants,
+  alertTitleVariants,
+  alertVariants
+};
+//# sourceMappingURL=alert.mjs.map

package/dist/ui/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/alert/alert.tsx","../../src/ui/alert/animations.ts","../../src/ui/alert/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { HiExclamationTriangle, HiInformationCircle, HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { alertAnimationPresets } from \"./animations\";\nimport type { AlertProps, AlertSectionProps, AlertSize } from \"./types\";\nimport {\n  alertDescriptionVariants,\n  alertTitleVariants,\n  alertVariants,\n} from \"./variants\";\n\nconst AlertSizeContext = createContext<AlertSize>(\"md\");\n\nfunction useAlertSize(): AlertSize {\n  const ctx = useContext(AlertSizeContext);\n  if (!ctx) {\n    throw new Error(\"useAlertSize must be used within an Alert\");\n  }\n  return ctx;\n}\n\nexport function Alert(props: AlertProps) {\n  const {\n    className,\n    triggerClassName,\n    appearance,\n    size = \"md\",\n    animation = \"none\",\n    closable = false,\n    onClose,\n    closeLabel = \"Dismiss alert\",\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = alertAnimationPresets[animation];\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <AlertSizeContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"alert\"\n        role=\"alert\"\n        aria-live={live}\n        className={cn(\n          alertVariants({ appearance, size }),\n          closable ? \"pr-12\" : \"\",\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n        {closable ? (\n          <button\n            type=\"button\"\n            data-slot=\"alert-close\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            className={cn(\n              \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n              triggerClassName,\n            )}\n          >\n            <HiXMark className=\"size-4\" aria-hidden />\n          </button>\n        ) : null}\n      </motion.div>\n    </AlertSizeContext.Provider>\n  );\n}\n\nAlert.displayName = \"Alert\";\n\nexport function AlertIcon({ className, children }: AlertSectionProps) {\n  return (\n    <span data-slot=\"alert-icon\" className={cn(\"mt-0.5 shrink-0 text-current\", className)}>\n      {children}\n    </span>\n  );\n}\n\nAlertIcon.displayName = \"AlertIcon\";\n\nexport function AlertTitle({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div data-slot=\"alert-title\" className={cn(alertTitleVariants({ size }), className)}>\n      {children}\n    </div>\n  );\n}\n\nAlertTitle.displayName = \"AlertTitle\";\n\nexport function AlertDescription({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(alertDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertDescription.displayName = \"AlertDescription\";\n\nexport function AlertClose({\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Dismiss alert\",\n  onClick,\n}: AlertSectionProps & { onClick?: () => void; \"aria-label\"?: string }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"alert-close\"\n      aria-label={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n    >\n      {children ?? <HiXMark className=\"size-4\" aria-hidden />}\n    </button>\n  );\n}\n\nAlertClose.displayName = \"AlertClose\";\n\nexport function AlertDefaultIcon({ appearance }: { appearance?: AlertProps[\"appearance\"] }) {\n  if (appearance === \"error\") {\n    return <HiExclamationTriangle className=\"size-5\" aria-hidden />;\n  }\n  return <HiInformationCircle className=\"size-5\" aria-hidden />;\n}\n","import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { AlertAnimation } from \"./types\";\n\ntype AlertPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\"\n>;\n\nexport type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;\n\nexport const alertAnimationPresets: AlertAnimationPresets = {\n  none: {},\n  \"slide-down\": {\n    initial: { y: -8, opacity: 0 },\n    animate: { y: 0, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 420, damping: 30 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.2 },\n  },\n  pop: {\n    initial: { scale: 0.96, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 28 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const alertVariants = cva(\n  \"relative flex w-full gap-3 border text-sm ring-offset-slate-950 transition-colors\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/5 text-slate-50\",\n        success: \"border-emerald-500/40 bg-emerald-500/10 text-emerald-50\",\n        warning: \"border-amber-500/40 bg-amber-500/10 text-amber-50\",\n        error: \"border-rose-500/50 bg-rose-500/10 text-rose-50\",\n        info: \"border-sky-500/40 bg-sky-500/10 text-sky-50\",\n        ghost: \"border-transparent bg-transparent text-slate-200\",\n        purple: \"border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        gray: \"border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        violet: \"border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\": \"border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\": \"border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\": \"border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\": \"border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\": \"border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\": \"border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\": \"border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\": \"border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\": \"border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n      size: {\n        sm: \"rounded-lg p-3\",\n        md: \"rounded-xl p-4\",\n        lg: \"rounded-2xl p-5 text-base\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const alertTitleVariants = cva(\"font-semibold leading-tight\", {\n  variants: {\n    size: {\n      sm: \"text-xs md:text-sm\",\n      md: \"text-xs md:text-sm\",\n      lg: \"text-xs md:text-sm\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const alertDescriptionVariants = cva(\"text-slate-300\", {\n  variants: {\n    size: {\n      sm: \"text-xs md:text-sm\",\n      md: \"text-xs md:text-sm\",\n      lg: \"text-xs md:text-sm\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n"],"mappings":"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","names":[]}

package/dist/ui/badge.d.mts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { MouseEventHandler, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const badgeVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "secondary" | "destructive" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "pill" | "square" | "dot" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const badgeCloseButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type BadgeAnimation = "none" | "pop" | "bounce" | "fade";
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+type BadgeProps = BadgeVariantProps & Omit<HTMLMotionProps<"span">, "children"> & {
+    animation?: BadgeAnimation;
+    closable?: boolean;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+    closeLabel?: string;
+    children?: ReactNode;
+    /** Dot shape hides text; set for accessibility. */
+    "aria-label"?: string;
+};
+
+declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
+declare namespace Badge {
+    var displayName: string;
+}
+
+type BadgePresetMotionProps = Pick<HTMLMotionProps<"span">, "style" | "transition" | "whileHover" | "whileTap" | "animate" | "initial">;
+type BadgeAnimationPresets = Record<BadgeAnimation, BadgePresetMotionProps>;
+declare const badgeAnimationPresets: BadgeAnimationPresets;
+
+export { Badge, type BadgeAnimation, type BadgeProps, badgeAnimationPresets, badgeCloseButtonVariants, badgeVariants };