@nuka-ui/core 1.0.2 → 1.1.0

package/dist/utils/variants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.cjs","names":[],"sources":["../../src/utils/variants.ts"],"sourcesContent":["/**\n * CVA conventions for nuka-ui components\n *\n * Structure every component's variants file as follows:\n *\n *   1. Import cva and VariantProps from 'class-variance-authority'\n *   2. Define the base classes (always applied)\n *   3. Define variants (mutually exclusive options per axis)\n *   4. Define compoundVariants (classes applied when multiple variants combine)\n *   5. Define defaultVariants\n *   6. Export the VariantProps type alongside the cva instance\n *\n * Naming:\n *   - cva instance: <componentName>Variants  (e.g. buttonVariants)\n *   - props type:   <ComponentName>VariantProps  (e.g. ButtonVariantProps)\n *\n * Token usage:\n *   - Always reference CSS custom properties, never raw Tailwind color utilities\n *   - Correct:   bg-(--nuka-accent-bg)\n *   - Incorrect: bg-blue-500\n *\n * Class ordering within a variant value:\n *   - Layout first, then visual, then interactive\n *   - e.g. 'px-4 py-2 rounded-md bg-(--nuka-accent-bg) hover:bg-(--nuka-accent-bg-hover)'\n */\n\nexport { cva, type VariantProps } from \"class-variance-authority\";\n\ninterface IntentCompoundVariant {\n  variant: \"primary\" | \"secondary\" | \"outline\" | \"ghost\";\n  intent: \"default\" | \"danger\" | \"success\" | \"warning\";\n  className: string[];\n}\n\n/**\n * Returns the standard 16-cell compound variant matrix (4 variants x 4 intents).\n *\n * The secondary-default cell differs between components (e.g. Tag uses neutral\n * tokens, Alert uses accent tokens). Pass `secondaryDefault` to override that\n * single cell. When omitted, defaults to Tag's neutral treatment.\n */\nfunction intentCompoundVariants(options?: {\n  secondaryDefault?: string[];\n}): IntentCompoundVariant[] {\n  const secondaryDefault = options?.secondaryDefault ?? [\n    \"bg-(--nuka-bg-muted)\",\n    \"text-(--nuka-text-base)\",\n    \"border-(--nuka-border-base)\",\n  ];\n\n  return [\n    {\n      variant: \"primary\",\n      intent: \"default\",\n      className: [\"bg-(--nuka-accent-bg)\", \"text-(--nuka-accent-fg)\"],\n    },\n    {\n      variant: \"primary\",\n      intent: \"danger\",\n      className: [\"bg-(--nuka-danger-base)\", \"text-(--nuka-danger-fg)\"],\n    },\n    {\n      variant: \"primary\",\n      intent: \"success\",\n      className: [\"bg-(--nuka-success-base)\", \"text-(--nuka-success-fg)\"],\n    },\n    {\n      variant: \"primary\",\n      intent: \"warning\",\n      className: [\"bg-(--nuka-warning-base)\", \"text-(--nuka-warning-fg)\"],\n    },\n\n    {\n      variant: \"secondary\",\n      intent: \"default\",\n      className: secondaryDefault,\n    },\n    {\n      variant: \"secondary\",\n      intent: \"danger\",\n      className: [\n        \"bg-(--nuka-danger-bg)\",\n        \"text-(--nuka-danger-text)\",\n        \"border-(--nuka-danger-border)\",\n      ],\n    },\n    {\n      variant: \"secondary\",\n      intent: \"success\",\n      className: [\n        \"bg-(--nuka-success-bg)\",\n        \"text-(--nuka-success-text)\",\n        \"border-(--nuka-success-border)\",\n      ],\n    },\n    {\n      variant: \"secondary\",\n      intent: \"warning\",\n      className: [\n        \"bg-(--nuka-warning-bg)\",\n        \"text-(--nuka-warning-text)\",\n        \"border-(--nuka-warning-border)\",\n      ],\n    },\n\n    {\n      variant: \"outline\",\n      intent: \"default\",\n      className: [\"border-(--nuka-accent-border)\", \"text-(--nuka-accent-text)\"],\n    },\n    {\n      variant: \"outline\",\n      intent: \"danger\",\n      className: [\"border-(--nuka-danger-border)\", \"text-(--nuka-danger-text)\"],\n    },\n    {\n      variant: \"outline\",\n      intent: \"success\",\n      className: [\n        \"border-(--nuka-success-border)\",\n        \"text-(--nuka-success-text)\",\n      ],\n    },\n    {\n      variant: \"outline\",\n      intent: \"warning\",\n      className: [\n        \"border-(--nuka-warning-border)\",\n        \"text-(--nuka-warning-text)\",\n      ],\n    },\n\n    {\n      variant: \"ghost\",\n      intent: \"default\",\n      className: [\"text-(--nuka-text-base)\"],\n    },\n    {\n      variant: \"ghost\",\n      intent: \"danger\",\n      className: [\"text-(--nuka-danger-text)\"],\n    },\n    {\n      variant: \"ghost\",\n      intent: \"success\",\n      className: [\"text-(--nuka-success-text)\"],\n    },\n    {\n      variant: \"ghost\",\n      intent: \"warning\",\n      className: [\"text-(--nuka-warning-text)\"],\n    },\n  ];\n}\n\nconst selectionIndicatorIntentVariants = [\n  {\n    intent: \"default\" as const,\n    className: [\n      \"border-(--nuka-input-border)\",\n      \"peer-checked:bg-(--nuka-accent-bg)\",\n      \"peer-checked:border-transparent\",\n    ],\n  },\n  {\n    intent: \"danger\" as const,\n    className: [\n      \"border-(--nuka-danger-border)\",\n      \"peer-checked:bg-(--nuka-danger-base)\",\n      \"peer-checked:border-transparent\",\n    ],\n  },\n  {\n    intent: \"success\" as const,\n    className: [\n      \"border-(--nuka-success-border)\",\n      \"peer-checked:bg-(--nuka-success-base)\",\n      \"peer-checked:border-transparent\",\n    ],\n  },\n  {\n    intent: \"warning\" as const,\n    className: [\n      \"border-(--nuka-warning-border)\",\n      \"peer-checked:bg-(--nuka-warning-base)\",\n      \"peer-checked:border-transparent\",\n      \"peer-checked:text-(--nuka-warning-fg)\",\n    ],\n  },\n];\n\nexport { intentCompoundVariants, selectionIndicatorIntentVariants };\nexport type { IntentCompoundVariant };\n"],"mappings":"mEAyCA,SAAS,EAAuB,EAEJ,CAO1B,MAAO,CACL,CACE,QAAS,UACT,OAAQ,UACR,UAAW,CAAC,wBAAyB,0BAA0B,CAChE,CACD,CACE,QAAS,UACT,OAAQ,SACR,UAAW,CAAC,0BAA2B,0BAA0B,CAClE,CACD,CACE,QAAS,UACT,OAAQ,UACR,UAAW,CAAC,2BAA4B,2BAA2B,CACpE,CACD,CACE,QAAS,UACT,OAAQ,UACR,UAAW,CAAC,2BAA4B,2BAA2B,CACpE,CAED,CACE,QAAS,YACT,OAAQ,UACR,UA/BqB,GAAS,kBAAoB,CACpD,uBACA,0BACA,8BACD,CA4BE,CACD,CACE,QAAS,YACT,OAAQ,SACR,UAAW,CACT,wBACA,4BACA,gCACD,CACF,CACD,CACE,QAAS,YACT,OAAQ,UACR,UAAW,CACT,yBACA,6BACA,iCACD,CACF,CACD,CACE,QAAS,YACT,OAAQ,UACR,UAAW,CACT,yBACA,6BACA,iCACD,CACF,CAED,CACE,QAAS,UACT,OAAQ,UACR,UAAW,CAAC,gCAAiC,4BAA4B,CAC1E,CACD,CACE,QAAS,UACT,OAAQ,SACR,UAAW,CAAC,gCAAiC,4BAA4B,CAC1E,CACD,CACE,QAAS,UACT,OAAQ,UACR,UAAW,CACT,iCACA,6BACD,CACF,CACD,CACE,QAAS,UACT,OAAQ,UACR,UAAW,CACT,iCACA,6BACD,CACF,CAED,CACE,QAAS,QACT,OAAQ,UACR,UAAW,CAAC,0BAA0B,CACvC,CACD,CACE,QAAS,QACT,OAAQ,SACR,UAAW,CAAC,4BAA4B,CACzC,CACD,CACE,QAAS,QACT,OAAQ,UACR,UAAW,CAAC,6BAA6B,CAC1C,CACD,CACE,QAAS,QACT,OAAQ,UACR,UAAW,CAAC,6BAA6B,CAC1C,CACF,CAGH,IAAM,EAAmC,CACvC,CACE,OAAQ,UACR,UAAW,CACT,+BACA,qCACA,kCACD,CACF,CACD,CACE,OAAQ,SACR,UAAW,CACT,gCACA,uCACA,kCACD,CACF,CACD,CACE,OAAQ,UACR,UAAW,CACT,iCACA,wCACA,kCACD,CACF,CACD,CACE,OAAQ,UACR,UAAW,CACT,iCACA,wCACA,kCACA,wCACD,CACF,CACF"}

