@bigbinary/neeto-atoms 1.0.50 → 1.0.52

package/dist/Toastr-tmAtpmwv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toastr-tmAtpmwv.js","sources":["../src/components/Toastr/ToastrBody.tsx","../src/components/Toastr/utils.ts","../src/components/Toastr/Toastr.tsx"],"sourcesContent":["import {\n  CircleCheckIcon,\n  InfoIcon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n  XIcon,\n  type LucideIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\ntype ToastrType = \"success\" | \"info\" | \"warning\" | \"error\";\n\nconst ICONS: Record<ToastrType, LucideIcon> = {\n  success: CircleCheckIcon,\n  info: InfoIcon,\n  warning: TriangleAlertIcon,\n  error: OctagonXIcon,\n};\n\nconst VARIANT_CLASSES: Record<ToastrType, string> = {\n  success:\n    \"bg-success-solid text-success-solid-foreground border-success-solid/30\",\n  error: \"bg-error-solid text-error-solid-foreground border-error-solid/30\",\n  warning:\n    \"bg-warning-solid text-warning-solid-foreground border-warning-solid/30\",\n  info: \"bg-info-solid text-info-solid-foreground border-info-solid/30\",\n};\n\nexport interface ToastrBodyProps {\n  type: ToastrType;\n  message: string;\n  showIcon?: boolean;\n  dismissible?: boolean;\n  buttonLabel?: string;\n  onAction?: () => void;\n  onDismiss: () => void;\n}\n\nconst ToastrBody = ({\n  type,\n  message,\n  showIcon = true,\n  dismissible = true,\n  buttonLabel,\n  onAction,\n  onDismiss,\n}: ToastrBodyProps) => {\n  const Icon = ICONS[type];\n\n  return (\n    <div\n      role={type === \"error\" || type === \"warning\" ? \"alert\" : \"status\"}\n      className={cn(\n        \"flex w-full items-center gap-3 rounded-md border px-4 py-3 text-sm shadow-lg\",\n        VARIANT_CLASSES[type]\n      )}\n    >\n      {showIcon && <Icon aria-hidden className=\"size-4 shrink-0\" />}\n      <span className=\"flex-1\">{message}</span>\n      {buttonLabel && (\n        <button\n          type=\"button\"\n          onClick={onAction}\n          className=\"shrink-0 text-sm font-medium underline-offset-2 hover:underline\"\n        >\n          {buttonLabel}\n        </button>\n      )}\n      {dismissible && (\n        <button\n          type=\"button\"\n          aria-label=\"Dismiss\"\n          onClick={onDismiss}\n          className=\"shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\"\n        >\n          <XIcon aria-hidden className=\"size-4\" />\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport { ToastrBody };\n","import type { ToastrConfig, ToastrErrorInput, ToastrMessage } from \"./Toastr\";\n\nconst activeToasts = new Set<string>();\n\nfunction toastKey(type: string, message: string, buttonLabel?: string): string {\n  return `${type}::${message}::${buttonLabel ?? \"\"}`;\n}\n\nfunction getContentDir(): \"ltr\" | \"rtl\" {\n  if (typeof document === \"undefined\") return \"ltr\";\n  return (\n    (document.documentElement.getAttribute(\"dir\") as \"ltr\" | \"rtl\") ??\n    (document.body.getAttribute(\"dir\") as \"ltr\" | \"rtl\") ??\n    \"ltr\"\n  );\n}\n\nfunction resolveMessage(message: ToastrMessage): string {\n  if (typeof message === \"string\") return message;\n  if (message && typeof message === \"object\") {\n    if (message.customMessage) return message.customMessage;\n    if (message.notice) return message.notice;\n    if (message.noticeCode) return message.noticeCode;\n  }\n  return String(message);\n}\n\nfunction resolveErrorMessage(errorObject: ToastrErrorInput): string {\n  if (typeof errorObject === \"string\") return errorObject;\n\n  if (errorObject && typeof errorObject === \"object\") {\n    // Axios-style error\n    const axiosLike = errorObject as {\n      response?: { data?: Record<string, unknown> };\n      message?: string;\n      isAxiosError?: boolean;\n    };\n\n    if (axiosLike.response?.data) {\n      const data = axiosLike.response.data;\n      if (data.customMessage) return String(data.customMessage);\n      if (data.error) return String(data.error);\n      if (Array.isArray(data.errors)) return data.errors.join(\"\\n\");\n      if (data.noticeCode) return String(data.noticeCode);\n    }\n\n    if (axiosLike.isAxiosError && axiosLike.message) return axiosLike.message;\n\n    // Native Error\n    if (errorObject instanceof Error) return errorObject.message;\n\n    // ToastrMessage object\n    return resolveMessage(errorObject as ToastrMessage);\n  }\n\n  return \"Something went wrong.\";\n}\n\nfunction parseConfig(args: unknown[]): ToastrConfig {\n  if (args.length === 0) return {};\n\n  const first = args[0];\n  if (typeof first === \"object\" && first !== null && !Array.isArray(first)) {\n    return first as ToastrConfig;\n  }\n\n  // Legacy positional args: buttonLabel, onClick, customConfig, showIcon\n  const [buttonLabel, onClick, customConfig, showIcon] = args as [\n    string?,\n    (() => void)?,\n    Record<string, unknown>?,\n    boolean?,\n  ];\n\n  return {\n    ...(buttonLabel ? { buttonLabel } : {}),\n    ...(onClick ? { onClick } : {}),\n    ...(showIcon !== undefined ? { showIcon } : {}),\n    ...(customConfig ?? {}),\n  };\n}\n\nexport {\n  activeToasts,\n  getContentDir,\n  parseConfig,\n  resolveErrorMessage,\n  resolveMessage,\n  toastKey,\n};\n","import { toast } from \"sonner\";\n\nimport { ToastrBody } from \"./ToastrBody\";\nimport {\n  activeToasts,\n  getContentDir,\n  parseConfig,\n  resolveErrorMessage,\n  resolveMessage,\n  toastKey,\n} from \"./utils\";\n\nexport interface ToastrConfig {\n  /** Label for an action button inside the toast. */\n  buttonLabel?: string;\n  /** Callback when the action button is clicked. */\n  onClick?: () => void;\n  /** Whether to show the type icon in the toast. */\n  showIcon?: boolean;\n  /** Whether the toast can be dismissed (shows X button + enables swipe). Defaults to true. */\n  dismissible?: boolean;\n  /** Additional sonner toast options (duration, position, etc.). */\n  [key: string]: unknown;\n}\n\nexport type ToastrMessage =\n  | string\n  | { noticeCode?: string; customMessage?: string; notice?: string };\n\nexport type ToastrErrorInput =\n  | string\n  | Error\n  | {\n      response?: { data?: Record<string, unknown> };\n      message?: string;\n      isAxiosError?: boolean;\n    }\n  | ToastrMessage;\n\ntype SonnerType = \"success\" | \"info\" | \"warning\" | \"error\";\n\nfunction showToast(\n  type: SonnerType,\n  message: string,\n  config?: ToastrConfig\n): string | number | undefined {\n  const {\n    buttonLabel,\n    onClick,\n    showIcon,\n    dismissible = true,\n    onDismiss: userOnDismiss,\n    onAutoClose: userOnAutoClose,\n    ...restConfig\n  } = config ?? {};\n\n  const key = toastKey(type, message, buttonLabel);\n\n  if (activeToasts.has(key)) return undefined;\n  activeToasts.add(key);\n\n  const options: Record<string, unknown> = {\n    ...restConfig,\n    position: getContentDir() === \"rtl\" ? \"bottom-right\" : \"bottom-left\",\n    dismissible,\n    onDismiss: (t: unknown) => {\n      activeToasts.delete(key);\n      (userOnDismiss as ((t: unknown) => void) | undefined)?.(t);\n    },\n    onAutoClose: (t: unknown) => {\n      activeToasts.delete(key);\n      (userOnAutoClose as ((t: unknown) => void) | undefined)?.(t);\n    },\n  };\n\n  return toast.custom(\n    id => (\n      <ToastrBody\n        buttonLabel={buttonLabel}\n        dismissible={dismissible}\n        message={message}\n        showIcon={showIcon}\n        type={type}\n        onAction={() => {\n          try {\n            onClick?.();\n          } finally {\n            toast.dismiss(id);\n          }\n        }}\n        onDismiss={() => toast.dismiss(id)}\n      />\n    ),\n    options\n  );\n}\n\nconst Toastr = {\n  success(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"success\", resolveMessage(message), parseConfig(args));\n  },\n\n  info(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"info\", resolveMessage(message), parseConfig(args));\n  },\n\n  show(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"info\", resolveMessage(message), parseConfig(args));\n  },\n\n  warning(message: ToastrMessage, ...args: unknown[]) {\n    return showToast(\"warning\", resolveMessage(message), parseConfig(args));\n  },\n\n  error(errorObject: ToastrErrorInput, ...args: unknown[]) {\n    const msg = resolveErrorMessage(errorObject);\n    return showToast(\"error\", msg, parseConfig(args));\n  },\n};\n\nexport { Toastr };\n"],"names":["CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","XIcon"],"mappings":"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"}

