@spear-ai/spectral 1.1.3 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "type": "module",
   "private": false,
   "repository": {
@@ -25,15 +25,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-popover": "^1.1.15",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -61,16 +53,18 @@
     "@vitejs/plugin-react-swc": "^4.0.1",
     "@vitest/browser": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",
+    "autoprefixer": "^10.4.21",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "husky": "^9.1.7",
     "oxlint": "^1.14.0",
     "playwright": "^1.55.0",
+    "postcss": "^8.5.6",
+    "postcss-load-config": "^6.0.1",
     "prettier": "^3.6.2",
     "prettier-plugin-sort-imports": "^1.8.8",
     "prettier-plugin-tailwindcss": "^0.6.14",
     "storybook": "^9.1.3",
     "tailwindcss": "^4.1.11",
-    "tsup": "^8.5.0",
     "tw-animate-css": "^1.3.7",
     "typescript": "^5.9.2",
     "vite": "^7.1.3",
@@ -82,12 +76,6 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
-  "lint-staged": {
-    "/**/*.{js,jsx,ts,tsx}": [
-      "prettier --write",
-      "oxlint --fix"
-    ]
-  },
   "scripts": {
     "dev": "vite --force",
     "build": "vite build",
@@ -97,12 +85,11 @@
     "storybook:build": "storybook build",
     "lint": "oxlint --react-plugin --jsx-a11y-plugin --import-plugin src/",
     "lint:fix": "oxlint --react-plugin --jsx-a11y-plugin --import-plugin --fix src/",
-    "format:fix": "prettier --write --ignore-unknown '**/**/*.{!(css|md|mdx|json|html),}'",
     "format": "prettier --check --ignore-unknown '**/**/*.{!(css|md|mdx|json|html),}'",
+    "format:fix": "prettier --write --ignore-unknown '**/**/*.{!(css|md|mdx|json|html),}'",
     "changeset": "changeset",
     "changeset:version": "changeset version",
     "changeset:publish": "changeset publish",
-    "lint-staged": "lint-staged",
     "clean": "rm -rf $(find dist -maxdepth 1 ! -name \"node_modules\") && rm pnpm-lock.yaml",
     "clean:build-artifacts": "find .storybook -name '*.js' -not -name '*.config.js' -delete && find .storybook -name '*.d.ts' -delete && find . -name '*.d.ts' -path './vite.config.d.ts' -delete && rm -rf storybook-static"
   }

package/src/styles/main.css

@@ -1,4 +1,6 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
-@import './partials/_horizon-colors.css';
-@import './partials/_horizon-theme.css';
+@import './horizon/colors.css';
+@import './horizon/theme.css';
+@import './horizon/base.css';
+@import './horizon/utilities.css';

package/dist/Button.d.ts

@@ -1,2 +0,0 @@
-export * from './components/Button/Button'
-export {}

package/dist/Button.js

@@ -1,118 +0,0 @@
-import { jsxs as f, jsx as v } from "react/jsx-runtime";
-import { a as V, c as p } from "./twUtils-B9ArqCOv.js";
-import { forwardRef as j } from "react";
-import { L as w } from "./loader-circle-Btf6jOd5.js";
-const N = (o) => typeof o == "boolean" ? `${o}` : o === 0 ? "0" : o, h = V, C = (o, e) => (t) => {
-  var l;
-  if (e?.variants == null) return h(o, t?.class, t?.className);
-  const { variants: r, defaultVariants: i } = e, u = Object.keys(r).map((n) => {
-    const a = t?.[n], s = i?.[n];
-    if (a === null) return null;
-    const d = N(a) || N(s);
-    return r[n][d];
-  }), b = t && Object.entries(t).reduce((n, a) => {
-    let [s, d] = a;
-    return d === void 0 || (n[s] = d), n;
-  }, {}), y = e == null || (l = e.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((n, a) => {
-    let { class: s, className: d, ...c } = a;
-    return Object.entries(c).every((m) => {
-      let [g, x] = m;
-      return Array.isArray(x) ? x.includes({
-        ...i,
-        ...b
-      }[g]) : {
-        ...i,
-        ...b
-      }[g] === x;
-    }) ? [
-      ...n,
-      s,
-      d
-    ] : n;
-  }, []);
-  return h(o, u, y, t?.class, t?.className);
-}, _ = C(
-  `
-    !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer py-2 px-6 rounded-lg border font-semibold
-    focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus:ring-2 focus:ring-ring focus:ring-offset-2
-    focus-visible:ring-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
-  `,
-  {
-    variants: {
-      variant: {
-        primary: "bg-button-primary-bg text-button-primary-text border-button-primary-border disabled:bg-button-primary-bg--disabled disabled:text-button-primary-text--disabled disabled:border-button-primary-border--disabled",
-        secondary: "bg-button-secondary-bg border-button-secondary-border text-button-secondary-text disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled disabled:border-button-secondary-border--disabled",
-        outline: "bg-button-outline-bg border-button-outline-border text-button-outline-text disabled:text-button-outline-text--disabled disabled:border-button-outline-border--disabled"
-      },
-      state: {
-        default: "",
-        error: "bg-button-danger text-button-primary-text transition pointer-events-none",
-        loading: "cursor-wait pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      state: "default"
-    }
-  }
-), k = j(
-  ({
-    className: o,
-    variant: e,
-    label: t,
-    endIcon: l,
-    state: r,
-    errorMessage: i,
-    startIcon: u,
-    disabled: b,
-    type: y = "button",
-    dataTestId: n = `button-${e}`,
-    isFullWidth: a,
-    ...s
-  }, d) => {
-    const c = {
-      error: {
-        primary: "bg-button-danger border-button-danger text-button-primary-text pointer-events-none",
-        secondary: "bg-button-danger border-button-danger text-button-secondary-text pointer-events-none",
-        outline: "bg-transparent border-button-danger text-button-danger pointer-events-none"
-      },
-      loading: {
-        primary: "bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none",
-        secondary: "bg-button-secondary-bg--disabled border-button-secondary-border--disabled text-button-secondary-text--disabled pointer-events-none",
-        outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none"
-      }
-    }, m = a ? "w-full" : "w-auto", g = p(
-      _({ variant: e, state: r }),
-      r === "error" && c.error[e || "primary"],
-      r === "loading" && c.loading[e || "primary"],
-      m,
-      o
-    );
-    return /* @__PURE__ */ f("div", { className: p("flex justify-items-center", m), children: [
-      /* @__PURE__ */ f(
-        "button",
-        {
-          className: g,
-          ref: d,
-          type: y,
-          "aria-disabled": b,
-          disabled: b,
-          "data-testid": n,
-          ...s,
-          "data-state": r,
-          children: [
-            u && /* @__PURE__ */ v("span", { className: "flex pr-2", "aria-hidden": !0, children: u }),
-            t,
-            r === "loading" && /* @__PURE__ */ v(w, { className: "ml-2 animate-spin", size: 16 }),
-            l && r !== "loading" && /* @__PURE__ */ v("span", { className: "flex pl-2", "aria-hidden": !0, children: l })
-          ]
-        }
-      ),
-      r === "error" && i && /* @__PURE__ */ v("p", { className: "text-danger text-xs", role: "alert", "aria-live": "polite", children: i })
-    ] });
-  }
-);
-k.displayName = "Button";
-export {
-  k as Button
-};

package/dist/Card.d.ts

@@ -1,2 +0,0 @@
-export * from './components/Card/Card'
-export {}

package/dist/Card.js

@@ -1,25 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { c as a } from "./twUtils-B9ArqCOv.js";
-import { forwardRef as u } from "react";
-import { L as b } from "./loader-circle-Btf6jOd5.js";
-const p = u(
-  ({ className: n, title: s, icon: r, width: l = "full", isLoading: c = !1, children: d, ...f }, o) => {
-    const i = s || r, m = a(
-      "!font-sans relative bg-card-bg rounded-2xl p-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      l === "full" ? "w-full" : "w-fit",
-      n
-    );
-    return /* @__PURE__ */ t("div", { ref: o, className: m, ...f, children: [
-      c && /* @__PURE__ */ e("div", { className: "bg-card-bg/50 absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(b, { className: "text-muted-foreground animate-spin", size: 24 }) }),
-      i && /* @__PURE__ */ t("div", { className: a("flex items-center pb-4", s ? "justify-between" : "justify-end"), children: [
-        s && /* @__PURE__ */ e("h3", { className: "text-card-text truncate text-base font-semibold", children: s }),
-        r && /* @__PURE__ */ e("div", { className: "flex-shrink-0", "aria-hidden": "true", children: r })
-      ] }),
-      /* @__PURE__ */ e("div", { className: a("min-h-40 p-4", i && "pt-0"), children: d })
-    ] });
-  }
-);
-p.displayName = "Card";
-export {
-  p as Card
-};

package/dist/Drawer.d.ts

@@ -1,2 +0,0 @@
-export * from './components/Drawer/Drawer'
-export {}