@ztwoint/z-ui 0.1.13 → 0.1.15

package/dist/components/assets/icons/circle-check-filled.js

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+function i({
+  fill: r = "currentColor",
+  width: t = "1em",
+  height: c = "1em",
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      height: c,
+      width: t,
+      ...l,
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ e("g", { fill: r, children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "m10,2C5.589,2,2,5.589,2,10s3.589,8,8,8,8-3.589,8-8S14.411,2,10,2Zm4.284,5.621l-4.75,6c-.183.231-.458.37-.753.379-.01,0-.021,0-.031,0-.283,0-.554-.12-.743-.331l-2.25-2.5c-.369-.411-.336-1.043.074-1.412.41-.37,1.042-.336,1.412.074l1.458,1.62,4.015-5.071c.343-.432.971-.506,1.405-.164.433.343.506.972.163,1.405Z",
+          fill: r,
+          strokeWidth: "0"
+        }
+      ) })
+    }
+  );
+}
+export {
+  i as default
+};

package/dist/components/assets/icons/media-record.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+function c({
+  fill: e = "currentColor",
+  width: o = "1em",
+  height: n = "1em",
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      height: n,
+      width: o,
+      ...t,
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ r("g", { fill: e, children: /* @__PURE__ */ r(
+        "circle",
+        {
+          cx: "10",
+          cy: "10",
+          fill: "none",
+          r: "7",
+          stroke: e,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2"
+        }
+      ) })
+    }
+  );
+}
+export {
+  c as default
+};

