@szum-tech/design-system/dist/chunk-RHSJDTHB.js

Szum-Tech design system with tailwindcss support

import {a}from'./chunk-JUNHRB4B.js';import*as c from'react';import {Slot}from'radix-ui';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';var s=cva("border-border box-border rounded border [background-clip:padding-box] shadow-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50",{variants:{size:{default:"size-8",sm:"size-6",lg:"size-12"}},defaultVariants:{size:"default"}});function i(t){try{return typeof CSS<"u"&&typeof CSS.supports=="function"?CSS.supports("color",t):!0}catch{return  false}}function l(t){let o=t.trim().toLowerCase();return o==="transparent"||/^#(?:[0-9a-f]{4}|[0-9a-f]{8})$/i.test(o)||/\b(?:rgba|hsla)\s*\(/i.test(o)?true:/\b(?:rgb|hsl|lab|lch|oklab|oklch|color)\s*\([^)]*\/\s*[\d.]+%?\s*\)/i.test(o)}function R({color:t,size:o="default",asChild:d=false,disabled:e=false,withoutTransparency:a$1=false,className:p,style:f,...u}){let r=t?.trim(),b=c.useMemo(()=>r?i(r)?!a$1&&l(r)?{background:`linear-gradient(${r}, ${r}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 0% 50% / 10px 10px`}:{backgroundColor:r}:{backgroundColor:"transparent"}:{background:"linear-gradient(to bottom right, transparent calc(50% - 1px), hsl(var(--destructive)) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) no-repeat"},[r,a$1]),m=r?`Color swatch: ${r}`:"No color selected",g=d?Slot.Slot:"div";return jsx(g,{role:"img","aria-label":m,"aria-disabled":e||void 0,"data-disabled":e?"":void 0,"data-slot":"color-swatch",...u,className:a(s({size:o}),p),style:{...b,forcedColorAdjust:"none",...f}})}export{R as a};