@evolve.ui/core-components 1.0.0

package/breadcrumbs.cjs

@@ -0,0 +1,7 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Breadcrumbs = require("./Breadcrumbs-7jTSZ7NM.cjs");
+exports.Breadcrumbs = require_Breadcrumbs.Breadcrumbs;

package/breadcrumbs.d.cts

@@ -0,0 +1,2 @@
+import { t as Breadcrumbs } from "./Breadcrumbs-CopNM2AH.cjs";
+export { Breadcrumbs };

package/breadcrumbs.d.mts

@@ -0,0 +1,2 @@
+import { t as Breadcrumbs } from "./Breadcrumbs-CopNM2AH.mjs";
+export { Breadcrumbs };

package/breadcrumbs.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { t as Breadcrumbs } from "./Breadcrumbs-blgWG9cP.mjs";
+export { Breadcrumbs };

package/breakpoints.cjs

@@ -0,0 +1,53 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region src/breakpoints/utils.tsx
+/**
+* Returns the Tailwind responsive prefix for a max-width breakpoint.
+*
+* Available options: `xs` (≤768px) | `sm` (≤1023px) | `md` (≤1248px)
+*
+* Use the prefix directly in class names:
+* ```ts
+* `${maxMediaQuery('xs')}:hidden` // → 'xsMax:hidden'
+* ```
+*
+* @deprecated For static class names prefer Tailwind responsive prefixes directly
+* (`xsMax:`, `smMax:`, `mdMax:`). Use this function only when the breakpoint must
+* be selected dynamically at runtime.
+*/
+const maxMediaQuery = (size) => `${size}Max`;
+/**
+* Alias for `maxMediaQuery`.
+* @see maxMediaQuery
+*/
+const smallerScreenThan = maxMediaQuery;
+/**
+* Returns the Tailwind responsive prefix for a min-width breakpoint.
+*
+* Available options: `sm` (≥769px) | `md` (≥1024px) | `lg` (≥1249px)
+*
+* Use the prefix directly in class names:
+* ```ts
+* `${minMediaQuery('lg')}:flex` // → 'lgMin:flex'
+* ```
+*
+* @deprecated For static class names prefer Tailwind responsive prefixes directly
+* (`smMin:`, `mdMin:`, `lgMin:`). Use this function only when the breakpoint must
+* be selected dynamically at runtime.
+*/
+const minMediaQuery = (size) => `${size}Min`;
+/**
+* Alias for `minMediaQuery`.
+* @see minMediaQuery
+*/
+const largerScreenThan = minMediaQuery;
+//#endregion
+exports.largerScreenThan = largerScreenThan;
+exports.maxMediaQuery = maxMediaQuery;
+exports.minMediaQuery = minMediaQuery;
+exports.smallerScreenThan = smallerScreenThan;
+
+//# sourceMappingURL=breakpoints.cjs.map

package/breakpoints.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.cjs","names":[],"sources":["../src/breakpoints/utils.tsx"],"sourcesContent":["import { type CleanTheme } from '@evolve.ui/theme-system';\n\nimport { Replace } from '../utils/utilityTypes';\n\nexport type maxMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'xsMax' | 'smMax' | 'mdMax'>, 'Max', ''>;\nexport type minMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'smMin' | 'mdMin' | 'lgMin'>, 'Min', ''>;\n\n/**\n * Returns the Tailwind responsive prefix for a max-width breakpoint.\n *\n * Available options: `xs` (≤768px) | `sm` (≤1023px) | `md` (≤1248px)\n *\n * Use the prefix directly in class names:\n * ```ts\n * `${maxMediaQuery('xs')}:hidden` // → 'xsMax:hidden'\n * ```\n *\n * @deprecated For static class names prefer Tailwind responsive prefixes directly\n * (`xsMax:`, `smMax:`, `mdMax:`). Use this function only when the breakpoint must\n * be selected dynamically at runtime.\n */\nexport const maxMediaQuery = (size: maxMediaOptions): string => `${size}Max`;\n\n/**\n * Alias for `maxMediaQuery`.\n * @see maxMediaQuery\n */\nexport const smallerScreenThan = maxMediaQuery;\n\n/**\n * Returns the Tailwind responsive prefix for a min-width breakpoint.\n *\n * Available options: `sm` (≥769px) | `md` (≥1024px) | `lg` (≥1249px)\n *\n * Use the prefix directly in class names:\n * ```ts\n * `${minMediaQuery('lg')}:flex` // → 'lgMin:flex'\n * ```\n *\n * @deprecated For static class names prefer Tailwind responsive prefixes directly\n * (`smMin:`, `mdMin:`, `lgMin:`). Use this function only when the breakpoint must\n * be selected dynamically at runtime.\n */\nexport const minMediaQuery = (size: minMediaOptions): string => `${size}Min`;\n\n/**\n * Alias for `minMediaQuery`.\n * @see minMediaQuery\n */\nexport const largerScreenThan = minMediaQuery;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,MAAa,iBAAiB,SAAkC,GAAG,KAAK;;;;;AAMxE,MAAa,oBAAoB;;;;;;;;;;;;;;;AAgBjC,MAAa,iBAAiB,SAAkC,GAAG,KAAK;;;;;AAMxE,MAAa,mBAAmB"}

package/breakpoints.d.cts

@@ -0,0 +1,2 @@
+import { a as minMediaQuery, i as minMediaOptions, n as maxMediaOptions, o as smallerScreenThan, r as maxMediaQuery, t as largerScreenThan } from "./index-D1Zpm1h7.cjs";
+export { largerScreenThan, maxMediaOptions, maxMediaQuery, minMediaOptions, minMediaQuery, smallerScreenThan };

package/breakpoints.d.mts

@@ -0,0 +1,2 @@
+import { a as minMediaQuery, i as minMediaOptions, n as maxMediaOptions, o as smallerScreenThan, r as maxMediaQuery, t as largerScreenThan } from "./index-D1Zpm1h7.mjs";
+export { largerScreenThan, maxMediaOptions, maxMediaQuery, minMediaOptions, minMediaQuery, smallerScreenThan };

package/breakpoints.mjs

