@cellarnode/auth 0.13.1 → 0.13.3
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.
- package/dist/react/input-otp-slots.d.ts +3 -1
- package/dist/react/input-otp-slots.d.ts.map +1 -1
- package/dist/react/input-otp-slots.js +55 -10
- package/dist/react/input-otp-slots.js.map +1 -1
- package/dist/react/squircle-shift.d.ts.map +1 -1
- package/dist/react/squircle-shift.js +18 -4
- package/dist/react/squircle-shift.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,8 +2,10 @@ import * as React from "react";
|
|
|
2
2
|
import { OTPInput } from "input-otp";
|
|
3
3
|
export type InputOTPProps = React.ComponentProps<typeof OTPInput> & {
|
|
4
4
|
containerClassName?: string;
|
|
5
|
+
"data-invalid"?: boolean;
|
|
6
|
+
"data-shaking"?: boolean;
|
|
5
7
|
};
|
|
6
|
-
export declare function InputOTP({ containerClassName, ...props }: InputOTPProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function InputOTP({ containerClassName, "data-invalid": dataInvalid, "data-shaking": dataShaking, ...props }: InputOTPProps): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export declare function InputOTPGroup({ className, style, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
export declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
|
|
9
11
|
index: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-otp-slots.d.ts","sourceRoot":"","sources":["../../src/react/input-otp-slots.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAClE,kBAAkB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"input-otp-slots.d.ts","sourceRoot":"","sources":["../../src/react/input-otp-slots.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAClE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAoEF,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,cAAc,EAAE,WAAW,EAC3B,cAAc,EAAE,WAAW,EAC3B,GAAG,KAAK,EACT,EAAE,aAAa,2CAkCf;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,kDAuEjD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CA8B7B"}
|
|
@@ -21,6 +21,19 @@ const OTP_STYLES = `
|
|
|
21
21
|
[data-slot="input-otp-group"] > [data-slot="input-otp-slot"] {
|
|
22
22
|
border-left-width: 0;
|
|
23
23
|
}
|
|
24
|
+
[data-slot="input-otp-slot"] {
|
|
25
|
+
width: var(--input-otp-slot-width, 52px);
|
|
26
|
+
}
|
|
27
|
+
[data-slot="input-otp-root"] > [data-input-otp-container] {
|
|
28
|
+
--input-otp-slot-width: min(
|
|
29
|
+
52px,
|
|
30
|
+
calc(
|
|
31
|
+
(100cqw - var(--input-otp-separator-budget)) /
|
|
32
|
+
var(--input-otp-slot-count)
|
|
33
|
+
)
|
|
34
|
+
);
|
|
35
|
+
--input-otp-separator-width: 24px;
|
|
36
|
+
}
|
|
24
37
|
[data-slot="input-otp-group"] > [data-slot="input-otp-slot"]:first-child {
|
|
25
38
|
border-left-width: 2px;
|
|
26
39
|
border-top-left-radius: 12px;
|
|
@@ -39,19 +52,31 @@ const OTP_STYLES = `
|
|
|
39
52
|
[data-slot="input-otp-group"] > [data-slot="input-otp-slot"][data-active]:first-child {
|
|
40
53
|
margin-left: 0;
|
|
41
54
|
}
|
|
42
|
-
[data-slot="input-otp"][data-invalid] [data-slot="input-otp-slot"] {
|
|
43
|
-
border-color: var(--destructive, #ef4444);
|
|
55
|
+
[data-slot="input-otp-root"][data-invalid] [data-slot="input-otp-slot"] {
|
|
56
|
+
border-color: var(--destructive, #ef4444) !important;
|
|
44
57
|
}
|
|
45
|
-
[data-slot="input-otp"][data-invalid] [data-slot="input-otp-slot"][data-active] {
|
|
58
|
+
[data-slot="input-otp-root"][data-invalid] [data-slot="input-otp-slot"][data-active] {
|
|
46
59
|
border-color: var(--destructive, #ef4444) !important;
|
|
47
60
|
box-shadow: 0 0 0 3px color-mix(in oklab, var(--destructive, #ef4444) 20%, transparent), 0 1px 2px 0 rgba(0,0,0,0.05);
|
|
48
61
|
}
|
|
49
|
-
[data-slot="input-otp"][data-shaking] {
|
|
62
|
+
[data-slot="input-otp-root"][data-shaking] {
|
|
50
63
|
animation: otpShake 0.4s ease;
|
|
51
64
|
}
|
|
65
|
+
@media (prefers-reduced-motion: reduce) {
|
|
66
|
+
[data-slot="input-otp-root"], [data-slot="input-otp-root"] * {
|
|
67
|
+
animation: none !important;
|
|
68
|
+
transition: none !important;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
52
71
|
`;
|
|
53
|
-
export function InputOTP({ containerClassName, ...props }) {
|
|
54
|
-
|
|
72
|
+
export function InputOTP({ containerClassName, "data-invalid": dataInvalid, "data-shaking": dataShaking, ...props }) {
|
|
73
|
+
const separatorCount = countOtpSeparators(props.children);
|
|
74
|
+
const containerStyle = {
|
|
75
|
+
containerType: "inline-size",
|
|
76
|
+
"--input-otp-slot-count": props.maxLength ?? 6,
|
|
77
|
+
"--input-otp-separator-budget": `${separatorCount * 24}px`,
|
|
78
|
+
};
|
|
79
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: OTP_STYLES }), _jsx("div", { "data-slot": "input-otp-root", "data-invalid": dataInvalid ? true : undefined, "data-shaking": dataShaking ? true : undefined, className: "w-full", style: containerStyle, children: _jsx(OTPInput, { "data-slot": "input-otp", "data-invalid": dataInvalid ? true : undefined, "data-shaking": dataShaking ? true : undefined, containerClassName: clsx("flex w-full items-center has-disabled:opacity-50", containerClassName), ...props }) })] }));
|
|
55
80
|
}
|
|
56
81
|
export function InputOTPGroup({ className, style, ...props }) {
|
|
57
82
|
return (_jsx("div", { "data-slot": "input-otp-group", style: { display: "flex", alignItems: "center", ...style }, className: className, ...props }));
|
|
@@ -67,7 +92,6 @@ export function InputOTPSlot({ index, className, ...props }) {
|
|
|
67
92
|
display: "flex",
|
|
68
93
|
alignItems: "center",
|
|
69
94
|
justifyContent: "center",
|
|
70
|
-
width: "52px",
|
|
71
95
|
height: "60px",
|
|
72
96
|
fontSize: "24px",
|
|
73
97
|
fontWeight: 600,
|
|
@@ -103,13 +127,34 @@ export function InputOTPSlot({ index, className, ...props }) {
|
|
|
103
127
|
} }) }))] }));
|
|
104
128
|
}
|
|
105
129
|
export function InputOTPSeparator({ style, ...props }) {
|
|
106
|
-
return (
|
|
130
|
+
return (_jsxs("div", { "data-slot": "input-otp-separator", style: {
|
|
107
131
|
display: "flex",
|
|
108
132
|
alignItems: "center",
|
|
109
133
|
justifyContent: "center",
|
|
110
|
-
width: "24px",
|
|
134
|
+
width: "var(--input-otp-separator-width, 24px)",
|
|
111
135
|
color: "var(--muted-foreground, #94a3b8)",
|
|
112
136
|
...style,
|
|
113
|
-
}, ...props, children: _jsx(
|
|
137
|
+
}, ...props, children: [_jsx("hr", { style: {
|
|
138
|
+
position: "absolute",
|
|
139
|
+
width: "1px",
|
|
140
|
+
height: "1px",
|
|
141
|
+
padding: 0,
|
|
142
|
+
margin: "-1px",
|
|
143
|
+
overflow: "hidden",
|
|
144
|
+
clip: "rect(0, 0, 0, 0)",
|
|
145
|
+
whiteSpace: "nowrap",
|
|
146
|
+
border: 0,
|
|
147
|
+
} }), _jsx(Minus, { style: { width: "20px", height: "20px" } })] }));
|
|
148
|
+
}
|
|
149
|
+
function countOtpSeparators(children) {
|
|
150
|
+
return React.Children.toArray(children).reduce((count, child) => {
|
|
151
|
+
if (!React.isValidElement(child)) {
|
|
152
|
+
return count;
|
|
153
|
+
}
|
|
154
|
+
if (child.type === InputOTPSeparator) {
|
|
155
|
+
return count + 1;
|
|
156
|
+
}
|
|
157
|
+
return count + countOtpSeparators(child.props.children);
|
|
158
|
+
}, 0);
|
|
114
159
|
}
|
|
115
160
|
//# sourceMappingURL=input-otp-slots.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-otp-slots.js","sourceRoot":"","sources":["../../src/react/input-otp-slots.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"input-otp-slots.js","sourceRoot":"","sources":["../../src/react/input-otp-slots.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"squircle-shift.d.ts","sourceRoot":"","sources":["../../src/react/squircle-shift.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"squircle-shift.d.ts","sourceRoot":"","sources":["../../src/react/squircle-shift.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqND,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuCtD,CAAC"}
|
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React, {
|
|
3
|
+
import React, { useEffect, useMemo, useRef, useState } from "react";
|
|
4
4
|
import { Canvas, useFrame, useThree } from "@react-three/fiber";
|
|
5
5
|
import * as THREE from "three";
|
|
6
6
|
import { clsx } from "clsx";
|
|
7
|
+
function useMotionEnabled() {
|
|
8
|
+
const [isMotionEnabled, setIsMotionEnabled] = useState(false);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
11
|
+
const updateMotionPreference = () => setIsMotionEnabled(!mediaQuery.matches);
|
|
12
|
+
updateMotionPreference();
|
|
13
|
+
mediaQuery.addEventListener("change", updateMotionPreference);
|
|
14
|
+
return () => mediaQuery.removeEventListener("change", updateMotionPreference);
|
|
15
|
+
}, []);
|
|
16
|
+
return isMotionEnabled;
|
|
17
|
+
}
|
|
7
18
|
const vertexShader = /* glsl */ `
|
|
8
19
|
varying vec2 vUv;
|
|
9
20
|
void main() {
|
|
@@ -90,7 +101,7 @@ void main() {
|
|
|
90
101
|
gl_FragColor = vec4(finalColor, 1.0);
|
|
91
102
|
}
|
|
92
103
|
`;
|
|
93
|
-
function ShaderPlane({ speed, colorLayers, gridFrequency, gridIntensity, waveSpeed, waveIntensity, spiralIntensity, lineThickness, falloff, centerX, centerY, colorTint, backgroundColor, brightness, phaseOffset, }) {
|
|
104
|
+
function ShaderPlane({ isMotionEnabled, speed, colorLayers, gridFrequency, gridIntensity, waveSpeed, waveIntensity, spiralIntensity, lineThickness, falloff, centerX, centerY, colorTint, backgroundColor, brightness, phaseOffset, }) {
|
|
94
105
|
const meshRef = useRef(null);
|
|
95
106
|
const materialRef = useRef(null);
|
|
96
107
|
const { viewport } = useThree();
|
|
@@ -119,7 +130,9 @@ function ShaderPlane({ speed, colorLayers, gridFrequency, gridIntensity, waveSpe
|
|
|
119
130
|
[]);
|
|
120
131
|
useFrame((state) => {
|
|
121
132
|
if (materialRef.current) {
|
|
122
|
-
materialRef.current.uniforms.u_time.value =
|
|
133
|
+
materialRef.current.uniforms.u_time.value = isMotionEnabled
|
|
134
|
+
? state.clock.elapsedTime
|
|
135
|
+
: 0;
|
|
123
136
|
materialRef.current.uniforms.u_resolution.value.set(viewport.width * 100, viewport.height * 100);
|
|
124
137
|
materialRef.current.uniforms.u_speed.value = speed;
|
|
125
138
|
materialRef.current.uniforms.u_colorLayers.value = colorLayers;
|
|
@@ -141,8 +154,9 @@ function ShaderPlane({ speed, colorLayers, gridFrequency, gridIntensity, waveSpe
|
|
|
141
154
|
return (_jsxs("mesh", { ref: meshRef, scale: [viewport.width, viewport.height, 1], children: [_jsx("planeGeometry", { args: [1, 1] }), _jsx("shaderMaterial", { ref: materialRef, vertexShader: vertexShader, fragmentShader: fragmentShader, uniforms: uniforms })] }));
|
|
142
155
|
}
|
|
143
156
|
export const SquircleShift = ({ theme = "light", className, }) => {
|
|
157
|
+
const isMotionEnabled = useMotionEnabled();
|
|
144
158
|
const bgColor = theme === "dark" ? "#101715" : "#f6f3ec";
|
|
145
|
-
return (_jsx("div", { className: clsx("relative overflow-hidden", className), style: { width: "100%", height: "100%" }, children: _jsx(Canvas, { className: "absolute inset-0 size-full", gl: { antialias: true, alpha: false }, camera: { position: [0, 0, 1], fov: 75 }, children: _jsx(ShaderPlane, { speed: 0.3, colorLayers: 3, gridFrequency: 25, gridIntensity: 1, waveSpeed: 0.2, waveIntensity: 0.1, spiralIntensity: 1, lineThickness: 0.06, falloff: 1, centerX: 1, centerY: 1, colorTint: "#365a53", backgroundColor: bgColor, brightness: 1.5, phaseOffset: 10 }) }) }));
|
|
159
|
+
return (_jsx("div", { className: clsx("relative overflow-hidden", className), style: { width: "100%", height: "100%" }, children: _jsx(Canvas, { className: "absolute inset-0 size-full", gl: { antialias: true, alpha: false }, camera: { position: [0, 0, 1], fov: 75 }, frameloop: isMotionEnabled ? "always" : "demand", children: _jsx(ShaderPlane, { isMotionEnabled: isMotionEnabled, speed: 0.3, colorLayers: 3, gridFrequency: 25, gridIntensity: 1, waveSpeed: 0.2, waveIntensity: 0.1, spiralIntensity: 1, lineThickness: 0.06, falloff: 1, centerX: 1, centerY: 1, colorTint: "#365a53", backgroundColor: bgColor, brightness: 1.5, phaseOffset: 10 }) }) }));
|
|
146
160
|
};
|
|
147
161
|
SquircleShift.displayName = "SquircleShift";
|
|
148
162
|
//# sourceMappingURL=squircle-shift.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"squircle-shift.js","sourceRoot":"","sources":["../../src/react/squircle-shift.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"squircle-shift.js","sourceRoot":"","sources":["../../src/react/squircle-shift.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cellarnode/auth",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.3",
|
|
4
4
|
"description": "Shared OTP-based authentication — token store, API client, React UI components for CellarNode dashboards.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"scripts": {
|
|
37
37
|
"build": "tsc",
|
|
38
38
|
"prepublishOnly": "npm run build",
|
|
39
|
-
"check-exports": "npx publint && npx @arethetypeswrong/cli --pack .",
|
|
39
|
+
"check-exports": "npx publint && npx @arethetypeswrong/cli --pack . --profile esm-only",
|
|
40
40
|
"test": "vitest run",
|
|
41
41
|
"test:watch": "vitest",
|
|
42
42
|
"typecheck": "tsc --noEmit"
|