@turtleclub/ui 0.7.0-beta.26 → 0.7.0-beta.27
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/.turbo/turbo-build.log +136 -136
- package/CHANGELOG.md +6 -0
- package/dist/index.cjs +31 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8448 -8396
- package/dist/index.js.map +1 -1
- package/dist/types/components/molecules/swap-input.d.ts +1 -0
- package/dist/types/components/molecules/swap-input.d.ts.map +1 -1
- package/dist/types/components/molecules/token-selector.d.ts +2 -1
- package/dist/types/components/molecules/token-selector.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/molecules/swap-input.tsx +3 -0
- package/src/components/molecules/token-selector.tsx +3 -0
|
@@ -18,6 +18,7 @@ interface SwapInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onC
|
|
|
18
18
|
onCustomTokenSelectorClick?: () => void;
|
|
19
19
|
showTokenSelectorBalance?: boolean;
|
|
20
20
|
showInputBalance?: boolean;
|
|
21
|
+
triggerTokenSelectorWidth?: number;
|
|
21
22
|
}
|
|
22
23
|
declare const SwapInput: React.ForwardRefExoticComponent<SwapInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
24
|
export { SwapInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"swap-input.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/swap-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAiB,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG7D,UAAU,cAAe,SAAQ,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACjC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"swap-input.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/swap-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAiB,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG7D,UAAU,cAAe,SAAQ,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACjC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,QAAA,MAAM,SAAS,uFAmJd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -16,7 +16,8 @@ interface TokenSelectorProps {
|
|
|
16
16
|
variant?: "default" | "bordered";
|
|
17
17
|
size?: "xs" | "sm" | "default";
|
|
18
18
|
showBalance?: boolean;
|
|
19
|
+
triggerWidth?: number;
|
|
19
20
|
}
|
|
20
|
-
declare const TokenSelector: ({ tokens, value, onValueChange, placeholder, disabled, className, variant, size, showBalance, }: TokenSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare const TokenSelector: ({ tokens, value, onValueChange, placeholder, disabled, className, variant, size, showBalance, triggerWidth, }: TokenSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export { TokenSelector, type Token };
|
|
22
23
|
//# sourceMappingURL=token-selector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/token-selector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,GAAI,
|
|
1
|
+
{"version":3,"file":"token-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/token-selector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,GAAI,+GAWpB,kBAAkB,4CAqIpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,KAAK,KAAK,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@turtleclub/ui",
|
|
3
|
-
"version": "0.7.0-beta.
|
|
3
|
+
"version": "0.7.0-beta.27",
|
|
4
4
|
"description": "shadcn/ui and custom Turtle UI components library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"vite": "^7.1.6",
|
|
85
85
|
"vite-plugin-dts": "^4.5.4"
|
|
86
86
|
},
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "117f7b3cc5ea1bcf5c2096ede86145890e8f75ab"
|
|
88
88
|
}
|
|
@@ -28,6 +28,7 @@ interface SwapInputProps extends Omit<
|
|
|
28
28
|
onCustomTokenSelectorClick?: () => void;
|
|
29
29
|
showTokenSelectorBalance?: boolean;
|
|
30
30
|
showInputBalance?: boolean;
|
|
31
|
+
triggerTokenSelectorWidth?: number;
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
const SwapInput = React.forwardRef<HTMLDivElement, SwapInputProps>(
|
|
@@ -52,6 +53,7 @@ const SwapInput = React.forwardRef<HTMLDivElement, SwapInputProps>(
|
|
|
52
53
|
onCustomTokenSelectorClick,
|
|
53
54
|
showTokenSelectorBalance = true,
|
|
54
55
|
showInputBalance = true,
|
|
56
|
+
triggerTokenSelectorWidth,
|
|
55
57
|
...props
|
|
56
58
|
},
|
|
57
59
|
ref,
|
|
@@ -134,6 +136,7 @@ const SwapInput = React.forwardRef<HTMLDivElement, SwapInputProps>(
|
|
|
134
136
|
variant="default"
|
|
135
137
|
className="rounded-full"
|
|
136
138
|
showBalance={showTokenSelectorBalance}
|
|
139
|
+
triggerWidth={triggerTokenSelectorWidth}
|
|
137
140
|
/>
|
|
138
141
|
))}
|
|
139
142
|
</div>
|
|
@@ -28,6 +28,7 @@ interface TokenSelectorProps {
|
|
|
28
28
|
variant?: "default" | "bordered";
|
|
29
29
|
size?: "xs" | "sm" | "default";
|
|
30
30
|
showBalance?: boolean;
|
|
31
|
+
triggerWidth?: number;
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
const TokenSelector = ({
|
|
@@ -40,6 +41,7 @@ const TokenSelector = ({
|
|
|
40
41
|
variant = "bordered",
|
|
41
42
|
size = "default",
|
|
42
43
|
showBalance = true,
|
|
44
|
+
triggerWidth,
|
|
43
45
|
}: TokenSelectorProps) => {
|
|
44
46
|
// Auto-select first token if no value is provided and tokens exist
|
|
45
47
|
const effectiveValue =
|
|
@@ -81,6 +83,7 @@ const TokenSelector = ({
|
|
|
81
83
|
<SelectTrigger
|
|
82
84
|
// variant={variant}
|
|
83
85
|
// size={size}
|
|
86
|
+
style={triggerWidth ? { width: `${triggerWidth}px` } : undefined}
|
|
84
87
|
className={cn(
|
|
85
88
|
"bg-muted hover:bg-muted/80 w-auto min-w-[80px] rounded-md font-medium",
|
|
86
89
|
"focus:ring-primary/20 focus:ring-2 focus:outline-none",
|