@@ -0,0 +1,46 @@
+'use client';
+//#region src/breakpoints/utils.tsx
+/**
+* Returns the Tailwind responsive prefix for a max-width breakpoint.
+*
+* Available options: `xs` (≤768px) | `sm` (≤1023px) | `md` (≤1248px)
+*
+* Use the prefix directly in class names:
+* ```ts
+* `${maxMediaQuery('xs')}:hidden` // → 'xsMax:hidden'
+* ```
+*
+* @deprecated For static class names prefer Tailwind responsive prefixes directly
+* (`xsMax:`, `smMax:`, `mdMax:`). Use this function only when the breakpoint must
+* be selected dynamically at runtime.
+*/
+const maxMediaQuery = (size) => `${size}Max`;
+/**
+* Alias for `maxMediaQuery`.
+* @see maxMediaQuery
+*/
+const smallerScreenThan = maxMediaQuery;
+/**
+* Returns the Tailwind responsive prefix for a min-width breakpoint.
+*
+* Available options: `sm` (≥769px) | `md` (≥1024px) | `lg` (≥1249px)
+*
+* Use the prefix directly in class names:
+* ```ts
+* `${minMediaQuery('lg')}:flex` // → 'lgMin:flex'
+* ```
+*
+* @deprecated For static class names prefer Tailwind responsive prefixes directly
+* (`smMin:`, `mdMin:`, `lgMin:`). Use this function only when the breakpoint must
+* be selected dynamically at runtime.
+*/
+const minMediaQuery = (size) => `${size}Min`;
+/**
+* Alias for `minMediaQuery`.
+* @see minMediaQuery
+*/
+const largerScreenThan = minMediaQuery;
+//#endregion
+export { largerScreenThan, maxMediaQuery, minMediaQuery, smallerScreenThan };
+
+//# sourceMappingURL=breakpoints.mjs.map

package/breakpoints.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.mjs","names":[],"sources":["../src/breakpoints/utils.tsx"],"sourcesContent":["import { type CleanTheme } from '@evolve.ui/theme-system';\n\nimport { Replace } from '../utils/utilityTypes';\n\nexport type maxMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'xsMax' | 'smMax' | 'mdMax'>, 'Max', ''>;\nexport type minMediaOptions = Replace<keyof Pick<CleanTheme['breakpoints'], 'smMin' | 'mdMin' | 'lgMin'>, 'Min', ''>;\n\n/**\n * Returns the Tailwind responsive prefix for a max-width breakpoint.\n *\n * Available options: `xs` (≤768px) | `sm` (≤1023px) | `md` (≤1248px)\n *\n * Use the prefix directly in class names:\n * ```ts\n * `${maxMediaQuery('xs')}:hidden` // → 'xsMax:hidden'\n * ```\n *\n * @deprecated For static class names prefer Tailwind responsive prefixes directly\n * (`xsMax:`, `smMax:`, `mdMax:`). Use this function only when the breakpoint must\n * be selected dynamically at runtime.\n */\nexport const maxMediaQuery = (size: maxMediaOptions): string => `${size}Max`;\n\n/**\n * Alias for `maxMediaQuery`.\n * @see maxMediaQuery\n */\nexport const smallerScreenThan = maxMediaQuery;\n\n/**\n * Returns the Tailwind responsive prefix for a min-width breakpoint.\n *\n * Available options: `sm` (≥769px) | `md` (≥1024px) | `lg` (≥1249px)\n *\n * Use the prefix directly in class names:\n * ```ts\n * `${minMediaQuery('lg')}:flex` // → 'lgMin:flex'\n * ```\n *\n * @deprecated For static class names prefer Tailwind responsive prefixes directly\n * (`smMin:`, `mdMin:`, `lgMin:`). Use this function only when the breakpoint must\n * be selected dynamically at runtime.\n */\nexport const minMediaQuery = (size: minMediaOptions): string => `${size}Min`;\n\n/**\n * Alias for `minMediaQuery`.\n * @see minMediaQuery\n */\nexport const largerScreenThan = minMediaQuery;\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAa,iBAAiB,SAAkC,GAAG,KAAK;;;;;AAMxE,MAAa,oBAAoB;;;;;;;;;;;;;;;AAgBjC,MAAa,iBAAiB,SAAkC,GAAG,KAAK;;;;;AAMxE,MAAa,mBAAmB"}

package/buttonColorClasses-B7OU4aQA.mjs

@@ -0,0 +1,22 @@
+import { cn } from "@evolve.ui/theme-system";
+//#region src/Button/buttonColorClasses.ts
+/**
+* Color class constants shared between Button and IconButton components.
+* Each constant represents a combination of variant (filled/outlined/transparent) and style (primary/critical/neutral/inverse).
+*/
+const filledPrimaryClasses = cn("bg-primary-500 text-text-inverse outline-transparent hover:bg-primary-700 active:bg-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-primary-500 aria-busy:text-transparent");
+const filledCriticalClasses = cn("bg-critical-500 text-text-inverse outline-transparent hover:bg-critical-700 active:bg-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-critical-500 aria-busy:text-transparent");
+const filledNeutralClasses = cn("bg-surface-500 text-text-inverse outline-transparent hover:bg-surface-700 active:bg-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-surface-500 aria-busy:text-transparent");
+const filledInverseClasses = cn("bg-surface-50 text-primary-500 outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-surface-100 active:bg-surface-200 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent");
+const outlinedNeutralClasses = cn("bg-background-primary text-surface-500 outline outline-1 outline-current hover:bg-surface-100 hover:text-surface-700 active:bg-surface-200 active:text-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-surface-500");
+const outlinedPrimaryClasses = cn("bg-background-primary text-primary-500 outline outline-1 outline-current hover:bg-primary-100 hover:text-primary-700 active:bg-primary-200 active:text-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-primary-500");
+const outlinedCriticalClasses = cn("bg-background-primary text-critical-500 outline outline-1 outline-current hover:bg-critical-100 hover:text-critical-700 active:bg-critical-200 active:text-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-critical-500");
+const outlinedInverseClasses = cn("outline-solid bg-transparent text-icon-inverse outline outline-1 outline-surface-50 focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse focus:outline-focus-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:text-text-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent");
+const transparentPrimaryClasses = cn("bg-transparent text-primary-500 outline-transparent hover:bg-background-hover hover:text-primary-700 active:bg-background-pressed active:text-primary-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent");
+const transparentCriticalClasses = cn("bg-transparent text-critical-500 outline-transparent hover:bg-background-hover hover:text-critical-700 active:bg-background-pressed active:text-critical-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent");
+const transparentNeutralClasses = cn("bg-transparent text-surface-500 outline-transparent hover:bg-background-hover hover:text-surface-700 active:bg-background-pressed active:text-surface-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent");
+const transparentInverseClasses = cn("bg-transparent text-icon-inverse outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:text-transparent");
+//#endregion
+export { outlinedCriticalClasses as a, outlinedPrimaryClasses as c, transparentNeutralClasses as d, transparentPrimaryClasses as f, filledPrimaryClasses as i, transparentCriticalClasses as l, filledInverseClasses as n, outlinedInverseClasses as o, filledNeutralClasses as r, outlinedNeutralClasses as s, filledCriticalClasses as t, transparentInverseClasses as u };
+
+//# sourceMappingURL=buttonColorClasses-B7OU4aQA.mjs.map

