@itguy614/clean-ui 0.9.0 → 1.0.0

package/dist/utils/liveRegion.js

@@ -0,0 +1,12 @@
+const i = /* @__PURE__ */ new Set(["error"]);
+function o(r, t) {
+  const e = t ?? (i.has(r) ? "assertive" : "polite");
+  return e === "off" ? { "aria-live": "off" } : {
+    role: e === "assertive" ? "alert" : "status",
+    "aria-live": e,
+    "aria-atomic": "true"
+  };
+}
+export {
+  o as resolveLiveRegion
+};

package/dist/utils/resolvers.js

@@ -0,0 +1,28 @@
+function i(t) {
+  return (n) => {
+    const s = t.safeParse(n);
+    if (s.success || !s.error) return {};
+    const r = {};
+    for (const o of s.error.issues) {
+      const e = o.path.join(".");
+      e && !(e in r) && (r[e] = o.message);
+    }
+    return r;
+  };
+}
+function c(t) {
+  return (n) => {
+    const s = t(n);
+    if (s.success || !s.issues) return {};
+    const r = {};
+    for (const o of s.issues) {
+      const e = (o.path ?? []).map((u) => u.key).join(".");
+      e && !(e in r) && (r[e] = o.message);
+    }
+    return r;
+  };
+}
+export {
+  c as valibotResolver,
+  i as zodResolver
+};

package/dist/utils/responsive.js

@@ -0,0 +1,68 @@
+import { BREAKPOINT_ORDER as t } from "../composables/useBreakpoint.js";
+function p(r, e, n) {
+  if (r === void 0) return e;
+  if (typeof r != "object") return r;
+  if (n === "base")
+    return e;
+  const s = t.indexOf(n);
+  for (let m = s; m >= 0; m--) {
+    const o = t[m];
+    if (r[o] !== void 0)
+      return r[o];
+  }
+  return e;
+}
+const c = {
+  0: "0",
+  px: "1px",
+  "0.5": "0.125rem",
+  1: "0.25rem",
+  "1.5": "0.375rem",
+  2: "0.5rem",
+  "2.5": "0.625rem",
+  3: "0.75rem",
+  "3.5": "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+};
+function x(r) {
+  const e = c[r] ?? "0";
+  return e === "0" ? "0" : `calc(${e} * var(--cui-density-gap-scale, 1))`;
+}
+const f = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px",
+  full: "100%"
+};
+export {
+  f as CONTAINER_WIDTHS,
+  p as resolveResponsive,
+  x as spacingToCss
+};

package/dist/utils/sizing.js

@@ -0,0 +1,39 @@
+const x = ["xs", "sm", "md", "lg", "xl"];
+function h(r, t) {
+  if (t.includes(r)) return r;
+  const S = x.indexOf(r);
+  let n = t[0], i = 1 / 0;
+  for (const o of t) {
+    const s = Math.abs(x.indexOf(o) - S);
+    s < i && (i = s, n = o);
+  }
+  return n;
+}
+const p = "var(--cui-density-scale, 1)", c = (r) => `calc(${r} * ${p})`, f = (r) => `max(24px, calc(${r} * ${p}))`, e = c, m = f, g = {
+  xs: { height: m("1.75rem"), px: e("0.5rem"), fontSize: "0.75rem" },
+  sm: { height: m("2rem"), px: e("0.75rem"), fontSize: "0.8125rem" },
+  md: { height: m("2.5rem"), px: e("1rem"), fontSize: "1rem" },
+  lg: { height: m("3rem"), px: e("1.25rem"), fontSize: "1.0625rem" },
+  xl: { height: m("3.5rem"), px: e("1.5rem"), fontSize: "1.125rem" }
+}, l = {
+  xs: { height: m("1.75rem"), px: e("0.5rem"), fontSize: "0.75rem", gap: e("0.25rem") },
+  sm: { height: m("2rem"), px: e("0.75rem"), fontSize: "0.8125rem", gap: e("0.375rem") },
+  md: { height: m("2.5rem"), px: e("1rem"), fontSize: "1rem", gap: e("0.5rem") },
+  lg: { height: m("3rem"), px: e("1.5rem"), fontSize: "1.0625rem", gap: e("0.5rem") },
+  xl: { height: m("3.5rem"), px: e("2rem"), fontSize: "1.125rem", gap: e("0.625rem") }
+}, a = {
+  xs: { px: e("0.5rem"), py: e("0.25rem"), fontSize: "0.75rem" },
+  sm: { px: e("0.75rem"), py: e("0.375rem"), fontSize: "0.8125rem" },
+  md: { px: e("1rem"), py: e("0.5rem"), fontSize: "1rem" },
+  lg: { px: e("1.25rem"), py: e("0.625rem"), fontSize: "1.0625rem" },
+  xl: { px: e("1.5rem"), py: e("0.75rem"), fontSize: "1.125rem" }
+};
+export {
+  l as BUTTON_SIZE_SCALE,
+  g as INPUT_SIZE_SCALE,
+  x as SIZE_ORDER,
+  a as TEXTAREA_SIZE_SCALE,
+  h as clampSize,
+  f as scaleControlHeight,
+  c as scaleDensity
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itguy614/clean-ui",
-  "version": "0.9.0",
+  "version": "1.0.0",
   "type": "module",
   "description": "A clean, dark-mode-ready Vue 3 component library — 100+ token-driven, themeable, accessible components.",
   "license": "MIT",
@@ -26,16 +26,16 @@
     "typescript",
     "accessible"
   ],
-  "main": "./dist/clean-ui.umd.cjs",
-  "module": "./dist/clean-ui.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/clean-ui.js",
-      "require": "./dist/clean-ui.umd.cjs"
+      "import": "./dist/index.js"
     },
-    "./styles": "./dist/clean-ui.css"
+    "./styles": "./dist/clean-ui.css",
+    "./*": "./dist/*"
   },
   "files": [
     "dist",
@@ -46,7 +46,8 @@
     "**/*.css"
   ],
   "scripts": {
-    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "build": "vite build && vue-tsc --emitDeclarationOnly && node scripts/postbuild.mjs",
+    "size": "node scripts/postbuild.mjs",
     "test": "vitest run",
     "test:watch": "vitest"
   },