@plyaz/ui 0.4.5 → 0.4.6

package/dist/ui.es11.js

@@ -1,33 +1,20 @@
-import { j as x } from "./ui.es16.js";
-import { clsx as n } from "./ui.es17.js";
-import { SIZES_MAPPER as f, TEXT_WEIGHT_MAPPER as P, VARIANT_MAPPER as T } from "./ui.es18.js";
-const c = ({
-  className: r,
-  children: E,
-  element: m,
-  weight: t,
-  variant: o,
-  size: s,
-  ...a
+import { j as l } from "./ui.es17.js";
+import { clsx as m } from "./ui.es18.js";
+/* empty css       */
+import { Box as a } from "./ui.es3.js";
+import "./ui.es15.js";
+const u = ({
+  children: o,
+  direction: r = "horizontal",
+  spacing: t = "space-x-2",
+  element: e,
+  className: s,
+  ...x
 }) => {
-  const e = m;
-  return /* @__PURE__ */ x.jsx(
-    e,
-    {
-      "data-testid": "text",
-      className: n(
-        "font-sans text-base font-normal",
-        s && f[s],
-        t && P[t],
-        o && T[o],
-        r
-      ),
-      ...a,
-      children: E
-    }
-  );
+  const i = r === "vertical" ? "flex-col" : "flex-row";
+  return /* @__PURE__ */ l.jsx(a, { className: m("flex", i, t, s), element: e, ...x, children: o });
 };
 export {
-  c as Text,
-  c as default
+  u as Stack,
+  u as default
 };

package/dist/ui.es12.js

@@ -1,25 +1,33 @@
-import { j as m } from "./ui.es16.js";
-import { Root as u } from "./ui.es19.js";
-import { cn as i } from "./ui.es20.js";
-import { buttonVariants as e } from "./ui.es18.js";
-function c({
-  className: t,
+import { j as x } from "./ui.es17.js";
+import { clsx as n } from "./ui.es18.js";
+import { SIZES_MAPPER as f, TEXT_WEIGHT_MAPPER as P, VARIANT_MAPPER as T } from "./ui.es19.js";
+const c = ({
+  className: r,
+  children: E,
+  element: m,
+  weight: t,
   variant: o,
-  size: a,
-  asChild: r = !1,
-  ...s
-}) {
-  const n = r ? u : "button";
-  return /* @__PURE__ */ m.jsx(
-    n,
+  size: s,
+  ...a
+}) => {
+  const e = m;
+  return /* @__PURE__ */ x.jsx(
+    e,
     {
-      "data-slot": "button",
-      className: i(e({ variant: o, size: a, className: t })),
-      ...s,
-      "data-testid": "button"
+      "data-testid": "text",
+      className: n(
+        "font-sans text-base font-normal",
+        s && f[s],
+        t && P[t],
+        o && T[o],
+        r
+      ),
+      ...a,
+      children: E
     }
   );
-}
+};
 export {
+  c as Text,
   c as default
 };

package/dist/ui.es13.js

@@ -1,40 +1,25 @@
-import { j as t } from "./ui.es16.js";
-import { cn as n } from "./ui.es20.js";
-function d({ className: e, type: i, ...r }) {
-  return /* @__PURE__ */ t.jsx(
-    "input",
+import { j as m } from "./ui.es17.js";
+import { Root as u } from "./ui.es20.js";
+import { cn as i } from "./ui.es21.js";
+import { buttonVariants as e } from "./ui.es19.js";
+function c({
+  className: t,
+  variant: o,
+  size: a,
+  asChild: r = !1,
+  ...s
+}) {
+  const n = r ? u : "button";
+  return /* @__PURE__ */ m.jsx(
+    n,
     {
-      type: i,
-      "data-slot": "input",
-      className: n(
-        `
-          flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent
-          px-3 py-1 text-base shadow-xs transition-[color,box-shadow]
-          outline-none
-          selection:bg-primary selection:text-primary-foreground
-          file:inline-flex file:h-7 file:border-0 file:bg-transparent
-          file:text-sm file:font-medium file:text-foreground
-          placeholder:text-muted-foreground
-          disabled:pointer-events-none disabled:cursor-not-allowed
-          disabled:opacity-50
-          md:text-sm
-          dark:bg-input/30
-        `,
-        `
-          focus-visible:border-ring focus-visible:ring-[3px]
-          focus-visible:ring-ring/50
-        `,
-        `
-          aria-invalid:border-destructive aria-invalid:ring-destructive/20
-          dark:aria-invalid:ring-destructive/40
-        `,
-        e
-      ),
-      ...r,
-      "data-testid": "input"
+      "data-slot": "button",
+      className: i(e({ variant: o, size: a, className: t })),
+      ...s,
+      "data-testid": "button"
     }
   );
 }
 export {
-  d as default
+  c as default
 };

package/dist/ui.es14.js

@@ -1,46 +1,40 @@
-import { j as a } from "./ui.es16.js";
-import { memo as s } from "react";
-const o = s(
-  ({
-    children: t,
-    className: r = "",
-    colors: e = ["#FF0080", "#7928CA", "#0070F3", "#38bdf8"],
-    speed: n = 1
-  }) => {
-    const i = {
-      backgroundImage: `linear-gradient(135deg, ${e.join(", ")}, ${e[0]})`,
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      animationDuration: `${10 / n}s`
-    };
-    return /* @__PURE__ */ a.jsxs(
-      "span",
-      {
-        className: `
-          relative inline-block
-          ${r}
+import { j as t } from "./ui.es17.js";
+import { cn as n } from "./ui.es21.js";
+function d({ className: e, type: i, ...r }) {
+  return /* @__PURE__ */ t.jsx(
+    "input",
+    {
+      type: i,
+      "data-slot": "input",
+      className: n(
+        `
+          flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent
+          px-3 py-1 text-base shadow-xs transition-[color,box-shadow]
+          outline-none
+          selection:bg-primary selection:text-primary-foreground
+          file:inline-flex file:h-7 file:border-0 file:bg-transparent
+          file:text-sm file:font-medium file:text-foreground
+          placeholder:text-muted-foreground
+          disabled:pointer-events-none disabled:cursor-not-allowed
+          disabled:opacity-50
+          md:text-sm
+          dark:bg-input/30
         `,
-        "data-testid": "auroraText",
-        children: [
-          /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: t }),
-          /* @__PURE__ */ a.jsx(
-            "span",
-            {
-              className: `
-            relative animate-aurora bg-clip-text text-transparent
-            bg-[length:200%_auto]
-          `,
-              style: i,
-              "aria-hidden": "true",
-              children: t
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-o.displayName = "AuroraText";
+        `
+          focus-visible:border-ring focus-visible:ring-[3px]
+          focus-visible:ring-ring/50
+        `,
+        `
+          aria-invalid:border-destructive aria-invalid:ring-destructive/20
+          dark:aria-invalid:ring-destructive/40
+        `,
+        e
+      ),
+      ...r,
+      "data-testid": "input"
+    }
+  );
+}
 export {
-  o as AuroraText
+  d as default
 };

package/dist/ui.es15.js

@@ -1,214 +1,46 @@
-import { j as e } from "./ui.es16.js";
-import { Root as l, Portal as i, Content as d, Viewport as c, Group as u, Item as p, ItemIndicator as m, ItemText as x, Label as f, ScrollDownButton as g, ScrollUpButton as v, Separator as h, Trigger as b, Icon as j, Value as w } from "./ui.es21.js";
-import { cn as s } from "./ui.es20.js";
-import y from "./ui.es22.js";
-import n from "./ui.es23.js";
-import S from "./ui.es24.js";
-function R({ ...t }) {
-  return /* @__PURE__ */ e.jsx(l, { "data-slot": "select", ...t });
-}
-function T({ ...t }) {
-  return /* @__PURE__ */ e.jsx(u, { "data-slot": "select-group", ...t });
-}
-function U({ ...t }) {
-  return /* @__PURE__ */ e.jsx(w, { "data-slot": "select-value", ...t });
-}
-function V({
-  className: t,
-  size: a = "default",
-  children: r,
-  ...o
-}) {
-  return /* @__PURE__ */ e.jsxs(
-    b,
-    {
-      "data-slot": "select-trigger",
-      "data-size": a,
-      className: s(
-        `
-          flex w-fit items-center justify-between gap-2 rounded-md border
-          border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap
-          shadow-xs transition-[color,box-shadow] outline-none
-          focus-visible:border-ring focus-visible:ring-[3px]
-          focus-visible:ring-ring/50
-          disabled:cursor-not-allowed disabled:opacity-50
-          aria-invalid:border-destructive aria-invalid:ring-destructive/20
-          data-[placeholder]:text-muted-foreground
-          data-[size=default]:h-9
-          data-[size=sm]:h-8
-          *:data-[slot=select-value]:line-clamp-1
-          *:data-[slot=select-value]:flex
-          *:data-[slot=select-value]:items-center
-          *:data-[slot=select-value]:gap-2
-          dark:bg-input/30 dark:hover:bg-input/50
-          dark:aria-invalid:ring-destructive/40
-          [&_svg]:pointer-events-none [&_svg]:shrink-0
-          [&_svg:not([class*='size-'])]:size-4
-          [&_svg:not([class*='text-'])]:text-muted-foreground
+import { j as a } from "./ui.es17.js";
+import { memo as s } from "react";
+const o = s(
+  ({
+    children: t,
+    className: r = "",
+    colors: e = ["#FF0080", "#7928CA", "#0070F3", "#38bdf8"],
+    speed: n = 1
+  }) => {
+    const i = {
+      backgroundImage: `linear-gradient(135deg, ${e.join(", ")}, ${e[0]})`,
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      animationDuration: `${10 / n}s`
+    };
+    return /* @__PURE__ */ a.jsxs(
+      "span",
+      {
+        className: `
+          relative inline-block
+          ${r}
         `,
-        t
-      ),
-      ...o,
-      children: [
-        r,
-        /* @__PURE__ */ e.jsx(j, { asChild: !0, children: /* @__PURE__ */ e.jsx(n, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function G({
-  className: t,
-  children: a,
-  position: r = "popper",
-  ...o
-}) {
-  return /* @__PURE__ */ e.jsx(i, { "data-testid": "select", children: /* @__PURE__ */ e.jsxs(
-    d,
-    {
-      "data-slot": "select-content",
-      className: s(
-        `
-            relative z-50 max-h-(--radix-select-content-available-height)
-            min-w-[8rem] origin-(--radix-select-content-transform-origin)
-            overflow-x-hidden overflow-y-auto rounded-md border bg-popover
-            text-popover-foreground shadow-md
-            data-[side=bottom]:slide-in-from-top-2
-            data-[side=left]:slide-in-from-right-2
-            data-[side=right]:slide-in-from-left-2
-            data-[side=top]:slide-in-from-bottom-2
-            data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-            data-[state=closed]:zoom-out-95
-            data-[state=open]:animate-in data-[state=open]:fade-in-0
-            data-[state=open]:zoom-in-95
+        "data-testid": "auroraText",
+        children: [
+          /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: t }),
+          /* @__PURE__ */ a.jsx(
+            "span",
+            {
+              className: `
+            relative animate-aurora bg-clip-text text-transparent
+            bg-[length:200%_auto]
           `,
-        r === "popper" && `
-              data-[side=bottom]:translate-y-1
-              data-[side=left]:-translate-x-1
-              data-[side=right]:translate-x-1
-              data-[side=top]:-translate-y-1
-            `,
-        t
-      ),
-      position: r,
-      ...o,
-      children: [
-        /* @__PURE__ */ e.jsx(z, {}),
-        /* @__PURE__ */ e.jsx(
-          c,
-          {
-            className: s(
-              "p-1",
-              r === "popper" && `
-                h-[var(--radix-select-trigger-height)] w-full
-                min-w-[var(--radix-select-trigger-width)] scroll-my-1
-              `
-            ),
-            children: a
-          }
-        ),
-        /* @__PURE__ */ e.jsx(N, {})
-      ]
-    }
-  ) });
-}
-function L({ className: t, ...a }) {
-  return /* @__PURE__ */ e.jsx(
-    f,
-    {
-      "data-slot": "select-label",
-      className: s("px-2 py-1.5 text-xs text-muted-foreground", t),
-      ...a
-    }
-  );
-}
-function E({
-  className: t,
-  children: a,
-  ...r
-}) {
-  return /* @__PURE__ */ e.jsxs(
-    p,
-    {
-      "data-slot": "select-item",
-      className: s(
-        `
-          relative flex w-full cursor-default items-center gap-2 rounded-sm
-          py-1.5 pr-8 pl-2 text-sm outline-hidden select-none
-          focus:bg-accent focus:text-accent-foreground
-          data-[disabled]:pointer-events-none data-[disabled]:opacity-50
-          [&_svg]:pointer-events-none [&_svg]:shrink-0
-          [&_svg:not([class*='size-'])]:size-4
-          [&_svg:not([class*='text-'])]:text-muted-foreground
-          *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2
-        `,
-        t
-      ),
-      ...r,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: `
-        absolute right-2 flex size-3.5 items-center justify-center
-      `,
-            children: /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(y, { className: "size-4" }) })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(x, { children: a })
-      ]
-    }
-  );
-}
-function P({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    h,
-    {
-      "data-slot": "select-separator",
-      className: s("pointer-events-none -mx-1 my-1 h-px bg-border", t),
-      ...a
-    }
-  );
-}
-function z({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    v,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: s("flex cursor-default items-center justify-center py-1", t),
-      ...a,
-      children: /* @__PURE__ */ e.jsx(S, { className: "size-4" })
-    }
-  );
-}
-function N({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    g,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: s("flex cursor-default items-center justify-center py-1", t),
-      ...a,
-      children: /* @__PURE__ */ e.jsx(n, { className: "size-4" })
-    }
-  );
-}
+              style: i,
+              "aria-hidden": "true",
+              children: t
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+o.displayName = "AuroraText";
 export {
-  R as Select,
-  G as SelectContent,
-  T as SelectGroup,
-  E as SelectItem,
-  L as SelectLabel,
-  N as SelectScrollDownButton,
-  z as SelectScrollUpButton,
-  P as SelectSeparator,
-  V as SelectTrigger,
-  U as SelectValue
+  o as AuroraText
 };