package/buttonColorClasses-B7OU4aQA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonColorClasses-B7OU4aQA.mjs","names":[],"sources":["../src/Button/buttonColorClasses.ts"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\n\n/**\n * Color class constants shared between Button and IconButton components.\n * Each constant represents a combination of variant (filled/outlined/transparent) and style (primary/critical/neutral/inverse).\n */\n\nexport const filledPrimaryClasses = cn(\n    'bg-primary-500 text-text-inverse outline-transparent hover:bg-primary-700 active:bg-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-primary-500 aria-busy:text-transparent'\n);\n\nexport const filledCriticalClasses = cn(\n    'bg-critical-500 text-text-inverse outline-transparent hover:bg-critical-700 active:bg-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-critical-500 aria-busy:text-transparent'\n);\n\nexport const filledNeutralClasses = cn(\n    'bg-surface-500 text-text-inverse outline-transparent hover:bg-surface-700 active:bg-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-surface-500 aria-busy:text-transparent'\n);\n\nexport const filledInverseClasses = cn(\n    'bg-surface-50 text-primary-500 outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-surface-100 active:bg-surface-200 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent'\n);\n\nexport const outlinedNeutralClasses = cn(\n    'bg-background-primary text-surface-500 outline outline-1 outline-current hover:bg-surface-100 hover:text-surface-700 active:bg-surface-200 active:text-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-surface-500'\n);\nexport const outlinedPrimaryClasses = cn(\n    'bg-background-primary text-primary-500 outline outline-1 outline-current hover:bg-primary-100 hover:text-primary-700 active:bg-primary-200 active:text-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-primary-500'\n);\n\nexport const outlinedCriticalClasses = cn(\n    'bg-background-primary text-critical-500 outline outline-1 outline-current hover:bg-critical-100 hover:text-critical-700 active:bg-critical-200 active:text-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-critical-500'\n);\n\nexport const outlinedInverseClasses = cn(\n    'outline-solid bg-transparent text-icon-inverse outline outline-1 outline-surface-50 focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse focus:outline-focus-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:text-text-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent'\n);\n\nexport const transparentPrimaryClasses = cn(\n    'bg-transparent text-primary-500 outline-transparent hover:bg-background-hover hover:text-primary-700 active:bg-background-pressed active:text-primary-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent'\n);\n\nexport const transparentCriticalClasses = cn(\n    'bg-transparent text-critical-500 outline-transparent hover:bg-background-hover hover:text-critical-700 active:bg-background-pressed active:text-critical-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent'\n);\n\nexport const transparentNeutralClasses = cn(\n    'bg-transparent text-surface-500 outline-transparent hover:bg-background-hover hover:text-surface-700 active:bg-background-pressed active:text-surface-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent'\n);\n\nexport const transparentInverseClasses = cn(\n    'bg-transparent text-icon-inverse outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:text-transparent'\n);\n"],"mappings":";;;;;;AAOA,MAAa,uBAAuB,GAChC,8OACJ;AAEA,MAAa,wBAAwB,GACjC,kPACJ;AAEA,MAAa,uBAAuB,GAChC,8OACJ;AAEA,MAAa,uBAAuB,GAChC,2PACJ;AAEA,MAAa,yBAAyB,GAClC,uXACJ;AACA,MAAa,yBAAyB,GAClC,uXACJ;AAEA,MAAa,0BAA0B,GACnC,6XACJ;AAEA,MAAa,yBAAyB,GAClC,iXACJ;AAEA,MAAa,4BAA4B,GACrC,uSACJ;AAEA,MAAa,6BAA6B,GACtC,0SACJ;AAEA,MAAa,4BAA4B,GACrC,uSACJ;AAEA,MAAa,4BAA4B,GACrC,iRACJ"}

package/buttonColorClasses-C3hg1at8.cjs