package/dist/utils/variants.js

@@ -0,0 +1,141 @@
+import "../node_modules/class-variance-authority/dist/index.js";
+//#region src/utils/variants.ts
+function e(e) {
+	return [
+		{
+			variant: "primary",
+			intent: "default",
+			className: ["bg-(--nuka-accent-bg)", "text-(--nuka-accent-fg)"]
+		},
+		{
+			variant: "primary",
+			intent: "danger",
+			className: ["bg-(--nuka-danger-base)", "text-(--nuka-danger-fg)"]
+		},
+		{
+			variant: "primary",
+			intent: "success",
+			className: ["bg-(--nuka-success-base)", "text-(--nuka-success-fg)"]
+		},
+		{
+			variant: "primary",
+			intent: "warning",
+			className: ["bg-(--nuka-warning-base)", "text-(--nuka-warning-fg)"]
+		},
+		{
+			variant: "secondary",
+			intent: "default",
+			className: e?.secondaryDefault ?? [
+				"bg-(--nuka-bg-muted)",
+				"text-(--nuka-text-base)",
+				"border-(--nuka-border-base)"
+			]
+		},
+		{
+			variant: "secondary",
+			intent: "danger",
+			className: [
+				"bg-(--nuka-danger-bg)",
+				"text-(--nuka-danger-text)",
+				"border-(--nuka-danger-border)"
+			]
+		},
+		{
+			variant: "secondary",
+			intent: "success",
+			className: [
+				"bg-(--nuka-success-bg)",
+				"text-(--nuka-success-text)",
+				"border-(--nuka-success-border)"
+			]
+		},
+		{
+			variant: "secondary",
+			intent: "warning",
+			className: [
+				"bg-(--nuka-warning-bg)",
+				"text-(--nuka-warning-text)",
+				"border-(--nuka-warning-border)"
+			]
+		},
+		{
+			variant: "outline",
+			intent: "default",
+			className: ["border-(--nuka-accent-border)", "text-(--nuka-accent-text)"]
+		},
+		{
+			variant: "outline",
+			intent: "danger",
+			className: ["border-(--nuka-danger-border)", "text-(--nuka-danger-text)"]
+		},
+		{
+			variant: "outline",
+			intent: "success",
+			className: ["border-(--nuka-success-border)", "text-(--nuka-success-text)"]
+		},
+		{
+			variant: "outline",
+			intent: "warning",
+			className: ["border-(--nuka-warning-border)", "text-(--nuka-warning-text)"]
+		},
+		{
+			variant: "ghost",
+			intent: "default",
+			className: ["text-(--nuka-text-base)"]
+		},
+		{
+			variant: "ghost",
+			intent: "danger",
+			className: ["text-(--nuka-danger-text)"]
+		},
+		{
+			variant: "ghost",
+			intent: "success",
+			className: ["text-(--nuka-success-text)"]
+		},
+		{
+			variant: "ghost",
+			intent: "warning",
+			className: ["text-(--nuka-warning-text)"]
+		}
+	];
+}
+var t = [
+	{
+		intent: "default",
+		className: [
+			"border-(--nuka-input-border)",
+			"peer-checked:bg-(--nuka-accent-bg)",
+			"peer-checked:border-transparent"
+		]
+	},
+	{
+		intent: "danger",
+		className: [
+			"border-(--nuka-danger-border)",
+			"peer-checked:bg-(--nuka-danger-base)",
+			"peer-checked:border-transparent"
+		]
+	},
+	{
+		intent: "success",
+		className: [
+			"border-(--nuka-success-border)",
+			"peer-checked:bg-(--nuka-success-base)",
+			"peer-checked:border-transparent"
+		]
+	},
+	{
+		intent: "warning",
+		className: [
+			"border-(--nuka-warning-border)",
+			"peer-checked:bg-(--nuka-warning-base)",
+			"peer-checked:border-transparent",
+			"peer-checked:text-(--nuka-warning-fg)"
+		]
+	}
+];
+//#endregion
+export { e as intentCompoundVariants, t as selectionIndicatorIntentVariants };
+
+//# sourceMappingURL=variants.js.map