package/dist/{Typography-CiQzW5Fy.js → Typography-CmILccNh.js}

@@ -74,9 +74,10 @@ const Typography = forwardRef(
     color = "default",
     lineClamp,
     asChild = false,
+    as,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : defaultElementMap[variant ?? "body3"] ?? "p";
+    const Comp = asChild ? Slot : as ?? defaultElementMap[variant ?? "body3"] ?? "p";
     return /* @__PURE__ */ jsx(
       Comp,
       {
@@ -94,4 +95,4 @@ const Typography = forwardRef(
 Typography.displayName = "Typography";
 
 export { Typography as T, typographyVariants as t };
-//# sourceMappingURL=Typography-CiQzW5Fy.js.map
+//# sourceMappingURL=Typography-CmILccNh.js.map

package/dist/Typography-CmILccNh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-CmILccNh.js","sources":["../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst typographyVariants = cva(\"\", {\n  variants: {\n    variant: {\n      jumbo: \"text-5xl font-semibold leading-none tracking-tight\",\n      h1: \"text-[2.5rem] font-semibold leading-tight tracking-tight\",\n      h2: \"text-[2rem] font-semibold leading-tight tracking-tight\",\n      h3: \"text-[1.75rem] font-semibold leading-tight\",\n      h4: \"text-2xl font-semibold leading-tight\",\n      h5: \"text-xl font-semibold leading-tight\",\n      h6: \"text-base font-semibold leading-tight\",\n      body1: \"text-base leading-normal\",\n      body2: \"text-[15px] leading-normal\",\n      body3: \"text-sm leading-normal\",\n      caption: \"text-xs leading-normal\",\n      nano: \"text-[10px] leading-normal\",\n      code: \"font-mono text-sm\",\n    },\n    weight: {\n      thin: \"font-thin\",\n      extralight: \"font-extralight\",\n      light: \"font-light\",\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n      extrabold: \"font-extrabold\",\n      black: \"font-black\",\n    },\n    color: {\n      default: \"text-foreground\",\n      muted: \"text-muted-foreground\",\n      primary: \"text-primary\",\n      destructive: \"text-destructive\",\n      inherit: \"text-inherit\",\n    },\n    lineClamp: {\n      none: \"\",\n      1: \"line-clamp-1\",\n      2: \"line-clamp-2\",\n      3: \"line-clamp-3\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body3\",\n    color: \"default\",\n  },\n});\n\nconst defaultElementMap: Record<string, keyof React.JSX.IntrinsicElements> = {\n  jumbo: \"h1\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  body3: \"p\",\n  caption: \"span\",\n  nano: \"span\",\n  code: \"code\",\n};\n\nconst Typography = forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> &\n    VariantProps<typeof typographyVariants> & {\n      asChild?: boolean;\n      /**\n       * Renders Typography as the given tag (e.g. `\"code\"`, `\"span\"`).\n       * Use this when the rendered element only needs generic HTML\n       * attributes — common for `<Trans>` templates and other\n       * string-child consumers.\n       *\n       * For element-specific attributes (e.g. `href` on an anchor) prefer\n       * `asChild` with a real element child, which gives full type\n       * safety on that element's props.\n       */\n      as?: React.ElementType;\n    }\n>(\n  (\n    {\n      className,\n      variant = \"body3\",\n      weight,\n      color = \"default\",\n      lineClamp,\n      asChild = false,\n      as,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = (\n      asChild ? Slot.Root : (as ?? defaultElementMap[variant ?? \"body3\"] ?? \"p\")\n    ) as React.ElementType;\n\n    return (\n      <Comp\n        ref={ref}\n        data-slot=\"typography\"\n        data-variant={variant}\n        className={cn(\n          typographyVariants({ variant, weight, color, lineClamp, className })\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n\nexport { Typography, typographyVariants };\n"],"names":["Slot.Root"],"mappings":";;;;;;AAMA,MAAM,kBAAA,GAAqB,IAAI,EAAA,EAAI;AAAA,EACjC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,oDAAA;AAAA,MACP,EAAA,EAAI,0DAAA;AAAA,MACJ,EAAA,EAAI,wDAAA;AAAA,MACJ,EAAA,EAAI,4CAAA;AAAA,MACJ,EAAA,EAAI,sCAAA;AAAA,MACJ,EAAA,EAAI,qCAAA;AAAA,MACJ,EAAA,EAAI,uCAAA;AAAA,MACJ,KAAA,EAAO,0BAAA;AAAA,MACP,KAAA,EAAO,4BAAA;AAAA,MACP,KAAA,EAAO,wBAAA;AAAA,MACP,OAAA,EAAS,wBAAA;AAAA,MACT,IAAA,EAAM,4BAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,WAAA;AAAA,MACN,UAAA,EAAY,iBAAA;AAAA,MACZ,KAAA,EAAO,YAAA;AAAA,MACP,MAAA,EAAQ,aAAA;AAAA,MACR,MAAA,EAAQ,aAAA;AAAA,MACR,QAAA,EAAU,eAAA;AAAA,MACV,IAAA,EAAM,WAAA;AAAA,MACN,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO;AAAA,KACT;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,iBAAA;AAAA,MACT,KAAA,EAAO,uBAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,WAAA,EAAa,kBAAA;AAAA,MACb,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,EAAA;AAAA,MACN,CAAA,EAAG,cAAA;AAAA,MACH,CAAA,EAAG,cAAA;AAAA,MACH,CAAA,EAAG;AAAA;AACL,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,OAAA;AAAA,IACT,KAAA,EAAO;AAAA;AAEX,CAAC;AAED,MAAM,iBAAA,GAAuE;AAAA,EAC3E,KAAA,EAAO,IAAA;AAAA,EACP,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,KAAA,EAAO,GAAA;AAAA,EACP,KAAA,EAAO,GAAA;AAAA,EACP,KAAA,EAAO,GAAA;AAAA,EACP,OAAA,EAAS,MAAA;AAAA,EACT,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,UAAA,GAAa,UAAA;AAAA,EAkBjB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA,GAAU,OAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,SAAA;AAAA,IACA,OAAA,GAAU,KAAA;AAAA,IACV,EAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,IAAA,GACJ,UAAUA,IAAK,GAAQ,MAAM,iBAAA,CAAkB,OAAA,IAAW,OAAO,CAAA,IAAK,GAAA;AAGxE,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,YAAA;AAAA,QACV,cAAA,EAAc,OAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA,UACT,mBAAmB,EAAE,OAAA,EAAS,QAAQ,KAAA,EAAO,SAAA,EAAW,WAAW;AAAA,SACrE;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/cjs/{Callout-_XBx1JHL.js → Callout-CYIrflF1.js}

@@ -6,7 +6,8 @@ var primitives_Alert = require('./primitives/Alert.js');
 var utils = require('./utils-BhM0B89p.js');
 var renderIcon = require('./renderIcon-BRrpZu9a.js');
 var createLucideIcon = require('./createLucideIcon-D0tRgV6l.js');
-var triangleAlert = require('./triangle-alert-ZUMRpmzW.js');
+var triangleAlert = require('./triangle-alert-CC-cck8p.js');
+var info = require('./info-DGfDptn1.js');
 
 /**
  * @license lucide-react v0.577.0 - ISC
@@ -40,7 +41,7 @@ const CircleCheckBig = createLucideIcon.createLucideIcon("circle-check-big", __i
 const VARIANT_CONFIG = {
   info: {
     container: "border border-info-border bg-info text-info-foreground",
-    icon: triangleAlert.Info
+    icon: info.Info
   },
   warning: {
     container: "border border-warning-border bg-warning text-warning-foreground",
@@ -78,4 +79,4 @@ const Callout = React.forwardRef(
 Callout.displayName = "Callout";
 
 exports.Callout = Callout;
-//# sourceMappingURL=Callout-_XBx1JHL.js.map
+//# sourceMappingURL=Callout-CYIrflF1.js.map

package/dist/cjs/{Callout-_XBx1JHL.js.map → Callout-CYIrflF1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Callout-_XBx1JHL.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-alert.js","../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js","../../src/components/Callout/constants.ts","../../src/components/Callout/Callout.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n  [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n  [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst CircleCheckBig = createLucideIcon(\"circle-check-big\", __iconNode);\n\nexport { __iconNode, CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n","import React from \"react\";\n\nimport {\n  InfoIcon,\n  AlertTriangleIcon,\n  AlertCircleIcon,\n  CheckCircleIcon,\n} from \"lucide-react\";\n\nimport type { CalloutVariant } from \"./Callout\";\n\nexport const VARIANT_CONFIG: Record<\n  CalloutVariant,\n  {\n    container: string;\n    icon: React.ComponentType<{ className?: string }>;\n  }\n> = {\n  info: {\n    container: \"border border-info-border bg-info text-info-foreground\",\n    icon: InfoIcon,\n  },\n  warning: {\n    container:\n      \"border border-warning-border bg-warning text-warning-foreground\",\n    icon: AlertTriangleIcon,\n  },\n  danger: {\n    container: \"border border-error-border bg-error text-error-foreground\",\n    icon: AlertCircleIcon,\n  },\n  success: {\n    container:\n      \"border border-success-border bg-success text-success-foreground\",\n    icon: CheckCircleIcon,\n  },\n};\n","import React, { forwardRef } from \"react\";\n\nimport {\n  Alert as PrimitiveAlert,\n  AlertTitle,\n  AlertDescription,\n} from \"src/primitives/Alert\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\n\nimport { VARIANT_CONFIG } from \"./constants\";\n\nexport type CalloutVariant = \"info\" | \"warning\" | \"danger\" | \"success\";\n\ntype PrimitiveAlertProps = React.ComponentProps<typeof PrimitiveAlert>;\n\nexport interface CalloutProps extends Omit<PrimitiveAlertProps, \"variant\"> {\n  /** Visual style of the callout. */\n  variant?: CalloutVariant;\n  /** Custom icon. Defaults to a variant-specific icon. */\n  icon?: IconProp;\n  /** Optional title rendered as AlertTitle. */\n  title?: string;\n  /** Content rendered as AlertDescription. */\n  children?: React.ReactNode;\n}\n\nconst Callout = forwardRef<HTMLDivElement, CalloutProps>(\n  (\n    { variant = \"info\", icon, title, children, className, ...otherProps },\n    ref\n  ) => {\n    const config = VARIANT_CONFIG[variant];\n    const resolvedIcon = icon ?? config.icon;\n\n    return (\n      <PrimitiveAlert\n        ref={ref}\n        className={cn(config.container, className)}\n        {...otherProps}\n      >\n        {renderIcon(resolvedIcon, \"size-4 shrink-0\")}\n        {title && <AlertTitle className=\"font-semibold\">{title}</AlertTitle>}\n        {children && (\n          <AlertDescription className=\"text-current\">\n            {children}\n          </AlertDescription>\n        )}\n      </PrimitiveAlert>\n    );\n  }\n);\n\nCallout.displayName = \"Callout\";\n\nexport { Callout };\n"],"names":["__iconNode","createLucideIcon","InfoIcon","AlertTriangleIcon","AlertCircleIcon","CheckCircleIcon","forwardRef","jsxs","PrimitiveAlert","cn","renderIcon","jsx","AlertTitle","AlertDescription"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAMA,YAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACpE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;AACvE,CAAC;AACD,MAAM,WAAW,GAAGC,iCAAgB,CAAC,cAAc,EAAED,YAAU,CAAC;;ACdhE;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iCAAiC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE;AACjD,CAAC;AACD,MAAM,cAAc,GAAGC,iCAAgB,CAAC,kBAAkB,EAAE,UAAU,CAAC;;ACFhE,MAAM,cAAA,GAMT;AAAA,EACF,IAAA,EAAM;AAAA,IACJ,SAAA,EAAW,wDAAA;AAAA,IACX,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,SAAA,EACE,iEAAA;AAAA,IACF,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,SAAA,EAAW,2DAAA;AAAA,IACX,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,SAAA,EACE,iEAAA;AAAA,IACF,IAAA,EAAMC;AAAA;AAEV,CAAA;;ACTA,MAAM,OAAA,GAAUC,gBAAA;AAAA,EACd,CACE,EAAE,OAAA,GAAU,MAAA,EAAQ,IAAA,EAAM,KAAA,EAAO,QAAA,EAAU,SAAA,EAAW,GAAG,UAAA,EAAW,EACpE,GAAA,KACG;AACH,IAAA,MAAM,MAAA,GAAS,eAAe,OAAO,CAAA;AACrC,IAAA,MAAM,YAAA,GAAe,QAAQ,MAAA,CAAO,IAAA;AAEpC,IAAA,uBACEC,eAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,QAAA,CAAG,MAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAAA,QACxC,GAAG,UAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAAC,qBAAA,CAAW,cAAc,iBAAiB,CAAA;AAAA,UAC1C,KAAA,oBAASC,cAAA,CAACC,2BAAA,EAAA,EAAW,SAAA,EAAU,iBAAiB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACtD,QAAA,oBACCD,cAAA,CAACE,iCAAA,EAAA,EAAiB,SAAA,EAAU,gBACzB,QAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"Callout-CYIrflF1.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-alert.js","../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js","../../src/components/Callout/constants.ts","../../src/components/Callout/Callout.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n  [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n  [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst CircleCheckBig = createLucideIcon(\"circle-check-big\", __iconNode);\n\nexport { __iconNode, CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n","import React from \"react\";\n\nimport {\n  InfoIcon,\n  AlertTriangleIcon,\n  AlertCircleIcon,\n  CheckCircleIcon,\n} from \"lucide-react\";\n\nimport type { CalloutVariant } from \"./Callout\";\n\nexport const VARIANT_CONFIG: Record<\n  CalloutVariant,\n  {\n    container: string;\n    icon: React.ComponentType<{ className?: string }>;\n  }\n> = {\n  info: {\n    container: \"border border-info-border bg-info text-info-foreground\",\n    icon: InfoIcon,\n  },\n  warning: {\n    container:\n      \"border border-warning-border bg-warning text-warning-foreground\",\n    icon: AlertTriangleIcon,\n  },\n  danger: {\n    container: \"border border-error-border bg-error text-error-foreground\",\n    icon: AlertCircleIcon,\n  },\n  success: {\n    container:\n      \"border border-success-border bg-success text-success-foreground\",\n    icon: CheckCircleIcon,\n  },\n};\n","import React, { forwardRef } from \"react\";\n\nimport {\n  Alert as PrimitiveAlert,\n  AlertTitle,\n  AlertDescription,\n} from \"src/primitives/Alert\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\n\nimport { VARIANT_CONFIG } from \"./constants\";\n\nexport type CalloutVariant = \"info\" | \"warning\" | \"danger\" | \"success\";\n\ntype PrimitiveAlertProps = React.ComponentProps<typeof PrimitiveAlert>;\n\nexport interface CalloutProps extends Omit<PrimitiveAlertProps, \"variant\"> {\n  /** Visual style of the callout. */\n  variant?: CalloutVariant;\n  /** Custom icon. Defaults to a variant-specific icon. */\n  icon?: IconProp;\n  /** Optional title rendered as AlertTitle. */\n  title?: string;\n  /** Content rendered as AlertDescription. */\n  children?: React.ReactNode;\n}\n\nconst Callout = forwardRef<HTMLDivElement, CalloutProps>(\n  (\n    { variant = \"info\", icon, title, children, className, ...otherProps },\n    ref\n  ) => {\n    const config = VARIANT_CONFIG[variant];\n    const resolvedIcon = icon ?? config.icon;\n\n    return (\n      <PrimitiveAlert\n        ref={ref}\n        className={cn(config.container, className)}\n        {...otherProps}\n      >\n        {renderIcon(resolvedIcon, \"size-4 shrink-0\")}\n        {title && <AlertTitle className=\"font-semibold\">{title}</AlertTitle>}\n        {children && (\n          <AlertDescription className=\"text-current\">\n            {children}\n          </AlertDescription>\n        )}\n      </PrimitiveAlert>\n    );\n  }\n);\n\nCallout.displayName = \"Callout\";\n\nexport { Callout };\n"],"names":["__iconNode","createLucideIcon","InfoIcon","AlertTriangleIcon","AlertCircleIcon","CheckCircleIcon","forwardRef","jsxs","PrimitiveAlert","cn","renderIcon","jsx","AlertTitle","AlertDescription"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAMA,YAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACpE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;AACvE,CAAC;AACD,MAAM,WAAW,GAAGC,iCAAgB,CAAC,cAAc,EAAED,YAAU,CAAC;;ACdhE;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iCAAiC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE;AACjD,CAAC;AACD,MAAM,cAAc,GAAGC,iCAAgB,CAAC,kBAAkB,EAAE,UAAU,CAAC;;ACFhE,MAAM,cAAA,GAMT;AAAA,EACF,IAAA,EAAM;AAAA,IACJ,SAAA,EAAW,wDAAA;AAAA,IACX,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,SAAA,EACE,iEAAA;AAAA,IACF,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,SAAA,EAAW,2DAAA;AAAA,IACX,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,SAAA,EACE,iEAAA;AAAA,IACF,IAAA,EAAMC;AAAA;AAEV,CAAA;;ACTA,MAAM,OAAA,GAAUC,gBAAA;AAAA,EACd,CACE,EAAE,OAAA,GAAU,MAAA,EAAQ,IAAA,EAAM,KAAA,EAAO,QAAA,EAAU,SAAA,EAAW,GAAG,UAAA,EAAW,EACpE,GAAA,KACG;AACH,IAAA,MAAM,MAAA,GAAS,eAAe,OAAO,CAAA;AACrC,IAAA,MAAM,YAAA,GAAe,QAAQ,MAAA,CAAO,IAAA;AAEpC,IAAA,uBACEC,eAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,QAAA,CAAG,MAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAAA,QACxC,GAAG,UAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAAC,qBAAA,CAAW,cAAc,iBAAiB,CAAA;AAAA,UAC1C,KAAA,oBAASC,cAAA,CAACC,2BAAA,EAAA,EAAW,SAAA,EAAU,iBAAiB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACtD,QAAA,oBACCD,cAAA,CAACE,iCAAA,EAAA,EAAiB,SAAA,EAAU,gBACzB,QAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/{DataTable-CgQRfaIc.js → DataTable-CT2pgEhZ.js}

@@ -14,6 +14,8 @@ var primitives_DropdownMenu = require('./primitives/DropdownMenu.js');
 var Button = require('./Button-BlNtYr1w.js');
 var ellipsis = require('./ellipsis-4aubOI2n.js');
 var check = require('./check-BQgcDXys.js');
+var Popover = require('./Popover-DuRSsDHz.js');
+var info = require('./info-DGfDptn1.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -4002,6 +4004,36 @@ const HeaderCellMenu = ({
   ] }) });
 };
 
+const HeaderDescription = ({
+  column
+}) => {
+  const meta = column.columnDef.meta;
+  const description = meta?.description;
+  if (!description) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Popover.Popover,
+    {
+      position: "bottom",
+      trigger: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "ml-1 inline-flex",
+          onClick: (e) => e.stopPropagation(),
+          "data-testid": `column-description-${column.id}`,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            info.Info,
+            {
+              "aria-hidden": "true",
+              className: "size-4 text-muted-foreground"
+            }
+          )
+        }
+      ),
+      children: description
+    }
+  );
+};
+
 const DataTable = ({
   columns,
   data,
@@ -4291,11 +4323,17 @@ const DataTable = ({
                   }),
                   onClick: header.column.getCanSort() ? header.column.getToggleSortingHandler() : void 0,
                   children: [
-                    header.isPlaceholder ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 truncate", children: flexRender(
-                        header.column.columnDef.header,
-                        header.getContext()
-                      ) }),
+                    header.isPlaceholder ? null : isSelectionCol ? flexRender(
+                      header.column.columnDef.header,
+                      header.getContext()
+                    ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "me-auto flex min-w-0 items-center", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: flexRender(
+                          header.column.columnDef.header,
+                          header.getContext()
+                        ) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(HeaderDescription, { column: header.column })
+                      ] }),
                       /* @__PURE__ */ jsxRuntime.jsx(SortIndicator, { column: header.column }),
                       showHeaderMenu && !isSelectionCol && /* @__PURE__ */ jsxRuntime.jsx(
                         HeaderCellMenu,
@@ -4337,7 +4375,7 @@ const DataTable = ({
             {
               "data-state": row.getIsSelected() ? "selected" : void 0,
               className: utils.cn(
-                "group data-[state=selected]:bg-info",
+                "group hover:bg-muted data-[state=selected]:bg-row-selected",
                 allowRowClick && onRowClick && "cursor-pointer"
               ),
               onClick: allowRowClick && onRowClick ? (event) => onRowClick(event, row.original, row.index) : void 0,
@@ -4349,7 +4387,7 @@ const DataTable = ({
                   {
                     className: utils.cn(
                       isSelCell && "!pe-2",
-                      isPinned && "sticky z-10 bg-background group-hover:bg-muted group-data-[state=selected]:bg-info",
+                      isPinned && "sticky z-10 bg-background transition-colors group-hover:bg-muted group-data-[state=selected]:bg-row-selected",
                       cell.column.id === lastLeftPinnedId && "after:pointer-events-none after:absolute after:inset-y-0 after:-right-2 after:w-2 after:bg-gradient-to-r after:from-black/6 after:to-transparent after:opacity-0 after:transition-opacity after:duration-200 after:content-[''] group-data-[scrolled-start]/scroll:after:opacity-100 dark:after:from-white/6",
                       cell.column.id === firstRightPinnedId && "before:pointer-events-none before:absolute before:inset-y-0 before:-left-2 before:w-2 before:bg-gradient-to-l before:from-black/6 before:to-transparent before:opacity-0 before:transition-opacity before:duration-200 before:content-[''] group-data-[scrolled-end]/scroll:before:opacity-100 dark:before:from-white/6"
                     ),
@@ -4395,4 +4433,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-CgQRfaIc.js.map
+//# sourceMappingURL=DataTable-CT2pgEhZ.js.map