@plyaz/ui 0.4.4 → 0.4.6

package/dist/ui.es.js

@@ -1,39 +1,40 @@
-import { Box as r } from "./ui.es2.js";
-import { Container as l } from "./ui.es3.js";
-import { Flex as x } from "./ui.es4.js";
-import { Grid as f } from "./ui.es5.js";
-import { Heading as S } from "./ui.es6.js";
-import { ExternalLink as n } from "./ui.es7.js";
-import { Paragraph as i } from "./ui.es8.js";
-import { Section as g } from "./ui.es9.js";
-import { Stack as T } from "./ui.es10.js";
-import { Text as s } from "./ui.es11.js";
-import { default as G } from "./ui.es12.js";
-import { default as L } from "./ui.es13.js";
-import { AuroraText as h } from "./ui.es14.js";
-import { Select as A, SelectContent as D, SelectGroup as E, SelectItem as F, SelectLabel as H, SelectScrollDownButton as P, SelectScrollUpButton as U, SelectSeparator as V, SelectTrigger as j, SelectValue as q } from "./ui.es15.js";
+/* empty css       */
+import { Box as o } from "./ui.es3.js";
+import { Container as p } from "./ui.es4.js";
+import { Flex as a } from "./ui.es5.js";
+import { Grid as m } from "./ui.es6.js";
+import { Heading as c } from "./ui.es7.js";
+import { ExternalLink as u } from "./ui.es8.js";
+import { Paragraph as d } from "./ui.es9.js";
+import { Section as B } from "./ui.es10.js";
+import { Stack as k } from "./ui.es11.js";
+import { Text as C } from "./ui.es12.js";
+import { default as I } from "./ui.es13.js";
+import { default as b } from "./ui.es14.js";
+import { AuroraText as w } from "./ui.es15.js";
+import { Select as D, SelectContent as E, SelectGroup as F, SelectItem as H, SelectLabel as P, SelectScrollDownButton as U, SelectScrollUpButton as V, SelectSeparator as j, SelectTrigger as q, SelectValue as v } from "./ui.es16.js";
 export {
-  h as AuroraText,
-  r as Box,
-  G as Button,
-  l as Container,
-  n as ExternalLink,
-  x as Flex,
-  f as Grid,
-  S as Heading,
-  L as Input,
-  i as Paragraph,
-  g as Section,
-  A as Select,
-  D as SelectContent,
-  E as SelectGroup,
-  F as SelectItem,
-  H as SelectLabel,
-  P as SelectScrollDownButton,
-  U as SelectScrollUpButton,
-  V as SelectSeparator,
-  j as SelectTrigger,
-  q as SelectValue,
-  T as Stack,
-  s as Text
+  w as AuroraText,
+  o as Box,
+  I as Button,
+  p as Container,
+  u as ExternalLink,
+  a as Flex,
+  m as Grid,
+  c as Heading,
+  b as Input,
+  d as Paragraph,
+  B as Section,
+  D as Select,
+  E as SelectContent,
+  F as SelectGroup,
+  H as SelectItem,
+  P as SelectLabel,
+  U as SelectScrollDownButton,
+  V as SelectScrollUpButton,
+  j as SelectSeparator,
+  q as SelectTrigger,
+  v as SelectValue,
+  k as Stack,
+  C as Text
 };

package/dist/ui.es10.js

@@ -1,19 +1,24 @@
-import { j as a } from "./ui.es16.js";
-import { clsx as c } from "./ui.es17.js";
-import { Box as i } from "./ui.es2.js";
-import "./ui.es14.js";
-const j = ({
-  children: o,
-  direction: r = "horizontal",
-  spacing: t = "space-x-2",
-  element: e,
-  className: s,
-  ...x
-}) => {
-  const l = r === "vertical" ? "flex-col" : "flex-row";
-  return /* @__PURE__ */ a.jsx(i, { className: c("flex", l, t, s), element: e, ...x, children: o });
-};
+import { j as r } from "./ui.es17.js";
+import { clsx as s } from "./ui.es18.js";
+/* empty css       */
+import { Box as e } from "./ui.es3.js";
+import "./ui.es15.js";
+const c = ({ className: m = "", children: o, ...t }) => /* @__PURE__ */ r.jsx(
+  e,
+  {
+    element: "section",
+    className: s(
+      `
+          mx-2 my-4 p-4
+          sm:p-6
+        `,
+      m
+    ),
+    ...t,
+    children: o
+  }
+);
 export {
-  j as Stack,
-  j as default
+  c as Section,
+  c as default
 };

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
 };