@particle-academy/react-fancy 5.25.0 → 5.26.0

package/dist/index.cjs

@@ -40,7 +40,7 @@ var chunk6LOV75CN_cjs = require('./chunk-6LOV75CN.cjs');
 var chunkHIN6PHSE_cjs = require('./chunk-HIN6PHSE.cjs');
 var chunkYAJYIRQL_cjs = require('./chunk-YAJYIRQL.cjs');
 var chunkWKNVZUWZ_cjs = require('./chunk-WKNVZUWZ.cjs');
-var chunk5XTNJBC5_cjs = require('./chunk-5XTNJBC5.cjs');
+var chunk7HN4M5MV_cjs = require('./chunk-7HN4M5MV.cjs');
 var chunkXQNYFXBY_cjs = require('./chunk-XQNYFXBY.cjs');
 var chunkVUKIFFWK_cjs = require('./chunk-VUKIFFWK.cjs');
 var chunkHBCKKE24_cjs = require('./chunk-HBCKKE24.cjs');
@@ -101,7 +101,7 @@ var chunkQKFOJKVE_cjs = require('./chunk-QKFOJKVE.cjs');
 var chunkBFKCVSNK_cjs = require('./chunk-BFKCVSNK.cjs');
 var chunkQOGKO6JH_cjs = require('./chunk-QOGKO6JH.cjs');
 require('./chunk-3I2KWNXT.cjs');
-var chunkCJVNO5YM_cjs = require('./chunk-CJVNO5YM.cjs');
+var chunkEJHAIXAE_cjs = require('./chunk-EJHAIXAE.cjs');
 var chunk5DQ2XUJI_cjs = require('./chunk-5DQ2XUJI.cjs');
 var chunk6SO2ZX3J_cjs = require('./chunk-6SO2ZX3J.cjs');
 var chunkN4VHOTMK_cjs = require('./chunk-N4VHOTMK.cjs');
@@ -290,51 +290,51 @@ Object.defineProperty(exports, "usePopover", {
 });
 Object.defineProperty(exports, "JSON_FIELD_TYPES", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.JSON_FIELD_TYPES; }
