@popgrids/ui 0.0.8 → 0.0.10

package/dist/button-D4TdCwoe.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { useRender } from '@base-ui/react/use-render';
+
+interface ButtonProps extends useRender.ComponentProps<"button"> {
+  className?: string;
+  collapsed?: boolean;
+  variant?: "default" | "outline" | "primary" | "secondary" | "tertiary";
+  align?: "left" | "center" | "right";
+  outline?: boolean;
+  pill?: boolean;
+  size?: "default" | "lg";
+  theme?: "base" | "brand" | "error";
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+  nativeButton?: boolean;
+  focusableWhenDisabled?: boolean;
+}
+
+declare function Button({ className, children, collapsed, variant, align, outline, pill, size, theme, leading, trailing, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button as B, type ButtonProps as a };

package/dist/button-D4TdCwoe.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { useRender } from '@base-ui/react/use-render';
+
+interface ButtonProps extends useRender.ComponentProps<"button"> {
+  className?: string;
+  collapsed?: boolean;
+  variant?: "default" | "outline" | "primary" | "secondary" | "tertiary";
+  align?: "left" | "center" | "right";
+  outline?: boolean;
+  pill?: boolean;
+  size?: "default" | "lg";
+  theme?: "base" | "brand" | "error";
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+  nativeButton?: boolean;
+  focusableWhenDisabled?: boolean;
+}
+
+declare function Button({ className, children, collapsed, variant, align, outline, pill, size, theme, leading, trailing, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button as B, type ButtonProps as a };

package/dist/button.cjs

@@ -1,2 +1,261 @@
-'use strict';var reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),s=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var s__namespace=/*#__PURE__*/_interopNamespace(s);function u(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var y=classVarianceAuthority.cva("inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 text-foreground bg-background group/button outline-none focus-visible:border-ring-3 focus-visible:ring-ring/60 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{align:{left:"justify-start",center:"justify-center",right:"justify-end"},collapsed:{false:null,true:"min-w-10 max-w-10 justify-center"},outline:{false:null,true:""},leading:{false:null},theme:{base:"bg-foreground text-background",brand:"bg-primary-foreground text-primary",error:""},trailing:{false:null},variant:{default:"hover:bg-background/90",outline:"backdrop-blur-lg ",primary:"bg-primary-foreground/0 backdrop-blur-lg text-primary",secondary:"bg-secondary-foreground/0 backdrop-blur-lg text-secondary",tertiary:"bg-background/0 backdrop-blur-lg [--foreground:var(--color-text-text-default)]"},pill:{false:"rounded-xs",true:"rounded-full"},size:{default:"h-10 min-h-10 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-[18px]",lg:"h-12 min-h-12 text-base [&_svg:not([class*='size-'])]:size-[20px]"}},defaultVariants:{align:"center",pill:false,size:"default",theme:"brand",variant:"default"},compoundVariants:[{pill:true,size:"default",class:"min-w-10 min-h-10 px-4"},{pill:true,collapsed:true,class:"max-w-10"},{pill:true,size:"lg",class:"min-w-12 min-h-12 px-4"},{pill:true,size:"lg",collapsed:true,class:"max-w-[54px] max-h-12"},{collapsed:false,size:"default",align:"left",pill:false,class:"pr-3 pl-2"},{align:"center",collapsed:false,size:"default",pill:false,class:"px-3"},{leading:true,pill:false,align:"left",size:"default",class:"pr-3 pl-2"},{collapsed:false,size:"default",pill:true,class:"px-4"},{size:"lg",pill:true,collapsed:false,class:"px-4"},{variant:"primary",outline:true,theme:"brand",class:"ring ring-primary-foreground bg-background/0 text-primary-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1"},{variant:"primary",theme:"brand",outline:false,class:"bg-primary-foreground text-primary hover:bg-primary-foreground hover:text-primary active:bg-primary-foreground active:text-primary focus-visible:bg-primary-foreground focus-visible:text-primary"},{variant:"secondary",outline:true,theme:"base",class:"bg-background/0 text-foreground ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md"},{variant:"tertiary",outline:false,theme:"base",class:"bg-background/0 text-foreground hover:ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md"},{variant:"primary",theme:"error",class:"bg-destructive text-foreground"},{variant:"tertiary",theme:"error",class:"bg-transparent text-destructive"}]}),x=classVarianceAuthority.cva("before:content-[''] before:absolute before:inset-0 before:transition-all before:rounded-[inherit] before:pointer-events-none",{variants:{outline:{false:null},variant:{default:"",outline:"",primary:"before:bg-tint-700-reversed/0 hover:before:bg-tint-700-reversed active:before:bg-tint-700-reversed/0 disabled:before:bg-tint-900-default focus-visible:before:bg-tint-700-reversed/0",secondary:"before:bg-tint-900-default hover:before:bg-tint-800-default active:before:bg-tint-900-default disabled:before:bg-tint-900-default focus-visible:before:bg-tint-800-default",tertiary:"before:bg-tint-950-reversed hover:before:bg-tint-900-default active:before:bg-tint-950-reversed disabled:before:bg-tint-950-reversed focus-visible:before:bg-tint-950-reversed"}},defaultVariants:{outline:false,variant:"default"},compoundVariants:[{outline:true,variant:"primary",class:"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed"},{outline:true,variant:"secondary",class:"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed"}]});function R(r){let t=s__namespace.Children.toArray(r).filter(e=>e==null||typeof e=="boolean"?false:typeof e=="string"?e.trim().length>0:true);if(t.length!==1)return null;let a=t[0];return s__namespace.isValidElement(a)?a:null}function A({className:r,children:t,collapsed:a=false,variant:e="default",align:d="center",outline:i=false,pill:b=false,size:f="default",theme:g="brand",leadingElement:n,trailingElement:o,asChild:c=false,...p}){let v=c?reactSlot.Slot:"button";if(c){let m=R(t);if(!m)throw new Error("Button with `asChild` expects exactly one React element child.");return jsxRuntime.jsx(v,{"data-slot":"button",className:u(y({variant:e,size:f,align:d,outline:i,collapsed:a,pill:b,className:r,leading:!!n,theme:g,trailing:!!o}),x({variant:e,outline:i})),...p,children:m})}return jsxRuntime.jsxs(v,{"data-slot":"button",className:u(y({variant:e,size:f,align:d,outline:i,collapsed:a,pill:b,className:r,leading:!!n,theme:g,trailing:!!o}),x({variant:e,outline:i})),...p,children:[n&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:n}),t&&jsxRuntime.jsx("span",{className:"min-w-0 truncate",children:t}),o&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:o})]})}exports.Button=A;exports.buttonVariants=y;exports.tintVariants=x;//# sourceMappingURL=button.cjs.map
+'use strict';
+
+var button = require('@base-ui/react/button');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/button/button.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 text-foreground bg-background group/button outline-none focus-visible:border-ring-3 focus-visible:ring-ring/60 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      align: {
+        left: "justify-start",
+        center: "justify-center",
+        right: "justify-end"
+      },
+      collapsed: {
+        false: null,
+        true: "min-w-10 max-w-10 justify-center"
+      },
+      outline: {
+        false: null,
+        true: ""
+      },
+      hasLeading: {
+        false: null
+      },
+      theme: {
+        base: "bg-foreground text-background",
+        brand: "bg-primary-foreground text-primary",
+        error: ""
+      },
+      hasTrailing: {
+        false: null
+      },
+      variant: {
+        default: "hover:bg-background/90",
+        outline: "backdrop-blur-lg ",
+        primary: "bg-primary-foreground/0 backdrop-blur-lg text-primary",
+        secondary: "bg-secondary-foreground/0 backdrop-blur-lg text-secondary",
+        tertiary: "bg-background/0 backdrop-blur-lg [--foreground:var(--color-text-text-default)]"
+      },
+      pill: {
+        false: "rounded-xs",
+        true: "rounded-full"
+      },
+      size: {
+        default: "h-10 min-h-10 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-[18px]",
+        lg: "h-12 min-h-12 text-base [&_svg:not([class*='size-'])]:size-[20px]"
+      }
+    },
+    defaultVariants: {
+      align: "center",
+      outline: false,
+      pill: false,
+      size: "default",
+      theme: "brand",
+      variant: "default"
+    },
+    compoundVariants: [
+      {
+        pill: true,
+        size: "default",
+        class: "min-w-10 min-h-10 px-4"
+      },
+      {
+        pill: true,
+        collapsed: true,
+        class: "max-w-10"
+      },
+      {
+        pill: true,
+        size: "lg",
+        class: "min-w-12 min-h-12 px-4"
+      },
+      {
+        pill: true,
+        size: "lg",
+        collapsed: true,
+        class: "max-w-[54px] max-h-12"
+      },
+      {
+        collapsed: false,
+        size: "default",
+        align: "left",
+        pill: false,
+        class: "pr-3 pl-2"
+      },
+      {
+        align: "center",
+        collapsed: false,
+        size: "default",
+        pill: false,
+        class: "px-3"
+      },
+      {
+        hasLeading: true,
+        pill: false,
+        align: "left",
+        size: "default",
+        class: "pr-3 pl-2"
+      },
+      {
+        collapsed: false,
+        size: "default",
+        pill: true,
+        class: "px-4"
+      },
+      {
+        size: "lg",
+        pill: true,
+        collapsed: false,
+        class: "px-4"
+      },
+      {
+        variant: "primary",
+        outline: false,
+        theme: "base",
+        class: "bg-foreground text-background hover:ring-2 active:ring active:bg-background disabled:outline-none disabled:bg-black/0 disabled:text-black-alpha-600 focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-foreground focus-visible:text-background"
+      },
+      {
+        variant: "primary",
+        outline: true,
+        theme: "base",
+        class: "ring ring-foreground bg-background/0 text-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1"
+      },
+      {
+        variant: "primary",
+        outline: true,
+        theme: "brand",
+        class: "ring ring-primary-foreground bg-background/0 text-primary-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1"
+      },
+      {
+        variant: "primary",
+        theme: "brand",
+        outline: false,
+        class: "bg-primary-foreground text-primary hover:bg-primary-foreground hover:text-primary active:bg-primary-foreground active:text-primary focus-visible:bg-primary-foreground focus-visible:text-primary"
+      },
+      {
+        variant: "primary",
+        theme: "error",
+        class: "bg-destructive text-black"
+      },
+      {
+        variant: "secondary",
+        outline: false,
+        theme: "base",
+        class: "bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md"
+      },
+      {
+        variant: "secondary",
+        outline: true,
+        theme: "base",
+        class: "bg-background/0 text-foreground ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md"
+      },
+      {
+        variant: "tertiary",
+        outline: false,
+        theme: "base",
+        class: "bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md"
+      },
+      {
+        variant: "tertiary",
+        theme: "error",
+        class: "bg-transparent backdrop-blur-lg text-error-600"
+      }
+    ]
+  }
+);
+var tintVariants = classVarianceAuthority.cva(
+  "before:content-[''] before:absolute before:inset-0 before:transition-all before:rounded-[inherit] before:pointer-events-none",
+  {
+    variants: {
+      outline: {
+        false: null
+      },
+      variant: {
+        default: "",
+        outline: "",
+        primary: "before:bg-tint-700-reversed/0 hover:before:bg-tint-700-reversed active:before:bg-tint-700-reversed/0 disabled:before:bg-tint-900-default focus-visible:before:bg-tint-700-reversed/0",
+        secondary: "before:bg-tint-900-default hover:before:bg-tint-800-default active:before:bg-tint-900-default disabled:before:bg-tint-900-default focus-visible:before:bg-tint-800-default",
+        tertiary: "before:bg-tint-950-reversed hover:before:bg-tint-900-default active:before:bg-tint-950-reversed disabled:before:bg-tint-950-reversed focus-visible:before:bg-tint-950-reversed"
+      }
+    },
+    defaultVariants: {
+      outline: false,
+      variant: "default"
+    },
+    compoundVariants: [
+      {
+        outline: true,
+        variant: "primary",
+        class: "before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed"
+      },
+      {
+        outline: true,
+        variant: "secondary",
+        class: "before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed"
+      }
+    ]
+  }
+);
+function Button({
+  className,
+  children,
+  collapsed = false,
+  variant = "default",
+  align = "center",
+  outline = false,
+  pill = false,
+  size = "default",
+  theme = "brand",
+  leading,
+  trailing,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      "data-slot": "button",
+      className: cn(
+        buttonVariants({
+          variant,
+          size,
+          align,
+          outline,
+          collapsed,
+          pill,
+          className,
+          hasLeading: !!leading,
+          theme,
+          hasTrailing: !!trailing
+        }),
+        tintVariants({ variant, outline })
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        leading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group-aria-busy/button:opacity-0", children: leading }),
+        children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-[18px] truncate", children }),
+        trailing && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn("group-aria-busy/button:opacity-0", {
+              "absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2": collapsed
+            }),
+            children: trailing
+          }
+        )
+      ] })
+    }
+  );
+}
+
+exports.Button = Button;
+//# sourceMappingURL=button.cjs.map
 //# sourceMappingURL=button.cjs.map

