@showwhat/configurator 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -1,10 +1,8 @@
 import { Condition, Definition, Definitions, Variation, Presets, ConditionEvaluator, Resolution } from 'showwhat';
 import { ClassValue } from 'clsx';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
 import React__default, { Component, ReactNode, ErrorInfo, ComponentType } from 'react';
-import { VariantProps } from 'class-variance-authority';
 import { Select as Select$1, Separator as Separator$1, ScrollArea as ScrollArea$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, Switch as Switch$1, Popover as Popover$1, Tabs as Tabs$1 } from 'radix-ui';
 
 type DefinitionListProps = {
@@ -115,11 +113,34 @@ declare const BUILTIN_CONDITION_TYPES: ConditionTypeMeta[];
 declare const CONDITION_TYPE_MAP: Map<string, ConditionTypeMeta>;
 declare function getConditionMeta(type: string): ConditionTypeMeta | undefined;
 
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "sm" | "default" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ref, ...props }: React__default.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+declare const buttonVariantStyles: {
+    readonly default: "bg-primary text-primary-foreground hover:bg-primary/90";
+    readonly destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40";
+    readonly 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";
+    readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80";
+    readonly ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50";
+    readonly link: "text-primary underline-offset-4 hover:underline";
+};
+declare const buttonSizeStyles: {
+    readonly default: "h-9 px-4 py-2 has-[>svg]:px-3";
+    readonly xs: "h-6 gap-1 rounded px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3";
+    readonly sm: "h-8 gap-1.5 rounded px-3 has-[>svg]:px-2.5";
+    readonly lg: "h-10 rounded px-6 has-[>svg]:px-4";
+    readonly icon: "size-9";
+    readonly "icon-xs": "size-6 rounded [&_svg:not([class*='size-'])]:size-3";
+    readonly "icon-sm": "size-8";
+    readonly "icon-lg": "size-10";
+};
+type ButtonVariant = keyof typeof buttonVariantStyles;
+type ButtonSize = keyof typeof buttonSizeStyles;
+declare function buttonVariants(opts?: {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+}): string;
+declare function Button({ className, variant, size, asChild, ref, ...props }: React__default.ComponentProps<"button"> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -136,10 +157,21 @@ declare function SelectLabel({ className, ...props }: React__default.ComponentPr
 declare function SelectItem({ className, children, ...props }: React__default.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
 declare function SelectSeparator({ className, ...props }: React__default.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
 
-declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React__default.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+declare const badgeVariantStyles: {
+    readonly default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90";
+    readonly secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90";
+    readonly destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90";
+    readonly outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
+    readonly ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
+    readonly link: "text-primary underline-offset-4 [a&]:hover:underline";
+};
+type BadgeVariant = keyof typeof badgeVariantStyles;
+declare function badgeVariants(opts?: {
+    variant?: BadgeVariant;
+    className?: string;
+}): string;
+declare function Badge({ className, variant, asChild, ...props }: React__default.ComponentProps<"span"> & {
+    variant?: BadgeVariant;
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -275,27 +275,20 @@ function OperatorSelect({ value, onChange, options, disabled }) {
 import { useCallback, useState } from "react";
 
 // src/components/ui/badge.tsx
-import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var badgeVariants = cva(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
-        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 [a&]:hover:underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
+var badgeBase = "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3";
+var badgeVariantStyles = {
+  default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+  secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+  destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+  outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+  ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+  link: "text-primary underline-offset-4 [a&]:hover:underline"
+};
+function badgeVariants(opts) {
+  return cn(badgeBase, badgeVariantStyles[opts?.variant ?? "default"], opts?.className);
+}
 function Badge({
   className,
   variant = "default",
@@ -910,38 +903,35 @@ function getConditionMeta(type) {
 }
 
 // src/components/ui/button.tsx
-import { cva as cva2 } from "class-variance-authority";
 import { Slot as Slot2 } from "radix-ui";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var buttonVariants = cva2(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:cursor-pointer",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white 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 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",
-        xs: "h-6 gap-1 rounded px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
+var buttonBase = "inline-flex shrink-0 items-center justify-center gap-2 rounded text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:cursor-pointer";
+var buttonVariantStyles = {
+  default: "bg-primary text-primary-foreground hover:bg-primary/90",
+  destructive: "bg-destructive text-white 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 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"
+};
+var buttonSizeStyles = {
+  default: "h-9 px-4 py-2 has-[>svg]:px-3",
+  xs: "h-6 gap-1 rounded px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+  sm: "h-8 gap-1.5 rounded px-3 has-[>svg]:px-2.5",
+  lg: "h-10 rounded px-6 has-[>svg]:px-4",
+  icon: "size-9",
+  "icon-xs": "size-6 rounded [&_svg:not([class*='size-'])]:size-3",
+  "icon-sm": "size-8",
+  "icon-lg": "size-10"
+};
+function buttonVariants(opts) {
+  return cn(
+    buttonBase,
+    buttonVariantStyles[opts?.variant ?? "default"],
+    buttonSizeStyles[opts?.size ?? "default"],
+    opts?.className
+  );
+}
 function Button({
   className,
   variant = "default",