package/dist/utils/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","names":[],"sources":["../../src/utils/variants.ts"],"sourcesContent":["/**\n * CVA conventions for nuka-ui components\n *\n * Structure every component's variants file as follows:\n *\n *   1. Import cva and VariantProps from 'class-variance-authority'\n *   2. Define the base classes (always applied)\n *   3. Define variants (mutually exclusive options per axis)\n *   4. Define compoundVariants (classes applied when multiple variants combine)\n *   5. Define defaultVariants\n *   6. Export the VariantProps type alongside the cva instance\n *\n * Naming:\n *   - cva instance: <componentName>Variants  (e.g. buttonVariants)\n *   - props type:   <ComponentName>VariantProps  (e.g. ButtonVariantProps)\n *\n * Token usage:\n *   - Always reference CSS custom properties, never raw Tailwind color utilities\n *   - Correct:   bg-(--nuka-accent-bg)\n *   - Incorrect: bg-blue-500\n *\n * Class ordering within a variant value:\n *   - Layout first, then visual, then interactive\n *   - e.g. 'px-4 py-2 rounded-md bg-(--nuka-accent-bg) hover:bg-(--nuka-accent-bg-hover)'\n */\n\nexport { cva, type VariantProps } from \"class-variance-authority\";\n\ninterface IntentCompoundVariant {\n  variant: \"primary\" | \"secondary\" | \"outline\" | \"ghost\";\n  intent: \"default\" | \"danger\" | \"success\" | \"warning\";\n  className: string[];\n}\n\n/**\n * Returns the standard 16-cell compound variant matrix (4 variants x 4 intents).\n *\n * The secondary-default cell differs between components (e.g. Tag uses neutral\n * tokens, Alert uses accent tokens). Pass `secondaryDefault` to override that\n * single cell. When omitted, defaults to Tag's neutral treatment.\n */\nfunction intentCompoundVariants(options?: {\n  secondaryDefault?: string[];\n}): IntentCompoundVariant[] {\n  const secondaryDefault = options?.secondaryDefault ?? [\n    \"bg-(--nuka-bg-muted)\",\n    \"text-(--nuka-text-base)\",\n    \"border-(--nuka-border-base)\",\n  ];\n\n  return [\n    {\n      variant: \"primary\",\n      intent: \"default\",\n      className: [\"bg-(--nuka-accent-bg)\", \"text-(--nuka-accent-fg)\"],\n    },\n    {\n      variant: \"primary\",\n      intent: \"danger\",\n      className: [\"bg-(--nuka-danger-base)\", \"text-(--nuka-danger-fg)\"],\n    },\n    {\n      variant: \"primary\",\n      intent: \"success\",\n      className: [\"bg-(--nuka-success-base)\", \"text-(--nuka-success-fg)\"],\n    },\n    {\n      variant: \"primary\",\n      intent: \"warning\",\n      className: [\"bg-(--nuka-warning-base)\", \"text-(--nuka-warning-fg)\"],\n    },\n\n    {\n      variant: \"secondary\",\n      intent: \"default\",\n      className: secondaryDefault,\n    },\n    {\n      variant: \"secondary\",\n      intent: \"danger\",\n      className: [\n        \"bg-(--nuka-danger-bg)\",\n        \"text-(--nuka-danger-text)\",\n        \"border-(--nuka-danger-border)\",\n      ],\n    },\n    {\n      variant: \"secondary\",\n      intent: \"success\",\n      className: [\n        \"bg-(--nuka-success-bg)\",\n        \"text-(--nuka-success-text)\",\n        \"border-(--nuka-success-border)\",\n      ],\n    },\n    {\n      variant: \"secondary\",\n      intent: \"warning\",\n      className: [\n        \"bg-(--nuka-warning-bg)\",\n        \"text-(--nuka-warning-text)\",\n        \"border-(--nuka-warning-border)\",\n      ],\n    },\n\n    {\n      variant: \"outline\",\n      intent: \"default\",\n      className: [\"border-(--nuka-accent-border)\", \"text-(--nuka-accent-text)\"],\n    },\n    {\n      variant: \"outline\",\n      intent: \"danger\",\n      className: [\"border-(--nuka-danger-border)\", \"text-(--nuka-danger-text)\"],\n    },\n    {\n      variant: \"outline\",\n      intent: \"success\",\n      className: [\n        \"border-(--nuka-success-border)\",\n        \"text-(--nuka-success-text)\",\n      ],\n    },\n    {\n      variant: \"outline\",\n      intent: \"warning\",\n      className: [\n        \"border-(--nuka-warning-border)\",\n        \"text-(--nuka-warning-text)\",\n      ],\n    },\n\n    {\n      variant: \"ghost\",\n      intent: \"default\",\n      className: [\"text-(--nuka-text-base)\"],\n    },\n    {\n      variant: \"ghost\",\n      intent: \"danger\",\n      className: [\"text-(--nuka-danger-text)\"],\n    },\n    {\n      variant: \"ghost\",\n      intent: \"success\",\n      className: [\"text-(--nuka-success-text)\"],\n    },\n    {\n      variant: \"ghost\",\n      intent: \"warning\",\n      className: [\"text-(--nuka-warning-text)\"],\n    },\n  ];\n}\n\nconst selectionIndicatorIntentVariants = [\n  {\n    intent: \"default\" as const,\n    className: [\n      \"border-(--nuka-input-border)\",\n      \"peer-checked:bg-(--nuka-accent-bg)\",\n      \"peer-checked:border-transparent\",\n    ],\n  },\n  {\n    intent: \"danger\" as const,\n    className: [\n      \"border-(--nuka-danger-border)\",\n      \"peer-checked:bg-(--nuka-danger-base)\",\n      \"peer-checked:border-transparent\",\n    ],\n  },\n  {\n    intent: \"success\" as const,\n    className: [\n      \"border-(--nuka-success-border)\",\n      \"peer-checked:bg-(--nuka-success-base)\",\n      \"peer-checked:border-transparent\",\n    ],\n  },\n  {\n    intent: \"warning\" as const,\n    className: [\n      \"border-(--nuka-warning-border)\",\n      \"peer-checked:bg-(--nuka-warning-base)\",\n      \"peer-checked:border-transparent\",\n      \"peer-checked:text-(--nuka-warning-fg)\",\n    ],\n  },\n];\n\nexport { intentCompoundVariants, selectionIndicatorIntentVariants };\nexport type { IntentCompoundVariant };\n"],"mappings":";;AAyCA,SAAS,EAAuB,GAEJ;AAO1B,QAAO;EACL;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,yBAAyB,0BAA0B;GAChE;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,2BAA2B,0BAA0B;GAClE;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,4BAA4B,2BAA2B;GACpE;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,4BAA4B,2BAA2B;GACpE;EAED;GACE,SAAS;GACT,QAAQ;GACR,WA/BqB,GAAS,oBAAoB;IACpD;IACA;IACA;IACD;GA4BE;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW;IACT;IACA;IACA;IACD;GACF;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW;IACT;IACA;IACA;IACD;GACF;EAED;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,iCAAiC,4BAA4B;GAC1E;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,iCAAiC,4BAA4B;GAC1E;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CACT,kCACA,6BACD;GACF;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CACT,kCACA,6BACD;GACF;EAED;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,0BAA0B;GACvC;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,4BAA4B;GACzC;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,6BAA6B;GAC1C;EACD;GACE,SAAS;GACT,QAAQ;GACR,WAAW,CAAC,6BAA6B;GAC1C;EACF;;AAGH,IAAM,IAAmC;CACvC;EACE,QAAQ;EACR,WAAW;GACT;GACA;GACA;GACD;EACF;CACD;EACE,QAAQ;EACR,WAAW;GACT;GACA;GACA;GACD;EACF;CACD;EACE,QAAQ;EACR,WAAW;GACT;GACA;GACA;GACD;EACF;CACD;EACE,QAAQ;EACR,WAAW;GACT;GACA;GACA;GACA;GACD;EACF;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuka-ui/core",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "A React component library built on Tailwind v4, composable and customizable via CSS variables and props.",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",