@@ -0,0 +1,93 @@
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+//#region src/Button/buttonColorClasses.ts
+/**
+* Color class constants shared between Button and IconButton components.
+* Each constant represents a combination of variant (filled/outlined/transparent) and style (primary/critical/neutral/inverse).
+*/
+const filledPrimaryClasses = (0, _evolve_ui_theme_system.cn)("bg-primary-500 text-text-inverse outline-transparent hover:bg-primary-700 active:bg-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-primary-500 aria-busy:text-transparent");
+const filledCriticalClasses = (0, _evolve_ui_theme_system.cn)("bg-critical-500 text-text-inverse outline-transparent hover:bg-critical-700 active:bg-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-critical-500 aria-busy:text-transparent");
+const filledNeutralClasses = (0, _evolve_ui_theme_system.cn)("bg-surface-500 text-text-inverse outline-transparent hover:bg-surface-700 active:bg-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-surface-500 aria-busy:text-transparent");
+const filledInverseClasses = (0, _evolve_ui_theme_system.cn)("bg-surface-50 text-primary-500 outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-surface-100 active:bg-surface-200 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent");
+const outlinedNeutralClasses = (0, _evolve_ui_theme_system.cn)("bg-background-primary text-surface-500 outline outline-1 outline-current hover:bg-surface-100 hover:text-surface-700 active:bg-surface-200 active:text-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-surface-500");
+const outlinedPrimaryClasses = (0, _evolve_ui_theme_system.cn)("bg-background-primary text-primary-500 outline outline-1 outline-current hover:bg-primary-100 hover:text-primary-700 active:bg-primary-200 active:text-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-primary-500");
+const outlinedCriticalClasses = (0, _evolve_ui_theme_system.cn)("bg-background-primary text-critical-500 outline outline-1 outline-current hover:bg-critical-100 hover:text-critical-700 active:bg-critical-200 active:text-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-critical-500");
+const outlinedInverseClasses = (0, _evolve_ui_theme_system.cn)("outline-solid bg-transparent text-icon-inverse outline outline-1 outline-surface-50 focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse focus:outline-focus-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:text-text-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent");
+const transparentPrimaryClasses = (0, _evolve_ui_theme_system.cn)("bg-transparent text-primary-500 outline-transparent hover:bg-background-hover hover:text-primary-700 active:bg-background-pressed active:text-primary-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent");
+const transparentCriticalClasses = (0, _evolve_ui_theme_system.cn)("bg-transparent text-critical-500 outline-transparent hover:bg-background-hover hover:text-critical-700 active:bg-background-pressed active:text-critical-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent");
+const transparentNeutralClasses = (0, _evolve_ui_theme_system.cn)("bg-transparent text-surface-500 outline-transparent hover:bg-background-hover hover:text-surface-700 active:bg-background-pressed active:text-surface-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent");
+const transparentInverseClasses = (0, _evolve_ui_theme_system.cn)("bg-transparent text-icon-inverse outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:text-transparent");
+//#endregion
+Object.defineProperty(exports, "filledCriticalClasses", {
+	enumerable: true,
+	get: function() {
+		return filledCriticalClasses;
+	}
+});
+Object.defineProperty(exports, "filledInverseClasses", {
+	enumerable: true,
+	get: function() {
+		return filledInverseClasses;
+	}
+});
+Object.defineProperty(exports, "filledNeutralClasses", {
+	enumerable: true,
+	get: function() {
+		return filledNeutralClasses;
+	}
+});
+Object.defineProperty(exports, "filledPrimaryClasses", {
+	enumerable: true,
+	get: function() {
+		return filledPrimaryClasses;
+	}
+});
+Object.defineProperty(exports, "outlinedCriticalClasses", {
+	enumerable: true,
+	get: function() {
+		return outlinedCriticalClasses;
+	}
+});
+Object.defineProperty(exports, "outlinedInverseClasses", {
+	enumerable: true,
+	get: function() {
+		return outlinedInverseClasses;
+	}
+});
+Object.defineProperty(exports, "outlinedNeutralClasses", {
+	enumerable: true,
+	get: function() {
+		return outlinedNeutralClasses;
+	}
+});
+Object.defineProperty(exports, "outlinedPrimaryClasses", {
+	enumerable: true,
+	get: function() {
+		return outlinedPrimaryClasses;
+	}
+});
+Object.defineProperty(exports, "transparentCriticalClasses", {
+	enumerable: true,
+	get: function() {
+		return transparentCriticalClasses;
+	}
+});
+Object.defineProperty(exports, "transparentInverseClasses", {
+	enumerable: true,
+	get: function() {
+		return transparentInverseClasses;
+	}
+});
+Object.defineProperty(exports, "transparentNeutralClasses", {
+	enumerable: true,
+	get: function() {
+		return transparentNeutralClasses;
+	}
+});
+Object.defineProperty(exports, "transparentPrimaryClasses", {
+	enumerable: true,
+	get: function() {
+		return transparentPrimaryClasses;
+	}
+});
+
+//# sourceMappingURL=buttonColorClasses-C3hg1at8.cjs.map

