@plyaz/ui 0.4.1 → 0.4.2

package/dist/ui.es15.js

@@ -1,10 +1,208 @@
-import { __module as e } from "./ui.es16.js";
-import { __require as t } from "./ui.es17.js";
-import { __require as i } from "./ui.es18.js";
-var r;
-function m() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = t() : e.exports = i(), e.exports);
+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
+        `,
+        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 {
-  m as __require
+  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.es16.js

@@ -1,4 +1,5 @@
-var e = { exports: {} };
+import { __require as r } from "./ui.es25.js";
+var i = r();
 export {
-  e as __module
+  i as j
 };

package/dist/ui.es17.js

@@ -1,35 +1,17 @@
-import { __exports as e } from "./ui.es19.js";
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var s;
-function a() {
-  if (s) return e;
-  s = 1;
-  var i = Symbol.for("react.transitional.element"), _ = Symbol.for("react.fragment");
-  function o(l, r, t) {
-    var u = null;
-    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
-      t = {};
-      for (var n in r)
-        n !== "key" && (t[n] = r[n]);
-    } else t = r;
-    return r = t.ref, {
-      $$typeof: i,
-      type: l,
-      key: u,
-      ref: r !== void 0 ? r : null,
-      props: t
-    };
-  }
-  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
+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 {
-  a as __require
+  i as clsx,
+  i as default
 };

package/dist/ui.es18.js

@@ -1,247 +1,102 @@
-import { __exports as u } from "./ui.es20.js";
-import B from "react";
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var N;
-function Q() {
-  return N ? u : (N = 1, process.env.NODE_ENV !== "production" && function() {
-    function l(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === X ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case m:
-          return "Fragment";
-        case W:
-          return "Profiler";
-        case F:
-          return "StrictMode";
-        case z:
-          return "Suspense";
-        case V:
-          return "SuspenseList";
-        case G:
-          return "Activity";
+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"
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case D:
-            return "Portal";
-          case U:
-            return (e.displayName || "Context") + ".Provider";
-          case L:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case M:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case q:
-            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
-          case A:
-            r = e._payload, e = e._init;
-            try {
-              return l(e(r));
-            } catch {
-            }
-        }
-      return null;
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
     }
-    function T(e) {
-      return "" + e;
-    }
-    function v(e) {
-      try {
-        T(e);
-        var r = !1;
-      } catch {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), T(e);
-      }
-    }
-    function f(e) {
-      if (e === m) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
-        return "<...>";
-      try {
-        var r = l(e);
-        return r ? "<" + r + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function C() {
-      var e = b.A;
-      return e === null ? null : e.getOwner();
-    }
-    function p() {
-      return Error("react-stack-top-frame");
-    }
-    function x(e) {
-      if (S.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function Y(e, r) {
-      function t() {
-        w || (w = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
-        ));
-      }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
-        configurable: !0
-      });
-    }
-    function I() {
-      var e = l(this.type);
-      return P[e] || (P[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function $(e, r, t, n, c, o, E, _) {
-      return t = o.ref, e = {
-        $$typeof: g,
-        type: e,
-        key: r,
-        props: o,
-        _owner: c
-      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: I
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: E
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: _
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function O(e, r, t, n, c, o, E, _) {
-      var a = r.children;
-      if (a !== void 0)
-        if (n)
-          if (K(a)) {
-            for (n = 0; n < a.length; n++)
-              k(a[n]);
-            Object.freeze && Object.freeze(a);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else k(a);
-      if (S.call(r, "key")) {
-        a = l(e);
-        var s = Object.keys(r).filter(function(J) {
-          return J !== "key";
-        });
-        n = 0 < s.length ? "{key: someKey, " + s.join(": ..., ") + ": ...}" : "{key: someKey}", j[a + n] || (s = 0 < s.length ? "{" + s.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          n,
-          a,
-          s,
-          a
-        ), j[a + n] = !0);
-      }
-      if (a = null, t !== void 0 && (v(t), a = "" + t), x(r) && (v(r.key), a = "" + r.key), "key" in r) {
-        t = {};
-        for (var R in r)
-          R !== "key" && (t[R] = r[R]);
-      } else t = r;
-      return a && Y(
-        t,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), $(
-        e,
-        a,
-        o,
-        c,
-        C(),
-        t,
-        E,
-        _
-      );
-    }
-    function k(e) {
-      typeof e == "object" && e !== null && e.$$typeof === g && e._store && (e._store.validated = 1);
-    }
-    var i = B, g = Symbol.for("react.transitional.element"), D = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), U = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), V = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), G = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), b = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, K = Array.isArray, d = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    i = {
-      "react-stack-bottom-frame": function(e) {
-        return e();
-      }
-    };
-    var w, P = {}, y = i["react-stack-bottom-frame"].bind(
-      i,
-      p
-    )(), h = d(f(p)), j = {};
-    u.Fragment = m, u.jsx = function(e, r, t, n, c) {
-      var o = 1e4 > b.recentlyCreatedOwnerStacks++;
-      return O(
-        e,
-        r,
-        t,
-        !1,
-        n,
-        c,
-        o ? Error("react-stack-top-frame") : y,
-        o ? d(f(e)) : h
-      );
-    }, u.jsxs = function(e, r, t, n, c) {
-      var o = 1e4 > b.recentlyCreatedOwnerStacks++;
-      return O(
-        e,
-        r,
-        t,
-        !0,
-        n,
-        c,
-        o ? Error("react-stack-top-frame") : y,
-        o ? d(f(e)) : h
-      );
-    };
-  }(), u);
-}
+  }
+);
 export {
-  Q as __require
+  n as ALIGN_MAPPER,
+  s as JUASTIFY_MAPPER,
+  i as SIZES_MAPPER,
+  o as TEXT_WEIGHT_MAPPER,
+  r as VARIANT_MAPPER,
+  a as buttonVariants
 };

package/dist/ui.es19.js

@@ -1,4 +1,53 @@
-var r = {};
+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 });
+    }
+    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 {
-  r as __exports
+  j as Root,
+  j as Slot,
+  y as createSlot
 };

package/dist/ui.es2.js

@@ -1,10 +1,5 @@
-import { j as a } from "./ui.es12.js";
-const d = ({
-  children: t,
-  element: o = "div",
-  className: s = "",
-  ...r
-}) => {
+import { j as a } from "./ui.es16.js";
+const d = ({ children: t, element: o = "div", className: s = "", ...r }) => {
   const x = o;
   return /* @__PURE__ */ a.jsx(x, { className: s, ...r, "data-testid": "box", children: t });
 };