package/dist/components/assets/icons/upload.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    secondaryfill?: string;
+    strokewidth?: number;
+    title?: string;
+};
+declare function Upload({ fill, secondaryfill, strokewidth, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Upload;

package/dist/components/assets/icons/upload.js

@@ -0,0 +1,61 @@
+import { jsx as n, jsxs as k } from "react/jsx-runtime";
+function u({
+  fill: e = "currentColor",
+  secondaryfill: o,
+  strokewidth: r = 2,
+  width: t = "1em",
+  height: i = "1em",
+  ...s
+}) {
+  return o = o || e, /* @__PURE__ */ n(
+    "svg",
+    {
+      height: i,
+      width: t,
+      ...s,
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ k("g", { fill: e, children: [
+        /* @__PURE__ */ n(
+          "polyline",
+          {
+            fill: "none",
+            points: "7.25 5.75 10 3 12.75 5.75",
+            stroke: o,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: r
+          }
+        ),
+        /* @__PURE__ */ n(
+          "line",
+          {
+            fill: "none",
+            stroke: o,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: r,
+            x1: "10",
+            x2: "10",
+            y1: "13",
+            y2: "3"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "m6,9.07c-1.216.268-2.168,1.277-2.328,2.557l-.25,2c-.224,1.791,1.172,3.372,2.977,3.372h7.203c1.804,0,3.201-1.582,2.977-3.372l-.25-2c-.16-1.281-1.113-2.289-2.328-2.557",
+            fill: "none",
+            stroke: e,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: r
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  u as default
+};

package/dist/components/assets/icons/z2-icon.js

@@ -1,7 +1,7 @@
-import { jsxs as L, jsx as C } from "react/jsx-runtime";
-function e({ title: i = "badge 13", ...t }) {
-  return /* @__PURE__ */ L("svg", { height: "22", width: "27", viewBox: "0 0 27 22", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
-    /* @__PURE__ */ C("title", { children: i }),
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+function e({ title: L = "Z2-Logo", ...i }) {
+  return /* @__PURE__ */ t("svg", { height: "22", width: "27", viewBox: "0 0 27 22", xmlns: "http://www.w3.org/2000/svg", ...i, children: [
+    /* @__PURE__ */ C("title", { children: L }),
     /* @__PURE__ */ C("g", { fill: "none", children: /* @__PURE__ */ C(
       "path",
       {

package/dist/components/button/button.d.ts

@@ -1,5 +1,5 @@
+import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "stroke" | "ghost" | "filled" | null | undefined;
     shade?: "danger" | "neutral" | "brand" | "neutralGhost" | null | undefined;

package/dist/components/button/button.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as x, Fragment as g } from "react/jsx-runtime";
-import { Slot as O } from "@radix-ui/react-slot";
-import { cva as z } from "class-variance-authority";
-import * as w from "react";
+import O from "react";
+import { Slot as z } from "@radix-ui/react-slot";
+import { cva as w } from "class-variance-authority";
 import { cn as d } from "../../lib/utils.js";
-const N = z(
+const N = w(
   "box-border h-7.5 leading-none-medium-sm flex items-center justify-center whitespace-nowrap rounded-lg  select-none hover:cursor-pointer active:outline-none border-solid",
   {
     variants: {
@@ -70,7 +70,7 @@ const N = z(
       iconOnly: !1
     }
   }
-), k = w.forwardRef(
+), k = O.forwardRef(
   ({
     className: i,
     shade: c,
@@ -83,7 +83,7 @@ const N = z(
     children: l,
     ...p
   }, y) => {
-    const v = o ? O : "button", r = m || l, n = !r && !!(a || t), u = n ? a || t : null, h = d(
+    const v = o ? z : "button", r = m || l, n = !r && !!(a || t), u = n ? a || t : null, h = d(
       N({ shade: c, size: b, variant: f, iconOnly: n, className: i })
     ), s = "w-3.5 h-3.5";
     return /* @__PURE__ */ e(v, { className: h, ref: y, ...p, children: o ? l : n ? u ? /* @__PURE__ */ e("span", { className: s, children: u }) : null : /* @__PURE__ */ x(g, { children: [

package/dist/components/dialog/dialog.js

@@ -0,0 +1,110 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dialog";
+import { cn as l } from "../../lib/utils.js";
+function c({ ...t }) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
+}
+function f({ ...t }) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+}
+function r({ ...t }) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
+}
+function u({ ...t }) {
+  return /* @__PURE__ */ e(o.Close, { "data-slot": "dialog-close", ...t });
+}
+function s({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: l(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function m({
+  className: t,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ n(r, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(s, {}),
+    /* @__PURE__ */ e(
+      o.Content,
+      {
+        "data-slot": "dialog-content",
+        className: l(
+          "surface-neutral-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 shadow-lg duration-200 sm:max-w-lg",
+          t
+        ),
+        ...i,
+        children: a
+      }
+    )
+  ] });
+}
+function p({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: l("flex flex-col gap-2 text-center sm:text-left", t),
+      ...a
+    }
+  );
+}
+function x({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: l("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
+      ...a
+    }
+  );
+}
+function D({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "dialog-title",
+      className: l("text-lg leading-none font-semibold", t),
+      ...a
+    }
+  );
+}
+function Z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "dialog-description",
+      className: l("text-muted-foreground text-sm", t),
+      ...a
+    }
+  );
+}
+export {
+  c as Z2Dialog,
+  u as Z2DialogClose,
+  m as Z2DialogContent,
+  Z as Z2DialogDescription,
+  x as Z2DialogFooter,
+  p as Z2DialogHeader,
+  s as Z2DialogOverlay,
+  r as Z2DialogPortal,
+  D as Z2DialogTitle,
+  f as Z2DialogTrigger
+};

package/dist/components/file-upload-area/file-upload-area.const.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_ACCEPT: string[];

package/dist/components/file-upload-area/file-upload-area.const.js

@@ -0,0 +1,4 @@
+const s = [".csv", ".xls", ".xlsx"];
+export {
+  s as DEFAULT_ACCEPT
+};

package/dist/components/file-upload-area/file-upload-area.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export type FileUploadAreaProps = {
+    onFilesSelected: (files: File[]) => void;
+    accept?: string[];
+    multiple?: boolean;
+    className?: string;
+    disabled?: boolean;
+};
+/**
+ * FileUploadArea component provides a drag-and-drop and click-to-upload area for file selection.
+ *
+ * Features:
+ * - Drag and drop file upload
+ * - Click to open file dialog
+ * - Supports multiple file formats (default: CSV, XLS, XLSX)
+ * - Supports multiple file selection
+ * - Disabled state (blocks all interaction and changes style)
+ * - Custom className for styling
+ * - Accessible and keyboard-navigable
+ *
+ * @component
+ * @param {FileUploadAreaProps} props - The props for FileUploadArea
+ * @returns {JSX.Element}
+ *
+ * @example <caption>Default usage</caption>
+ * <FileUploadArea onFilesSelected={files => console.log(files)} />
+ *
+ * @example <caption>Custom formats and single file</caption>
+ * <FileUploadArea
+ *   onFilesSelected={files => console.log(files)}
+ *   accept={[".pdf", ".docx"]}
+ *   multiple={false}
+ * />
+ *
+ * @example <caption>Disabled</caption>
+ * <FileUploadArea onFilesSelected={() => {}} disabled />
+ *
+ * @example <caption>Async handler</caption>
+ * <FileUploadArea onFilesSelected={async files => await uploadFiles(files)} />
+ */
+export declare const FileUploadArea: React.FC<FileUploadAreaProps>;
+export default FileUploadArea;

package/dist/components/file-upload-area/file-upload-area.js

@@ -0,0 +1,71 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useRef as m, useState as h } from "react";
+import { DEFAULT_ACCEPT as D } from "./file-upload-area.const.js";
+import { UploadIconComponent as v } from "./upload-icon-component.js";
+import x from "./text-preset.js";
+import { cn as y } from "../../lib/utils.js";
+const w = ({
+  onFilesSelected: o,
+  accept: n = D,
+  multiple: f = !0,
+  className: s = "",
+  disabled: e = !1
+}) => {
+  const i = m(null), [C, t] = h(!1), p = (r) => {
+    e || (r.preventDefault(), r.stopPropagation(), t(!0));
+  }, u = (r) => {
+    e || (r.preventDefault(), r.stopPropagation(), t(!1));
+  }, c = (r) => {
+    e || (r.preventDefault(), r.stopPropagation(), t(!1), r.dataTransfer.files && r.dataTransfer.files.length > 0 && o(Array.from(r.dataTransfer.files)));
+  }, l = () => {
+    var r;
+    e || (r = i.current) == null || r.click();
+  }, g = (r) => {
+    e || r.target.files && r.target.files.length > 0 && o(Array.from(r.target.files));
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: y(
+        "flex flex-col items-center justify-center gap-8 p-12 max-w-112 rounded-2xl border-[.5px] border-dashed stroke-solid-high bg-neutral-light",
+        e && "opacity-60 bg-gray-100 cursor-not-allowed",
+        s
+      ),
+      onDragOver: p,
+      onDragLeave: u,
+      onDrop: c,
+      onClick: l,
+      tabIndex: e ? -1 : 0,
+      role: "button",
+      "aria-label": "File upload area. Click or drag and drop files.",
+      "aria-disabled": e,
+      onKeyDown: e ? void 0 : (r) => {
+        (r.key === "Enter" || r.key === " ") && l();
+      },
+      "data-testid": "file-upload-area",
+      children: [
+        /* @__PURE__ */ a(v, {}),
+        /* @__PURE__ */ a(x, { accept: n }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ref: i,
+            type: "file",
+            className: "hidden",
+            accept: n.join(","),
+            multiple: f,
+            tabIndex: -1,
+            "data-testid": "file-upload-input",
+            onChange: g,
+            onClick: (r) => r.stopPropagation(),
+            disabled: e
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as FileUploadArea,
+  w as default
+};

package/dist/components/file-upload-area/text-preset.d.ts

@@ -0,0 +1,4 @@
+declare function TextPreset({ accept }: {
+    accept: string[];
+}): import("react/jsx-runtime").JSX.Element;
+export default TextPreset;

package/dist/components/file-upload-area/text-preset.js

@@ -0,0 +1,13 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+function n({ accept: r }) {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col items-center text-center gap-2.5", children: [
+    /* @__PURE__ */ t("p", { className: "leading-none-medium-sm text-neutral-primary", children: "Click or drag & drop files here" }),
+    /* @__PURE__ */ e("p", { className: "leading-none-regular-sm text-neutral-secondary", children: [
+      "Supported formats: ",
+      r.map((a) => a.replace(".", "").toUpperCase()).join(", ")
+    ] })
+  ] });
+}
+export {
+  n as default
+};

package/dist/components/file-upload-area/upload-icon-component.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const UploadIconComponent: React.FC;
+export default UploadIconComponent;

package/dist/components/file-upload-area/upload-icon-component.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "../assets/icons/upload.js";
+const r = () => /* @__PURE__ */ o("div", { className: "flex items-center justify-center p-3  gap-2.5 rounded-xl bg-neutral-on-top shadow-[var(--shadow-custom)]", children: /* @__PURE__ */ o(e, { className: "w-5 h-5" }) });
+export {
+  r as UploadIconComponent,
+  r as default
+};

package/dist/components/nav-header/nav-item/nav-item.js

@@ -1,26 +1,26 @@
-import { jsx as f } from "react/jsx-runtime";
-import c from "react";
-import { Button as i } from "../../button/button.js";
-import { cn as v } from "../../../lib/utils.js";
-const d = c.forwardRef(
-  ({ leftIcon: t, label: r, rightIcon: a, onClick: o, className: l, isActive: m, asChild: e, children: n, ...s }, u) => /* @__PURE__ */ f(
-    i,
+import { jsx as u } from "react/jsx-runtime";
+import v from "react";
+import { Button as f } from "../../button/button.js";
+import { cn as c } from "../../../lib/utils.js";
+const d = v.forwardRef(
+  ({ leftIcon: r, label: t, rightIcon: a, onClick: o, className: m, isActive: l, asChild: e, children: n, ...i }, s) => /* @__PURE__ */ u(
+    f,
     {
       variant: "ghost",
       shade: "neutralGhost",
       size: "large",
-      leftIcon: t,
+      leftIcon: r,
       rightIcon: a,
-      label: r,
+      label: t,
       onClick: o,
-      className: v(
-        "text-inverted hover:surface-neutral-elevated active:surface-neutral-elevated ",
-        m && "surface-neutral-elevated",
-        l
+      className: c(
+        "text-inverted-primary hover:text-inverted-primary hover:surface-neutral-elevated active:surface-neutral-elevated ",
+        l && "surface-neutral-elevated",
+        m
       ),
       asChild: e,
-      ...s,
-      ref: u,
+      ...i,
+      ref: s,
       children: e ? n : null
     }
   )

package/dist/components/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stepper';
+export * from './stepper-item/stepper-item';

package/dist/components/stepper/stepper-item/stepper-item.js

@@ -0,0 +1,49 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import * as n from "react";
+import { cva as c } from "class-variance-authority";
+import { cn as l } from "../../../lib/utils.js";
+import m from "../../assets/icons/circle-check-filled.js";
+import s from "../../assets/icons/media-record.js";
+const p = c("w-fit flex items-center select-none gap-2", {
+  variants: {
+    state: {
+      active: "",
+      completed: "opacity-100",
+      disabled: "cursor-not-allowed"
+    }
+  },
+  defaultVariants: {
+    state: "active"
+  }
+}), f = "rounded-full transition-colors w-4 h-4 border-none", h = n.forwardRef(
+  ({ label: r, state: e = "active", className: t, ...d }, o) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: o,
+      className: l(p({ state: e }), t),
+      "aria-disabled": e === "disabled",
+      title: e || "disabled",
+      "aria-label": r,
+      ...d,
+      children: [
+        /* @__PURE__ */ a("span", { className: f, children: [
+          e === "completed" && /* @__PURE__ */ i(m, { fill: "blue", width: 16, height: 16 }),
+          (e === "active" || e === "disabled") && /* @__PURE__ */ i(s, { fill: e === "active" ? "blue" : "gray", width: 16, height: 16 })
+        ] }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: l(
+              e === "disabled" ? "text-neutral-secondary leading-none-medium-sm" : "text-neutral-primary leading-none-medium-sm"
+            ),
+            children: r
+          }
+        )
+      ]
+    }
+  )
+);
+h.displayName = "Z2StepperItem";
+export {
+  h as Z2StepperItem
+};

package/dist/components/stepper/stepper.js

@@ -0,0 +1,50 @@
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as f, useState as p, useImperativeHandle as u } from "react";
+import { Z2StepperItem as b } from "./stepper-item/stepper-item.js";
+function x() {
+  return /* @__PURE__ */ l("div", { className: "w-3 h-[1.5px] border-solid border-1 stroke-solid-high" });
+}
+const h = f(
+  ({ items: i }, o) => {
+    const [d, s] = p(() => i.map((a, t) => ({
+      ...a,
+      state: a.state ?? (t === 0 ? "active" : "disabled")
+    })));
+    return u(o, () => ({
+      handleNext: (a) => {
+        s((t) => {
+          const r = t.findIndex((e) => e.state === "active");
+          return r === -1 ? t : r === t.length - 1 ? t.map(
+            (e, n) => n === r ? { ...e, state: "completed" } : e
+          ) : t.map((e, n) => n === r ? { ...e, state: "completed" } : n === r + 1 ? { ...e, state: "active", label: a ?? e.label } : e);
+        });
+      },
+      handlePrev: (a) => {
+        s((t) => {
+          const r = t.findIndex((e) => e.state === "active");
+          return r <= 0 ? t : t.map((e, n) => n === r ? { ...e, state: "disabled" } : n === r - 1 ? { ...e, state: "active", label: a ?? e.label } : e);
+        });
+      },
+      reset: () => {
+        s(
+          (a) => a.map((t, r) => ({
+            ...t,
+            state: r === 0 ? "active" : "disabled"
+          }))
+        );
+      },
+      setStepState: (a, t) => {
+        s(
+          (r) => r.map((e, n) => n === a ? { ...e, state: t } : e)
+        );
+      }
+    })), /* @__PURE__ */ l("div", { className: "w-fit flex flex-row items-center gap-6", children: d.map((a, t) => /* @__PURE__ */ c("div", { className: "flex flex-row items-center gap-6", children: [
+      /* @__PURE__ */ l(b, { label: a.label, state: a.state }),
+      t < d.length - 1 && /* @__PURE__ */ l(x, {})
+    ] }, a.id)) });
+  }
+);
+h.displayName = "Z2Stepper";
+export {
+  h as default
+};

package/dist/css/config/colors/backgrounds.css

@@ -3,18 +3,30 @@
   background-color: var(--color-neutral-00);
 }
 
-@utility bg-neutral-secondary {
+@utility bg-neutral-on-top {
+  background-color: var(--color-neutral-00);
+}
+
+@utility bg-neutral-light {
+  background-color: var(--color-neutral-25);
+}
+
+@utility bg-neutral-high {
+  background-color: var(--color-neutral-100);
+}
+
+@utility bg-neutral-medium {
   background-color: var(--color-neutral-50);
 }
 
-@utility bg-neutral-elevated {
-  background-color: var(--color-neutral-75);
+@utility bg-neutral-inverted-elevated {
+  background-color: var(--color-alpha-two-100);
 }
 
-@utility bg-neutral-attention {
-  background-color: var(--color-neutral-200);
+@utility bg-neutral-inverted-attention {
+  background-color: var(--color-alpha-two-200);
 }
 
-@utility bg-neutral-transparent {
-  background-color: var(--color-alpha-two-00);
+@utility bg-neutral-inverted-brand {
+  background-color: #001534;
 }

package/dist/css/config/colors/defaults.css

@@ -1,5 +1,6 @@
 @theme {
   --color-neutral-00: #ffffff;
+  --color-neutral-25: #fafafa;
   --color-neutral-50: #f6f6f6;
   --color-neutral-100: #e7e7e7;
   --color-neutral-150: #e0e0e0;
@@ -134,4 +135,7 @@
   --color-purple-alt-800: #c5adfb;
   --color-purple-alt-900: #dccefc;
   --color-purple-alt-950: #f3efff;
+
+  --shadow-custom:
+    0px 2px 4px 0px var(--color-alpha-one-50), 0px 0px 0px 0.5px var(--color-neutral-150);
 }

package/dist/css/config/config.css

@@ -15,7 +15,6 @@
 @import './colors/components/tab.css';
 @import './colors/components/alert.css';
 
-
 @theme {
   --font-family-sans: 'Inter Variable', sans-serif;
   --font-family-display: 'Inter Variable', sans-serif;