package/dist/button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts","../src/components/button/button.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","tintVariants","getSingleElementChild","children","normalized","s","child","only","Button","className","collapsed","variant","align","outline","pill","size","theme","leadingElement","trailingElement","asChild","props","Comp","Slot","onlyChild","jsx","jsxs","Fragment"],"mappings":"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","file":"button.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 text-foreground bg-background group/button outline-none focus-visible:border-ring-3 focus-visible:ring-ring/60 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      align: {\n        left: \"justify-start\",\n        center: \"justify-center\",\n        right: \"justify-end\",\n      },\n      collapsed: {\n        false: null,\n        true: \"min-w-10 max-w-10 justify-center\",\n      },\n      outline: {\n        false: null,\n        true: \"\",\n      },\n      leading: {\n        false: null,\n      },\n      theme: {\n        base: \"bg-foreground text-background\",\n        brand: \"bg-primary-foreground text-primary\",\n        error: \"\",\n      },\n      trailing: {\n        false: null,\n      },\n      variant: {\n        default: \"hover:bg-background/90\",\n        outline: \"backdrop-blur-lg \",\n        primary: \"bg-primary-foreground/0 backdrop-blur-lg text-primary\",\n        secondary: \"bg-secondary-foreground/0 backdrop-blur-lg text-secondary\",\n        tertiary: \"bg-background/0 backdrop-blur-lg [--foreground:var(--color-text-text-default)]\",\n      },\n      pill: {\n        false: \"rounded-xs\",\n        true: \"rounded-full\",\n      },\n      size: {\n        default: \"h-10 min-h-10 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"h-12 min-h-12 text-base [&_svg:not([class*='size-'])]:size-[20px]\",\n      },\n    },\n    defaultVariants: {\n      align: \"center\",\n      pill: false,\n      size: \"default\",\n      theme: \"brand\",\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        pill: true,\n        size: \"default\",\n        class: \"min-w-10 min-h-10 px-4\",\n      },\n      {\n        pill: true,\n        collapsed: true,\n        class: \"max-w-10\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        class: \"min-w-12 min-h-12 px-4\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        collapsed: true,\n        class: \"max-w-[54px] max-h-12\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        align: \"left\",\n        pill: false,\n        class: \"pr-3 pl-2\",\n      },\n      {\n        align: \"center\",\n        collapsed: false,\n        size: \"default\",\n        pill: false,\n        class: \"px-3\",\n      },\n      {\n        leading: true,\n        pill: false,\n        align: \"left\",\n        size: \"default\",\n        class: \"pr-3 pl-2\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        pill: true,\n        class: \"px-4\",\n      },\n      {\n        size: \"lg\",\n        pill: true,\n        collapsed: false,\n        class: \"px-4\",\n      },\n      {\n        variant: \"primary\",\n        outline: true,\n        theme: \"brand\",\n        class:\n          \"ring ring-primary-foreground bg-background/0 text-primary-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"brand\",\n        outline: false,\n        class:\n          \"bg-primary-foreground text-primary hover:bg-primary-foreground hover:text-primary active:bg-primary-foreground active:text-primary focus-visible:bg-primary-foreground focus-visible:text-primary\",\n      },\n      {\n        variant: \"secondary\",\n        outline: true,\n        theme: \"base\",\n        class:\n          \"bg-background/0 text-foreground ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"tertiary\",\n        outline: false,\n        theme: \"base\",\n        class:\n          \"bg-background/0 text-foreground hover:ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"error\",\n        class: \"bg-destructive text-foreground\",\n      },\n      {\n        variant: \"tertiary\",\n        theme: \"error\",\n        class: \"bg-transparent text-destructive\",\n      },\n    ],\n  },\n);\n\nconst tintVariants = cva(\n  \"before:content-[''] before:absolute before:inset-0 before:transition-all before:rounded-[inherit] before:pointer-events-none\",\n  {\n    variants: {\n      outline: {\n        false: null,\n      },\n      variant: {\n        default: \"\",\n        outline: \"\",\n        primary:\n          \"before:bg-tint-700-reversed/0 hover:before:bg-tint-700-reversed active:before:bg-tint-700-reversed/0 disabled:before:bg-tint-900-default focus-visible:before:bg-tint-700-reversed/0\",\n        secondary:\n          \"before:bg-tint-900-default hover:before:bg-tint-800-default active:before:bg-tint-900-default disabled:before:bg-tint-900-default focus-visible:before:bg-tint-800-default\",\n        tertiary:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-900-default active:before:bg-tint-950-reversed disabled:before:bg-tint-950-reversed focus-visible:before:bg-tint-950-reversed\",\n      },\n    },\n    defaultVariants: {\n      outline: false,\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        outline: true,\n        variant: \"primary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n      {\n        outline: true,\n        variant: \"secondary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n    ],\n  },\n);\n\nfunction getSingleElementChild(children: React.ReactNode) {\n  // Tolerate JSX formatting whitespace/newlines (common with pretty indentation).\n  const normalized = React.Children.toArray(children).filter((child) => {\n    if (child === null || child === undefined) return false;\n    if (typeof child === \"boolean\") return false;\n    if (typeof child === \"string\") return child.trim().length > 0;\n    return true;\n  });\n\n  if (normalized.length !== 1) return null;\n  const only = normalized[0];\n  return React.isValidElement(only) ? only : null;\n}\n\nfunction Button({\n  className,\n  children,\n  collapsed = false,\n  variant = \"default\",\n  align = \"center\",\n  outline = false,\n  pill = false,\n  size = \"default\",\n  theme = \"brand\",\n  leadingElement,\n  trailingElement,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n    leadingElement?: React.ReactNode;\n    trailingElement?: React.ReactNode;\n  } & VariantProps<typeof tintVariants>) {\n  const Comp = asChild ? Slot : \"button\";\n\n  if (asChild) {\n    const onlyChild = getSingleElementChild(children);\n    if (!onlyChild) {\n      throw new Error(\"Button with `asChild` expects exactly one React element child.\");\n    }\n\n    return (\n      <Comp\n        data-slot=\"button\"\n        className={cn(\n          buttonVariants({\n            variant,\n            size,\n            align,\n            outline,\n            collapsed,\n            pill,\n            className,\n            leading: !!leadingElement,\n            theme,\n            trailing: !!trailingElement,\n          }),\n          tintVariants({ variant, outline }),\n        )}\n        {...props}\n      >\n        {onlyChild}\n      </Comp>\n    );\n  }\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          align,\n          outline,\n          collapsed,\n          pill,\n          className,\n          leading: !!leadingElement,\n          theme,\n          trailing: !!trailingElement,\n        }),\n        tintVariants({ variant, outline }),\n      )}\n      {...props}\n    >\n      {leadingElement && <>{leadingElement}</>}\n      {children && <span className=\"min-w-0 truncate\">{children}</span>}\n      {trailingElement && <>{trailingElement}</>}\n    </Comp>\n  );\n}\n\nexport { Button, buttonVariants, tintVariants };\n"]}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/button/button.tsx"],"names":["twMerge","clsx","cva","jsx","ButtonPrimitive","jsxs","Fragment"],"mappings":"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","file":"button.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport { ButtonProps } from \"./types\";\n\nconst buttonVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 text-foreground bg-background group/button outline-none focus-visible:border-ring-3 focus-visible:ring-ring/60 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      align: {\n        left: \"justify-start\",\n        center: \"justify-center\",\n        right: \"justify-end\",\n      },\n      collapsed: {\n        false: null,\n        true: \"min-w-10 max-w-10 justify-center\",\n      },\n      outline: {\n        false: null,\n        true: \"\",\n      },\n      hasLeading: {\n        false: null,\n      },\n      theme: {\n        base: \"bg-foreground text-background\",\n        brand: \"bg-primary-foreground text-primary\",\n        error: \"\",\n      },\n      hasTrailing: {\n        false: null,\n      },\n      variant: {\n        default: \"hover:bg-background/90\",\n        outline: \"backdrop-blur-lg \",\n        primary: \"bg-primary-foreground/0 backdrop-blur-lg text-primary\",\n        secondary: \"bg-secondary-foreground/0 backdrop-blur-lg text-secondary\",\n        tertiary: \"bg-background/0 backdrop-blur-lg [--foreground:var(--color-text-text-default)]\",\n      },\n      pill: {\n        false: \"rounded-xs\",\n        true: \"rounded-full\",\n      },\n      size: {\n        default: \"h-10 min-h-10 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"h-12 min-h-12 text-base [&_svg:not([class*='size-'])]:size-[20px]\",\n      },\n    },\n    defaultVariants: {\n      align: \"center\",\n      outline: false,\n      pill: false,\n      size: \"default\",\n      theme: \"brand\",\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        pill: true,\n        size: \"default\",\n        class: \"min-w-10 min-h-10 px-4\",\n      },\n      {\n        pill: true,\n        collapsed: true,\n        class: \"max-w-10\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        class: \"min-w-12 min-h-12 px-4\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        collapsed: true,\n        class: \"max-w-[54px] max-h-12\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        align: \"left\",\n        pill: false,\n        class: \"pr-3 pl-2\",\n      },\n      {\n        align: \"center\",\n        collapsed: false,\n        size: \"default\",\n        pill: false,\n        class: \"px-3\",\n      },\n      {\n        hasLeading: true,\n        pill: false,\n        align: \"left\",\n        size: \"default\",\n        class: \"pr-3 pl-2\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        pill: true,\n        class: \"px-4\",\n      },\n      {\n        size: \"lg\",\n        pill: true,\n        collapsed: false,\n        class: \"px-4\",\n      },\n      {\n        variant: \"primary\",\n        outline: false,\n        theme: \"base\",\n        class:\n          \"bg-foreground text-background hover:ring-2 active:ring active:bg-background disabled:outline-none disabled:bg-black/0 disabled:text-black-alpha-600 focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-foreground focus-visible:text-background\",\n      },\n      {\n        variant: \"primary\",\n        outline: true,\n        theme: \"base\",\n        class:\n          \"ring ring-foreground bg-background/0 text-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1\",\n      },\n      {\n        variant: \"primary\",\n        outline: true,\n        theme: \"brand\",\n        class:\n          \"ring ring-primary-foreground bg-background/0 text-primary-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"brand\",\n        outline: false,\n        class:\n          \"bg-primary-foreground text-primary hover:bg-primary-foreground hover:text-primary active:bg-primary-foreground active:text-primary focus-visible:bg-primary-foreground focus-visible:text-primary\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"error\",\n        class: \"bg-destructive text-black\",\n      },\n      {\n        variant: \"secondary\",\n        outline: false,\n        theme: \"base\",\n        class: \"bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"secondary\",\n        outline: true,\n        theme: \"base\",\n        class:\n          \"bg-background/0 text-foreground ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"tertiary\",\n        outline: false,\n        theme: \"base\",\n        class: \"bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"tertiary\",\n        theme: \"error\",\n        class: \"bg-transparent backdrop-blur-lg text-error-600\",\n      },\n    ],\n  },\n);\n\nconst tintVariants = cva(\n  \"before:content-[''] before:absolute before:inset-0 before:transition-all before:rounded-[inherit] before:pointer-events-none\",\n  {\n    variants: {\n      outline: {\n        false: null,\n      },\n      variant: {\n        default: \"\",\n        outline: \"\",\n        primary:\n          \"before:bg-tint-700-reversed/0 hover:before:bg-tint-700-reversed active:before:bg-tint-700-reversed/0 disabled:before:bg-tint-900-default focus-visible:before:bg-tint-700-reversed/0\",\n        secondary:\n          \"before:bg-tint-900-default hover:before:bg-tint-800-default active:before:bg-tint-900-default disabled:before:bg-tint-900-default focus-visible:before:bg-tint-800-default\",\n        tertiary:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-900-default active:before:bg-tint-950-reversed disabled:before:bg-tint-950-reversed focus-visible:before:bg-tint-950-reversed\",\n      },\n    },\n    defaultVariants: {\n      outline: false,\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        outline: true,\n        variant: \"primary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n      {\n        outline: true,\n        variant: \"secondary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n    ],\n  },\n);\n\nfunction Button({\n  className,\n  children,\n  collapsed = false,\n  variant = \"default\",\n  align = \"center\",\n  outline = false,\n  pill = false,\n  size = \"default\",\n  theme = \"brand\",\n  leading,\n  trailing,\n  ...props\n}: ButtonProps) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          align,\n          outline,\n          collapsed,\n          pill,\n          className,\n          hasLeading: !!leading,\n          theme,\n          hasTrailing: !!trailing,\n        }),\n        tintVariants({ variant, outline }),\n      )}\n      {...props}\n    >\n      <>\n        {leading && <div className=\"group-aria-busy/button:opacity-0\">{leading}</div>}\n        {children && <span className=\"min-w-[18px] truncate\">{children}</span>}\n        {trailing && (\n          <div\n            className={cn(\"group-aria-busy/button:opacity-0\", {\n              \"absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2\": collapsed,\n            })}\n          >\n            {trailing}\n          </div>\n        )}\n      </>\n    </ButtonPrimitive>\n  );\n}\n\nexport { Button };\n"]}

