@plyaz/ui 0.4.4 → 0.4.6

package/dist/ui.es16.js

@@ -1,5 +1,214 @@
-import { __require as r } from "./ui.es25.js";
-var i = r();
+import { j as e } from "./ui.es17.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.es22.js";
+import { cn as s } from "./ui.es21.js";
+import y from "./ui.es23.js";
+import n from "./ui.es24.js";
+import S from "./ui.es25.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
+        `,
+        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
+          `,
+        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" })
+    }
+  );
+}
 export {
-  i as j
+  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
 };

package/dist/ui.es17.js

@@ -1,17 +1,5 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+import { __require as r } from "./ui.es26.js";
+var i = r();
 export {
-  i as clsx,
-  i as default
+  i as j
 };

package/dist/ui.es18.js

@@ -1,102 +1,17 @@
-import { cva as e } from "./ui.es29.js";
-const s = {
-  start: "justify-start",
-  end: "justify-end",
-  center: "justify-center",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly",
-  stretch: "justify-stretch"
-}, n = {
-  start: "items-start",
-  end: "items-end",
-  center: "items-center",
-  baseline: "items-baseline",
-  stretch: "items-stretch"
-}, r = {
-  body: "font-sans",
-  heading: "font-sans",
-  caption: "font-sans"
-}, i = {
-  xs: "text-xs",
-  sm: "text-sm",
-  base: "text-base",
-  lg: "text-lg",
-  xl: "text-xl",
-  "2xl": "text-2xl",
-  "3xl": "text-3xl",
-  "4xl": "text-4xl",
-  "5xl": "text-5xl",
-  "6xl": "text-6xl",
-  "7xl": "text-7xl",
-  "8xl": "text-8xl",
-  "9xl": "text-9xl"
-}, o = {
-  normal: "font-normal",
-  medium: "font-medium",
-  semibold: "font-semibold",
-  bold: "font-bold",
-  light: "font-light"
-}, a = e(
-  "inline-flex justify-center items-center gap-2 disabled:opacity-50 aria-invalid:border-destructive focus-visible:border-ring rounded-md outline-none aria-invalid:ring-destructive/20 focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 font-medium text-sm whitespace-nowrap transition-all [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: `
-          bg-primary text-primary-foreground shadow-xs
-          hover:bg-primary/90
-        `,
-        destructive: `
-          bg-destructive text-white shadow-xs
-          hover:bg-destructive/90
-          focus-visible:ring-destructive/20
-          dark:bg-destructive/60 dark:focus-visible:ring-destructive/40
-        `,
-        outline: `
-          border bg-background shadow-xs
-          hover:bg-accent hover:text-accent-foreground
-          dark:border-input dark:bg-input/30 dark:hover:bg-input/50
-        `,
-        secondary: `
-          bg-secondary text-secondary-foreground shadow-xs
-          hover:bg-secondary/80
-        `,
-        ghost: `
-          hover:bg-accent hover:text-accent-foreground
-          dark:hover:bg-accent/50
-        `,
-        link: `
-          text-primary underline-offset-4
-          hover:underline
-        `
-      },
-      size: {
-        default: `
-          h-9 px-4 py-2
-          has-[>svg]:px-3
-        `,
-        sm: `
-          h-8 gap-1.5 rounded-md px-3
-          has-[>svg]:px-2.5
-        `,
-        lg: `
-          h-10 rounded-md px-6
-          has-[>svg]:px-4
-        `,
-        icon: "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
 export {
-  n as ALIGN_MAPPER,
-  s as JUASTIFY_MAPPER,
-  i as SIZES_MAPPER,
-  o as TEXT_WEIGHT_MAPPER,
-  r as VARIANT_MAPPER,
-  a as buttonVariants
+  i as clsx,
+  i as default
 };

package/dist/ui.es19.js

@@ -1,53 +1,135 @@
-import * as l from "react";
-import { composeRefs as m } from "./ui.es30.js";
-import { j as u } from "./ui.es16.js";
-// @__NO_SIDE_EFFECTS__
-function y(e) {
-  const t = /* @__PURE__ */ E(e), o = l.forwardRef((n, r) => {
-    const { children: i, ...a } = n, s = l.Children.toArray(i), c = s.find(g);
-    if (c) {
-      const f = c.props.children, d = s.map((p) => p === c ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
-      return /* @__PURE__ */ u.jsx(t, { ...a, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
+import { cva as e } from "./ui.es30.js";
+const r = {
+  start: "justify-start",
+  end: "justify-end",
+  center: "justify-center",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly",
+  stretch: "justify-stretch"
+}, s = {
+  start: "items-start",
+  end: "items-end",
+  center: "items-center",
+  baseline: "items-baseline",
+  stretch: "items-stretch"
+}, i = {
+  body: "font-sans",
+  heading: "font-sans",
+  caption: "font-sans"
+}, n = {
+  xs: "text-xs",
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg",
+  xl: "text-xl",
+  "2xl": "text-2xl",
+  "3xl": "text-3xl",
+  "4xl": "text-4xl",
+  "5xl": "text-5xl",
+  "6xl": "text-6xl",
+  "7xl": "text-7xl",
+  "8xl": "text-8xl",
+  "9xl": "text-9xl"
+}, o = {
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold",
+  light: "font-light"
+}, a = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6",
+  7: "grid-cols-7",
+  8: "grid-cols-8",
+  9: "grid-cols-9"
+}, d = {
+  1: "grid-rows-1",
+  2: "grid-rows-2",
+  3: "grid-rows-3",
+  4: "grid-rows-4",
+  5: "grid-rows-5",
+  6: "grid-rows-6",
+  7: "grid-rows-7",
+  8: "grid-rows-8",
+  9: "grid-rows-9"
+}, g = {
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  7: "gap-7",
+  8: "gap-8",
+  9: "gap-9"
+}, l = e(
+  "inline-flex justify-center items-center gap-2 disabled:opacity-50 aria-invalid:border-destructive focus-visible:border-ring rounded-md outline-none aria-invalid:ring-destructive/20 focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 font-medium text-sm whitespace-nowrap transition-all [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: `
+          bg-primary text-primary-foreground shadow-xs
+          hover:bg-primary/90
+        `,
+        destructive: `
+          bg-destructive text-white shadow-xs
+          hover:bg-destructive/90
+          focus-visible:ring-destructive/20
+          dark:bg-destructive/60 dark:focus-visible:ring-destructive/40
+        `,
+        outline: `
+          border bg-background shadow-xs
+          hover:bg-accent hover:text-accent-foreground
+          dark:border-input dark:bg-input/30 dark:hover:bg-input/50
+        `,
+        secondary: `
+          bg-secondary text-secondary-foreground shadow-xs
+          hover:bg-secondary/80
+        `,
+        ghost: `
+          hover:bg-accent hover:text-accent-foreground
+          dark:hover:bg-accent/50
+        `,
+        link: `
+          text-primary underline-offset-4
+          hover:underline
+        `
+      },
+      size: {
+        default: `
+          h-9 px-4 py-2
+          has-[>svg]:px-3
+        `,
+        sm: `
+          h-8 gap-1.5 rounded-md px-3
+          has-[>svg]:px-2.5
+        `,
+        lg: `
+          h-10 rounded-md px-6
+          has-[>svg]:px-4
+        `,
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
     }
-    return /* @__PURE__ */ u.jsx(t, { ...a, ref: r, children: i });
-  });
-  return o.displayName = `${e}.Slot`, o;
-}
-var j = /* @__PURE__ */ y("Slot");
-// @__NO_SIDE_EFFECTS__
-function E(e) {
-  const t = l.forwardRef((o, n) => {
-    const { children: r, ...i } = o;
-    if (l.isValidElement(r)) {
-      const a = C(r), s = R(i, r.props);
-      return r.type !== l.Fragment && (s.ref = n ? m(n, a) : a), l.cloneElement(r, s);
-    }
-    return l.Children.count(r) > 1 ? l.Children.only(null) : null;
-  });
-  return t.displayName = `${e}.SlotClone`, t;
-}
-var S = Symbol("radix.slottable");
-function g(e) {
-  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === S;
-}
-function R(e, t) {
-  const o = { ...t };
-  for (const n in t) {
-    const r = e[n], i = t[n];
-    /^on[A-Z]/.test(n) ? r && i ? o[n] = (...s) => {
-      const c = i(...s);
-      return r(...s), c;
-    } : r && (o[n] = r) : n === "style" ? o[n] = { ...r, ...i } : n === "className" && (o[n] = [r, i].filter(Boolean).join(" "));
   }
-  return { ...e, ...o };
-}
-function C(e) {
-  var n, r;
-  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
-  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
-}
+);
 export {
-  j as Root,
-  j as Slot,
-  y as createSlot
+  s as ALIGN_MAPPER,
+  a as COLUMN_NUMBER,
+  g as GAP,
+  r as JUASTIFY_MAPPER,
+  d as ROW_NUMBER,
+  n as SIZES_MAPPER,
+  o as TEXT_WEIGHT_MAPPER,
+  i as VARIANT_MAPPER,
+  l as buttonVariants
 };

package/dist/ui.es20.js

@@ -1,8 +1,53 @@
-import { clsx as o } from "./ui.es17.js";
-import { twMerge as t } from "./ui.es31.js";
-function n(...r) {
-  return t(o(r));
+import * as l from "react";
+import { composeRefs as m } from "./ui.es31.js";
+import { j as u } from "./ui.es17.js";
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const t = /* @__PURE__ */ E(e), o = l.forwardRef((n, r) => {
+    const { children: i, ...a } = n, s = l.Children.toArray(i), c = s.find(g);
+    if (c) {
+      const f = c.props.children, d = s.map((p) => p === c ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
+      return /* @__PURE__ */ u.jsx(t, { ...a, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ u.jsx(t, { ...a, ref: r, children: i });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+var j = /* @__PURE__ */ y("Slot");
+// @__NO_SIDE_EFFECTS__
+function E(e) {
+  const t = l.forwardRef((o, n) => {
+    const { children: r, ...i } = o;
+    if (l.isValidElement(r)) {
+      const a = C(r), s = R(i, r.props);
+      return r.type !== l.Fragment && (s.ref = n ? m(n, a) : a), l.cloneElement(r, s);
+    }
+    return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var S = Symbol("radix.slottable");
+function g(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === S;
+}
+function R(e, t) {
+  const o = { ...t };
+  for (const n in t) {
+    const r = e[n], i = t[n];
+    /^on[A-Z]/.test(n) ? r && i ? o[n] = (...s) => {
+      const c = i(...s);
+      return r(...s), c;
+    } : r && (o[n] = r) : n === "style" ? o[n] = { ...r, ...i } : n === "className" && (o[n] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function C(e) {
+  var n, r;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
 export {
-  n as cn
+  j as Root,
+  j as Slot,
+  y as createSlot
 };