@plyaz/ui 0.7.10 → 0.7.12

package/dist/Button-B7sEajdG.js

@@ -0,0 +1,89 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Slot as o } from "@radix-ui/react-slot";
+import { cva as n } from "class-variance-authority";
+import { c as d } from "./utils-B6yFEsav.js";
+const c = n(
+  "inline-flex justify-center cursor-pointer items-center gap-1.5 aria-invalid:border-destructive focus-visible:border-ring rounded-full 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 [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: `
+          bg-primary-foreground text-background
+          cta-hover hover:opacity-90
+          disabled:bg-secondary disabled:opacity-50
+          `,
+        outline: `
+          text-secondary shadow-xs
+          border border-muted-foreground bg-background
+          hover:bg-primary
+          disabled:opacity-50
+        `,
+        secondary: `
+          text-secondary
+          cta-hover transition-all duration-300
+          disabled:text-secondary disabled:opacity-50
+        `,
+        destructive: `
+          bg-destructive text-white
+          hover:opacity-70
+          focus-visible:ring-destructive/20
+          disabled:bg-destructive disabled:opacity-40
+        `,
+        ghost: `
+          text-secondary
+          hover:shadow-sm
+          disabled:opacity-50
+        `,
+        link: `
+          text-tertiary-foreground underline-offset-4
+          disabled:opacity-50
+          `
+      },
+      size: {
+        default: `
+          h-9 px-4 py-2
+          has-[>svg]:px-3
+        `,
+        sm: `
+          h-7 gap-0.5 px-3
+          has-[>svg]:px-2.5
+        `,
+        lg: `
+          h-10 px-6
+          has-[>svg]:px-4
+        `,
+        xl: `
+          h-14 px-6
+          text-base
+          has-[>svg]:px-4
+        `,
+        icon: "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function g({
+  className: e,
+  variant: t,
+  size: i,
+  asChild: a = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    a ? o : "button",
+    {
+      "data-slot": "button",
+      className: d(c({ variant: t, size: i, className: e })),
+      ...r,
+      "data-testid": "button"
+    }
+  );
+}
+export {
+  g as B,
+  c as b
+};

package/dist/Button-BoTQH4v8.cjs

@@ -0,0 +1,39 @@
+"use strict";const o=require("react/jsx-runtime"),d=require("@radix-ui/react-slot"),c=require("class-variance-authority"),u=require("./utils-IjLH3w2e.cjs"),e=c.cva("inline-flex justify-center cursor-pointer items-center gap-1.5 aria-invalid:border-destructive focus-visible:border-ring rounded-full 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 [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",{variants:{variant:{default:`
+          bg-primary-foreground text-background
+          cta-hover hover:opacity-90
+          disabled:bg-secondary disabled:opacity-50
+          `,outline:`
+          text-secondary shadow-xs
+          border border-muted-foreground bg-background
+          hover:bg-primary
+          disabled:opacity-50
+        `,secondary:`
+          text-secondary
+          cta-hover transition-all duration-300
+          disabled:text-secondary disabled:opacity-50
+        `,destructive:`
+          bg-destructive text-white
+          hover:opacity-70
+          focus-visible:ring-destructive/20
+          disabled:bg-destructive disabled:opacity-40
+        `,ghost:`
+          text-secondary
+          hover:shadow-sm
+          disabled:opacity-50
+        `,link:`
+          text-tertiary-foreground underline-offset-4
+          disabled:opacity-50
+          `},size:{default:`
+          h-9 px-4 py-2
+          has-[>svg]:px-3
+        `,sm:`
+          h-7 gap-0.5 px-3
+          has-[>svg]:px-2.5
+        `,lg:`
+          h-10 px-6
+          has-[>svg]:px-4
+        `,xl:`
+          h-14 px-6
+          text-base
+          has-[>svg]:px-4
+        `,icon:"size-10"}},defaultVariants:{variant:"default",size:"default"}});function l({className:t,variant:i,size:s,asChild:r=!1,...a}){const n=r?d.Slot:"button";return o.jsx(n,{"data-slot":"button",className:u.cn(e({variant:i,size:s,className:t})),...a,"data-testid":"button"})}exports.Button=l;exports.buttonVariants=e;

package/dist/Skeleton-BuCmZ9yF.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),i=require("@radix-ui/react-separator"),n=require("./utils-IjLH3w2e.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const s=l(i);function c({className:t,orientation:e="horizontal",decorative:r=!0,...a}){return o.jsx(s.Root,{"data-slot":"separator",decorative:r,orientation:e,className:n.cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...a})}function u({className:t,...e}){return o.jsx("div",{"data-slot":"skeleton",className:n.cn("bg-primary animate-pulse rounded-md",t),...e})}exports.Separator=c;exports.Skeleton=u;

package/dist/Skeleton-Cj9Od_Nd.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-separator";
+import { c as r } from "./utils-B6yFEsav.js";
+function m({
+  className: a,
+  orientation: t = "horizontal",
+  decorative: i = !0,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    n.Root,
+    {
+      "data-slot": "separator",
+      decorative: i,
+      orientation: t,
+      className: r(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function d({ className: a, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: r("bg-primary animate-pulse rounded-md", a),
+      ...t
+    }
+  );
+}
+export {
+  m as S,
+  d as a
+};