@intibank/ui 0.1.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 +21 -0
- package/README.md +85 -0
- package/dist/icons.cjs +140 -0
- package/dist/icons.cjs.map +1 -0
- package/dist/icons.d.ts +5 -0
- package/dist/icons.js +5 -0
- package/dist/index.cjs +23 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +17 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.js +22 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.css +2 -0
- package/package.json +71 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Intibank contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
# @intibank/ui
|
|
2
|
+
|
|
3
|
+
Accessible React components for the Intibank design system. The package ships
|
|
4
|
+
compiled JavaScript, TypeScript declarations, and ready-to-use CSS, so consumer
|
|
5
|
+
applications do not need Tailwind CSS.
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
pnpm add @intibank/ui react react-dom
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
React and React DOM 18.2 or 19 are peer dependencies.
|
|
14
|
+
|
|
15
|
+
Import the stylesheet once near the root of the application, then consume only
|
|
16
|
+
the public package exports:
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { Button } from "@intibank/ui";
|
|
20
|
+
import "@intibank/ui/styles.css";
|
|
21
|
+
|
|
22
|
+
export function TransferAction() {
|
|
23
|
+
return <Button>Transferir</Button>;
|
|
24
|
+
}
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Button
|
|
28
|
+
|
|
29
|
+
`Button` is built on Base UI and supports `solid`, `outline`, and `ghost`
|
|
30
|
+
variants, `sm`, `md`, and `lg` sizes, native button props, refs, disabled state,
|
|
31
|
+
icons as children, and custom classes. Its safe default type is `button`.
|
|
32
|
+
|
|
33
|
+
```tsx
|
|
34
|
+
import { Button } from "@intibank/ui";
|
|
35
|
+
import { ArrowRightIcon } from "@intibank/ui/icons";
|
|
36
|
+
|
|
37
|
+
export function ContinueButton() {
|
|
38
|
+
return (
|
|
39
|
+
<Button size="lg">
|
|
40
|
+
Continuar
|
|
41
|
+
<ArrowRightIcon aria-hidden="true" />
|
|
42
|
+
</Button>
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
An icon accompanying equivalent visible text is decorative and should use
|
|
48
|
+
`aria-hidden="true"`. An icon-only button must instead receive an accessible name
|
|
49
|
+
on the button, normally with `aria-label`, while the icon remains hidden from the
|
|
50
|
+
accessibility tree.
|
|
51
|
+
|
|
52
|
+
The curated `@intibank/ui/icons` entry point exports `ArrowRightIcon`,
|
|
53
|
+
`CheckIcon`, `PlusIcon`, and `XIcon`. Applications that need the wider Phosphor
|
|
54
|
+
catalog should install `@phosphor-icons/react` directly.
|
|
55
|
+
|
|
56
|
+
## Themes and style overrides
|
|
57
|
+
|
|
58
|
+
Semantic CSS custom properties are the supported palette API. Override them
|
|
59
|
+
globally or on a subtree without recompiling the package:
|
|
60
|
+
|
|
61
|
+
```css
|
|
62
|
+
.nightfall-theme {
|
|
63
|
+
--intibank-color-primary: #1e1b4b;
|
|
64
|
+
--intibank-color-primary-hover: #312e81;
|
|
65
|
+
--intibank-color-on-primary: #ffffff;
|
|
66
|
+
}
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
For structural exceptions, pass `className` and load the consumer stylesheet
|
|
70
|
+
after `@intibank/ui/styles.css`. Intibank selectors use the `ib-` prefix and the
|
|
71
|
+
distributed stylesheet does not include a global reset.
|
|
72
|
+
|
|
73
|
+
## Fonts
|
|
74
|
+
|
|
75
|
+
The styles prefer Hanken Grotesk but never download it. Applications can
|
|
76
|
+
self-host the font, install `@fontsource-variable/hanken-grotesk`, or use the
|
|
77
|
+
provided system font fallback.
|
|
78
|
+
|
|
79
|
+
## Public exports
|
|
80
|
+
|
|
81
|
+
- `@intibank/ui`: `Button` and its public TypeScript types.
|
|
82
|
+
- `@intibank/ui/icons`: curated Phosphor icon components.
|
|
83
|
+
- `@intibank/ui/styles.css`: compiled tokens and component styles.
|
|
84
|
+
|
|
85
|
+
Licensed under the [MIT License](./LICENSE).
|
package/dist/icons.cjs
ADDED
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
//#region \0rolldown/runtime.js
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
|
|
11
|
+
key = keys[i];
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
|
+
get: ((k) => from[k]).bind(null, key),
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
|
|
20
|
+
value: mod,
|
|
21
|
+
enumerable: true
|
|
22
|
+
}) : target, mod));
|
|
23
|
+
//#endregion
|
|
24
|
+
let react = require("react");
|
|
25
|
+
react = __toESM(react, 1);
|
|
26
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/lib/context.es.js
|
|
27
|
+
const o$1 = (0, react.createContext)({
|
|
28
|
+
color: "currentColor",
|
|
29
|
+
size: "1em",
|
|
30
|
+
weight: "regular",
|
|
31
|
+
mirrored: !1
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/lib/IconBase.es.js
|
|
35
|
+
const p = react.forwardRef((s, a) => {
|
|
36
|
+
const { alt: n, color: r, size: t, weight: o, mirrored: c, children: i, weights: m, ...x } = s, { color: d = "currentColor", size: l, weight: f = "regular", mirrored: g = !1, ...w } = react.useContext(o$1);
|
|
37
|
+
return /* @__PURE__ */ react.createElement("svg", {
|
|
38
|
+
ref: a,
|
|
39
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
+
width: t != null ? t : l,
|
|
41
|
+
height: t != null ? t : l,
|
|
42
|
+
fill: r != null ? r : d,
|
|
43
|
+
viewBox: "0 0 256 256",
|
|
44
|
+
transform: c || g ? "scale(-1, 1)" : void 0,
|
|
45
|
+
...w,
|
|
46
|
+
...x
|
|
47
|
+
}, !!n && /* @__PURE__ */ react.createElement("title", null, n), i, m.get(o != null ? o : f));
|
|
48
|
+
});
|
|
49
|
+
p.displayName = "IconBase";
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/ArrowRight.es.js
|
|
52
|
+
const a$3 = /* @__PURE__ */ new Map([
|
|
53
|
+
["bold", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z" }))],
|
|
54
|
+
["duotone", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", {
|
|
55
|
+
d: "M216,128l-72,72V56Z",
|
|
56
|
+
opacity: "0.2"
|
|
57
|
+
}), /* @__PURE__ */ react.createElement("path", { d: "M221.66,122.34l-72-72A8,8,0,0,0,136,56v64H40a8,8,0,0,0,0,16h96v64a8,8,0,0,0,13.66,5.66l72-72A8,8,0,0,0,221.66,122.34ZM152,180.69V75.31L204.69,128Z" }))],
|
|
58
|
+
["fill", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M221.66,133.66l-72,72A8,8,0,0,1,136,200V136H40a8,8,0,0,1,0-16h96V56a8,8,0,0,1,13.66-5.66l72,72A8,8,0,0,1,221.66,133.66Z" }))],
|
|
59
|
+
["light", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M220.24,132.24l-72,72a6,6,0,0,1-8.48-8.48L201.51,134H40a6,6,0,0,1,0-12H201.51L139.76,60.24a6,6,0,0,1,8.48-8.48l72,72A6,6,0,0,1,220.24,132.24Z" }))],
|
|
60
|
+
["regular", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" }))],
|
|
61
|
+
["thin", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M218.83,130.83l-72,72a4,4,0,0,1-5.66-5.66L206.34,132H40a4,4,0,0,1,0-8H206.34L141.17,58.83a4,4,0,0,1,5.66-5.66l72,72A4,4,0,0,1,218.83,130.83Z" }))]
|
|
62
|
+
]);
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/ArrowRight.es.js
|
|
65
|
+
const r = react.forwardRef((t, e) => /* @__PURE__ */ react.createElement(p, {
|
|
66
|
+
ref: e,
|
|
67
|
+
...t,
|
|
68
|
+
weights: a$3
|
|
69
|
+
}));
|
|
70
|
+
r.displayName = "ArrowRightIcon";
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Check.es.js
|
|
73
|
+
const a$2 = /* @__PURE__ */ new Map([
|
|
74
|
+
["bold", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }))],
|
|
75
|
+
["duotone", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", {
|
|
76
|
+
d: "M232,56V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Z",
|
|
77
|
+
opacity: "0.2"
|
|
78
|
+
}), /* @__PURE__ */ react.createElement("path", { d: "M205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))],
|
|
79
|
+
["fill", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))],
|
|
80
|
+
["light", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z" }))],
|
|
81
|
+
["regular", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z" }))],
|
|
82
|
+
["thin", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z" }))]
|
|
83
|
+
]);
|
|
84
|
+
//#endregion
|
|
85
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Check.es.js
|
|
86
|
+
const o = react.forwardRef((c, r) => /* @__PURE__ */ react.createElement(p, {
|
|
87
|
+
ref: r,
|
|
88
|
+
...c,
|
|
89
|
+
weights: a$2
|
|
90
|
+
}));
|
|
91
|
+
o.displayName = "CheckIcon";
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Plus.es.js
|
|
94
|
+
const a$1 = /* @__PURE__ */ new Map([
|
|
95
|
+
["bold", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }))],
|
|
96
|
+
["duotone", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", {
|
|
97
|
+
d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
|
|
98
|
+
opacity: "0.2"
|
|
99
|
+
}), /* @__PURE__ */ react.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))],
|
|
100
|
+
["fill", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H136v48a8,8,0,0,1-16,0V136H72a8,8,0,0,1,0-16h48V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z" }))],
|
|
101
|
+
["light", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z" }))],
|
|
102
|
+
["regular", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))],
|
|
103
|
+
["thin", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H132v84a4,4,0,0,1-8,0V132H40a4,4,0,0,1,0-8h84V40a4,4,0,0,1,8,0v84h84A4,4,0,0,1,220,128Z" }))]
|
|
104
|
+
]);
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Plus.es.js
|
|
107
|
+
const e = react.forwardRef((r, s) => /* @__PURE__ */ react.createElement(p, {
|
|
108
|
+
ref: s,
|
|
109
|
+
...r,
|
|
110
|
+
weights: a$1
|
|
111
|
+
}));
|
|
112
|
+
e.displayName = "PlusIcon";
|
|
113
|
+
//#endregion
|
|
114
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/X.es.js
|
|
115
|
+
const a = /* @__PURE__ */ new Map([
|
|
116
|
+
["bold", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))],
|
|
117
|
+
["duotone", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", {
|
|
118
|
+
d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
|
|
119
|
+
opacity: "0.2"
|
|
120
|
+
}), /* @__PURE__ */ react.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
|
|
121
|
+
["fill", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
|
|
122
|
+
["light", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))],
|
|
123
|
+
["regular", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
|
|
124
|
+
["thin", /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))]
|
|
125
|
+
]);
|
|
126
|
+
//#endregion
|
|
127
|
+
//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/X.es.js
|
|
128
|
+
const e$1 = react.forwardRef((r, t) => /* @__PURE__ */ react.createElement(p, {
|
|
129
|
+
ref: t,
|
|
130
|
+
...r,
|
|
131
|
+
weights: a
|
|
132
|
+
}));
|
|
133
|
+
e$1.displayName = "XIcon";
|
|
134
|
+
//#endregion
|
|
135
|
+
exports.ArrowRightIcon = r;
|
|
136
|
+
exports.CheckIcon = o;
|
|
137
|
+
exports.PlusIcon = e;
|
|
138
|
+
exports.XIcon = e$1;
|
|
139
|
+
|
|
140
|
+
//# sourceMappingURL=icons.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.cjs","names":["o","r","e","h","a","e","o","a","i","a","e","e","t","a","a","e","o","t","a","e","e","o","a","m"],"sources":["../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/lib/context.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/lib/IconBase.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/ArrowRight.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/ArrowRight.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Check.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Check.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Plus.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Plus.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/X.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/X.es.js"],"sourcesContent":["import { createContext as r } from \"react\";\nconst o = r({\n color: \"currentColor\",\n size: \"1em\",\n weight: \"regular\",\n mirrored: !1\n});\nexport {\n o as IconContext\n};\n","import * as e from \"react\";\nimport { IconContext as h } from \"./context.es.js\";\nconst p = e.forwardRef(\n (s, a) => {\n const {\n alt: n,\n color: r,\n size: t,\n weight: o,\n mirrored: c,\n children: i,\n weights: m,\n ...x\n } = s, {\n color: d = \"currentColor\",\n size: l,\n weight: f = \"regular\",\n mirrored: g = !1,\n ...w\n } = e.useContext(h);\n return /* @__PURE__ */ e.createElement(\n \"svg\",\n {\n ref: a,\n xmlns: \"http://www.w3.org/2000/svg\",\n width: t != null ? t : l,\n height: t != null ? t : l,\n fill: r != null ? r : d,\n viewBox: \"0 0 256 256\",\n transform: c || g ? \"scale(-1, 1)\" : void 0,\n ...w,\n ...x\n },\n !!n && /* @__PURE__ */ e.createElement(\"title\", null, n),\n i,\n m.get(o != null ? o : f)\n );\n }\n);\np.displayName = \"IconBase\";\nexport {\n p as default\n};\n","import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M216,128l-72,72V56Z\", opacity: \"0.2\" }), /* @__PURE__ */ e.createElement(\"path\", { d: \"M221.66,122.34l-72-72A8,8,0,0,0,136,56v64H40a8,8,0,0,0,0,16h96v64a8,8,0,0,0,13.66,5.66l72-72A8,8,0,0,0,221.66,122.34ZM152,180.69V75.31L204.69,128Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M221.66,133.66l-72,72A8,8,0,0,1,136,200V136H40a8,8,0,0,1,0-16h96V56a8,8,0,0,1,13.66-5.66l72,72A8,8,0,0,1,221.66,133.66Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M220.24,132.24l-72,72a6,6,0,0,1-8.48-8.48L201.51,134H40a6,6,0,0,1,0-12H201.51L139.76,60.24a6,6,0,0,1,8.48-8.48l72,72A6,6,0,0,1,220.24,132.24Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M218.83,130.83l-72,72a4,4,0,0,1-5.66-5.66L206.34,132H40a4,4,0,0,1,0-8H206.34L141.17,58.83a4,4,0,0,1,5.66-5.66l72,72A4,4,0,0,1,218.83,130.83Z\" }))\n ]\n]);\nexport {\n a as default\n};\n","import * as o from \"react\";\nimport a from \"../lib/IconBase.es.js\";\nimport i from \"../defs/ArrowRight.es.js\";\nconst r = o.forwardRef((t, e) => /* @__PURE__ */ o.createElement(a, { ref: e, ...t, weights: i }));\nr.displayName = \"ArrowRightIcon\";\nconst s = r;\nexport {\n s as ArrowRight,\n r as ArrowRightIcon\n};\n","import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\n \"path\",\n {\n d: \"M232,56V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Z\",\n opacity: \"0.2\"\n }\n ), /* @__PURE__ */ e.createElement(\"path\", { d: \"M205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z\" }))\n ]\n]);\nexport {\n a as default\n};\n","import * as e from \"react\";\nimport t from \"../lib/IconBase.es.js\";\nimport a from \"../defs/Check.es.js\";\nconst o = e.forwardRef((c, r) => /* @__PURE__ */ e.createElement(t, { ref: r, ...c, weights: a }));\no.displayName = \"CheckIcon\";\nconst n = o;\nexport {\n n as Check,\n o as CheckIcon\n};\n","import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\n \"path\",\n {\n d: \"M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z\",\n opacity: \"0.2\"\n }\n ), /* @__PURE__ */ e.createElement(\"path\", { d: \"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H136v48a8,8,0,0,1-16,0V136H72a8,8,0,0,1,0-16h48V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M220,128a4,4,0,0,1-4,4H132v84a4,4,0,0,1-8,0V132H40a4,4,0,0,1,0-8h84V40a4,4,0,0,1,8,0v84h84A4,4,0,0,1,220,128Z\" }))\n ]\n]);\nexport {\n a as default\n};\n","import * as o from \"react\";\nimport t from \"../lib/IconBase.es.js\";\nimport a from \"../defs/Plus.es.js\";\nconst e = o.forwardRef((r, s) => /* @__PURE__ */ o.createElement(t, { ref: s, ...r, weights: a }));\ne.displayName = \"PlusIcon\";\nconst n = e;\nexport {\n n as Plus,\n e as PlusIcon\n};\n","import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\n \"path\",\n {\n d: \"M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z\",\n opacity: \"0.2\"\n }\n ), /* @__PURE__ */ e.createElement(\"path\", { d: \"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z\" }))\n ]\n]);\nexport {\n a as default\n};\n","import * as o from \"react\";\nimport a from \"../lib/IconBase.es.js\";\nimport m from \"../defs/X.es.js\";\nconst e = o.forwardRef((r, t) => /* @__PURE__ */ o.createElement(a, { ref: t, ...r, weights: m }));\ne.displayName = \"XIcon\";\nconst n = e;\nexport {\n n as X,\n e as XIcon\n};\n"],"x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9],"mappings":"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"}
|
package/dist/icons.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ArrowRightIcon } from "@phosphor-icons/react/dist/csr/ArrowRight";
|
|
2
|
+
import { CheckIcon } from "@phosphor-icons/react/dist/csr/Check";
|
|
3
|
+
import { PlusIcon } from "@phosphor-icons/react/dist/csr/Plus";
|
|
4
|
+
import { XIcon } from "@phosphor-icons/react/dist/csr/X";
|
|
5
|
+
export { ArrowRightIcon, CheckIcon, PlusIcon, XIcon };
|
package/dist/icons.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ArrowRightIcon } from "@phosphor-icons/react/dist/csr/ArrowRight";
|
|
2
|
+
import { CheckIcon } from "@phosphor-icons/react/dist/csr/Check";
|
|
3
|
+
import { PlusIcon } from "@phosphor-icons/react/dist/csr/Plus";
|
|
4
|
+
import { XIcon } from "@phosphor-icons/react/dist/csr/X";
|
|
5
|
+
export { ArrowRightIcon, CheckIcon, PlusIcon, XIcon };
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
let _base_ui_react_button = require("@base-ui/react/button");
|
|
3
|
+
let react = require("react");
|
|
4
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
+
//#region src/button/button.tsx
|
|
6
|
+
const Button = (0, react.forwardRef)(function ButtonImpl({ className, size = "md", type = "button", variant = "solid", ...props }, ref) {
|
|
7
|
+
const classes = [
|
|
8
|
+
"ib-button",
|
|
9
|
+
`ib-button--${variant}`,
|
|
10
|
+
`ib-button--${size}`,
|
|
11
|
+
className
|
|
12
|
+
].filter(Boolean).join(" ");
|
|
13
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_button.Button, {
|
|
14
|
+
...props,
|
|
15
|
+
className: classes,
|
|
16
|
+
ref,
|
|
17
|
+
type
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
//#endregion
|
|
21
|
+
exports.Button = Button;
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","names":["forwardRef","BaseButton"],"sources":["../src/button/button.tsx"],"sourcesContent":["import { Button as BaseButton } from \"@base-ui/react/button\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { forwardRef } from \"react\";\n\nexport type ButtonVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n extends Omit<ComponentPropsWithoutRef<typeof BaseButton>, \"className\"> {\n /** Appended after the stable Intibank classes. */\n className?: string;\n /** Control height: 40px, 48px, or 56px. */\n size?: ButtonSize;\n /** Visual treatment. Defaults to the primary amber action. */\n variant?: ButtonVariant;\n}\n\n// biome-ignore lint/suspicious/noReactForwardRef: React 18 remains in the supported peer range.\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n function ButtonImpl(\n { className, size = \"md\", type = \"button\", variant = \"solid\", ...props },\n ref\n ) {\n const classes = [\n \"ib-button\",\n `ib-button--${variant}`,\n `ib-button--${size}`,\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return <BaseButton {...props} className={classes} ref={ref} type={type} />;\n }\n);\n"],"mappings":";;;;;AAkBA,MAAa,UAAA,GAASA,MAAAA,WAAAA,CACpB,SAAS,WACP,EAAE,WAAW,OAAO,MAAM,OAAO,UAAU,UAAU,SAAS,GAAG,SACjE,KACA;CACA,MAAM,UAAU;EACd;EACA,cAAc;EACd,cAAc;EACd;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,QAAD;EAAY,GAAI;EAAO,WAAW;EAAc;EAAW;CAAO,CAAA;AAC3E,CACF"}
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Button as Button$1 } from "@base-ui/react/button";
|
|
2
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
3
|
+
//#region src/button/button.d.ts
|
|
4
|
+
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
5
|
+
type ButtonSize = "sm" | "md" | "lg";
|
|
6
|
+
interface ButtonProps extends Omit<ComponentPropsWithoutRef<typeof Button$1>, "className"> {
|
|
7
|
+
/** Appended after the stable Intibank classes. */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Control height: 40px, 48px, or 56px. */
|
|
10
|
+
size?: ButtonSize;
|
|
11
|
+
/** Visual treatment. Defaults to the primary amber action. */
|
|
12
|
+
variant?: ButtonVariant;
|
|
13
|
+
}
|
|
14
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
//#endregion
|
|
16
|
+
export type { ButtonProps, ButtonSize, ButtonVariant };
|
|
17
|
+
//# sourceMappingURL=index.d.cts.map
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Button as Button$1 } from "@base-ui/react/button";
|
|
2
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
3
|
+
//#region src/button/button.d.ts
|
|
4
|
+
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
5
|
+
type ButtonSize = "sm" | "md" | "lg";
|
|
6
|
+
interface ButtonProps extends Omit<ComponentPropsWithoutRef<typeof Button$1>, "className"> {
|
|
7
|
+
/** Appended after the stable Intibank classes. */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Control height: 40px, 48px, or 56px. */
|
|
10
|
+
size?: ButtonSize;
|
|
11
|
+
/** Visual treatment. Defaults to the primary amber action. */
|
|
12
|
+
variant?: ButtonVariant;
|
|
13
|
+
}
|
|
14
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
//#endregion
|
|
16
|
+
export type { ButtonProps, ButtonSize, ButtonVariant };
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Button as Button$1 } from "@base-ui/react/button";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
//#region src/button/button.tsx
|
|
5
|
+
const Button = forwardRef(function ButtonImpl({ className, size = "md", type = "button", variant = "solid", ...props }, ref) {
|
|
6
|
+
const classes = [
|
|
7
|
+
"ib-button",
|
|
8
|
+
`ib-button--${variant}`,
|
|
9
|
+
`ib-button--${size}`,
|
|
10
|
+
className
|
|
11
|
+
].filter(Boolean).join(" ");
|
|
12
|
+
return /* @__PURE__ */ jsx(Button$1, {
|
|
13
|
+
...props,
|
|
14
|
+
className: classes,
|
|
15
|
+
ref,
|
|
16
|
+
type
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
//#endregion
|
|
20
|
+
export { Button };
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["BaseButton"],"sources":["../src/button/button.tsx"],"sourcesContent":["import { Button as BaseButton } from \"@base-ui/react/button\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { forwardRef } from \"react\";\n\nexport type ButtonVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n extends Omit<ComponentPropsWithoutRef<typeof BaseButton>, \"className\"> {\n /** Appended after the stable Intibank classes. */\n className?: string;\n /** Control height: 40px, 48px, or 56px. */\n size?: ButtonSize;\n /** Visual treatment. Defaults to the primary amber action. */\n variant?: ButtonVariant;\n}\n\n// biome-ignore lint/suspicious/noReactForwardRef: React 18 remains in the supported peer range.\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n function ButtonImpl(\n { className, size = \"md\", type = \"button\", variant = \"solid\", ...props },\n ref\n ) {\n const classes = [\n \"ib-button\",\n `ib-button--${variant}`,\n `ib-button--${size}`,\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return <BaseButton {...props} className={classes} ref={ref} type={type} />;\n }\n);\n"],"mappings":";;;;AAkBA,MAAa,SAAS,WACpB,SAAS,WACP,EAAE,WAAW,OAAO,MAAM,OAAO,UAAU,UAAU,SAAS,GAAG,SACjE,KACA;CACA,MAAM,UAAU;EACd;EACA,cAAc;EACd,cAAc;EACd;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OAAO,oBAACA,UAAD;EAAY,GAAI;EAAO,WAAW;EAAc;EAAW;CAAO,CAAA;AAC3E,CACF"}
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer utilities;:root{--intibank-color-primary:#f59e0b;--intibank-color-primary-hover:#d97706;--intibank-color-on-primary:#1e1b4b;--intibank-color-terracotta:#de5c22;--intibank-color-terracotta-hover:#c24a16;--intibank-color-indigo:#1e1b4b;--intibank-color-background:#fafaf9;--intibank-color-surface:#f5f5f4;--intibank-color-surface-elevated:#fff;--intibank-color-text:#2e2a26;--intibank-color-text-muted:#78716c;--intibank-color-border:#e7e5e4;--intibank-color-interactive-border:#78716c;--intibank-color-focus-ring:#1e1b4b;--intibank-font-family:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--intibank-radius-sm:.5rem;--intibank-radius-md:.75rem;--intibank-radius-lg:1rem;--intibank-radius-full:9999px;--intibank-disabled-opacity:.5}@layer components{.ib-button{appearance:none;border-radius:var(--intibank-radius-lg);box-sizing:border-box;cursor:pointer;font-family:var(--intibank-font-family);letter-spacing:.01em;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-style:solid;border-width:1px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;margin:0;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.ib-button:focus{outline:none}.ib-button:focus-visible{outline:2px solid var(--intibank-color-focus-ring);outline-offset:2px}.ib-button--solid{color:var(--intibank-color-on-primary);background:var(--intibank-color-primary);border-color:var(--intibank-color-primary)}.ib-button--solid:hover:not(:disabled,[data-disabled]){background:var(--intibank-color-primary-hover);border-color:var(--intibank-color-primary-hover)}.ib-button--outline{color:var(--intibank-color-text);border-color:var(--intibank-color-interactive-border);background:0 0}.ib-button--outline:hover:not(:disabled,[data-disabled]),.ib-button--ghost:hover:not(:disabled,[data-disabled]){background:var(--intibank-color-surface)}.ib-button--ghost{color:var(--intibank-color-text);background:0 0;border-color:#0000}.ib-button--sm{height:2.5rem;padding-inline:.875rem;font-size:.75rem;line-height:1rem}.ib-button--md{height:3rem;padding-inline:1.125rem;font-size:.875rem;line-height:1.25rem}.ib-button--lg{height:3.5rem;padding-inline:1.5rem;font-size:1rem;line-height:1.5rem}.ib-button>svg{flex:none;width:1.25em;height:1.25em}.ib-button:disabled,.ib-button[data-disabled]{cursor:not-allowed;opacity:var(--intibank-disabled-opacity)}@media (prefers-reduced-motion:reduce){.ib-button{transition:none}}@media (forced-colors:active){.ib-button{border-color:buttontext}.ib-button:focus-visible{outline-color:highlight}}}
|
package/package.json
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@intibank/ui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Accessible React components for the Intibank design system",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"accessibility",
|
|
7
|
+
"components",
|
|
8
|
+
"design-system",
|
|
9
|
+
"intibank",
|
|
10
|
+
"react",
|
|
11
|
+
"ui"
|
|
12
|
+
],
|
|
13
|
+
"homepage": "https://github.com/DavidMarioLC/intibank-design-system#readme",
|
|
14
|
+
"bugs": {
|
|
15
|
+
"url": "https://github.com/DavidMarioLC/intibank-design-system/issues"
|
|
16
|
+
},
|
|
17
|
+
"repository": {
|
|
18
|
+
"type": "git",
|
|
19
|
+
"url": "git+https://github.com/DavidMarioLC/intibank-design-system.git",
|
|
20
|
+
"directory": "packages/ui"
|
|
21
|
+
},
|
|
22
|
+
"license": "MIT",
|
|
23
|
+
"sideEffects": [
|
|
24
|
+
"./dist/styles.css"
|
|
25
|
+
],
|
|
26
|
+
"type": "module",
|
|
27
|
+
"exports": {
|
|
28
|
+
".": {
|
|
29
|
+
"types": "./dist/index.d.ts",
|
|
30
|
+
"import": "./dist/index.js",
|
|
31
|
+
"require": "./dist/index.cjs"
|
|
32
|
+
},
|
|
33
|
+
"./icons": {
|
|
34
|
+
"types": "./dist/icons.d.ts",
|
|
35
|
+
"import": "./dist/icons.js",
|
|
36
|
+
"require": "./dist/icons.cjs"
|
|
37
|
+
},
|
|
38
|
+
"./styles.css": "./dist/styles.css",
|
|
39
|
+
"./package.json": "./package.json"
|
|
40
|
+
},
|
|
41
|
+
"main": "./dist/index.cjs",
|
|
42
|
+
"module": "./dist/index.js",
|
|
43
|
+
"types": "./dist/index.d.ts",
|
|
44
|
+
"files": [
|
|
45
|
+
"dist"
|
|
46
|
+
],
|
|
47
|
+
"scripts": {
|
|
48
|
+
"build": "pnpm build:js && pnpm build:css",
|
|
49
|
+
"build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
|
|
50
|
+
"build:js": "tsdown",
|
|
51
|
+
"dev": "concurrently --kill-others-on-fail --names js,css \"pnpm dev:js\" \"pnpm dev:css\"",
|
|
52
|
+
"dev:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --watch",
|
|
53
|
+
"dev:js": "tsdown --watch"
|
|
54
|
+
},
|
|
55
|
+
"dependencies": {
|
|
56
|
+
"@base-ui/react": "1.8.0",
|
|
57
|
+
"@phosphor-icons/react": "2.1.10"
|
|
58
|
+
},
|
|
59
|
+
"devDependencies": {
|
|
60
|
+
"@tailwindcss/cli": "4.3.3",
|
|
61
|
+
"tailwindcss": "4.3.3",
|
|
62
|
+
"tsdown": "0.23.0"
|
|
63
|
+
},
|
|
64
|
+
"peerDependencies": {
|
|
65
|
+
"react": "^18.2.0 || ^19.0.0",
|
|
66
|
+
"react-dom": "^18.2.0 || ^19.0.0"
|
|
67
|
+
},
|
|
68
|
+
"publishConfig": {
|
|
69
|
+
"access": "public"
|
|
70
|
+
}
|
|
71
|
+
}
|