@enya-learning/nova 0.4.3 → 0.6.0

package/src/eslint/no-primitive-colors.test.ts

@@ -0,0 +1,97 @@
+import { readFileSync } from "node:fs"
+import { globSync } from "node:fs"
+import { resolve } from "node:path"
+import { fileURLToPath } from "node:url"
+import { describe, expect, it } from "vitest"
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url))
+const NOVA_ROOT = resolve(__dirname, "../../..")
+
+const PREFIXES = [
+  "bg",
+  "text",
+  "border",
+  "ring",
+  "outline",
+  "fill",
+  "stroke",
+  "decoration",
+  "accent",
+  "caret",
+  "from",
+  "via",
+  "to",
+  "shadow",
+  "inset-shadow",
+  "divide",
+  "placeholder",
+]
+
+const PALETTE = [
+  "slate",
+  "gray",
+  "zinc",
+  "neutral",
+  "stone",
+  "red",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "blue",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia",
+  "pink",
+  "rose",
+]
+
+const SHADES = [
+  "50",
+  "100",
+  "150",
+  "200",
+  "250",
+  "300",
+  "400",
+  "500",
+  "600",
+  "700",
+  "800",
+  "900",
+  "950",
+]
+
+const COLOR_RE = new RegExp(
+  `\\b(${PREFIXES.join("|")})-((?:${PALETTE.join("|")})-(?:${SHADES.join("|")})|white|black)\\b`
+)
+
+const STRING_RE =
+  /(?:"([^"\\]*(?:\\.[^"\\]*)*)"|'([^'\\]*(?:\\.[^'\\]*)*)'|`([^`\\]*(?:\\.[^`\\]*)*)`)/g
+
+describe("no-primitive-colors", () => {
+  it("contains no raw Tailwind palette colors in component source", () => {
+    const files = globSync("src/components/**/*.{ts,tsx}", { cwd: NOVA_ROOT })
+    const violations: string[] = []
+
+    for (const file of files) {
+      if (file.includes(".stories.") || file.includes(".test.")) continue
+      const content = readFileSync(resolve(NOVA_ROOT, file), "utf-8")
+      for (const match of content.matchAll(STRING_RE)) {
+        const str = match[1] ?? match[2] ?? match[3] ?? ""
+        const found = COLOR_RE.exec(str)
+        if (found) {
+          violations.push(`${file}: "${found[0]}" in "${str.slice(0, 80)}"`)
+        }
+      }
+    }
+
+    expect(violations, violations.join("\n")).toHaveLength(0)
+  })
+})

package/dist/chunks/button-kvgr8g13fe959ju0.js

@@ -1,81 +0,0 @@
-"use client";
-import { n as m } from "./vendor-styling-eeiy57tyznmxsfky.js";
-import { t as p } from "./utils-kyb5nny4y41y7hd8.js";
-import { jsx as y } from "react/jsx-runtime";
-import { Button as k } from "@base-ui/react/button";
-var g = (n) => typeof n == "boolean" ? `${n}` : n === 0 ? "0" : n, b = m, z = (n, t) => (e) => {
-  var s;
-  if (t?.variants == null) return b(n, e?.class, e?.className);
-  const { variants: u, defaultVariants: d } = t, x = Object.keys(u).map((i) => {
-    const a = e?.[i], o = d?.[i];
-    if (a === null) return null;
-    const r = g(a) || g(o);
-    return u[i][r];
-  }), c = e && Object.entries(e).reduce((i, a) => {
-    let [o, r] = a;
-    return r === void 0 || (i[o] = r), i;
-  }, {});
-  return b(n, x, t == null || (s = t.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((i, a) => {
-    let { class: o, className: r, ...f } = a;
-    return Object.entries(f).every((h) => {
-      let [v, l] = h;
-      return Array.isArray(l) ? l.includes({
-        ...d,
-        ...c
-      }[v]) : {
-        ...d,
-        ...c
-      }[v] === l;
-    }) ? [
-      ...i,
-      o,
-      r
-    ] : i;
-  }, []), e?.class, e?.className);
-}, _ = z("group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all duration-150 outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-  variants: {
-    variant: {
-      accent: "bg-accent text-primary-foreground hover:bg-accent/80",
-      default: "bg-foreground text-primary-foreground hover:bg-foreground/80",
-      outline: "border-border bg-nova-white hover:bg-input/30 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-      link: "text-primary underline-offset-4 hover:underline"
-    },
-    size: {
-      default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5",
-      xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3",
-      sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
-      lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3",
-      xl: "h-15 gap-2 rounded-full px-5 text-2xl has-data-[icon=inline-end]:pe-4 has-data-[icon=inline-start]:ps-4",
-      icon: "size-9",
-      "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
-      "icon-sm": "size-8",
-      "icon-lg": "size-10",
-      "icon-xl": "size-12"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-function w({ className: n, variant: t = "default", size: e = "default", ...s }) {
-  return /* @__PURE__ */ y(k, {
-    "data-slot": "button",
-    className: p(_({
-      variant: t,
-      size: e,
-      className: n
-    })),
-    ...s
-  });
-}
-export {
-  _ as n,
-  z as r,
-  w as t
-};
-
-//# sourceMappingURL=button-kvgr8g13fe959ju0.js.map

package/dist/chunks/button-kvgr8g13fe959ju0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-kvgr8g13fe959ju0.js","names":[],"sources":["../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../../src/components/button/button.tsx"],"sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n","import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all duration-150 outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        accent: \"bg-accent text-primary-foreground hover:bg-accent/80\",\n        default: \"bg-foreground text-primary-foreground hover:bg-foreground/80\",\n        outline:\n          \"border-border bg-nova-white hover:bg-input/30 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5\",\n        xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3\",\n        xl: \"h-15 gap-2 rounded-full px-5 text-2xl has-data-[icon=inline-end]:pe-4 has-data-[icon=inline-start]:ps-4\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n        \"icon-xl\": \"size-12\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"x_google_ignoreList":[0],"mappings":";;;;;AAeA,IAAM,IAAA,CAAiB,MAAQ,OAAO,KAAU,YAAY,GAAG,CAAA,KAAU,MAAU,IAAI,MAAM,GAChF,IAAK,GACL,IAAA,CAAO,GAAM,MAAA,CAAU,MAAQ;AACpC,MAAI;AACJ,MAAqD,GAAO,YAAa,KAAM,QAAO,EAAG,GAAoD,GAAM,OAAqD,GAAM,SAAS;AACvN,QAAM,EAAE,UAAA,GAAU,iBAAA,EAAA,IAAoB,GAChC,IAAuB,OAAO,KAAK,CAAQ,EAAE,IAAA,CAAK,MAAU;AAC9D,UAAM,IAA4D,IAAM,CAAA,GAClE,IAAuF,IAAgB,CAAA;AAC7G,QAAI,MAAgB,KAAM,QAAO;AACjC,UAAM,IAAa,EAAc,CAAW,KAAK,EAAc,CAAkB;AACjF,WAAO,EAAS,CAAA,EAAS,CAAA;AAAA,EAC7B,CAAC,GACK,IAAwB,KAAS,OAAO,QAAQ,CAAK,EAAE,OAAA,CAAQ,GAAK,MAAQ;AAC9E,QAAI,CAAC,GAAK,CAAA,IAAS;AACnB,WAAI,MAAU,WAGd,EAAI,CAAA,IAAO,IACJ;AAAA,EACX,GAAG,CAAC,CAAC;AAkBL,SAAO,EAAG,GAAM,GAjBqB,KAAW,SAAsC,IAA2B,EAAO,sBAAsB,QAAQ,MAA6B,SAAvG,SAAyH,EAAyB,OAAA,CAAQ,GAAK,MAAQ;AAC/O,QAAI,EAAE,OAAO,GAAS,WAAW,GAAa,GAAG,EAAA,IAA2B;AAC5E,WAAO,OAAO,QAAQ,CAAsB,EAAE,MAAA,CAAO,MAAQ;AACzD,UAAI,CAAC,GAAK,CAAA,IAAS;AACnB,aAAO,MAAM,QAAQ,CAAK,IAAI,EAAM,SAAS;AAAA,QACzC,GAAG;AAAA,QACH,GAAG;AAAA,MACP,EAAE,CAAA,CAAI,IAAK;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,MACP,EAAG,CAAA,MAAS;AAAA,IAChB,CAAC,IAAI;AAAA,MACD,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACJ,IAAI;AAAA,EACR,GAAG,CAAC,CAAC,GAC6G,GAAM,OAAqD,GAAM,SAAS;AAChM,GCjDE,IAAiB,EACrB,knBACA;AAAA,EACE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SACE;AAAA,MACF,WACE;AAAA,MACF,OACE;AAAA,MACF,aACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,SACE;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CACF;AAEA,SAAS,EAAO,EACd,WAAA,GACA,SAAA,IAAU,WACV,MAAA,IAAO,WACP,GAAG,EAAA,GAC2D;AAC9D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,EAAe;AAAA,MAAE,SAAA;AAAA,MAAS,MAAA;AAAA,MAAM,WAAA;AAAA,IAAU,CAAC,CAAC;AAAA,IAC1D,GAAI;AAAA,EACL,CAAA;AAEL"}