package/buttonColorClasses-C3hg1at8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonColorClasses-C3hg1at8.cjs","names":[],"sources":["../src/Button/buttonColorClasses.ts"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\n\n/**\n * Color class constants shared between Button and IconButton components.\n * Each constant represents a combination of variant (filled/outlined/transparent) and style (primary/critical/neutral/inverse).\n */\n\nexport const filledPrimaryClasses = cn(\n    'bg-primary-500 text-text-inverse outline-transparent hover:bg-primary-700 active:bg-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-primary-500 aria-busy:text-transparent'\n);\n\nexport const filledCriticalClasses = cn(\n    'bg-critical-500 text-text-inverse outline-transparent hover:bg-critical-700 active:bg-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-critical-500 aria-busy:text-transparent'\n);\n\nexport const filledNeutralClasses = cn(\n    'bg-surface-500 text-text-inverse outline-transparent hover:bg-surface-700 active:bg-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:bg-surface-500 aria-busy:text-transparent'\n);\n\nexport const filledInverseClasses = cn(\n    'bg-surface-50 text-primary-500 outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-surface-100 active:bg-surface-200 disabled:cursor-not-allowed disabled:bg-background-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent'\n);\n\nexport const outlinedNeutralClasses = cn(\n    'bg-background-primary text-surface-500 outline outline-1 outline-current hover:bg-surface-100 hover:text-surface-700 active:bg-surface-200 active:text-surface-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-surface-500'\n);\nexport const outlinedPrimaryClasses = cn(\n    'bg-background-primary text-primary-500 outline outline-1 outline-current hover:bg-primary-100 hover:text-primary-700 active:bg-primary-200 active:text-primary-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-primary-500'\n);\n\nexport const outlinedCriticalClasses = cn(\n    'bg-background-primary text-critical-500 outline outline-1 outline-current hover:bg-critical-100 hover:text-critical-700 active:bg-critical-200 active:text-critical-900 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:bg-background-primary aria-busy:text-transparent aria-busy:outline-critical-500'\n);\n\nexport const outlinedInverseClasses = cn(\n    'outline-solid bg-transparent text-icon-inverse outline outline-1 outline-surface-50 focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse focus:outline-focus-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:text-text-disabled disabled:outline-border-disabled aria-busy:cursor-not-allowed aria-busy:text-transparent'\n);\n\nexport const transparentPrimaryClasses = cn(\n    'bg-transparent text-primary-500 outline-transparent hover:bg-background-hover hover:text-primary-700 active:bg-background-pressed active:text-primary-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent'\n);\n\nexport const transparentCriticalClasses = cn(\n    'bg-transparent text-critical-500 outline-transparent hover:bg-background-hover hover:text-critical-700 active:bg-background-pressed active:text-critical-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent'\n);\n\nexport const transparentNeutralClasses = cn(\n    'bg-transparent text-surface-500 outline-transparent hover:bg-background-hover hover:text-surface-700 active:bg-background-pressed active:text-surface-900 disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:bg-background-pressed aria-busy:text-transparent'\n);\n\nexport const transparentInverseClasses = cn(\n    'bg-transparent text-icon-inverse outline-transparent focus:hui-focus-visible-outline-inverse hover:bg-background-hover-inverse active:bg-background-pressed-inverse disabled:cursor-not-allowed disabled:bg-transparent aria-busy:cursor-not-allowed aria-busy:text-transparent'\n);\n"],"mappings":";;;;;;AAOA,MAAa,wBAAA,GAAA,wBAAA,GAAA,CACT,8OACJ;AAEA,MAAa,yBAAA,GAAA,wBAAA,GAAA,CACT,kPACJ;AAEA,MAAa,wBAAA,GAAA,wBAAA,GAAA,CACT,8OACJ;AAEA,MAAa,wBAAA,GAAA,wBAAA,GAAA,CACT,2PACJ;AAEA,MAAa,0BAAA,GAAA,wBAAA,GAAA,CACT,uXACJ;AACA,MAAa,0BAAA,GAAA,wBAAA,GAAA,CACT,uXACJ;AAEA,MAAa,2BAAA,GAAA,wBAAA,GAAA,CACT,6XACJ;AAEA,MAAa,0BAAA,GAAA,wBAAA,GAAA,CACT,iXACJ;AAEA,MAAa,6BAAA,GAAA,wBAAA,GAAA,CACT,uSACJ;AAEA,MAAa,8BAAA,GAAA,wBAAA,GAAA,CACT,0SACJ;AAEA,MAAa,6BAAA,GAAA,wBAAA,GAAA,CACT,uSACJ;AAEA,MAAa,6BAAA,GAAA,wBAAA,GAAA,CACT,iRACJ"}

package/card/cardGrid.cjs

@@ -0,0 +1,7 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CardGrid = require("../CardGrid-CXi9XvDo.cjs");
+exports.CardGrid = require_CardGrid.CardGrid;

package/card/cardGrid.d.cts

@@ -0,0 +1,2 @@
+import { t as CardGrid } from "../CardGrid-BhfrwrN0.cjs";
+export { CardGrid };

package/card/cardGrid.d.mts

@@ -0,0 +1,2 @@
+import { t as CardGrid } from "../CardGrid-CHZSF83h.mjs";
+export { CardGrid };

package/card/cardGrid.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { t as CardGrid } from "../CardGrid-BpX_oOS4.mjs";
+export { CardGrid };

package/card/components/createBadge.cjs

@@ -0,0 +1,27 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Badge = require("../../Badge.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Card/components/createBadge.tsx
+/**
+* Creates the card component that uses the provided hook `useGetBadgeState` to render a `Badge` for a Card. By default the props are `emphasis="bold"` and `round`.
+*
+* Returning `false` from the hook will render no badge.
+*/
+const createBadge = ({ useGetBadgeState }) => ({ Component: (props) => {
+	const badgeProps = useGetBadgeState(props);
+	if (badgeProps === false) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, {
+		className: "absolute left-xs top-xs z-[1]",
+		emphasis: "bold",
+		round: true,
+		...badgeProps
+	});
+} });
+//#endregion
+exports.createBadge = createBadge;
+
+//# sourceMappingURL=createBadge.cjs.map

