@rootui/button 0.0.1 → 0.0.3

package/dist/base-ui/Button.d.ts

@@ -0,0 +1,98 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { ButtonProps as ButtonProps$1 } from '@base-ui/react/button';
+
+interface ButtonProps extends VariantProps<typeof button>, React.ComponentProps<'button'> {
+}
+declare const button: tailwind_variants.TVReturnType<{
+    isPending: {
+        false: string[];
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        filled: string;
+        outlined: string;
+        subtle: string;
+        transparent: string;
+    };
+    severity: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        magic: string;
+    };
+}, undefined, "button-base w-fit relative whitespace-nowrap inline-flex items-center justify-center text-center motion-safe:transition-button shrink-0", {
+    isPending: {
+        false: string[];
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        filled: string;
+        outlined: string;
+        subtle: string;
+        transparent: string;
+    };
+    severity: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        magic: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isPending: {
+        false: string[];
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        filled: string;
+        outlined: string;
+        subtle: string;
+        transparent: string;
+    };
+    severity: {
+        neutral: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        magic: string;
+    };
+}, undefined, "button-base w-fit relative whitespace-nowrap inline-flex items-center justify-center text-center motion-safe:transition-button shrink-0", unknown, unknown, undefined>>;
+declare function Button({ children, className, isPending, isDisabled, size, variant, severity, ...props }: ButtonProps & ButtonProps$1): react_jsx_runtime.JSX.Element;
+
+export { Button };

package/dist/base-ui/Button.js

@@ -0,0 +1 @@
+export { Button } from '../chunk-R76X4JK7.js';

package/dist/base-ui/index.d.ts

@@ -0,0 +1,4 @@
+export { Button } from './Button.js';
+import 'react/jsx-runtime';
+import 'tailwind-variants';
+import '@base-ui/react/button';

package/dist/base-ui/index.js

@@ -0,0 +1,2 @@
+import '../chunk-ZXORUS7M.js';
+export { Button } from '../chunk-R76X4JK7.js';

package/dist/chunk-R76X4JK7.js

@@ -0,0 +1,166 @@
+import { LoaderCircle } from 'lucide-react';
+import { defaultConfig, tv } from 'tailwind-variants';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/base-ui/Button.tsx
+defaultConfig.twMerge = false;
+var button = tv({
+  base: "button-base w-fit relative whitespace-nowrap inline-flex items-center justify-center text-center motion-safe:transition-button shrink-0",
+  variants: {
+    isPending: {
+      false: [
+        "cursor-pointer",
+        "will-change-transform",
+        "motion-safe:hover:animate-button-hover",
+        "motion-safe:active:animate-button-active"
+      ],
+      true: "pointer-events-none opacity-80"
+    },
+    isDisabled: {
+      true: "pointer-events-none opacity-40"
+    },
+    size: {
+      sm: "button-size-sm",
+      md: "button-size-md",
+      lg: "button-size-lg"
+    },
+    variant: {
+      filled: "",
+      outlined: "",
+      subtle: "",
+      transparent: ""
+    },
+    severity: {
+      neutral: "",
+      primary: "",
+      secondary: "",
+      info: "",
+      success: "",
+      warning: "",
+      danger: "",
+      magic: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "filled",
+      severity: "primary",
+      className: "text-on-primary bg-primary hover:bg-primary-hover active:bg-primary-active"
+    },
+    {
+      variant: "subtle",
+      severity: "primary",
+      className: "text-on-primary-subtle bg-primary-subtle hover:bg-primary-subtle-hover active:bg-primary-subtle-active"
+    },
+    {
+      variant: "outlined",
+      severity: "primary",
+      className: "text-primary bg-transparent outline outline-primary hover:bg-primary/5 active:bg-primary/10"
+    },
+    {
+      variant: "transparent",
+      severity: "primary",
+      className: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/15"
+    },
+    {
+      variant: "filled",
+      severity: "neutral",
+      className: "text-on-neutral bg-neutral hover:bg-neutral-hover active:bg-neutral-active"
+    },
+    {
+      variant: "subtle",
+      severity: "neutral",
+      className: "text-on-neutral-subtle bg-neutral-subtle hover:bg-neutral-subtle-hover active:bg-neutral-subtle-active"
+    },
+    {
+      variant: "outlined",
+      severity: "neutral",
+      className: "text-neutral bg-transparent outline outline-default hover:bg-neutral/15 active:bg-neutral/20"
+    },
+    {
+      variant: "transparent",
+      severity: "neutral",
+      className: "text-neutral bg-transparent hover:bg-neutral/20 active:bg-neutral/30"
+    },
+    {
+      variant: "filled",
+      severity: "info",
+      className: "text-on-info bg-info hover:bg-info-hover active:bg-info-active"
+    },
+    {
+      variant: "subtle",
+      severity: "info",
+      className: "text-on-info-subtle bg-info-subtle hover:bg-info-subtle-hover active:bg-info-subtle-active"
+    },
+    {
+      variant: "outlined",
+      severity: "info",
+      className: "text-info bg-transparent outline outline-info hover:bg-info/5 active:bg-info/10"
+    },
+    {
+      variant: "transparent",
+      severity: "info",
+      className: "text-info bg-transparent hover:bg-info/10 active:bg-info/15"
+    },
+    {
+      variant: "filled",
+      severity: "success",
+      className: "text-on-success bg-success hover:bg-success-hover active:bg-success-active"
+    },
+    {
+      variant: "subtle",
+      severity: "success",
+      className: "text-on-success-subtle bg-success-subtle hover:bg-success-subtle-hover active:bg-success-subtle-active"
+    },
+    {
+      variant: "outlined",
+      severity: "success",
+      className: "text-success bg-transparent outline outline-success hover:bg-success/5 active:bg-success/10"
+    },
+    {
+      variant: "transparent",
+      severity: "success",
+      className: "text-success bg-transparent hover:bg-success/10 active:bg-success/15"
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "filled",
+    severity: "primary",
+    isDisabled: false,
+    isPending: false
+  }
+});
+function Button({
+  children,
+  className,
+  isPending = false,
+  isDisabled = false,
+  size,
+  variant,
+  severity,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      disabled: isDisabled,
+      ...props,
+      className: twMerge(button({
+        size,
+        variant,
+        severity,
+        isDisabled,
+        isPending
+      }), className),
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: isPending ? "text-transparent select-none" : "", children }),
+        isPending && /* @__PURE__ */ jsx("span", { className: "flex absolute inset-0 justify-center items-center", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin", size: 16 }) })
+      ] })
+    }
+  );
+}
+
+export { Button };

package/dist/chunk-ZXORUS7M.js

@@ -0,0 +1 @@
+

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { Button } from './base-ui/Button.js';
+import 'react/jsx-runtime';
+import 'tailwind-variants';
+import '@base-ui/react/button';