@stackframe/stack-ui 2.5.37 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/components/ui/input-otp.d.ts +1 -0
  3. package/dist/components/ui/input-otp.js +3 -3
  4. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @stackframe/stack-ui
2
2
 
3
+ ## 2.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - @stackframe/stack-shared@2.6.1
8
+
9
+ ## 2.6.0
10
+
11
+ ### Minor Changes
12
+
13
+ - OTP login, more providers, and styling improvements
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+ - @stackframe/stack-shared@2.6.0
19
+
3
20
  ## 2.5.37
4
21
 
5
22
  ### Patch Changes
package/dist/components/ui/input-otp.d.ts CHANGED
@@ -27,6 +27,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
27
27
  declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
28
28
  declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
29
29
  index: number;
30
+ size?: "default" | "lg" | undefined;
30
31
  } & React.RefAttributes<HTMLDivElement>>;
31
32
  declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
32
33
  export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
package/dist/components/ui/input-otp.js CHANGED
@@ -6,12 +6,12 @@ import { OTPInput, OTPInputContext } from "input-otp";
6
6
  import { cn } from "../../lib/utils";
7
7
  const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsx(OTPInput, { ref: ref, containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props })));
8
8
  InputOTP.displayName = "InputOTP";
9
- const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center", className), ...props })));
9
+ const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center gap-1", className), ...props })));
10
10
  InputOTPGroup.displayName = "InputOTPGroup";
11
- const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
11
+ const InputOTPSlot = React.forwardRef(({ index, className, size = 'default', ...props }, ref) => {
12
12
  const inputOTPContext = React.useContext(OTPInputContext);
13
13
  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
14
- return (_jsxs("div", { ref: ref, className: cn("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm first:rounded-l-md first:border-l last:rounded-r-md", isActive && "z-10 ring-1 ring-ring", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
14
+ return (_jsxs("div", { ref: ref, className: cn("relative flex h-9 w-9 items-center justify-center border border-input text-sm rounded-md", size === 'lg' ? 'h-10 w-10 text-lg font-medium' : '', isActive && "z-10 ring-1 ring-ring", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
15
15
  });
16
16
  InputOTPSlot.displayName = "InputOTPSlot";
17
17
  const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => (_jsx("div", { ref: ref, role: "separator", ...props, children: _jsx(DashIcon, {}) })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stackframe/stack-ui",
3
- "version": "2.5.37",
3
+ "version": "2.6.1",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "files": [
@@ -68,7 +68,7 @@
68
68
  "react-hook-form": "^7.51.4",
69
69
  "react-resizable-panels": "^2.0.19",
70
70
  "tailwind-merge": "^2.3.0",
71
- "@stackframe/stack-shared": "2.5.37"
71
+ "@stackframe/stack-shared": "2.6.1"
72
72
  },
73
73
  "devDependencies": {
74
74
  "@types/react": "^18.2.66",