@egose/shadcn-theme 0.0.18 → 0.0.20

package/chunk-YFW7UI3E.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/ui/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Spinner } from './spinner';\n\nconst buttonVariants = cva(\n  [\n    'cursor-pointer',\n    'active:translate-y-[0.5px]',\n    'disabled:pointer-events-none',\n    'disabled:opacity-50',\n    'focus-visible:outline-none',\n    'focus-visible:ring-1',\n    'focus-visible:ring-ring',\n    'font-medium',\n    'gap-2',\n    'inline-flex',\n    'items-center',\n    'justify-center',\n    'rounded-sm',\n    'text-sm',\n    'transform',\n    'transition',\n    'transition-colors',\n    'whitespace-nowrap',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    '[&_svg]:size-4',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',\n        secondary: 'border border-secondary bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90',\n        success: 'border border-success bg-success text-success-foreground shadow-sm hover:bg-success/90',\n        warning: 'border border-warning bg-warning text-warning-foreground shadow-sm hover:bg-warning/90',\n        danger: 'border border-danger bg-danger text-danger-foreground shadow-sm hover:bg-danger/90',\n        info: 'border border-info bg-info text-info-foreground shadow-sm hover:bg-info/90',\n        light: 'border border-light bg-light text-light-foreground shadow-sm hover:bg-light/90',\n        dark: 'border border-dark bg-dark text-dark-foreground shadow-sm hover:bg-dark/90',\n        accent: 'border border-accent bg-accent text-accent-foreground shadow-sm hover:bg-accent/90',\n        destructive:\n          'border border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',\n        muted: 'border border-muted bg-muted text-muted-foreground shadow-sm hover:bg-muted/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n        ghost: 'hover:bg-light hover:text-light-foreground',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-8 rounded-sm px-3 text-xs',\n        lg: 'h-10 rounded-sm px-8',\n        icon: 'h-9 w-9',\n      },\n      outline: {\n        false: null,\n        true: '',\n      },\n      outlineFilled: {\n        false: null,\n        true: '',\n      },\n      loading: {\n        false: null,\n        true: '',\n      },\n      thin: {\n        false: null,\n        true: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      outline: false,\n      outlineFilled: false,\n      loading: false,\n      thin: false,\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nfunction getOutlineClasses(variant: any) {\n  const colors: Record<string, string> = {\n    primary: 'border-primary text-primary shadow-sm hover:bg-primary/10',\n    secondary: 'border-secondary text-secondary shadow-sm hover:bg-secondary/10',\n    success: 'border-success text-success shadow-sm hover:bg-success/10',\n    warning: 'border-warning text-warning shadow-sm hover:bg-warning/10',\n    danger: 'border-danger text-danger shadow-sm hover:bg-danger/10',\n    info: 'border-info text-info shadow-sm hover:bg-info/10',\n    light: 'border-light text-light-foreground shadow-sm hover:bg-light/10',\n    dark: 'border-dark text-dark shadow-sm hover:bg-dark/10',\n    accent: 'border-accent text-accent shadow-sm hover:bg-accent/10',\n    destructive: 'border-destructive text-destructive shadow-sm hover:bg-destructive/10',\n    muted: 'border-muted text-muted-foreground shadow-sm hover:bg-muted/10',\n  };\n\n  return colors[variant ?? 'primary'];\n}\n\nfunction getOutlineFilledClasses(variant: any) {\n  const colors: Record<string, string> = {\n    primary: 'hover:bg-primary hover:text-primary-foreground',\n    secondary: 'hover:bg-secondary hover:text-secondary-foreground',\n    success: 'hover:bg-success hover:text-success-foreground',\n    warning: 'hover:bg-warning hover:text-warning-foreground',\n    danger: 'hover:bg-danger hover:text-danger-foreground',\n    info: 'hover:bg-info hover:text-info-foreground',\n    light: 'hover:bg-light hover:text-light-foreground',\n    dark: 'hover:bg-dark hover:text-dark-foreground',\n    accent: 'hover:bg-accent hover:text-accent-foreground',\n    destructive: 'hover:bg-destructive hover:text-destructive-foreground',\n    muted: 'hover:bg-muted hover:text-muted-foreground',\n  };\n\n  return colors[variant ?? 'primary'];\n}\n\nfunction getSpinnerClasses(variant: any) {\n  const colors: Record<string, string> = {\n    primary: 'bg-primary text-primary-foreground hover:bg-primary',\n    secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary',\n    success: 'bg-success text-success-foreground hover:bg-success',\n    warning: 'bg-warning text-warning-foreground hover:bg-warning',\n    danger: 'bg-danger text-danger-foreground hover:bg-danger',\n    info: 'bg-info text-info-foreground hover:bg-info',\n    light: 'bg-light text-light-foreground hover:bg-light',\n    dark: 'bg-dark text-dark-foreground hover:bg-dark',\n    accent: 'bg-accent text-accent-foreground hover:bg-accent',\n    destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive',\n    muted: 'bg-muted text-muted-foreground hover:bg-muted',\n    link: 'text-primary',\n  };\n\n  return colors[variant ?? 'primary'];\n}\n\nfunction getOutlineSpinnerClasses(variant: any) {\n  const colors: Record<string, string> = {\n    primary: 'text-primary',\n    secondary: 'text-secondary',\n    success: 'text-success',\n    warning: 'text-warning',\n    danger: 'text-danger',\n    info: 'text-info',\n    light: 'text-light',\n    dark: 'text-dark',\n    accent: 'text-accent',\n    destructive: 'text-destructive',\n    muted: 'text-muted-foreground',\n    link: 'text-primary',\n  };\n\n  return colors[variant ?? 'primary'];\n}\n\nfunction getThinClasses(size: any) {\n  const colors: Record<string, string> = {\n    default: 'h-8 px-2 py-1',\n    sm: 'h-7 px-2 py-1',\n    lg: 'h-9 px-2 py-1',\n    icon: 'h-8 w-8',\n  };\n\n  return colors[size ?? 'default'];\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, outline, outlineFilled, loading, thin, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    let outlineClasses: string[] = [];\n    if (outline || outlineFilled) {\n      outlineClasses = ['bg-white border', getOutlineClasses(variant)];\n      if (outlineFilled) outlineClasses.push(getOutlineFilledClasses(variant));\n    }\n\n    const thinClasses = thin ? getThinClasses(size) : '';\n\n    if (loading) {\n      const { children, ...loaderProps } = props;\n      const spinnerClasses = outline || outlineFilled ? getOutlineSpinnerClasses(variant) : getSpinnerClasses(variant);\n      const loadingClasses = 'pointer-events-none';\n\n      return (\n        <Comp\n          type=\"button\"\n          className={cn(\n            buttonVariants({ variant, size, outline, className }),\n            outlineClasses,\n            thinClasses,\n            spinnerClasses,\n            loadingClasses,\n          )}\n          ref={ref}\n          {...loaderProps}\n        >\n          <div className=\"relative inline-flex items-center\">\n            <span className=\"invisible\">{children}</span>\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <Spinner className={cn(spinnerClasses, loadingClasses)} />\n            </span>\n          </div>\n        </Comp>\n      );\n    }\n\n    return (\n      <Comp\n        type=\"button\"\n        className={cn(buttonVariants({ variant, size, outline, className }), outlineClasses, thinClasses)}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"mappings":"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","names":["_a"]}