package/card/components/createBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBadge.cjs","names":["Badge"],"sources":["../../../src/Card/components/createBadge.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { Badge } from '../../Badge/Badge';\nimport { CardComponent } from '../types';\nimport { CardHook } from './types';\n\n/**\n * Creates the card component that uses the provided hook `useGetBadgeState` to render a `Badge` for a Card. By default the props are `emphasis=\"bold\"` and `round`.\n *\n * Returning `false` from the hook will render no badge.\n */\nexport const createBadge = <ExtraData,>({\n    useGetBadgeState,\n}: {\n    /** Returns the props to pass to the badge, or `false` to render no badge. */\n    useGetBadgeState: CardHook<ExtraData, ComponentProps<typeof Badge> | false>;\n}): CardComponent<ExtraData> => ({\n    Component: (props) => {\n        const badgeProps = useGetBadgeState(props);\n\n        if (badgeProps === false) {\n            return null;\n        }\n\n        return (\n            <Badge\n                className=\"absolute left-xs top-xs z-[1]\"\n                emphasis=\"bold\"\n                round\n                {...badgeProps}\n            />\n        );\n    },\n});\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,eAA2B,EACpC,wBAI6B,EAC7B,YAAY,UAAU;CAClB,MAAM,aAAa,iBAAiB,KAAK;CAEzC,IAAI,eAAe,OACf,OAAO;CAGX,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,OAAD;EACI,WAAU;EACV,UAAS;EACT,OAAA;EACA,GAAI;CACP,CAAA;AAET,EACJ"}

package/card/components/createBadge.d.cts

@@ -0,0 +1,2 @@
+import { t as createBadge } from "../../createBadge-LFbUXGlB.cjs";
+export { createBadge };

package/card/components/createBadge.d.mts

@@ -0,0 +1,2 @@
+import { t as createBadge } from "../../createBadge-CYumy92O.mjs";
+export { createBadge };

package/card/components/createBadge.mjs

@@ -0,0 +1,23 @@
+'use client';
+import { Badge } from "../../Badge.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/Card/components/createBadge.tsx
+/**
+* Creates the card component that uses the provided hook `useGetBadgeState` to render a `Badge` for a Card. By default the props are `emphasis="bold"` and `round`.
+*
+* Returning `false` from the hook will render no badge.
+*/
+const createBadge = ({ useGetBadgeState }) => ({ Component: (props) => {
+	const badgeProps = useGetBadgeState(props);
+	if (badgeProps === false) return null;
+	return /* @__PURE__ */ jsx(Badge, {
+		className: "absolute left-xs top-xs z-[1]",
+		emphasis: "bold",
+		round: true,
+		...badgeProps
+	});
+} });
+//#endregion
+export { createBadge };
+
+//# sourceMappingURL=createBadge.mjs.map

package/card/components/createBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBadge.mjs","names":[],"sources":["../../../src/Card/components/createBadge.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { Badge } from '../../Badge/Badge';\nimport { CardComponent } from '../types';\nimport { CardHook } from './types';\n\n/**\n * Creates the card component that uses the provided hook `useGetBadgeState` to render a `Badge` for a Card. By default the props are `emphasis=\"bold\"` and `round`.\n *\n * Returning `false` from the hook will render no badge.\n */\nexport const createBadge = <ExtraData,>({\n    useGetBadgeState,\n}: {\n    /** Returns the props to pass to the badge, or `false` to render no badge. */\n    useGetBadgeState: CardHook<ExtraData, ComponentProps<typeof Badge> | false>;\n}): CardComponent<ExtraData> => ({\n    Component: (props) => {\n        const badgeProps = useGetBadgeState(props);\n\n        if (badgeProps === false) {\n            return null;\n        }\n\n        return (\n            <Badge\n                className=\"absolute left-xs top-xs z-[1]\"\n                emphasis=\"bold\"\n                round\n                {...badgeProps}\n            />\n        );\n    },\n});\n"],"mappings":";;;;;;;;AAWA,MAAa,eAA2B,EACpC,wBAI6B,EAC7B,YAAY,UAAU;CAClB,MAAM,aAAa,iBAAiB,KAAK;CAEzC,IAAI,eAAe,OACf,OAAO;CAGX,OACI,oBAAC,OAAD;EACI,WAAU;EACV,UAAS;EACT,OAAA;EACA,GAAI;CACP,CAAA;AAET,EACJ"}

package/card/components/createFavoriteButton.cjs

@@ -0,0 +1,31 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_FavoriteButton = require("../../FavoriteButton-DliYzkfu.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Card/components/createFavoriteButton.tsx
+/**
+* Creates the card component that adds a favorite button.
+*
+* Callbacks that modify the favorite button:
+* - `isFavoriteButtonFavorited` - show the favorite button as favorited
+* - `onFavoriteButtonClick` - handle the favorite button click
+*/
+const createFavoriteButton = ({ useIsFavorited, useSetFavorited }) => ({ Component: (props) => {
+	const isFavoriteButtonFavorited = useIsFavorited(props);
+	const onFavoriteButtonClick = useSetFavorited(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FavoriteButton.FavoriteButton, {
+		className: "absolute right-xs top-xs z-[2]",
+		favorited: isFavoriteButtonFavorited,
+		onClick: (0, react.useCallback)(() => {
+			onFavoriteButtonClick(!isFavoriteButtonFavorited);
+		}, [isFavoriteButtonFavorited, onFavoriteButtonClick])
+	});
+} });
+//#endregion
+exports.createFavoriteButton = createFavoriteButton;
+
+//# sourceMappingURL=createFavoriteButton.cjs.map

package/card/components/createFavoriteButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFavoriteButton.cjs","names":["FavoriteButton"],"sources":["../../../src/Card/components/createFavoriteButton.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { FavoriteButton } from '../../FavoriteButton/FavoriteButton';\nimport { CardComponent } from '../types';\nimport { CardHook } from './types';\n\n/**\n * Creates the card component that adds a favorite button.\n *\n * Callbacks that modify the favorite button:\n * - `isFavoriteButtonFavorited` - show the favorite button as favorited\n * - `onFavoriteButtonClick` - handle the favorite button click\n */\nexport const createFavoriteButton = <ExtraData,>({\n    useIsFavorited,\n    useSetFavorited,\n}: {\n    /** Returns whether the favorite button should be favorited. */\n    useIsFavorited: CardHook<ExtraData, boolean>;\n    /** Adds the onclick to the favorite button. */\n    useSetFavorited: CardHook<ExtraData, (favorited: boolean) => void>;\n}): CardComponent<ExtraData> => ({\n    Component: (props) => {\n        const isFavoriteButtonFavorited = useIsFavorited(props);\n        const onFavoriteButtonClick = useSetFavorited(props);\n\n        // Memoize the click handler\n        const handleClick = useCallback(() => {\n            onFavoriteButtonClick(!isFavoriteButtonFavorited);\n        }, [isFavoriteButtonFavorited, onFavoriteButtonClick]);\n\n        return (\n            <FavoriteButton\n                className=\"absolute right-xs top-xs z-[2]\"\n                favorited={isFavoriteButtonFavorited}\n                onClick={handleClick}\n            />\n        );\n    },\n});\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAa,wBAAoC,EAC7C,gBACA,uBAM6B,EAC7B,YAAY,UAAU;CAClB,MAAM,4BAA4B,eAAe,KAAK;CACtD,MAAM,wBAAwB,gBAAgB,KAAK;CAOnD,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,gBAAD;EACI,WAAU;EACV,WAAW;EACX,UAAA,GAAA,MAAA,YAAA,OAR8B;GAClC,sBAAsB,CAAC,yBAAyB;EACpD,GAAG,CAAC,2BAA2B,qBAAqB,CAMzB;CACtB,CAAA;AAET,EACJ"}

package/card/components/createFavoriteButton.d.cts

@@ -0,0 +1,2 @@
+import { t as createFavoriteButton } from "../../createFavoriteButton-Bnp0UOEq.cjs";
+export { createFavoriteButton };

package/card/components/createFavoriteButton.d.mts

@@ -0,0 +1,2 @@
+import { t as createFavoriteButton } from "../../createFavoriteButton-8xbCWiTD.mjs";
+export { createFavoriteButton };

package/card/components/createFavoriteButton.mjs

@@ -0,0 +1,27 @@
+'use client';
+import { t as FavoriteButton } from "../../FavoriteButton-CC3qL0lR.mjs";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Card/components/createFavoriteButton.tsx
+/**
+* Creates the card component that adds a favorite button.
+*
+* Callbacks that modify the favorite button:
+* - `isFavoriteButtonFavorited` - show the favorite button as favorited
+* - `onFavoriteButtonClick` - handle the favorite button click
+*/
+const createFavoriteButton = ({ useIsFavorited, useSetFavorited }) => ({ Component: (props) => {
+	const isFavoriteButtonFavorited = useIsFavorited(props);
+	const onFavoriteButtonClick = useSetFavorited(props);
+	return /* @__PURE__ */ jsx(FavoriteButton, {
+		className: "absolute right-xs top-xs z-[2]",
+		favorited: isFavoriteButtonFavorited,
+		onClick: useCallback(() => {
+			onFavoriteButtonClick(!isFavoriteButtonFavorited);
+		}, [isFavoriteButtonFavorited, onFavoriteButtonClick])
+	});
+} });
+//#endregion
+export { createFavoriteButton };
+
+//# sourceMappingURL=createFavoriteButton.mjs.map

package/card/components/createFavoriteButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFavoriteButton.mjs","names":[],"sources":["../../../src/Card/components/createFavoriteButton.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { FavoriteButton } from '../../FavoriteButton/FavoriteButton';\nimport { CardComponent } from '../types';\nimport { CardHook } from './types';\n\n/**\n * Creates the card component that adds a favorite button.\n *\n * Callbacks that modify the favorite button:\n * - `isFavoriteButtonFavorited` - show the favorite button as favorited\n * - `onFavoriteButtonClick` - handle the favorite button click\n */\nexport const createFavoriteButton = <ExtraData,>({\n    useIsFavorited,\n    useSetFavorited,\n}: {\n    /** Returns whether the favorite button should be favorited. */\n    useIsFavorited: CardHook<ExtraData, boolean>;\n    /** Adds the onclick to the favorite button. */\n    useSetFavorited: CardHook<ExtraData, (favorited: boolean) => void>;\n}): CardComponent<ExtraData> => ({\n    Component: (props) => {\n        const isFavoriteButtonFavorited = useIsFavorited(props);\n        const onFavoriteButtonClick = useSetFavorited(props);\n\n        // Memoize the click handler\n        const handleClick = useCallback(() => {\n            onFavoriteButtonClick(!isFavoriteButtonFavorited);\n        }, [isFavoriteButtonFavorited, onFavoriteButtonClick]);\n\n        return (\n            <FavoriteButton\n                className=\"absolute right-xs top-xs z-[2]\"\n                favorited={isFavoriteButtonFavorited}\n                onClick={handleClick}\n            />\n        );\n    },\n});\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,wBAAoC,EAC7C,gBACA,uBAM6B,EAC7B,YAAY,UAAU;CAClB,MAAM,4BAA4B,eAAe,KAAK;CACtD,MAAM,wBAAwB,gBAAgB,KAAK;CAOnD,OACI,oBAAC,gBAAD;EACI,WAAU;EACV,WAAW;EACX,SARY,kBAAkB;GAClC,sBAAsB,CAAC,yBAAyB;EACpD,GAAG,CAAC,2BAA2B,qBAAqB,CAMzB;CACtB,CAAA;AAET,EACJ"}

package/card/components/createImage.cjs

@@ -0,0 +1,44 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_providers = require("../../providers.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Card/components/createImage.tsx
+/**
+* Helps style an image for a card.
+*/
+const createImage = ({ aspectRatio = 1, ImageComponent, useHref }) => ({
+	Component: (props) => {
+		const href = useHref?.(props);
+		const navigate = require_providers.usePreventDefaultLinkOnClick();
+		const imageClasses = "w-full object-cover";
+		const linkClasses = "peer/card-image relative w-full cursor-pointer";
+		const handleClick = (0, react.useCallback)((href) => navigate(href), [navigate]);
+		const image = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageComponent, {
+			className: imageClasses,
+			style: { aspectRatio },
+			...props
+		});
+		if (href) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			className: linkClasses,
+			href,
+			onClick: handleClick(href),
+			style: { aspectRatio },
+			tabIndex: -1,
+			children: image
+		});
+		return image;
+	},
+	skeletonConfig: {
+		height: 282,
+		type: "inline",
+		width: 282
+	}
+});
+//#endregion
+exports.createImage = createImage;
+
+//# sourceMappingURL=createImage.cjs.map

package/card/components/createImage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImage.cjs","names":["usePreventDefaultLinkOnClick"],"sources":["../../../src/Card/components/createImage.tsx"],"sourcesContent":["import { ComponentType, useCallback } from 'react';\n\nimport { usePreventDefaultLinkOnClick } from '../../providers';\nimport { CardComponent } from '../types';\nimport { CardHook } from './types';\n\n/**\n * Helps style an image for a card.\n */\nexport const createImage = <ExtraData,>({\n    aspectRatio = 1,\n    ImageComponent,\n    useHref,\n}: {\n    /** The your rendered image to use. Receives card data as props and `className`.\n     *\n     * **Do not forget to forward the className**\n     */\n    ImageComponent: ComponentType<ExtraData & { className: string }>;\n    /** Optional parameter to set aspect ratio on the image (1:1 by default) */\n    aspectRatio?: number;\n    /** A hook that returns the href to use for the image (makes it a link) */\n    useHref?: CardHook<ExtraData, string>;\n}): CardComponent<ExtraData> => ({\n    Component: (props) => {\n        const href = useHref?.(props);\n        const navigate = usePreventDefaultLinkOnClick();\n\n        const imageClasses = 'w-full object-cover';\n        const linkClasses = 'peer/card-image relative w-full cursor-pointer';\n\n        // Memoize click handler\n        const handleClick = useCallback((href: string) => navigate(href), [navigate]);\n\n        const image = (\n            <ImageComponent\n                className={imageClasses}\n                style={{ aspectRatio }}\n                {...props}\n            />\n        );\n\n        if (href) {\n            return (\n                <a\n                    className={linkClasses}\n                    href={href}\n                    onClick={handleClick(href)}\n                    style={{ aspectRatio }}\n                    tabIndex={-1}\n                >\n                    {image}\n                </a>\n            );\n        }\n\n        return image;\n    },\n    skeletonConfig: {\n        height: 282,\n        type: 'inline',\n        width: 282,\n    },\n});\n"],"mappings":";;;;;;;;;;;AASA,MAAa,eAA2B,EACpC,cAAc,GACd,gBACA,eAW6B;CAC7B,YAAY,UAAU;EAClB,MAAM,OAAO,UAAU,KAAK;EAC5B,MAAM,WAAWA,kBAAAA,6BAA6B;EAE9C,MAAM,eAAe;EACrB,MAAM,cAAc;EAGpB,MAAM,eAAA,GAAA,MAAA,YAAA,EAA2B,SAAiB,SAAS,IAAI,GAAG,CAAC,QAAQ,CAAC;EAE5E,MAAM,QACF,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GACI,WAAW;GACX,OAAO,EAAE,YAAY;GACrB,GAAI;EACP,CAAA;EAGL,IAAI,MACA,OACI,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GACI,WAAW;GACL;GACN,SAAS,YAAY,IAAI;GACzB,OAAO,EAAE,YAAY;GACrB,UAAU;aAET;EACF,CAAA;EAIX,OAAO;CACX;CACA,gBAAgB;EACZ,QAAQ;EACR,MAAM;EACN,OAAO;CACX;AACJ"}

package/card/components/createImage.d.cts

@@ -0,0 +1,2 @@
+import { t as createImage } from "../../createImage-DYLD7AJb.cjs";
+export { createImage };

package/card/components/createImage.d.mts

@@ -0,0 +1,2 @@
+import { t as createImage } from "../../createImage-BYnNgRok.mjs";
+export { createImage };

package/card/components/createImage.mjs

@@ -0,0 +1,40 @@
+'use client';
+import { usePreventDefaultLinkOnClick } from "../../providers.mjs";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Card/components/createImage.tsx
+/**
+* Helps style an image for a card.
+*/
+const createImage = ({ aspectRatio = 1, ImageComponent, useHref }) => ({
+	Component: (props) => {
+		const href = useHref?.(props);
+		const navigate = usePreventDefaultLinkOnClick();
+		const imageClasses = "w-full object-cover";
+		const linkClasses = "peer/card-image relative w-full cursor-pointer";
+		const handleClick = useCallback((href) => navigate(href), [navigate]);
+		const image = /* @__PURE__ */ jsx(ImageComponent, {
+			className: imageClasses,
+			style: { aspectRatio },
+			...props
+		});
+		if (href) return /* @__PURE__ */ jsx("a", {
+			className: linkClasses,
+			href,
+			onClick: handleClick(href),
+			style: { aspectRatio },
+			tabIndex: -1,
+			children: image
+		});
+		return image;
+	},
+	skeletonConfig: {
+		height: 282,
+		type: "inline",
+		width: 282
+	}
+});
+//#endregion
+export { createImage };
+
+//# sourceMappingURL=createImage.mjs.map

package/card/components/createImage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImage.mjs","names":[],"sources":["../../../src/Card/components/createImage.tsx"],"sourcesContent":["import { ComponentType, useCallback } from 'react';\n\nimport { usePreventDefaultLinkOnClick } from '../../providers';\nimport { CardComponent } from '../types';\nimport { CardHook } from './types';\n\n/**\n * Helps style an image for a card.\n */\nexport const createImage = <ExtraData,>({\n    aspectRatio = 1,\n    ImageComponent,\n    useHref,\n}: {\n    /** The your rendered image to use. Receives card data as props and `className`.\n     *\n     * **Do not forget to forward the className**\n     */\n    ImageComponent: ComponentType<ExtraData & { className: string }>;\n    /** Optional parameter to set aspect ratio on the image (1:1 by default) */\n    aspectRatio?: number;\n    /** A hook that returns the href to use for the image (makes it a link) */\n    useHref?: CardHook<ExtraData, string>;\n}): CardComponent<ExtraData> => ({\n    Component: (props) => {\n        const href = useHref?.(props);\n        const navigate = usePreventDefaultLinkOnClick();\n\n        const imageClasses = 'w-full object-cover';\n        const linkClasses = 'peer/card-image relative w-full cursor-pointer';\n\n        // Memoize click handler\n        const handleClick = useCallback((href: string) => navigate(href), [navigate]);\n\n        const image = (\n            <ImageComponent\n                className={imageClasses}\n                style={{ aspectRatio }}\n                {...props}\n            />\n        );\n\n        if (href) {\n            return (\n                <a\n                    className={linkClasses}\n                    href={href}\n                    onClick={handleClick(href)}\n                    style={{ aspectRatio }}\n                    tabIndex={-1}\n                >\n                    {image}\n                </a>\n            );\n        }\n\n        return image;\n    },\n    skeletonConfig: {\n        height: 282,\n        type: 'inline',\n        width: 282,\n    },\n});\n"],"mappings":";;;;;;;AASA,MAAa,eAA2B,EACpC,cAAc,GACd,gBACA,eAW6B;CAC7B,YAAY,UAAU;EAClB,MAAM,OAAO,UAAU,KAAK;EAC5B,MAAM,WAAW,6BAA6B;EAE9C,MAAM,eAAe;EACrB,MAAM,cAAc;EAGpB,MAAM,cAAc,aAAa,SAAiB,SAAS,IAAI,GAAG,CAAC,QAAQ,CAAC;EAE5E,MAAM,QACF,oBAAC,gBAAD;GACI,WAAW;GACX,OAAO,EAAE,YAAY;GACrB,GAAI;EACP,CAAA;EAGL,IAAI,MACA,OACI,oBAAC,KAAD;GACI,WAAW;GACL;GACN,SAAS,YAAY,IAAI;GACzB,OAAO,EAAE,YAAY;GACrB,UAAU;aAET;EACF,CAAA;EAIX,OAAO;CACX;CACA,gBAAgB;EACZ,QAAQ;EACR,MAAM;EACN,OAAO;CACX;AACJ"}