@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 3.9 kB
JavaScript
import {a as a$3}from'./chunk-MVWZMKOP.js';import {a as a$2}from'./chunk-X3G5BCY6.js';import {a as a$1}from'./chunk-M7WD2A7J.js';import {a}from'./chunk-JUNHRB4B.js';import {jsx}from'react/jsx-runtime';import {cva}from'class-variance-authority';function I({className:o,invalid:t=false,...n}){return jsx("div",{"data-slot":"input-group","data-invalid":t||void 0,role:"group",className:a("group/input-group border-input dark:bg-input/30 relative flex h-8 w-full min-w-0 items-center rounded border transition-colors outline-none","has-disabled:bg-input/50 dark:has-disabled:bg-input/80 has-disabled:opacity-50","has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-3","has-[[data-slot][aria-invalid=true]]:border-error has-[[data-slot][aria-invalid=true]]:ring-error/20 dark:has-[[data-slot][aria-invalid=true]]:ring-error/40 has-[[data-slot][aria-invalid=true]]:ring-3","data-invalid:border-error data-invalid:ring-error/20 dark:data-invalid:ring-error/40 data-invalid:ring-3","in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0","has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col","has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto","has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3","has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",o),...n})}var s=cva(["flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none","group-data-[disabled=true]/input-group:opacity-50","[&>kbd]:rounded [&>svg:not([class*='size-'])]:size-4"],{variants:{align:{"inline-start":"order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]","inline-end":"order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]","block-start":"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2","block-end":"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"}},defaultVariants:{align:"inline-start"}});function R({className:o,align:t="inline-start",...n}){return jsx("div",{"data-slot":"input-group-addon","data-align":t,className:a(s({align:t}),o),onClick:a=>{a.target.closest("button")||a.currentTarget.parentElement?.querySelector("input")?.focus();},...n})}var u=cva("flex items-center gap-2 text-sm shadow-none",{variants:{size:{xs:"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",sm:"","icon-xs":"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0","icon-sm":"size-8 p-0 has-[>svg]:p-0"}},defaultVariants:{size:"xs"}});function E({className:o,type:t="button",variant:n="ghost",size:a$2="xs",...d}){return jsx(a$1,{type:t,"data-size":a$2,variant:n,className:a(u({size:a$2}),o),...d})}function M({className:o,...t}){return jsx(a$2,{"data-slot":"input-group-control",className:a("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",o),...t})}function J({className:o,...t}){return jsx("span",{"data-slot":"input-group-text",className:a("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",o),...t})}function X({className:o,...t}){return jsx(a$3,{"data-slot":"input-group-control",className:a("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",o),...t})}export{I as a,R as b,E as c,M as d,J as e,X as f};