ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/styles-scoped.css

@@ -766,6 +766,9 @@
 .ui-kit .pointer-events-none {
 	pointer-events: none;
 }
+.ui-kit .visible {
+	visibility: visible;
+}
 .ui-kit .fixed {
 	position: fixed;
 }
@@ -930,6 +933,9 @@
 .ui-kit .mb-5 {
 	margin-bottom: 1.25rem;
 }
+.ui-kit .ml-0\.5 {
+	margin-left: 0.125rem;
+}
 .ui-kit .ml-2 {
 	margin-left: 0.5rem;
 }
@@ -960,9 +966,6 @@
 .ui-kit .mt-4 {
 	margin-top: 1rem;
 }
-.ui-kit .mt-5 {
-	margin-top: 1.25rem;
-}
 .ui-kit .mt-\[-16px\] {
 	margin-top: -16px;
 }
@@ -1059,6 +1062,9 @@
 .ui-kit .h-\[11\.5rem\] {
 	height: 11.5rem;
 }
+.ui-kit .h-\[2\.1875rem\] {
+	height: 2.1875rem;
+}
 .ui-kit .h-\[2000px\] {
 	height: 2000px;
 }
@@ -1068,6 +1074,9 @@
 .ui-kit .h-\[3\.75rem\] {
 	height: 3.75rem;
 }
+.ui-kit .h-\[40px\] {
+	height: 40px;
+}
 .ui-kit .h-\[5\.5rem\] {
 	height: 5.5rem;
 }
@@ -1191,15 +1200,24 @@
 .ui-kit .w-\[--width\] {
 	width: var(--width);
 }
+.ui-kit .w-\[1000px\] {
+	width: 1000px;
+}
 .ui-kit .w-\[11\.5rem\] {
 	width: 11.5rem;
 }
 .ui-kit .w-\[15\%\] {
 	width: 15%;
 }
+.ui-kit .w-\[2\.0625rem\] {
+	width: 2.0625rem;
+}
 .ui-kit .w-\[200px\] {
 	width: 200px;
 }
+.ui-kit .w-\[250px\] {
+	width: 250px;
+}
 .ui-kit .w-\[3\.75rem\] {
 	width: 3.75rem;
 }
