@stackshift-ui/select 7.0.0-beta.5 → 7.0.0-beta.7

package/dist/chunk-K22ZDN47.mjs

@@ -0,0 +1 @@
+import*as e from"@radix-ui/react-select";import{Check as x,ChevronDown as f,ChevronUp as I}from"lucide-react";import*as n from"react";import{cn as l,DefaultComponent as c,useStackShiftUIComponents as s}from"@stackshift-ui/system";import{jsx as r,jsxs as p}from"react/jsx-runtime";var d="Select",u="SelectTrigger",S="SelectValue",R="SelectContent",y="SelectItem",P="SelectGroup",v="SelectLabel",C="SelectSeparator",g="SelectScrollUpButton",h="SelectScrollDownButton",B=n.forwardRef(({...o},a)=>{let{[d]:t=c}=s();return r(t,{as:e.Root,ref:a,...o})});B.displayName=d;var E=n.forwardRef(({className:o,...a},t)=>{let{[P]:i=c}=s();return r(i,{as:e.Group,ref:t,className:l("p-1",o),...a})});E.displayName=P;var W=n.forwardRef(({className:o,...a},t)=>{let{[S]:i=c}=s();return r(i,{as:e.Value,ref:t,className:l("text-sm outline-none",o),...a})});W.displayName=S;var D=n.forwardRef(({className:o,children:a,...t},i)=>{let{[u]:m=c}=s();return p(m,{as:e.Trigger,ref:i,className:l("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:border-primary focus:ring-primary/50 focus:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",o),...t,children:[a,r(e.Icon,{asChild:!0,children:r(f,{className:"h-4 w-4 opacity-50"})})]})});D.displayName=u;var w=n.forwardRef(({className:o,...a},t)=>{let{[g]:i=c}=s();return r(i,{as:e.ScrollUpButton,ref:t,className:l("flex cursor-default items-center justify-center py-1",o),...a,children:r(I,{className:"h-4 w-4"})})});w.displayName=g;var N=n.forwardRef(({className:o,...a},t)=>{let{[h]:i=c}=s();return r(i,{as:e.ScrollDownButton,ref:t,className:l("flex cursor-default items-center justify-center py-1",o),...a,children:r(f,{className:"h-4 w-4"})})});N.displayName=h;var T=n.forwardRef(({className:o,children:a,position:t="popper",...i},m)=>{let{[R]:b=c}=s();return r(e.Portal,{children:p(b,{as:e.Content,ref:m,className:l("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",t==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",o),position:t,...i,children:[r(w,{}),r(e.Viewport,{className:l("p-1",t==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:a}),r(N,{})]})})});T.displayName=R;var U=n.forwardRef(({className:o,...a},t)=>{let{[v]:i=c}=s();return r(i,{as:e.Label,ref:t,className:l("py-1.5 pl-8 pr-2 text-sm font-semibold",o),...a})});U.displayName=v;var V=n.forwardRef(({className:o,children:a,...t},i)=>{let{[y]:m=c}=s();return p(m,{as:e.Item,ref:i,className:l("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),...t,children:[r("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:r(e.ItemIndicator,{children:r(x,{className:"h-4 w-4"})})}),r(e.ItemText,{children:a})]})});V.displayName=y;var G=n.forwardRef(({className:o,...a},t)=>{let{[C]:i=c}=s();return r(i,{as:e.Separator,ref:t,className:l("-mx-1 my-1 h-px bg-muted",o),...a})});G.displayName=C;export{B as a,E as b,W as c,D as d,w as e,N as f,T as g,U as h,V as i,G as j};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./select";

package/dist/index.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";var V=Object.create;var m=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var z=(e,o)=>{for(var a in o)m(e,a,{get:o[a],enumerable:!0})},d=(e,o,a,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of L(o))!j.call(e,l)&&l!==a&&m(e,l,{get:()=>o[l],enumerable:!(n=G(o,l))||n.enumerable});return e};var u=(e,o,a)=>(a=e!=null?V(k(e)):{},d(o||!e||!e.__esModule?m(a,"default",{value:e,enumerable:!0}):a,e)),q=e=>d(m({},"__esModule",{value:!0}),e);var A={};z(A,{Select:()=>x,SelectContent:()=>E,SelectGroup:()=>b,SelectItem:()=>D,SelectLabel:()=>W,SelectScrollDownButton:()=>f,SelectScrollUpButton:()=>p,SelectSeparator:()=>T,SelectTrigger:()=>B,SelectValue:()=>I});module.exports=q(A);var r=u(require("@radix-ui/react-select")),s=require("lucide-react"),c=u(require("react")),t=require("@stackshift-ui/system"),i=require("react/jsx-runtime"),S="Select",R="SelectTrigger",y="SelectValue",P="SelectContent",v="SelectItem",C="SelectGroup",g="SelectLabel",h="SelectSeparator",w="SelectScrollUpButton",N="SelectScrollDownButton",x=c.forwardRef(({...e},o)=>{let{[S]:a=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(a,{as:r.Root,ref:o,...e})});x.displayName=S;var b=c.forwardRef(({className:e,...o},a)=>{let{[C]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Group,ref:a,className:(0,t.cn)("p-1",e),...o})});b.displayName=C;var I=c.forwardRef(({className:e,...o},a)=>{let{[y]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Value,ref:a,className:(0,t.cn)("text-sm outline-none",e),...o})});I.displayName=y;var B=c.forwardRef(({className:e,children:o,...a},n)=>{let{[R]:l=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsxs)(l,{as:r.Trigger,ref:n,className:(0,t.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:border-primary focus:ring-primary/50 focus:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",e),...a,children:[o,(0,i.jsx)(r.Icon,{asChild:!0,children:(0,i.jsx)(s.ChevronDown,{className:"h-4 w-4 opacity-50"})})]})});B.displayName=R;var p=c.forwardRef(({className:e,...o},a)=>{let{[w]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.ScrollUpButton,ref:a,className:(0,t.cn)("flex cursor-default items-center justify-center py-1",e),...o,children:(0,i.jsx)(s.ChevronUp,{className:"h-4 w-4"})})});p.displayName=w;var f=c.forwardRef(({className:e,...o},a)=>{let{[N]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.ScrollDownButton,ref:a,className:(0,t.cn)("flex cursor-default items-center justify-center py-1",e),...o,children:(0,i.jsx)(s.ChevronDown,{className:"h-4 w-4"})})});f.displayName=N;var E=c.forwardRef(({className:e,children:o,position:a="popper",...n},l)=>{let{[P]:U=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(r.Portal,{children:(0,i.jsxs)(U,{as:r.Content,ref:l,className:(0,t.cn)("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",a==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:a,...n,children:[(0,i.jsx)(p,{}),(0,i.jsx)(r.Viewport,{className:(0,t.cn)("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:o}),(0,i.jsx)(f,{})]})})});E.displayName=P;var W=c.forwardRef(({className:e,...o},a)=>{let{[g]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Label,ref:a,className:(0,t.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",e),...o})});W.displayName=g;var D=c.forwardRef(({className:e,children:o,...a},n)=>{let{[v]:l=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsxs)(l,{as:r.Item,ref:n,className:(0,t.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...a,children:[(0,i.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,i.jsx)(r.ItemIndicator,{children:(0,i.jsx)(s.Check,{className:"h-4 w-4"})})}),(0,i.jsx)(r.ItemText,{children:o})]})});D.displayName=v;var T=c.forwardRef(({className:e,...o},a)=>{let{[h]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Separator,ref:a,className:(0,t.cn)("-mx-1 my-1 h-px bg-muted",e),...o})});T.displayName=h;0&&(module.exports={Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectScrollDownButton,SelectScrollUpButton,SelectSeparator,SelectTrigger,SelectValue});

package/dist/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";import{a as e,b as o,c as r,d as t,e as c,f,g as i,h as l,i as m,j as n}from"./chunk-K22ZDN47.mjs";export{e as Select,i as SelectContent,o as SelectGroup,m as SelectItem,l as SelectLabel,f as SelectScrollDownButton,c as SelectScrollUpButton,n as SelectSeparator,t as SelectTrigger,r as SelectValue};

package/dist/select.d.ts

@@ -0,0 +1,15 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+interface SelectProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<never>>;
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/select.js

@@ -0,0 +1 @@
+"use strict";var V=Object.create;var m=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var z=(e,o)=>{for(var a in o)m(e,a,{get:o[a],enumerable:!0})},d=(e,o,a,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of L(o))!j.call(e,l)&&l!==a&&m(e,l,{get:()=>o[l],enumerable:!(n=G(o,l))||n.enumerable});return e};var u=(e,o,a)=>(a=e!=null?V(k(e)):{},d(o||!e||!e.__esModule?m(a,"default",{value:e,enumerable:!0}):a,e)),q=e=>d(m({},"__esModule",{value:!0}),e);var A={};z(A,{Select:()=>b,SelectContent:()=>E,SelectGroup:()=>x,SelectItem:()=>D,SelectLabel:()=>W,SelectScrollDownButton:()=>f,SelectScrollUpButton:()=>p,SelectSeparator:()=>T,SelectTrigger:()=>B,SelectValue:()=>I});module.exports=q(A);var r=u(require("@radix-ui/react-select")),s=require("lucide-react"),c=u(require("react")),t=require("@stackshift-ui/system"),i=require("react/jsx-runtime"),S="Select",R="SelectTrigger",y="SelectValue",P="SelectContent",v="SelectItem",C="SelectGroup",g="SelectLabel",h="SelectSeparator",w="SelectScrollUpButton",N="SelectScrollDownButton",b=c.forwardRef(({...e},o)=>{let{[S]:a=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(a,{as:r.Root,ref:o,...e})});b.displayName=S;var x=c.forwardRef(({className:e,...o},a)=>{let{[C]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Group,ref:a,className:(0,t.cn)("p-1",e),...o})});x.displayName=C;var I=c.forwardRef(({className:e,...o},a)=>{let{[y]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Value,ref:a,className:(0,t.cn)("text-sm outline-none",e),...o})});I.displayName=y;var B=c.forwardRef(({className:e,children:o,...a},n)=>{let{[R]:l=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsxs)(l,{as:r.Trigger,ref:n,className:(0,t.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:border-primary focus:ring-primary/50 focus:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",e),...a,children:[o,(0,i.jsx)(r.Icon,{asChild:!0,children:(0,i.jsx)(s.ChevronDown,{className:"h-4 w-4 opacity-50"})})]})});B.displayName=R;var p=c.forwardRef(({className:e,...o},a)=>{let{[w]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.ScrollUpButton,ref:a,className:(0,t.cn)("flex cursor-default items-center justify-center py-1",e),...o,children:(0,i.jsx)(s.ChevronUp,{className:"h-4 w-4"})})});p.displayName=w;var f=c.forwardRef(({className:e,...o},a)=>{let{[N]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.ScrollDownButton,ref:a,className:(0,t.cn)("flex cursor-default items-center justify-center py-1",e),...o,children:(0,i.jsx)(s.ChevronDown,{className:"h-4 w-4"})})});f.displayName=N;var E=c.forwardRef(({className:e,children:o,position:a="popper",...n},l)=>{let{[P]:U=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(r.Portal,{children:(0,i.jsxs)(U,{as:r.Content,ref:l,className:(0,t.cn)("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",a==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:a,...n,children:[(0,i.jsx)(p,{}),(0,i.jsx)(r.Viewport,{className:(0,t.cn)("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:o}),(0,i.jsx)(f,{})]})})});E.displayName=P;var W=c.forwardRef(({className:e,...o},a)=>{let{[g]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Label,ref:a,className:(0,t.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",e),...o})});W.displayName=g;var D=c.forwardRef(({className:e,children:o,...a},n)=>{let{[v]:l=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsxs)(l,{as:r.Item,ref:n,className:(0,t.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...a,children:[(0,i.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,i.jsx)(r.ItemIndicator,{children:(0,i.jsx)(s.Check,{className:"h-4 w-4"})})}),(0,i.jsx)(r.ItemText,{children:o})]})});D.displayName=v;var T=c.forwardRef(({className:e,...o},a)=>{let{[h]:n=t.DefaultComponent}=(0,t.useStackShiftUIComponents)();return(0,i.jsx)(n,{as:r.Separator,ref:a,className:(0,t.cn)("-mx-1 my-1 h-px bg-muted",e),...o})});T.displayName=h;0&&(module.exports={Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectScrollDownButton,SelectScrollUpButton,SelectSeparator,SelectTrigger,SelectValue});

package/dist/select.mjs

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h,i,j}from"./chunk-K22ZDN47.mjs";export{a as Select,g as SelectContent,b as SelectGroup,i as SelectItem,h as SelectLabel,f as SelectScrollDownButton,e as SelectScrollUpButton,j as SelectSeparator,d as SelectTrigger,c as SelectValue};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/select",
   "description": "",
-  "version": "7.0.0-beta.5",
+  "version": "7.0.0-beta.7",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,18 +29,18 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/typescript-config": "6.0.10",
-    "@stackshift-ui/eslint-config": "6.0.10"
+    "@stackshift-ui/eslint-config": "6.0.10",
+    "@stackshift-ui/typescript-config": "6.0.10"
   },
   "dependencies": {
     "@radix-ui/react-select": "^2.2.5",
     "classnames": "^2.5.1",
     "lucide-react": "^0.468.0",
-    "@stackshift-ui/scripts": "7.0.0-beta.4",
-    "@stackshift-ui/system": "7.0.0-beta.5"
+    "@stackshift-ui/scripts": "7.0.0-beta.6",
+    "@stackshift-ui/system": "7.0.0-beta.7"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=7.0.0-beta.5",
+    "@stackshift-ui/system": ">=7.0.0-beta.7",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/select.tsx

@@ -67,7 +67,7 @@ const SelectTrigger = React.forwardRef<
       as={SelectPrimitive.Trigger}
       ref={ref}
       className={cn(
-        "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:border-primary focus:ring-primary/50 focus:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
         className,
       )}
       {...props}>