@stackframe/stack-ui 2.8.16 → 2.8.17

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stackframe/stack-ui
 
+## 2.8.17
+
+### Patch Changes
+
+- @stackframe/stack-shared@2.8.17
+
 ## 2.8.16
 
 ### Patch Changes

package/dist/components/ui/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAE/C,eAAO,MAAM,KAAK;iBAHH,MAAM,SAAS;;;EAgC7B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,UAAU,CAAA;AAEd,eAAO,MAAM,YAAY;;;iBAxCV,MAAM,SAAS;;;EA0D7B,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAE/C,eAAO,MAAM,KAAK;iBAHH,MAAM,SAAS;;;EAkC7B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,UAAU,CAAA;AAEd,eAAO,MAAM,YAAY;;;iBA1CV,MAAM,SAAS;;;EA4D7B,CAAC"}

package/dist/components/ui/input.js

@@ -5,10 +5,10 @@ import { cn } from "../../lib/utils";
 export const Input = forwardRefIfNeeded(({ className, type, prefixItem, ...props }, ref) => {
     const baseClasses = "stack-scope flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
     if (prefixItem) {
-        return (_jsxs("div", { className: "flex flex-row items-center", children: [_jsx("div", { className: 'flex self-stretch justify-center items-center text-muted-foreground pl-3 select-none bg-muted/70 pr-3 border-r border-input rounded-l-md', children: prefixItem }), _jsx("input", { type: type, className: cn(baseClasses, 'rounded-l-none', className), ref: ref, ...props })] }));
+        return (_jsxs("div", { className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20", children: [_jsx("div", { className: 'flex self-stretch justify-center items-center text-muted-foreground pl-3 select-none bg-muted/70 pr-3 border-r border-input rounded-l-md', children: prefixItem }), _jsx("input", { type: type, className: cn(baseClasses, 'rounded-l-none', className), ref: ref, ...props })] }));
     }
     else {
-        return (_jsx("input", { type: type, className: cn(baseClasses, className), ref: ref, ...props }));
+        return (_jsx("div", { className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20", children: _jsx("input", { type: type, className: cn(baseClasses, className), ref: ref, ...props }) }));
     }
 });
 Input.displayName = "Input";

package/dist/components/ui/select.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
+import React from "react";
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa;;;;EAsBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB;;EAcxB,CAAC;AAGH,QAAA,MAAM,sBAAsB;;EAc1B,CAAC;AAIH,QAAA,MAAM,aAAa;;EA6BjB,CAAC;AAGH,QAAA,MAAM,WAAW;;EASf,CAAC;AAGH,QAAA,MAAM,UAAU;;EAmBd,CAAC;AAGH,QAAA,MAAM,eAAe;;EASnB,CAAC;AAGH,OAAO,EACL,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EACvJ,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa;;;;EAsBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB;;EAcxB,CAAC;AAGH,QAAA,MAAM,sBAAsB;;EAc1B,CAAC;AAIH,QAAA,MAAM,aAAa;;EA6BjB,CAAC;AAGH,QAAA,MAAM,WAAW;;EASf,CAAC;AAGH,QAAA,MAAM,UAAU;;EAmBd,CAAC;AAGH,QAAA,MAAM,eAAe;;EASnB,CAAC;AAGH,OAAO,EACL,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EACvJ,CAAC"}

package/dist/components/ui/select.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, } from "@radix-ui/react-icons";
 import * as SelectPrimitive from "@radix-ui/react-select";
+import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { cn } from "../../lib/utils";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = forwardRefIfNeeded(({ className, children, loading, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", loading && "cursor-wait", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: loading ? (_jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-50" })) : (_jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" })) })] })));
+const SelectTrigger = forwardRefIfNeeded(({ className, children, loading, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("backdrop-blur-md bg-white/20 dark:bg-black/20 flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", loading && "cursor-wait", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: loading ? (_jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-50" })) : (_jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" })) })] })));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectScrollUpButton = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, {}) })));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack-ui",
-  "version": "2.8.16",
+  "version": "2.8.17",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
@@ -76,7 +76,7 @@
     "react-hook-form": "^7.53.1",
     "react-resizable-panels": "^2.1.6",
     "tailwind-merge": "^2.5.4",
-    "@stackframe/stack-shared": "2.8.16"
+    "@stackframe/stack-shared": "2.8.17"
   },
   "devDependencies": {
     "@types/react": "^18.2.12",