@luxfi/ui 7.4.15 → 8.0.0
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/LICENSE.md +21 -0
- package/dist/accordion.d.ts +10 -12
- package/dist/accordion.d.ts.map +1 -0
- package/dist/alert.cjs +7 -11
- package/dist/alert.d.ts +4 -5
- package/dist/alert.d.ts.map +1 -0
- package/dist/alert.js +1 -5
- package/dist/auth.d.ts +11 -13
- package/dist/auth.d.ts.map +1 -0
- package/dist/avatar.d.ts +5 -6
- package/dist/avatar.d.ts.map +1 -0
- package/dist/badge.cjs +7 -11
- package/dist/badge.d.ts +7 -8
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +1 -5
- package/dist/bank.d.ts +38 -43
- package/dist/bank.d.ts.map +1 -0
- package/dist/button.cjs +7 -11
- package/dist/button.d.ts +8 -9
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +1 -5
- package/dist/checkbox.d.ts +6 -7
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/chrome.cjs +4 -8
- package/dist/chrome.d.ts +15 -19
- package/dist/chrome.d.ts.map +1 -0
- package/dist/chrome.js +1 -5
- package/dist/close-button.d.ts +3 -5
- package/dist/close-button.d.ts.map +1 -0
- package/dist/collapsible.cjs +19 -23
- package/dist/collapsible.d.ts +11 -13
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +1 -5
- package/dist/color-mode.d.ts +7 -9
- package/dist/color-mode.d.ts.map +1 -0
- package/dist/dialog.cjs +7 -11
- package/dist/dialog.d.ts +50 -54
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +1 -5
- package/dist/drawer.d.ts +33 -38
- package/dist/drawer.d.ts.map +1 -0
- package/dist/empty-state.d.ts +4 -6
- package/dist/empty-state.d.ts.map +1 -0
- package/dist/engine.d.ts +35 -0
- package/dist/engine.d.ts.map +1 -0
- package/dist/expiration-selector.d.ts +4 -6
- package/dist/expiration-selector.d.ts.map +1 -0
- package/dist/field.d.ts +5 -7
- package/dist/field.d.ts.map +1 -0
- package/dist/greeks-display.d.ts +3 -5
- package/dist/greeks-display.d.ts.map +1 -0
- package/dist/gui.d.ts +1 -1
- package/dist/gui.d.ts.map +1 -0
- package/dist/heading.d.ts +4 -6
- package/dist/heading.d.ts.map +1 -0
- package/dist/iam.d.ts +10 -12
- package/dist/iam.d.ts.map +1 -0
- package/dist/icon-button.cjs +7 -11
- package/dist/icon-button.d.ts +4 -5
- package/dist/icon-button.d.ts.map +1 -0
- package/dist/icon-button.js +1 -5
- package/dist/icons.d.ts +1 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/identity.d.ts +9 -11
- package/dist/identity.d.ts.map +1 -0
- package/dist/image.cjs +8 -12
- package/dist/image.d.ts +10 -11
- package/dist/image.d.ts.map +1 -0
- package/dist/image.js +1 -5
- package/dist/index.cjs +65 -66
- package/dist/index.d.ts +86 -60
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -9
- package/dist/ink.d.ts +14 -0
- package/dist/ink.d.ts.map +1 -0
- package/dist/input-group.d.ts +4 -6
- package/dist/input-group.d.ts.map +1 -0
- package/dist/input.d.ts +8 -9
- package/dist/input.d.ts.map +1 -0
- package/dist/link.cjs +19 -23
- package/dist/link.d.ts +9 -11
- package/dist/link.d.ts.map +1 -0
- package/dist/link.js +1 -5
- package/dist/lux.config.d.ts +521 -524
- package/dist/lux.config.d.ts.map +1 -0
- package/dist/menu.d.ts +30 -31
- package/dist/menu.d.ts.map +1 -0
- package/dist/next.d.ts +5 -7
- package/dist/next.d.ts.map +1 -0
- package/dist/option-chain.d.ts +6 -8
- package/dist/option-chain.d.ts.map +1 -0
- package/dist/option-position.d.ts +4 -6
- package/dist/option-position.d.ts.map +1 -0
- package/dist/pin-input.cjs +1 -1
- package/dist/pin-input.d.ts +3 -5
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +1 -1
- package/dist/pnl-diagram.d.ts +5 -6
- package/dist/pnl-diagram.d.ts.map +1 -0
- package/dist/popover.cjs +9 -13
- package/dist/popover.d.ts +24 -25
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +1 -5
- package/dist/progress-circle.cjs +2 -6
- package/dist/progress-circle.d.ts +8 -9
- package/dist/progress-circle.d.ts.map +1 -0
- package/dist/progress-circle.js +1 -5
- package/dist/progress.d.ts +3 -4
- package/dist/progress.d.ts.map +1 -0
- package/dist/provider.d.ts +8 -10
- package/dist/provider.d.ts.map +1 -0
- package/dist/radio.d.ts +6 -7
- package/dist/radio.d.ts.map +1 -0
- package/dist/rating.d.ts +3 -5
- package/dist/rating.d.ts.map +1 -0
- package/dist/select.cjs +16 -20
- package/dist/select.d.ts +38 -41
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +1 -5
- package/dist/separator.d.ts +5 -6
- package/dist/separator.d.ts.map +1 -0
- package/dist/skeleton.cjs +7 -11
- package/dist/skeleton.d.ts +9 -12
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +1 -5
- package/dist/slider.cjs +1 -1
- package/dist/slider.d.ts +3 -5
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +1 -1
- package/dist/strategy-builder.d.ts +6 -8
- package/dist/strategy-builder.d.ts.map +1 -0
- package/dist/switch.cjs +1 -1
- package/dist/switch.d.ts +3 -5
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +1 -1
- package/dist/table.cjs +30 -34
- package/dist/table.d.ts +23 -25
- package/dist/table.d.ts.map +1 -0
- package/dist/table.js +1 -5
- package/dist/tabs.d.ts +12 -13
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tag.cjs +7 -11
- package/dist/tag.d.ts +4 -5
- package/dist/tag.d.ts.map +1 -0
- package/dist/tag.js +1 -5
- package/dist/textarea.d.ts +5 -6
- package/dist/textarea.d.ts.map +1 -0
- package/dist/toaster.d.ts +4 -5
- package/dist/toaster.d.ts.map +1 -0
- package/dist/tooltip.d.ts +3 -5
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/use-narrow.d.ts +6 -7
- package/dist/use-narrow.d.ts.map +1 -0
- package/dist/utils/cn.d.ts +2 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils.cjs +6 -7
- package/dist/utils.d.ts +13 -5
- package/dist/utils.d.ts.map +1 -0
- package/dist/utils.js +1 -9
- package/dist/vite.d.ts +3 -3
- package/dist/vite.d.ts.map +1 -0
- package/dist/white-label.d.ts +12 -12
- package/dist/white-label.d.ts.map +1 -0
- package/package.json +19 -17
- package/src/pin-input.tsx +1 -1
- package/src/slider.tsx +1 -1
- package/src/switch.tsx +1 -1
- package/src/utils/cn.ts +3 -7
- package/src/utils.ts +12 -6
- package/tokens.css +11 -0
- package/dist/accordion.d.cts +0 -41
- package/dist/alert.d.cts +0 -30
- package/dist/auth.d.cts +0 -80
- package/dist/avatar.d.cts +0 -25
- package/dist/badge.d.cts +0 -19
- package/dist/bank.d.cts +0 -83
- package/dist/button.d.cts +0 -51
- package/dist/checkbox.d.cts +0 -32
- package/dist/chrome.d.cts +0 -93
- package/dist/close-button.d.cts +0 -9
- package/dist/collapsible.d.cts +0 -24
- package/dist/color-mode.d.cts +0 -25
- package/dist/dialog.d.cts +0 -118
- package/dist/drawer.d.cts +0 -69
- package/dist/empty-state.d.cts +0 -13
- package/dist/expiration-selector.d.cts +0 -16
- package/dist/field.d.cts +0 -23
- package/dist/greeks-display.d.cts +0 -14
- package/dist/gui.d.cts +0 -2
- package/dist/heading.d.cts +0 -8
- package/dist/iam.d.cts +0 -65
- package/dist/icon-button.d.cts +0 -37
- package/dist/icons.d.cts +0 -1
- package/dist/identity.d.cts +0 -64
- package/dist/image.d.cts +0 -57
- package/dist/index.d.cts +0 -60
- package/dist/input-group.d.cts +0 -17
- package/dist/input.d.cts +0 -37
- package/dist/link.d.cts +0 -37
- package/dist/lux.config.d.cts +0 -981
- package/dist/menu.d.cts +0 -68
- package/dist/next.d.cts +0 -32
- package/dist/option-chain.d.cts +0 -37
- package/dist/option-position.d.cts +0 -29
- package/dist/pin-input.d.cts +0 -25
- package/dist/pnl-diagram.d.cts +0 -11
- package/dist/popover.d.cts +0 -73
- package/dist/progress-circle.d.cts +0 -47
- package/dist/progress.d.cts +0 -28
- package/dist/provider.d.cts +0 -25
- package/dist/radio.d.cts +0 -53
- package/dist/rating.d.cts +0 -14
- package/dist/select.d.cts +0 -161
- package/dist/separator.d.cts +0 -13
- package/dist/skeleton.d.cts +0 -76
- package/dist/slider.d.cts +0 -24
- package/dist/strategy-builder.d.cts +0 -26
- package/dist/switch.d.cts +0 -27
- package/dist/table.d.cts +0 -107
- package/dist/tabs.d.cts +0 -34
- package/dist/tag.d.cts +0 -21
- package/dist/textarea.d.cts +0 -13
- package/dist/toaster.d.cts +0 -28
- package/dist/tooltip.d.cts +0 -38
- package/dist/use-narrow.d.cts +0 -12
- package/dist/utils.d.cts +0 -5
- package/dist/vite.d.cts +0 -29
- package/dist/white-label.d.cts +0 -59
package/dist/icon-button.js
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { styled, View } from '@hanzo/gui';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
import { cn } from '@hanzo/ui';
|
|
6
5
|
import { jsx } from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
// src/icon-button.tsx
|
|
9
|
-
function cn(...inputs) {
|
|
10
|
-
return twMerge(clsx(inputs));
|
|
11
|
-
}
|
|
12
8
|
var SHIM_PROPS = [
|
|
13
9
|
"w",
|
|
14
10
|
"h",
|
package/dist/icons.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAiBA,cAAc,cAAc,CAAC"}
|
package/dist/identity.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { IamAccount, IamOrg, IamProject } from './iam
|
|
3
|
-
import { WhiteLabel } from './white-label
|
|
4
|
-
|
|
5
|
-
type IdentityStatus = 'loading' | 'anonymous' | 'ready' | 'error';
|
|
2
|
+
import { type IamAccount, type IamOrg, type IamProject } from './iam';
|
|
3
|
+
import type { WhiteLabel } from './white-label';
|
|
4
|
+
export type IdentityStatus = 'loading' | 'anonymous' | 'ready' | 'error';
|
|
6
5
|
/**
|
|
7
6
|
* How the chrome gets a bearer and moves the user in and out of a session.
|
|
8
7
|
*
|
|
@@ -14,7 +13,7 @@ type IdentityStatus = 'loading' | 'anonymous' | 'ready' | 'error';
|
|
|
14
13
|
* The bearer itself needs no wiring: the default reads the SDK's own token
|
|
15
14
|
* store, so there is exactly one token and one refresh timer per surface.
|
|
16
15
|
*/
|
|
17
|
-
interface IdentityAuth {
|
|
16
|
+
export interface IdentityAuth {
|
|
18
17
|
/** The IAM access token. Defaults to the `@hanzo/iam` SDK's token store. */
|
|
19
18
|
readonly token?: () => string | null | Promise<string | null>;
|
|
20
19
|
/** Start a sign-in. */
|
|
@@ -22,7 +21,7 @@ interface IdentityAuth {
|
|
|
22
21
|
/** End the session. */
|
|
23
22
|
readonly signOut?: () => void;
|
|
24
23
|
}
|
|
25
|
-
interface Identity {
|
|
24
|
+
export interface Identity {
|
|
26
25
|
readonly status: IdentityStatus;
|
|
27
26
|
/** The signed-in principal, or null. */
|
|
28
27
|
readonly account: IamAccount | null;
|
|
@@ -44,14 +43,14 @@ interface Identity {
|
|
|
44
43
|
readonly signOut: () => void;
|
|
45
44
|
readonly reload: () => void;
|
|
46
45
|
}
|
|
47
|
-
interface IdentityProviderProps {
|
|
46
|
+
export interface IdentityProviderProps {
|
|
48
47
|
readonly children: React.ReactNode;
|
|
49
48
|
/** Bearer + sign-in/out. Defaults to the `@hanzo/iam` token store. */
|
|
50
49
|
readonly auth?: IdentityAuth;
|
|
51
50
|
/** Where sign-in goes when `auth.signIn` is not supplied. */
|
|
52
51
|
readonly loginPath?: string;
|
|
53
52
|
}
|
|
54
|
-
declare const IdentityProvider: ({ children, auth, loginPath, }: IdentityProviderProps) => React.ReactElement;
|
|
53
|
+
export declare const IdentityProvider: ({ children, auth, loginPath, }: IdentityProviderProps) => React.ReactElement;
|
|
55
54
|
/**
|
|
56
55
|
* The current identity.
|
|
57
56
|
*
|
|
@@ -59,6 +58,5 @@ declare const IdentityProvider: ({ children, auth, loginPath, }: IdentityProvide
|
|
|
59
58
|
* throwing: chrome that renders before a surface has wired identity should
|
|
60
59
|
* offer sign-in, not crash the page.
|
|
61
60
|
*/
|
|
62
|
-
declare function useIdentity(): Identity;
|
|
63
|
-
|
|
64
|
-
export { type Identity, type IdentityAuth, IdentityProvider, type IdentityProviderProps, type IdentityStatus, useIdentity };
|
|
61
|
+
export declare function useIdentity(): Identity;
|
|
62
|
+
//# sourceMappingURL=identity.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"identity.d.ts","sourceRoot":"","sources":["../src/identity.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,MAAM,EACX,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAiBhD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,YAAY;IAC3B,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9D,uBAAuB;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uBAAuB;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,wCAAwC;IACxC,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,8CAA8C;IAC9C,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,oEAAoE;IACpE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,+DAA+D;IAC/D,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,yDAAyD;IACzD,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B;AA6DD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sEAAsE;IACtE,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,6DAA6D;IAC7D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,GAAI,gCAI9B,qBAAqB,KAAG,KAAK,CAAC,YAiJhC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,QAAQ,CAqBtC"}
|
package/dist/image.cjs
CHANGED
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var React2 = require('react');
|
|
5
|
-
var
|
|
6
|
-
var tailwindMerge = require('tailwind-merge');
|
|
5
|
+
var ui = require('@hanzo/ui');
|
|
7
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
7
|
|
|
9
8
|
function _interopNamespace(e) {
|
|
@@ -27,9 +26,6 @@ function _interopNamespace(e) {
|
|
|
27
26
|
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
|
|
28
27
|
|
|
29
28
|
// src/image.tsx
|
|
30
|
-
function cn(...inputs) {
|
|
31
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
32
|
-
}
|
|
33
29
|
var SHIM_PROPS = [
|
|
34
30
|
"w",
|
|
35
31
|
"h",
|
|
@@ -152,7 +148,7 @@ var Skeleton = React2__namespace.forwardRef(
|
|
|
152
148
|
const shimStyle = shimToStyle(props);
|
|
153
149
|
const mergedStyle = Object.keys(shimStyle).length > 0 || styleProp ? { ...shimStyle, ...styleProp } : void 0;
|
|
154
150
|
const hideBelowClass = props.hideBelow ? HIDE_BELOW_MAP[props.hideBelow] : void 0;
|
|
155
|
-
const cls = hideBelowClass ? cn(className, hideBelowClass) : className;
|
|
151
|
+
const cls = hideBelowClass ? ui.cn(className, hideBelowClass) : className;
|
|
156
152
|
const htmlRest = stripShims(allRest);
|
|
157
153
|
if (!loading) {
|
|
158
154
|
if (asChild && React2__namespace.isValidElement(children)) return children;
|
|
@@ -164,7 +160,7 @@ var Skeleton = React2__namespace.forwardRef(
|
|
|
164
160
|
{
|
|
165
161
|
ref,
|
|
166
162
|
"data-loading": true,
|
|
167
|
-
className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
|
|
163
|
+
className: ui.cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
|
|
168
164
|
style: mergedStyle,
|
|
169
165
|
...htmlRest,
|
|
170
166
|
children
|
|
@@ -176,7 +172,7 @@ var Skeleton = React2__namespace.forwardRef(
|
|
|
176
172
|
{
|
|
177
173
|
ref,
|
|
178
174
|
"data-loading": true,
|
|
179
|
-
className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
|
|
175
|
+
className: ui.cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
|
|
180
176
|
style: mergedStyle,
|
|
181
177
|
...htmlRest,
|
|
182
178
|
children
|
|
@@ -193,7 +189,7 @@ React2__namespace.forwardRef(
|
|
|
193
189
|
{
|
|
194
190
|
ref,
|
|
195
191
|
loading,
|
|
196
|
-
className: cn("rounded-full shrink-0", className),
|
|
192
|
+
className: ui.cn("rounded-full shrink-0", className),
|
|
197
193
|
style: { width: dimension, height: dimension, ...rest.style },
|
|
198
194
|
...rest
|
|
199
195
|
}
|
|
@@ -203,11 +199,11 @@ React2__namespace.forwardRef(
|
|
|
203
199
|
React2__namespace.forwardRef(
|
|
204
200
|
function SkeletonText2(props, ref) {
|
|
205
201
|
const { noOfLines = 3, loading = true, className, ...rest } = props;
|
|
206
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
202
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: ui.cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
207
203
|
Skeleton,
|
|
208
204
|
{
|
|
209
205
|
loading,
|
|
210
|
-
className: cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
|
|
206
|
+
className: ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
|
|
211
207
|
},
|
|
212
208
|
index
|
|
213
209
|
)) });
|
|
@@ -409,7 +405,7 @@ var Image = React2__namespace.default.forwardRef(
|
|
|
409
405
|
alt: alt || "",
|
|
410
406
|
onError: handleLoadError,
|
|
411
407
|
onLoad: handleLoadSuccess,
|
|
412
|
-
className: cn(className),
|
|
408
|
+
className: ui.cn(className),
|
|
413
409
|
style: mergedStyle,
|
|
414
410
|
...extraProps
|
|
415
411
|
}
|
package/dist/image.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
3
2
|
type CSSValue = string | number | undefined;
|
|
4
3
|
type ResponsiveValue<T> = T | {
|
|
5
4
|
base?: T;
|
|
@@ -40,18 +39,18 @@ interface StyleProps {
|
|
|
40
39
|
overflow?: CSSValue;
|
|
41
40
|
cursor?: CSSValue;
|
|
42
41
|
}
|
|
43
|
-
interface ImageProps extends StyleProps {
|
|
42
|
+
export interface ImageProps extends StyleProps {
|
|
44
43
|
readonly className?: string;
|
|
45
44
|
readonly src?: string;
|
|
46
45
|
readonly alt?: string;
|
|
47
|
-
readonly style?:
|
|
48
|
-
readonly fallback?:
|
|
49
|
-
readonly onClick?:
|
|
50
|
-
readonly onLoad?:
|
|
51
|
-
readonly onError?:
|
|
46
|
+
readonly style?: React.CSSProperties;
|
|
47
|
+
readonly fallback?: React.ReactNode;
|
|
48
|
+
readonly onClick?: React.MouseEventHandler<HTMLImageElement>;
|
|
49
|
+
readonly onLoad?: React.ReactEventHandler<HTMLImageElement>;
|
|
50
|
+
readonly onError?: React.ReactEventHandler<HTMLImageElement>;
|
|
52
51
|
readonly skeletonWidth?: CSSValue;
|
|
53
52
|
readonly skeletonHeight?: CSSValue;
|
|
54
53
|
}
|
|
55
|
-
declare const Image:
|
|
56
|
-
|
|
57
|
-
|
|
54
|
+
export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
|
|
55
|
+
export {};
|
|
56
|
+
//# sourceMappingURL=image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5C,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC;AAIlG,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,CAAC,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,CAAC,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,WAAW,UAAW,SAAQ,UAAU;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,QAAQ,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC;IAClC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;CACpC;AA8JD,eAAO,MAAM,KAAK,qFAkEjB,CAAC"}
|
package/dist/image.js
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as React2 from 'react';
|
|
3
3
|
import React2__default from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
import { cn } from '@hanzo/ui';
|
|
6
5
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
// src/image.tsx
|
|
9
|
-
function cn(...inputs) {
|
|
10
|
-
return twMerge(clsx(inputs));
|
|
11
|
-
}
|
|
12
8
|
var SHIM_PROPS = [
|
|
13
9
|
"w",
|
|
14
10
|
"h",
|