@zerodev/react-ui 0.0.1 → 0.0.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/README.md CHANGED
@@ -52,6 +52,7 @@ function Example() {
52
52
  | `Button` | Labeled call-to-action with `primary` / `secondary` actions and optional leading/trailing icon. |
53
53
  | `IconButton` | Square icon-only button. |
54
54
  | `Icon` | SVG icon renderer; resolves icons by name from the bundled icon set. |
55
+ | `ZeroDevLogo` | ZeroDev brand logo. `variant` `mark` (icon) or `lockup` (icon + wordmark); `tone` `black` / `offwhite` / `color` / `orange` (`lockup` supports only `black` / `offwhite`). |
55
56
  | `Input` | Text / multiline input with `default` / `ghost` / `listItemStyle` variants. |
56
57
  | `Switch` | On/off toggle (`role="switch"`). |
57
58
  | `Badge` | Pill label with optional leading/trailing icons. |
@@ -0,0 +1,10 @@
1
+ import { type ReactNode } from 'react';
2
+ export declare function ArrowView({ className }: {
3
+ className?: string;
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ export interface ArrowCardPairProps {
6
+ topCard: ReactNode;
7
+ bottomCard: ReactNode;
8
+ }
9
+ export declare function ArrowCardPair({ topCard, bottomCard }: ArrowCardPairProps): import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ArrowCardPair/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAA;AA4GnE,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAE9D;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,SAAS,CAAA;IAClB,UAAU,EAAE,SAAS,CAAA;CACtB;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAUxE"}
@@ -0,0 +1,33 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface DataRowProps {
3
+ /** Label rendered on the left (e.g., "Max slippage"). */
4
+ label: string;
5
+ /** Value rendered on the right. Accepts a string (wrapped in `Text`) or an
6
+ * arbitrary ReactNode (rendered verbatim). */
7
+ value: ReactNode;
8
+ /** Renders a small info icon (14×14, greyScale/50) between the label and
9
+ * the value. */
10
+ info?: boolean;
11
+ /** Handler for the info icon; when supplied, the icon becomes a keyboard-
12
+ * accessible button. Requires `info` to be true. */
13
+ onInfoClick?: () => void;
14
+ /** Content rendered inside the value group, before the value. Typically a
15
+ * small decorative or status icon (e.g. warning). */
16
+ leading?: ReactNode;
17
+ /** Content rendered inside the value group, after the value. Typically a
18
+ * chevron or trailing icon. */
19
+ trailing?: ReactNode;
20
+ /** `'default'` for a plain inline row; `'warning'` for the orange-tinted
21
+ * card treatment (Figma "Minimum deposit"). */
22
+ variant?: 'default' | 'warning';
23
+ className?: string;
24
+ }
25
+ export declare function DataRow({ label, value, info, onInfoClick, leading, trailing, variant, className, }: DataRowProps): import("react/jsx-runtime").JSX.Element;
26
+ export interface DataRowSkeletonProps {
27
+ /** Optional label to render as-is on the left; when omitted a pulse
28
+ * placeholder is drawn in its place. */
29
+ label?: string;
30
+ className?: string;
31
+ }
32
+ export declare function DataRowSkeleton({ label, className }: DataRowSkeletonProps): import("react/jsx-runtime").JSX.Element;
33
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DataRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,MAAM,WAAW,YAAY;IAC3B,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAA;IACb;kDAC8C;IAC9C,KAAK,EAAE,SAAS,CAAA;IAChB;oBACgB;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;wDACoD;IACpD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB;yDACqD;IACrD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;mCAC+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;mDAC+C;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAmB,EACnB,SAAS,GACV,EAAE,YAAY,2CA2Ed;AAED,MAAM,WAAW,oBAAoB;IACnC;4CACwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAgBzE"}
@@ -0,0 +1,12 @@
1
+ import type { SVGProps } from 'react';
2
+ export type MarkTone = 'black' | 'offwhite' | 'color' | 'orange';
3
+ export type LockupTone = 'black' | 'offwhite';
4
+ export type ZeroDevLogoProps = SVGProps<SVGSVGElement> & ({
5
+ variant?: 'mark';
6
+ tone?: MarkTone;
7
+ } | {
8
+ variant: 'lockup';
9
+ tone?: LockupTone;
10
+ });
11
+ export declare function ZeroDevLogo({ variant, tone, ...props }: ZeroDevLogoProps): import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ZeroDevLogo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAYzC,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAChE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,CAAA;AAE7C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,GACpD,CACI;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,GACrC;IAAE,OAAO,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAC3C,CAAA;AAEH,wBAAgB,WAAW,CAAC,EAC1B,OAAgB,EAChB,IAAc,EACd,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6BlB"}
@@ -2,9 +2,11 @@
2
2
  * @zerodev/react-ui
3
3
  * React UI primitives for ZeroDev
4
4
  */
5
+ export { ArrowCardPair, type ArrowCardPairProps, ArrowView, } from './components/ArrowCardPair';
5
6
  export { Badge, type BadgeProps } from './components/Badge';
6
7
  export { Button, type ButtonProps } from './components/Button';
7
8
  export { Callout, type CalloutProps } from './components/Callout';
9
+ export { DataRow, type DataRowProps, DataRowSkeleton, type DataRowSkeletonProps, } from './components/DataRow';
8
10
  export { Icon, type IconName, type IconProps, icons, } from './components/Icon';
9
11
  export { IconButton, type IconButtonProps } from './components/IconButton';
10
12
  export { Input, type InputProps } from './components/Input';
@@ -13,5 +15,6 @@ export { Switch, type SwitchProps } from './components/Switch';
13
15
  export { Text, type TextProps } from './components/Text';
14
16
  export { WrappedPressable, type WrappedPressableProps, } from './components/WrappedPressable';
15
17
  export { Wrapper, type WrapperProps, type WrapperVariant, } from './components/Wrapper';
18
+ export { type LockupTone, type MarkTone, ZeroDevLogo, type ZeroDevLogoProps, } from './components/ZeroDevLogo';
16
19
  export { cn } from './utils/common';
17
20
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EACL,IAAI,EACJ,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,GACN,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,SAAS,GACV,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EACL,IAAI,EACJ,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,GACN,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA"}