@@ -1327,6 +1345,14 @@
 .ui-kit .transform {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+@keyframes pulse {
+	50% {
+		opacity: .5;
+	}
+}
+.ui-kit .animate-pulse {
+	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 @keyframes spin {
 	to {
 		transform: rotate(360deg);
@@ -1490,6 +1516,9 @@
 .ui-kit :is(.space-x-reverse > :not([hidden]) ~ :not([hidden])) {
 	--tw-space-x-reverse: 1;
 }
+.ui-kit .self-start {
+	align-self: flex-start;
+}
 .ui-kit .self-stretch {
 	align-self: stretch;
 }
@@ -1844,6 +1873,9 @@
 .ui-kit .fill-secondary-bg {
 	fill: hsl(var(--secondary-bg));
 }
+.ui-kit .stroke-status-error {
+	stroke: hsl(var(--status-error));
+}
 .ui-kit .stroke-\[1\.25px\] {
 	stroke-width: 1.25px;
 }
@@ -1856,6 +1888,9 @@
 .ui-kit .p-0 {
 	padding: 0px;
 }
+.ui-kit .p-0\.5 {
+	padding: 0.125rem;
+}
 .ui-kit .p-1 {
 	padding: 0.25rem;
 }
@@ -1965,6 +2000,9 @@
 	padding-top: 1rem;
 	padding-bottom: 1rem;
 }
+.ui-kit .pb-1 {
+	padding-bottom: 0.25rem;
+}
 .ui-kit .pb-4 {
 	padding-bottom: 1rem;
 }
@@ -2013,15 +2051,18 @@
 .ui-kit .pr-9 {
 	padding-right: 2.25rem;
 }
+.ui-kit .pt-1 {
+	padding-top: 0.25rem;
+}
+.ui-kit .pt-1\.5 {
+	padding-top: 0.375rem;
+}
 .ui-kit .pt-4 {
 	padding-top: 1rem;
 }
 .ui-kit .text-center {
 	text-align: center;
 }
-.ui-kit .align-top {
-	vertical-align: top;
-}
 .ui-kit .font-sans {
 	font-family: InterVariable, Inter, sans-serif;
 }
@@ -2097,9 +2138,6 @@
 .ui-kit .leading-none {
 	line-height: 100%;
 }
-.ui-kit .leading-normal {
-	line-height: 1.5;
-}
 .ui-kit .tracking-tight {
 	letter-spacing: -0.025em;
 }
@@ -2261,6 +2299,9 @@
 .ui-kit .outline-secondary-border {
 	outline-color: hsl(var(--secondary-border));
 }
+.ui-kit .outline-status-error-secondary-border {
+	outline-color: hsl(var(--status-error-secondary-border));
+}
 .ui-kit .ring-offset-background {
 	--tw-ring-offset-color: hsl(var(--background));
 }
@@ -2511,6 +2552,9 @@
 	--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.ui-kit .hover\:outline-status-error-primary-border:hover {
+	outline-color: hsl(var(--status-error-primary-border));
+}
 .ui-kit .invalid\:hover\:border-status-error-primary-border:hover:invalid {
 	border-color: hsl(var(--status-error-primary-border));
 }
@@ -2615,6 +2659,9 @@
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 }
+.ui-kit .focus-visible\:outline-status-error-secondary-border:focus-visible {
+	outline-color: hsl(var(--status-error-secondary-border));
+}
 .ui-kit .focus-visible\:ring-0:focus-visible {
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3013,11 +3060,14 @@
 	}
 }
 @media (min-width: 1024px) {
-	.ui-kit .lg\:right-4 {
-		right: 1rem;
+	.ui-kit .lg\:right-2 {
+		right: 0.5rem;
+	}
+	.ui-kit .lg\:top-2 {
+		top: 0.5rem;
 	}
-	.ui-kit .lg\:top-4 {
-		top: 1rem;
+	.ui-kit .lg\:mt-5 {
+		margin-top: 1.25rem;
 	}
 	.ui-kit .lg\:flex {
 		display: flex;
@@ -3043,6 +3093,9 @@
 	.ui-kit .lg\:flex-row {
 		flex-direction: row;
 	}
+	.ui-kit .lg\:gap-3 {
+		gap: 0.75rem;
+	}
 	.ui-kit .lg\:gap-4 {
 		gap: 1rem;
 	}
@@ -3051,9 +3104,6 @@
 		margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
 		margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 	}
-	.ui-kit .lg\:rounded-lg {
-		border-radius: var(--radius);
-	}
 	.ui-kit .lg\:p-3 {
 		padding: 0.75rem;
 	}
@@ -3073,12 +3123,16 @@
 		padding-top: 0.5rem;
 		padding-bottom: 0.5rem;
 	}
+	.ui-kit .lg\:py-2\.5 {
+		padding-top: 0.625rem;
+		padding-bottom: 0.625rem;
+	}
 	.ui-kit .lg\:py-5 {
 		padding-top: 1.25rem;
 		padding-bottom: 1.25rem;
 	}
-	.ui-kit .lg\:pb-5 {
-		padding-bottom: 1.25rem;
+	.ui-kit .lg\:pb-6 {
+		padding-bottom: 1.5rem;
 	}
 	.ui-kit .lg\:pt-6 {
 		padding-top: 1.5rem;

package/dist/styles.css

@@ -752,6 +752,9 @@ body {
 .pointer-events-none {
 	pointer-events: none;
 }
+.visible {
+	visibility: visible;
+}
 .fixed {
 	position: fixed;
 }
@@ -916,6 +919,9 @@ body {
 .mb-5 {
 	margin-bottom: 1.25rem;
 }
+.ml-0\.5 {
+	margin-left: 0.125rem;
+}
 .ml-2 {
 	margin-left: 0.5rem;
 }
@@ -946,9 +952,6 @@ body {
 .mt-4 {
 	margin-top: 1rem;
 }
-.mt-5 {
-	margin-top: 1.25rem;
-}
 .mt-\[-16px\] {
 	margin-top: -16px;
 }
@@ -1045,6 +1048,9 @@ body {
 .h-\[11\.5rem\] {
 	height: 11.5rem;
 }
+.h-\[2\.1875rem\] {
+	height: 2.1875rem;
+}
 .h-\[2000px\] {
 	height: 2000px;
 }
@@ -1054,6 +1060,9 @@ body {
 .h-\[3\.75rem\] {
 	height: 3.75rem;
 }
+.h-\[40px\] {
+	height: 40px;
+}
 .h-\[5\.5rem\] {
 	height: 5.5rem;
 }
@@ -1177,15 +1186,24 @@ body {
 .w-\[--width\] {
 	width: var(--width);
 }
+.w-\[1000px\] {
+	width: 1000px;
+}
 .w-\[11\.5rem\] {
 	width: 11.5rem;
 }
 .w-\[15\%\] {
 	width: 15%;
 }
+.w-\[2\.0625rem\] {
+	width: 2.0625rem;
+}
 .w-\[200px\] {
 	width: 200px;
 }
+.w-\[250px\] {
+	width: 250px;
+}
 .w-\[3\.75rem\] {
 	width: 3.75rem;
 }
@@ -1313,6 +1331,14 @@ body {
 .transform {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+@keyframes pulse {
+	50% {
+		opacity: .5;
+	}
+}
+.animate-pulse {
+	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 @keyframes spin {
 	to {
 		transform: rotate(360deg);
@@ -1476,6 +1502,9 @@ body {
 .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-x-reverse: 1;
 }
+.self-start {
+	align-self: flex-start;
+}
 .self-stretch {
 	align-self: stretch;
 }
@@ -1830,6 +1859,9 @@ body {
 .fill-secondary-bg {
 	fill: hsl(var(--secondary-bg));
 }
+.stroke-status-error {
+	stroke: hsl(var(--status-error));
+}
 .stroke-\[1\.25px\] {
 	stroke-width: 1.25px;
 }
@@ -1842,6 +1874,9 @@ body {
 .p-0 {
 	padding: 0px;
 }
+.p-0\.5 {
+	padding: 0.125rem;
+}
 .p-1 {
 	padding: 0.25rem;
 }
@@ -1951,6 +1986,9 @@ body {
 	padding-top: 1rem;
 	padding-bottom: 1rem;
 }
+.pb-1 {
+	padding-bottom: 0.25rem;
+}
 .pb-4 {
 	padding-bottom: 1rem;
 }
@@ -1999,15 +2037,18 @@ body {
 .pr-9 {
 	padding-right: 2.25rem;
 }
+.pt-1 {
+	padding-top: 0.25rem;
+}
+.pt-1\.5 {
+	padding-top: 0.375rem;
+}
 .pt-4 {
 	padding-top: 1rem;
 }
 .text-center {
 	text-align: center;
 }
-.align-top {
-	vertical-align: top;
-}
 .font-sans {
 	font-family: InterVariable, Inter, sans-serif;
 }
@@ -2083,9 +2124,6 @@ body {
 .leading-none {
 	line-height: 100%;
 }
-.leading-normal {
-	line-height: 1.5;
-}
 .tracking-tight {
 	letter-spacing: -0.025em;
 }
@@ -2247,6 +2285,9 @@ body {
 .outline-secondary-border {
 	outline-color: hsl(var(--secondary-border));
 }
+.outline-status-error-secondary-border {
+	outline-color: hsl(var(--status-error-secondary-border));
+}
 .ring-offset-background {
 	--tw-ring-offset-color: hsl(var(--background));
 }
@@ -2501,6 +2542,9 @@ body {
 	--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.hover\:outline-status-error-primary-border:hover {
+	outline-color: hsl(var(--status-error-primary-border));
+}
 .invalid\:hover\:border-status-error-primary-border:hover:invalid {
 	border-color: hsl(var(--status-error-primary-border));
 }
@@ -2605,6 +2649,9 @@ body {
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 }
+.focus-visible\:outline-status-error-secondary-border:focus-visible {
+	outline-color: hsl(var(--status-error-secondary-border));
+}
 .focus-visible\:ring-0:focus-visible {
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3003,11 +3050,14 @@ body {
 	}
 }
 @media (min-width: 1024px) {
-	.lg\:right-4 {
-		right: 1rem;
+	.lg\:right-2 {
+		right: 0.5rem;
+	}
+	.lg\:top-2 {
+		top: 0.5rem;
 	}
-	.lg\:top-4 {
-		top: 1rem;
+	.lg\:mt-5 {
+		margin-top: 1.25rem;
 	}
 	.lg\:flex {
 		display: flex;
@@ -3033,6 +3083,9 @@ body {
 	.lg\:flex-row {
 		flex-direction: row;
 	}
+	.lg\:gap-3 {
+		gap: 0.75rem;
+	}
 	.lg\:gap-4 {
 		gap: 1rem;
 	}
@@ -3041,9 +3094,6 @@ body {
 		margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
 		margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 	}
-	.lg\:rounded-lg {
-		border-radius: var(--radius);
-	}
 	.lg\:p-3 {
 		padding: 0.75rem;
 	}
@@ -3063,12 +3113,16 @@ body {
 		padding-top: 0.5rem;
 		padding-bottom: 0.5rem;
 	}
+	.lg\:py-2\.5 {
+		padding-top: 0.625rem;
+		padding-bottom: 0.625rem;
+	}
 	.lg\:py-5 {
 		padding-top: 1.25rem;
 		padding-bottom: 1.25rem;
 	}
-	.lg\:pb-5 {
-		padding-bottom: 1.25rem;
+	.lg\:pb-6 {
+		padding-bottom: 1.5rem;
 	}
 	.lg\:pt-6 {
 		padding-top: 1.5rem;

package/dist/{utils-DGzAmwok.js → utils-BK4mPzkB.js}

@@ -1,4 +1,4 @@
-import { t as i } from "./bundle-mjs-D6wdQkGI.js";
+import { t as i } from "./bundle-mjs-LhQum_e3.js";
 function a(r) {
   var o, n, t = "";
   if (typeof r == "string" || typeof r == "number") t += r;
@@ -19,4 +19,4 @@ export {
   s as a,
   u as c
 };
-//# sourceMappingURL=utils-DGzAmwok.js.map
+//# sourceMappingURL=utils-BK4mPzkB.js.map

package/dist/utils-BK4mPzkB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-BK4mPzkB.js","sources":["../node_modules/clsx/dist/clsx.mjs","../src/lib/utils.ts"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx, type ClassValue } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n"],"names":["r","e","t","f","n","o","clsx","cn","inputs","twMerge"],"mappings":";AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAEC,GAAEC,IAAE;AAAG,MAAa,OAAOH,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAG,KAAGH;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAII,IAAEJ,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAEG,GAAEH,IAAI,CAAAD,EAAEC,CAAC,MAAIC,IAAEH,EAAEC,EAAEC,CAAC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAA,EAAE,MAAM,MAAIA,KAAKF,EAAE,CAAAA,EAAEE,CAAC,MAAIC,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;AAAQ,SAASE,IAAM;AAAC,WAAQL,GAAEC,GAAEC,IAAE,GAAEC,IAAE,IAAGC,IAAE,UAAU,QAAOF,IAAEE,GAAEF,IAAI,EAACF,IAAE,UAAUE,CAAC,OAAKD,IAAEF,EAAEC,CAAC,OAAKG,MAAIA,KAAG,MAAKA,KAAGF;AAAG,SAAOE;AAAC;ACGxW,SAASG,KAAMC,GAAsB;AACnC,SAAAC,EAAQH,EAAKE,CAAM,CAAC;AAC7B;","x_google_ignoreList":[0]}

package/dist/x-JgjNP5oH.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-JgjNP5oH.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.js"],"sourcesContent":["/**\n * @license lucide-react v0.460.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 X = createLucideIcon(\"X\", [\n  [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n  [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n]);\n\nexport { X as default };\n//# sourceMappingURL=x.js.map\n"],"names":["X","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAIC,EAAiB,KAAK;AAAA,EAC9B,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAU,CAAA;AAC7C,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"x-JgjNP5oH.js","sources":["../node_modules/lucide-react/dist/esm/icons/x.js"],"sourcesContent":["/**\n * @license lucide-react v0.460.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 X = createLucideIcon(\"X\", [\n  [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n  [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n]);\n\nexport { X as default };\n//# sourceMappingURL=x.js.map\n"],"names":["X","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAIC,EAAiB,KAAK;AAAA,EAC9B,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAU,CAAA;AAC7C,CAAC;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ics-ui-kit",
-	"version": "0.1.0-alpha.12",
+	"version": "0.1.0-alpha.13",
 	"repository": {
 		"type": "git",
 		"url": "https://gitlab.ics-it.ru/ics/ui-kit"

package/dist/Button-DhfE69q0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-DhfE69q0.js","sources":["../src/components/button/button-base/ButtonBase.tsx","../src/components/button/button/Button.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport React from \"react\";\r\n\r\nconst buttonBaseVariants = tv({\r\n\tbase: \"inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50\",\r\n\tvariants: {\r\n\t\tvariant: {\r\n\t\t\tprimary: \"bg-primary-accent text-primary-bg shadow-base hover:bg-primary-accent-hover\",\r\n\t\t\tsecondary: \"bg-secondary-bg-hover hover:bg-primary-bg-hover\",\r\n\t\t\toutline:\r\n\t\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover\",\r\n\t\t\tghost: \"bg-transparent hover:bg-secondary-bg-hover\",\r\n\t\t\tlink: \"bg-transparent text-muted underline hover:text-primary-fg\",\r\n\t\t\ttext: \"bg-transparent text-muted hover:text-primary-fg\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\tdefault: \"\",\r\n\t\t\tinfo: \"text-status-info\",\r\n\t\t\tsuccess: \"text-status-success\",\r\n\t\t\twarning: \"text-status-warning\",\r\n\t\t\terror: \"text-status-error\"\r\n\t\t},\r\n\t\tsize: {\r\n\t\t\txs: \"h-7 gap-2 px-2 py-1.5 text-xs\",\r\n\t\t\tsm: \"h-8 gap-2 px-3 py-2 text-xs\",\r\n\t\t\tmd: \"h-9 gap-2 px-4 py-2 text-sm\",\r\n\t\t\tlg: \"h-10 gap-2 px-6 py-2 text-sm\",\r\n\t\t\txl: \"h-11 gap-3 px-8 py-3 text-base\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tvariant: \"primary\",\r\n\t\tsize: \"md\",\r\n\t\tstatus: \"default\",\r\n\t\tstate: \"default\",\r\n\t\ticonOnly: false\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t/*\r\n\t\t * Statuses\r\n\t\t */\r\n\t\t// Primary\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\r\n\t\t\tclass: \"text-white hover:text-white\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info hover:bg-status-info-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success hover:bg-status-success-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning hover:bg-status-warning-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error hover:bg-status-error-hover\"\r\n\t\t},\r\n\t\t// Secondary\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info-bg hover:bg-status-info-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success-bg hover:bg-status-success-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning-bg hover:bg-status-warning-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error-bg hover:bg-status-error-bg-hover\"\r\n\t\t},\r\n\t\t// Outline\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"border-status-info-border hover:border-status-info-border hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"border-status-success-border hover:border-status-success-border hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"border-status-error-border hover:border-status-error-border hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Ghost\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Text & Link\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info/70 hover:text-status-info\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success/70 hover:text-status-success\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning/70 hover:text-status-warning\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error/70 hover:text-status-error\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport type ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\r\n\tVariantProps<typeof buttonBaseVariants> & {\r\n\t\tasChild?: boolean;\r\n\t};\r\n\r\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, PropsWithChildren<ButtonBaseProps>>(\r\n\t({ variant, size, children, status, className, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"button\";\r\n\t\treturn (\r\n\t\t\t<Comp className={buttonBaseVariants({ variant, size, status, className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n","import React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\r\n\r\nconst buttonVariants = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex items-center justify-center gap-2\",\r\n\t\ticon: \"h-4 w-4 stroke-[1.5px]\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: { icon: \"h-3 w-3 stroke-[1px]\" },\r\n\t\t\tsm: { icon: \"h-3.5 w-3.5 stroke-[1.25px]\" },\r\n\t\t\tmd: {},\r\n\t\t\tlg: {},\r\n\t\t\txl: { container: \"gap-3\" }\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type ButtonProps = PropsWithChildren<\r\n\tButtonBaseProps & {\r\n\t\tstartIcon?: React.ElementType;\r\n\t\tendIcon?: React.ElementType;\r\n\t\tcontainerClassName?: string;\r\n\t\ticonClassName?: string;\r\n\t}\r\n>;\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t({ startIcon: StartIcon, endIcon: EndIcon, size, children, iconClassName, containerClassName, ...props }, ref) => {\r\n\t\tconst styles = buttonVariants({ size });\r\n\r\n\t\tconst startIconEl = StartIcon && <StartIcon className={styles.icon({ className: iconClassName })} />;\r\n\t\tconst endIconEl = EndIcon && <EndIcon className={styles.icon({ className: iconClassName })} />;\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase {...props} size={size} ref={ref}>\r\n\t\t\t\t<div className={styles.container({ className: containerClassName })}>\r\n\t\t\t\t\t{startIconEl}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t{endIconEl}\r\n\t\t\t\t</div>\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n"],"names":["buttonBaseVariants","tv","ButtonBase","React","_a","ref","_b","variant","size","children","status","className","asChild","props","__objRest","jsx","Slot","__spreadProps","__spreadValues","buttonVariants","Button","StartIcon","EndIcon","iconClassName","containerClassName","styles","startIconEl","endIconEl","jsxs"],"mappings":"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"}