package/dist/button.d.cts

@@ -1,27 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-declare const buttonVariants: (props?: ({
-    align?: "left" | "center" | "right" | null | undefined;
-    collapsed?: boolean | null | undefined;
-    outline?: boolean | null | undefined;
-    leading?: boolean | null | undefined;
-    theme?: "base" | "brand" | "error" | null | undefined;
-    trailing?: boolean | null | undefined;
-    variant?: "default" | "outline" | "primary" | "secondary" | "tertiary" | null | undefined;
-    pill?: boolean | null | undefined;
-    size?: "default" | "lg" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare const tintVariants: (props?: ({
-    outline?: boolean | null | undefined;
-    variant?: "default" | "outline" | "primary" | "secondary" | "tertiary" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Button({ className, children, collapsed, variant, align, outline, pill, size, theme, leadingElement, trailingElement, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-    leadingElement?: React.ReactNode;
-    trailingElement?: React.ReactNode;
-} & VariantProps<typeof tintVariants>): react_jsx_runtime.JSX.Element;
-
-export { Button, buttonVariants, tintVariants };
+import 'react/jsx-runtime';
+export { B as Button } from './button-D4TdCwoe.cjs';
+import '@base-ui/react/use-render';

package/dist/button.d.ts

@@ -1,27 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-declare const buttonVariants: (props?: ({
-    align?: "left" | "center" | "right" | null | undefined;
-    collapsed?: boolean | null | undefined;
-    outline?: boolean | null | undefined;
-    leading?: boolean | null | undefined;
-    theme?: "base" | "brand" | "error" | null | undefined;
-    trailing?: boolean | null | undefined;
-    variant?: "default" | "outline" | "primary" | "secondary" | "tertiary" | null | undefined;
-    pill?: boolean | null | undefined;
-    size?: "default" | "lg" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare const tintVariants: (props?: ({
-    outline?: boolean | null | undefined;
-    variant?: "default" | "outline" | "primary" | "secondary" | "tertiary" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Button({ className, children, collapsed, variant, align, outline, pill, size, theme, leadingElement, trailingElement, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-    leadingElement?: React.ReactNode;
-    trailingElement?: React.ReactNode;
-} & VariantProps<typeof tintVariants>): react_jsx_runtime.JSX.Element;
-
-export { Button, buttonVariants, tintVariants };
+import 'react/jsx-runtime';
+export { B as Button } from './button-D4TdCwoe.js';
+import '@base-ui/react/use-render';