+  get: function () { return chunk7HN4M5MV_cjs.JSON_FIELD_TYPES; }
 });
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.JsonEditor; }
+  get: function () { return chunk7HN4M5MV_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.applyJsonEdit; }
+  get: function () { return chunk7HN4M5MV_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.describeEdit; }
+  get: function () { return chunk7HN4M5MV_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.findJsonConflicts; }
+  get: function () { return chunk7HN4M5MV_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.getAtPath; }
+  get: function () { return chunk7HN4M5MV_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.inferType; }
+  get: function () { return chunk7HN4M5MV_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.parseKeyMap; }
+  get: function () { return chunk7HN4M5MV_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.parsePath; }
+  get: function () { return chunk7HN4M5MV_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.pathToString; }
+  get: function () { return chunk7HN4M5MV_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.resolveKeyRule; }
+  get: function () { return chunk7HN4M5MV_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.typeMatches; }
+  get: function () { return chunk7HN4M5MV_cjs.typeMatches; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
@@ -718,7 +718,7 @@ Object.defineProperty(exports, "Calendar", {
 });
 Object.defineProperty(exports, "Callout", {
   enumerable: true,
-  get: function () { return chunkCJVNO5YM_cjs.Callout; }
+  get: function () { return chunkEJHAIXAE_cjs.Callout; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,

package/dist/index.js

@@ -38,7 +38,7 @@ export { OtpInput } from './chunk-2LBRS6Z4.js';
 export { Pagination } from './chunk-YF2EHBTV.js';
 export { Pillbox } from './chunk-SX4CSO6C.js';
 export { Popover, usePopover } from './chunk-6KXAFP2T.js';
-export { JSON_FIELD_TYPES, JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-E2I4C5EA.js';
+export { JSON_FIELD_TYPES, JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-IUWUXCCB.js';
 export { Switch } from './chunk-QJKWBU3I.js';
 export { DatePicker } from './chunk-L2FPIFMN.js';
 export { Input } from './chunk-JAAJJJKI.js';
@@ -99,7 +99,7 @@ export { Icon, configureIcons, registerIconAddendum, registerIconSet, registerIc
 export { sanitizeHref, sanitizeHtml } from './chunk-XJXQG34J.js';
 export { Calendar } from './chunk-NTMHP7FS.js';
 import './chunk-NMXCQOHV.js';
-export { Callout } from './chunk-HOP3XXPV.js';
+export { Callout } from './chunk-4JGUPG22.js';
 export { Card } from './chunk-ZIDBI6JX.js';
 export { Carousel, useCarousel } from './chunk-RFLPFQFF.js';
 export { Accordion, useAccordion } from './chunk-LYHQ4VBR.js';

package/dist/json-editor.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk5XTNJBC5_cjs = require('./chunk-5XTNJBC5.cjs');
+var chunk7HN4M5MV_cjs = require('./chunk-7HN4M5MV.cjs');
 require('./chunk-XQNYFXBY.cjs');
 require('./chunk-VUKIFFWK.cjs');
 require('./chunk-HBCKKE24.cjs');
@@ -17,7 +17,7 @@ require('./chunk-F2VJEXN2.cjs');
 require('./chunk-XCZZVRBY.cjs');
 require('./chunk-QKFOJKVE.cjs');
 require('./chunk-BFKCVSNK.cjs');
-require('./chunk-CJVNO5YM.cjs');
+require('./chunk-EJHAIXAE.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
@@ -31,47 +31,47 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.JsonEditor; }
+  get: function () { return chunk7HN4M5MV_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.applyJsonEdit; }
+  get: function () { return chunk7HN4M5MV_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.describeEdit; }
+  get: function () { return chunk7HN4M5MV_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.findJsonConflicts; }
+  get: function () { return chunk7HN4M5MV_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.getAtPath; }
+  get: function () { return chunk7HN4M5MV_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.inferType; }
+  get: function () { return chunk7HN4M5MV_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.parseKeyMap; }
+  get: function () { return chunk7HN4M5MV_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.parsePath; }
+  get: function () { return chunk7HN4M5MV_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.pathToString; }
+  get: function () { return chunk7HN4M5MV_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.resolveKeyRule; }
+  get: function () { return chunk7HN4M5MV_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunk5XTNJBC5_cjs.typeMatches; }
+  get: function () { return chunk7HN4M5MV_cjs.typeMatches; }
 });
 //# sourceMappingURL=json-editor.cjs.map
 //# sourceMappingURL=json-editor.cjs.map

package/dist/json-editor.js

@@ -1,4 +1,4 @@
-export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-E2I4C5EA.js';
+export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-IUWUXCCB.js';
 import './chunk-QJKWBU3I.js';
 import './chunk-L2FPIFMN.js';
 import './chunk-JAAJJJKI.js';
@@ -15,7 +15,7 @@ import './chunk-VYQI4R6S.js';
 import './chunk-45BBNJQD.js';
 import './chunk-IVRYSSM7.js';
 import './chunk-XJXQG34J.js';
-import './chunk-HOP3XXPV.js';
+import './chunk-4JGUPG22.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.25.0",
+  "version": "5.26.0",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",

package/dist/chunk-CJVNO5YM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Callout/Callout.colors.ts","../src/components/Callout/Callout.tsx"],"names":["forwardRef","jsxs","cn","jsx","X"],"mappings":"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","file":"chunk-CJVNO5YM.cjs","sourcesContent":["// AUTO-GENERATED by scripts/gen-callout-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const calloutContainer: Record<Color, string> = {\n  slate: \"border-slate-500 bg-slate-50 text-slate-900 dark:border-slate-400 dark:bg-slate-950/50 dark:text-slate-100\",\n  gray: \"border-gray-500 bg-gray-50 text-gray-900 dark:border-gray-400 dark:bg-gray-950/50 dark:text-gray-100\",\n  zinc: \"border-zinc-500 bg-zinc-50 text-zinc-900 dark:border-zinc-400 dark:bg-zinc-950/50 dark:text-zinc-100\",\n  neutral: \"border-neutral-500 bg-neutral-50 text-neutral-900 dark:border-neutral-400 dark:bg-neutral-950/50 dark:text-neutral-100\",\n  stone: \"border-stone-500 bg-stone-50 text-stone-900 dark:border-stone-400 dark:bg-stone-950/50 dark:text-stone-100\",\n  red: \"border-red-500 bg-red-50 text-red-900 dark:border-red-400 dark:bg-red-950/50 dark:text-red-100\",\n  orange: \"border-orange-500 bg-orange-50 text-orange-900 dark:border-orange-400 dark:bg-orange-950/50 dark:text-orange-100\",\n  amber: \"border-amber-500 bg-amber-50 text-amber-900 dark:border-amber-400 dark:bg-amber-950/50 dark:text-amber-100\",\n  yellow: \"border-yellow-500 bg-yellow-50 text-yellow-900 dark:border-yellow-400 dark:bg-yellow-950/50 dark:text-yellow-100\",\n  lime: \"border-lime-500 bg-lime-50 text-lime-900 dark:border-lime-400 dark:bg-lime-950/50 dark:text-lime-100\",\n  green: \"border-green-500 bg-green-50 text-green-900 dark:border-green-400 dark:bg-green-950/50 dark:text-green-100\",\n  emerald: \"border-emerald-500 bg-emerald-50 text-emerald-900 dark:border-emerald-400 dark:bg-emerald-950/50 dark:text-emerald-100\",\n  teal: \"border-teal-500 bg-teal-50 text-teal-900 dark:border-teal-400 dark:bg-teal-950/50 dark:text-teal-100\",\n  cyan: \"border-cyan-500 bg-cyan-50 text-cyan-900 dark:border-cyan-400 dark:bg-cyan-950/50 dark:text-cyan-100\",\n  sky: \"border-sky-500 bg-sky-50 text-sky-900 dark:border-sky-400 dark:bg-sky-950/50 dark:text-sky-100\",\n  blue: \"border-blue-500 bg-blue-50 text-blue-900 dark:border-blue-400 dark:bg-blue-950/50 dark:text-blue-100\",\n  indigo: \"border-indigo-500 bg-indigo-50 text-indigo-900 dark:border-indigo-400 dark:bg-indigo-950/50 dark:text-indigo-100\",\n  violet: \"border-violet-500 bg-violet-50 text-violet-900 dark:border-violet-400 dark:bg-violet-950/50 dark:text-violet-100\",\n  purple: \"border-purple-500 bg-purple-50 text-purple-900 dark:border-purple-400 dark:bg-purple-950/50 dark:text-purple-100\",\n  fuchsia: \"border-fuchsia-500 bg-fuchsia-50 text-fuchsia-900 dark:border-fuchsia-400 dark:bg-fuchsia-950/50 dark:text-fuchsia-100\",\n  pink: \"border-pink-500 bg-pink-50 text-pink-900 dark:border-pink-400 dark:bg-pink-950/50 dark:text-pink-100\",\n  rose: \"border-rose-500 bg-rose-50 text-rose-900 dark:border-rose-400 dark:bg-rose-950/50 dark:text-rose-100\",\n};\n\nexport const calloutIcon: Record<Color, string> = {\n  slate: \"text-slate-500 dark:text-slate-400\",\n  gray: \"text-gray-500 dark:text-gray-400\",\n  zinc: \"text-zinc-500 dark:text-zinc-400\",\n  neutral: \"text-neutral-500 dark:text-neutral-400\",\n  stone: \"text-stone-500 dark:text-stone-400\",\n  red: \"text-red-500 dark:text-red-400\",\n  orange: \"text-orange-500 dark:text-orange-400\",\n  amber: \"text-amber-500 dark:text-amber-400\",\n  yellow: \"text-yellow-500 dark:text-yellow-400\",\n  lime: \"text-lime-500 dark:text-lime-400\",\n  green: \"text-green-500 dark:text-green-400\",\n  emerald: \"text-emerald-500 dark:text-emerald-400\",\n  teal: \"text-teal-500 dark:text-teal-400\",\n  cyan: \"text-cyan-500 dark:text-cyan-400\",\n  sky: \"text-sky-500 dark:text-sky-400\",\n  blue: \"text-blue-500 dark:text-blue-400\",\n  indigo: \"text-indigo-500 dark:text-indigo-400\",\n  violet: \"text-violet-500 dark:text-violet-400\",\n  purple: \"text-purple-500 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-500 dark:text-fuchsia-400\",\n  pink: \"text-pink-500 dark:text-pink-400\",\n  rose: \"text-rose-500 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CalloutProps } from \"./Callout.types\";\nimport { calloutContainer, calloutIcon } from \"./Callout.colors\";\n\nexport const Callout = forwardRef<HTMLDivElement, CalloutProps>(\n  (\n    {\n      children,\n      color = \"blue\",\n      icon,\n      dismissible = false,\n      onDismiss,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        data-react-fancy-callout=\"\"\n        className={cn(\n          \"flex items-start gap-3 rounded-lg border-l-4 p-4\",\n          calloutContainer[color],\n          className,\n        )}\n      >\n        {icon && (\n          <span className={cn(\"mt-0.5 shrink-0\", calloutIcon[color])}>\n            {icon}\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">{children}</div>\n        {dismissible && (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            className={cn(\n              \"shrink-0 rounded p-0.5 opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-current\",\n            )}\n            aria-label=\"Dismiss\"\n          >\n            <X size={16} />\n          </button>\n        )}\n      </div>\n    );\n  },\n);\n\nCallout.displayName = \"Callout\";\n"]}

package/dist/chunk-HOP3XXPV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Callout/Callout.colors.ts","../src/components/Callout/Callout.tsx"],"names":[],"mappings":"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","file":"chunk-HOP3XXPV.js","sourcesContent":["// AUTO-GENERATED by scripts/gen-callout-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const calloutContainer: Record<Color, string> = {\n  slate: \"border-slate-500 bg-slate-50 text-slate-900 dark:border-slate-400 dark:bg-slate-950/50 dark:text-slate-100\",\n  gray: \"border-gray-500 bg-gray-50 text-gray-900 dark:border-gray-400 dark:bg-gray-950/50 dark:text-gray-100\",\n  zinc: \"border-zinc-500 bg-zinc-50 text-zinc-900 dark:border-zinc-400 dark:bg-zinc-950/50 dark:text-zinc-100\",\n  neutral: \"border-neutral-500 bg-neutral-50 text-neutral-900 dark:border-neutral-400 dark:bg-neutral-950/50 dark:text-neutral-100\",\n  stone: \"border-stone-500 bg-stone-50 text-stone-900 dark:border-stone-400 dark:bg-stone-950/50 dark:text-stone-100\",\n  red: \"border-red-500 bg-red-50 text-red-900 dark:border-red-400 dark:bg-red-950/50 dark:text-red-100\",\n  orange: \"border-orange-500 bg-orange-50 text-orange-900 dark:border-orange-400 dark:bg-orange-950/50 dark:text-orange-100\",\n  amber: \"border-amber-500 bg-amber-50 text-amber-900 dark:border-amber-400 dark:bg-amber-950/50 dark:text-amber-100\",\n  yellow: \"border-yellow-500 bg-yellow-50 text-yellow-900 dark:border-yellow-400 dark:bg-yellow-950/50 dark:text-yellow-100\",\n  lime: \"border-lime-500 bg-lime-50 text-lime-900 dark:border-lime-400 dark:bg-lime-950/50 dark:text-lime-100\",\n  green: \"border-green-500 bg-green-50 text-green-900 dark:border-green-400 dark:bg-green-950/50 dark:text-green-100\",\n  emerald: \"border-emerald-500 bg-emerald-50 text-emerald-900 dark:border-emerald-400 dark:bg-emerald-950/50 dark:text-emerald-100\",\n  teal: \"border-teal-500 bg-teal-50 text-teal-900 dark:border-teal-400 dark:bg-teal-950/50 dark:text-teal-100\",\n  cyan: \"border-cyan-500 bg-cyan-50 text-cyan-900 dark:border-cyan-400 dark:bg-cyan-950/50 dark:text-cyan-100\",\n  sky: \"border-sky-500 bg-sky-50 text-sky-900 dark:border-sky-400 dark:bg-sky-950/50 dark:text-sky-100\",\n  blue: \"border-blue-500 bg-blue-50 text-blue-900 dark:border-blue-400 dark:bg-blue-950/50 dark:text-blue-100\",\n  indigo: \"border-indigo-500 bg-indigo-50 text-indigo-900 dark:border-indigo-400 dark:bg-indigo-950/50 dark:text-indigo-100\",\n  violet: \"border-violet-500 bg-violet-50 text-violet-900 dark:border-violet-400 dark:bg-violet-950/50 dark:text-violet-100\",\n  purple: \"border-purple-500 bg-purple-50 text-purple-900 dark:border-purple-400 dark:bg-purple-950/50 dark:text-purple-100\",\n  fuchsia: \"border-fuchsia-500 bg-fuchsia-50 text-fuchsia-900 dark:border-fuchsia-400 dark:bg-fuchsia-950/50 dark:text-fuchsia-100\",\n  pink: \"border-pink-500 bg-pink-50 text-pink-900 dark:border-pink-400 dark:bg-pink-950/50 dark:text-pink-100\",\n  rose: \"border-rose-500 bg-rose-50 text-rose-900 dark:border-rose-400 dark:bg-rose-950/50 dark:text-rose-100\",\n};\n\nexport const calloutIcon: Record<Color, string> = {\n  slate: \"text-slate-500 dark:text-slate-400\",\n  gray: \"text-gray-500 dark:text-gray-400\",\n  zinc: \"text-zinc-500 dark:text-zinc-400\",\n  neutral: \"text-neutral-500 dark:text-neutral-400\",\n  stone: \"text-stone-500 dark:text-stone-400\",\n  red: \"text-red-500 dark:text-red-400\",\n  orange: \"text-orange-500 dark:text-orange-400\",\n  amber: \"text-amber-500 dark:text-amber-400\",\n  yellow: \"text-yellow-500 dark:text-yellow-400\",\n  lime: \"text-lime-500 dark:text-lime-400\",\n  green: \"text-green-500 dark:text-green-400\",\n  emerald: \"text-emerald-500 dark:text-emerald-400\",\n  teal: \"text-teal-500 dark:text-teal-400\",\n  cyan: \"text-cyan-500 dark:text-cyan-400\",\n  sky: \"text-sky-500 dark:text-sky-400\",\n  blue: \"text-blue-500 dark:text-blue-400\",\n  indigo: \"text-indigo-500 dark:text-indigo-400\",\n  violet: \"text-violet-500 dark:text-violet-400\",\n  purple: \"text-purple-500 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-500 dark:text-fuchsia-400\",\n  pink: \"text-pink-500 dark:text-pink-400\",\n  rose: \"text-rose-500 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CalloutProps } from \"./Callout.types\";\nimport { calloutContainer, calloutIcon } from \"./Callout.colors\";\n\nexport const Callout = forwardRef<HTMLDivElement, CalloutProps>(\n  (\n    {\n      children,\n      color = \"blue\",\n      icon,\n      dismissible = false,\n      onDismiss,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        data-react-fancy-callout=\"\"\n        className={cn(\n          \"flex items-start gap-3 rounded-lg border-l-4 p-4\",\n          calloutContainer[color],\n          className,\n        )}\n      >\n        {icon && (\n          <span className={cn(\"mt-0.5 shrink-0\", calloutIcon[color])}>\n            {icon}\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">{children}</div>\n        {dismissible && (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            className={cn(\n              \"shrink-0 rounded p-0.5 opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-current\",\n            )}\n            aria-label=\"Dismiss\"\n          >\n            <X size={16} />\n          </button>\n        )}\n      </div>\n    );\n  },\n);\n\nCallout.displayName = \"Callout\";\n"]}