@wow-two-beta/ui 0.0.1
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 +48 -0
- package/dist/actions/index.d.ts +91 -0
- package/dist/actions/index.js +5 -0
- package/dist/actions/index.js.map +1 -0
- package/dist/chunk-6YKPUEHU.js +47 -0
- package/dist/chunk-6YKPUEHU.js.map +1 -0
- package/dist/chunk-7CP7KR5F.js +41 -0
- package/dist/chunk-7CP7KR5F.js.map +1 -0
- package/dist/chunk-A2OBJDIK.js +3 -0
- package/dist/chunk-A2OBJDIK.js.map +1 -0
- package/dist/chunk-CTVGU35H.js +6 -0
- package/dist/chunk-CTVGU35H.js.map +1 -0
- package/dist/chunk-ECZ4YFAI.js +16 -0
- package/dist/chunk-ECZ4YFAI.js.map +1 -0
- package/dist/chunk-PSDQXPUE.js +3 -0
- package/dist/chunk-PSDQXPUE.js.map +1 -0
- package/dist/chunk-PZ5AY32C.js +9 -0
- package/dist/chunk-PZ5AY32C.js.map +1 -0
- package/dist/chunk-U4JXXIE2.js +6 -0
- package/dist/chunk-U4JXXIE2.js.map +1 -0
- package/dist/chunk-YP4MAZRQ.js +3 -0
- package/dist/chunk-YP4MAZRQ.js.map +1 -0
- package/dist/chunk-ZDU7SROW.js +3 -0
- package/dist/chunk-ZDU7SROW.js.map +1 -0
- package/dist/display/index.d.ts +2 -0
- package/dist/display/index.js +3 -0
- package/dist/display/index.js.map +1 -0
- package/dist/feedback/index.d.ts +2 -0
- package/dist/feedback/index.js +3 -0
- package/dist/feedback/index.js.map +1 -0
- package/dist/forms/index.d.ts +2 -0
- package/dist/forms/index.js +3 -0
- package/dist/forms/index.js.map +1 -0
- package/dist/hooks/index.d.ts +5 -0
- package/dist/hooks/index.js +3 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/icons/index.d.ts +5 -0
- package/dist/icons/index.js +3 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index-CdSRWb8y.d.ts +78 -0
- package/dist/index-D-adCzNR.d.ts +14 -0
- package/dist/index.css +3 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/index.d.ts +2 -0
- package/dist/layout/index.js +3 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/tailwind/index.d.ts +5 -0
- package/dist/tailwind/index.js +17 -0
- package/dist/tailwind/index.js.map +1 -0
- package/dist/tokens/index.d.ts +1 -0
- package/dist/tokens/index.js +4 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +4 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +79 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Sultonbek Rakhimov
|
|
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,48 @@
|
|
|
1
|
+
# @wow-two-beta/ui
|
|
2
|
+
|
|
3
|
+
> ⚠️ **Beta-forever.** No semver, no API stability, no graduation roadmap. Ship fast, fix-forward.
|
|
4
|
+
|
|
5
|
+
Cross-project React UI library for the wow-two ecosystem. Lives in this single repo until the platform layer below it stabilizes; only then distill into a clean `@wow-two/ui`.
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
pnpm add @wow-two-beta/ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Use
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { Button } from '@wow-two-beta/ui';
|
|
17
|
+
import '@wow-two-beta/ui/styles.css';
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Subpath imports for tree-shake-friendly consumption:
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
import { Button } from '@wow-two-beta/ui/actions';
|
|
24
|
+
import { wowTwoPreset } from '@wow-two-beta/ui/tailwind';
|
|
25
|
+
import { cn } from '@wow-two-beta/ui/utils';
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Develop
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
pnpm install
|
|
32
|
+
pnpm storybook # component catalog at localhost:6006
|
|
33
|
+
pnpm playground # vite sandbox
|
|
34
|
+
pnpm build # tsup bundle
|
|
35
|
+
pnpm typecheck
|
|
36
|
+
pnpm lint # ESLint with boundary enforcement
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## Layout
|
|
40
|
+
|
|
41
|
+
- `src/tokens` `src/tailwind` `src/utils` `src/hooks` `src/icons` — **foundation** (no upward deps)
|
|
42
|
+
- `src/actions` `src/display` `src/feedback` `src/forms` `src/layout` — **domains** (foundation OK; sibling domains BLOCKED by ESLint)
|
|
43
|
+
|
|
44
|
+
See `docs/architecture.md` for the layering rule and `docs/component-standard.md` for the per-component spec template every new component fills out before code.
|
|
45
|
+
|
|
46
|
+
## License
|
|
47
|
+
|
|
48
|
+
MIT
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
4
|
+
import { VariantProps } from 'tailwind-variants';
|
|
5
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
6
|
+
|
|
7
|
+
declare const buttonVariants: tailwind_variants.TVReturnType<{
|
|
8
|
+
variant: {
|
|
9
|
+
primary: string;
|
|
10
|
+
secondary: string;
|
|
11
|
+
ghost: string;
|
|
12
|
+
};
|
|
13
|
+
size: {
|
|
14
|
+
sm: string;
|
|
15
|
+
md: string;
|
|
16
|
+
lg: string;
|
|
17
|
+
};
|
|
18
|
+
}, undefined, "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<{
|
|
19
|
+
variant: {
|
|
20
|
+
primary: string;
|
|
21
|
+
secondary: string;
|
|
22
|
+
ghost: string;
|
|
23
|
+
};
|
|
24
|
+
size: {
|
|
25
|
+
sm: string;
|
|
26
|
+
md: string;
|
|
27
|
+
lg: string;
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
variant: {
|
|
31
|
+
primary: string;
|
|
32
|
+
secondary: string;
|
|
33
|
+
ghost: string;
|
|
34
|
+
};
|
|
35
|
+
size: {
|
|
36
|
+
sm: string;
|
|
37
|
+
md: string;
|
|
38
|
+
lg: string;
|
|
39
|
+
};
|
|
40
|
+
}>, {
|
|
41
|
+
variant: {
|
|
42
|
+
primary: string;
|
|
43
|
+
secondary: string;
|
|
44
|
+
ghost: string;
|
|
45
|
+
};
|
|
46
|
+
size: {
|
|
47
|
+
sm: string;
|
|
48
|
+
md: string;
|
|
49
|
+
lg: string;
|
|
50
|
+
};
|
|
51
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
52
|
+
variant: {
|
|
53
|
+
primary: string;
|
|
54
|
+
secondary: string;
|
|
55
|
+
ghost: string;
|
|
56
|
+
};
|
|
57
|
+
size: {
|
|
58
|
+
sm: string;
|
|
59
|
+
md: string;
|
|
60
|
+
lg: string;
|
|
61
|
+
};
|
|
62
|
+
}, undefined, "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<{
|
|
63
|
+
variant: {
|
|
64
|
+
primary: string;
|
|
65
|
+
secondary: string;
|
|
66
|
+
ghost: string;
|
|
67
|
+
};
|
|
68
|
+
size: {
|
|
69
|
+
sm: string;
|
|
70
|
+
md: string;
|
|
71
|
+
lg: string;
|
|
72
|
+
};
|
|
73
|
+
}, {
|
|
74
|
+
variant: {
|
|
75
|
+
primary: string;
|
|
76
|
+
secondary: string;
|
|
77
|
+
ghost: string;
|
|
78
|
+
};
|
|
79
|
+
size: {
|
|
80
|
+
sm: string;
|
|
81
|
+
md: string;
|
|
82
|
+
lg: string;
|
|
83
|
+
};
|
|
84
|
+
}>, unknown, unknown, undefined>>;
|
|
85
|
+
type ButtonVariants = VariantProps<typeof buttonVariants>;
|
|
86
|
+
|
|
87
|
+
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {
|
|
88
|
+
}
|
|
89
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
90
|
+
|
|
91
|
+
export { Button, type ButtonProps, type ButtonVariants, buttonVariants };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { __export } from './chunk-PZ5AY32C.js';
|
|
2
|
+
|
|
3
|
+
// src/tokens/index.ts
|
|
4
|
+
var tokens_exports = {};
|
|
5
|
+
__export(tokens_exports, {
|
|
6
|
+
colors: () => colors,
|
|
7
|
+
radius: () => radius,
|
|
8
|
+
spacing: () => spacing,
|
|
9
|
+
tokens: () => tokens
|
|
10
|
+
});
|
|
11
|
+
var colors = {
|
|
12
|
+
brand: {
|
|
13
|
+
50: "#eff6ff",
|
|
14
|
+
100: "#dbeafe",
|
|
15
|
+
500: "#3b82f6",
|
|
16
|
+
600: "#2563eb",
|
|
17
|
+
700: "#1d4ed8",
|
|
18
|
+
900: "#1e3a8a"
|
|
19
|
+
},
|
|
20
|
+
neutral: {
|
|
21
|
+
50: "#fafafa",
|
|
22
|
+
100: "#f4f4f5",
|
|
23
|
+
200: "#e4e4e7",
|
|
24
|
+
500: "#71717a",
|
|
25
|
+
700: "#3f3f46",
|
|
26
|
+
900: "#18181b"
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
var spacing = {
|
|
30
|
+
xs: "0.25rem",
|
|
31
|
+
sm: "0.5rem",
|
|
32
|
+
md: "1rem",
|
|
33
|
+
lg: "1.5rem",
|
|
34
|
+
xl: "2rem",
|
|
35
|
+
"2xl": "3rem"
|
|
36
|
+
};
|
|
37
|
+
var radius = {
|
|
38
|
+
sm: "0.25rem",
|
|
39
|
+
md: "0.5rem",
|
|
40
|
+
lg: "0.75rem",
|
|
41
|
+
full: "9999px"
|
|
42
|
+
};
|
|
43
|
+
var tokens = { colors, spacing, radius };
|
|
44
|
+
|
|
45
|
+
export { colors, radius, spacing, tokens, tokens_exports };
|
|
46
|
+
//# sourceMappingURL=chunk-6YKPUEHU.js.map
|
|
47
|
+
//# sourceMappingURL=chunk-6YKPUEHU.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tokens/index.ts"],"names":[],"mappings":";;;AAAA,IAAA,cAAA,GAAA;AAAA,QAAA,CAAA,cAAA,EAAA;AAAA,EAAA,MAAA,EAAA,MAAA,MAAA;AAAA,EAAA,MAAA,EAAA,MAAA,MAAA;AAAA,EAAA,OAAA,EAAA,MAAA,OAAA;AAAA,EAAA,MAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAIO,IAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAET;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,KAAA,EAAO;AACT;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,IAAA,EAAM;AACR;AAEO,IAAM,MAAA,GAAS,EAAE,MAAA,EAAQ,OAAA,EAAS,MAAA","file":"chunk-6YKPUEHU.js","sourcesContent":["// Default token set — extend as components require it.\n// Consumed by `src/tailwind/preset.ts` and exposed as raw values to consumers\n// who want them outside Tailwind (CSS-in-JS, inline styles, etc.).\n\nexport const colors = {\n brand: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 900: '#1e3a8a',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 500: '#71717a',\n 700: '#3f3f46',\n 900: '#18181b',\n },\n} as const;\n\nexport const spacing = {\n xs: '0.25rem',\n sm: '0.5rem',\n md: '1rem',\n lg: '1.5rem',\n xl: '2rem',\n '2xl': '3rem',\n} as const;\n\nexport const radius = {\n sm: '0.25rem',\n md: '0.5rem',\n lg: '0.75rem',\n full: '9999px',\n} as const;\n\nexport const tokens = { colors, spacing, radius } as const;\nexport type Tokens = typeof tokens;\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { cn } from './chunk-ECZ4YFAI.js';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { tv } from 'tailwind-variants';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
var buttonVariants = tv({
|
|
7
|
+
base: "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50",
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
primary: "bg-brand-600 text-white hover:bg-brand-700",
|
|
11
|
+
secondary: "bg-neutral-200 text-neutral-900 hover:bg-neutral-100",
|
|
12
|
+
ghost: "bg-transparent text-neutral-900 hover:bg-neutral-100"
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
sm: "h-8 px-3 text-sm rounded-md",
|
|
16
|
+
md: "h-10 px-4 text-sm rounded-md",
|
|
17
|
+
lg: "h-12 px-6 text-base rounded-lg"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {
|
|
21
|
+
variant: "primary",
|
|
22
|
+
size: "md"
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var Button = forwardRef(
|
|
26
|
+
({ className, variant, size, ...props }, ref) => {
|
|
27
|
+
return /* @__PURE__ */ jsx(
|
|
28
|
+
"button",
|
|
29
|
+
{
|
|
30
|
+
ref,
|
|
31
|
+
className: cn(buttonVariants({ variant, size }), className),
|
|
32
|
+
...props
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
Button.displayName = "Button";
|
|
38
|
+
|
|
39
|
+
export { Button, buttonVariants };
|
|
40
|
+
//# sourceMappingURL=chunk-7CP7KR5F.js.map
|
|
41
|
+
//# sourceMappingURL=chunk-7CP7KR5F.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/actions/button/Button.variants.ts","../src/actions/button/Button.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,iBAAiB,EAAA,CAAG;AAAA,EAC/B,IAAA,EAAM,qMAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,4CAAA;AAAA,MACT,SAAA,EAAW,sDAAA;AAAA,MACX,KAAA,EAAO;AAAA,KACT;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,6BAAA;AAAA,MACJ,EAAA,EAAI,8BAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC;ACdM,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/C,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACzD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-7CP7KR5F.js","sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const buttonVariants = tv({\n base: 'inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50',\n variants: {\n variant: {\n primary: 'bg-brand-600 text-white hover:bg-brand-700',\n secondary: 'bg-neutral-200 text-neutral-900 hover:bg-neutral-100',\n ghost: 'bg-transparent text-neutral-900 hover:bg-neutral-100',\n },\n size: {\n sm: 'h-8 px-3 text-sm rounded-md',\n md: 'h-10 px-4 text-sm rounded-md',\n lg: 'h-12 px-6 text-base rounded-lg',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","import { forwardRef, type ButtonHTMLAttributes } from 'react';\nimport { cn } from '../../utils';\nimport { buttonVariants, type ButtonVariants } from './Button.variants';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, ...props }, ref) => {\n return (\n <button\n ref={ref}\n className={cn(buttonVariants({ variant, size }), className)}\n {...props}\n />\n );\n },\n);\n\nButton.displayName = 'Button';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-A2OBJDIK.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/hooks/index.ts"],"names":[],"mappings":";AAAA,IAAA,aAAA,GAAA","file":"chunk-CTVGU35H.js","sourcesContent":["// Hooks — populated as components require them.\nexport {};\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { __export } from './chunk-PZ5AY32C.js';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
|
|
5
|
+
// src/utils/index.ts
|
|
6
|
+
var utils_exports = {};
|
|
7
|
+
__export(utils_exports, {
|
|
8
|
+
cn: () => cn
|
|
9
|
+
});
|
|
10
|
+
function cn(...inputs) {
|
|
11
|
+
return twMerge(clsx(inputs));
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { cn, utils_exports };
|
|
15
|
+
//# sourceMappingURL=chunk-ECZ4YFAI.js.map
|
|
16
|
+
//# sourceMappingURL=chunk-ECZ4YFAI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/index.ts","../src/utils/cn.ts"],"names":[],"mappings":";;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,EAAA,EAAA,MAAA;AAAA,CAAA,CAAA;ACOO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-ECZ4YFAI.js","sourcesContent":["export { cn } from './cn';\n","import clsx, { type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Conditional class composer with Tailwind conflict-resolution.\n * Use anywhere you'd otherwise concatenate class strings.\n */\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-PSDQXPUE.js"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __export = (target, all) => {
|
|
3
|
+
for (var name in all)
|
|
4
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
export { __export };
|
|
8
|
+
//# sourceMappingURL=chunk-PZ5AY32C.js.map
|
|
9
|
+
//# sourceMappingURL=chunk-PZ5AY32C.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-PZ5AY32C.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/icons/index.ts"],"names":[],"mappings":";AAAA,IAAA,aAAA,GAAA","file":"chunk-U4JXXIE2.js","sourcesContent":["// Icons — populated as components require them.\nexport {};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-YP4MAZRQ.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-ZDU7SROW.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
declare const colors: {
|
|
2
|
+
readonly brand: {
|
|
3
|
+
readonly 50: "#eff6ff";
|
|
4
|
+
readonly 100: "#dbeafe";
|
|
5
|
+
readonly 500: "#3b82f6";
|
|
6
|
+
readonly 600: "#2563eb";
|
|
7
|
+
readonly 700: "#1d4ed8";
|
|
8
|
+
readonly 900: "#1e3a8a";
|
|
9
|
+
};
|
|
10
|
+
readonly neutral: {
|
|
11
|
+
readonly 50: "#fafafa";
|
|
12
|
+
readonly 100: "#f4f4f5";
|
|
13
|
+
readonly 200: "#e4e4e7";
|
|
14
|
+
readonly 500: "#71717a";
|
|
15
|
+
readonly 700: "#3f3f46";
|
|
16
|
+
readonly 900: "#18181b";
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
declare const spacing: {
|
|
20
|
+
readonly xs: "0.25rem";
|
|
21
|
+
readonly sm: "0.5rem";
|
|
22
|
+
readonly md: "1rem";
|
|
23
|
+
readonly lg: "1.5rem";
|
|
24
|
+
readonly xl: "2rem";
|
|
25
|
+
readonly '2xl': "3rem";
|
|
26
|
+
};
|
|
27
|
+
declare const radius: {
|
|
28
|
+
readonly sm: "0.25rem";
|
|
29
|
+
readonly md: "0.5rem";
|
|
30
|
+
readonly lg: "0.75rem";
|
|
31
|
+
readonly full: "9999px";
|
|
32
|
+
};
|
|
33
|
+
declare const tokens: {
|
|
34
|
+
readonly colors: {
|
|
35
|
+
readonly brand: {
|
|
36
|
+
readonly 50: "#eff6ff";
|
|
37
|
+
readonly 100: "#dbeafe";
|
|
38
|
+
readonly 500: "#3b82f6";
|
|
39
|
+
readonly 600: "#2563eb";
|
|
40
|
+
readonly 700: "#1d4ed8";
|
|
41
|
+
readonly 900: "#1e3a8a";
|
|
42
|
+
};
|
|
43
|
+
readonly neutral: {
|
|
44
|
+
readonly 50: "#fafafa";
|
|
45
|
+
readonly 100: "#f4f4f5";
|
|
46
|
+
readonly 200: "#e4e4e7";
|
|
47
|
+
readonly 500: "#71717a";
|
|
48
|
+
readonly 700: "#3f3f46";
|
|
49
|
+
readonly 900: "#18181b";
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
readonly spacing: {
|
|
53
|
+
readonly xs: "0.25rem";
|
|
54
|
+
readonly sm: "0.5rem";
|
|
55
|
+
readonly md: "1rem";
|
|
56
|
+
readonly lg: "1.5rem";
|
|
57
|
+
readonly xl: "2rem";
|
|
58
|
+
readonly '2xl': "3rem";
|
|
59
|
+
};
|
|
60
|
+
readonly radius: {
|
|
61
|
+
readonly sm: "0.25rem";
|
|
62
|
+
readonly md: "0.5rem";
|
|
63
|
+
readonly lg: "0.75rem";
|
|
64
|
+
readonly full: "9999px";
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
type Tokens = typeof tokens;
|
|
68
|
+
|
|
69
|
+
type index_Tokens = Tokens;
|
|
70
|
+
declare const index_colors: typeof colors;
|
|
71
|
+
declare const index_radius: typeof radius;
|
|
72
|
+
declare const index_spacing: typeof spacing;
|
|
73
|
+
declare const index_tokens: typeof tokens;
|
|
74
|
+
declare namespace index {
|
|
75
|
+
export { type index_Tokens as Tokens, index_colors as colors, index_radius as radius, index_spacing as spacing, index_tokens as tokens };
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
export { type Tokens as T, colors as c, index as i, radius as r, spacing as s, tokens as t };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ClassValue } from 'clsx';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Conditional class composer with Tailwind conflict-resolution.
|
|
5
|
+
* Use anywhere you'd otherwise concatenate class strings.
|
|
6
|
+
*/
|
|
7
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
8
|
+
|
|
9
|
+
declare const index_cn: typeof cn;
|
|
10
|
+
declare namespace index {
|
|
11
|
+
export { index_cn as cn };
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { cn as c, index as i };
|
package/dist/index.css
ADDED
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { i as tokens } from './index-CdSRWb8y.js';
|
|
2
|
+
export { i as utils } from './index-D-adCzNR.js';
|
|
3
|
+
export { i as hooks } from './hooks/index.js';
|
|
4
|
+
export { i as icons } from './icons/index.js';
|
|
5
|
+
export { Button, ButtonProps, ButtonVariants, buttonVariants } from './actions/index.js';
|
|
6
|
+
import 'clsx';
|
|
7
|
+
import 'react';
|
|
8
|
+
import 'tailwind-variants';
|
|
9
|
+
import 'tailwind-variants/dist/config.js';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import './chunk-ZDU7SROW.js';
|
|
2
|
+
import './chunk-YP4MAZRQ.js';
|
|
3
|
+
import './chunk-A2OBJDIK.js';
|
|
4
|
+
export { tokens_exports as tokens } from './chunk-6YKPUEHU.js';
|
|
5
|
+
export { hooks_exports as hooks } from './chunk-CTVGU35H.js';
|
|
6
|
+
export { icons_exports as icons } from './chunk-U4JXXIE2.js';
|
|
7
|
+
export { Button, buttonVariants } from './chunk-7CP7KR5F.js';
|
|
8
|
+
export { utils_exports as utils } from './chunk-ECZ4YFAI.js';
|
|
9
|
+
import './chunk-PZ5AY32C.js';
|
|
10
|
+
import './chunk-PSDQXPUE.js';
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { radius, spacing, colors } from '../chunk-6YKPUEHU.js';
|
|
2
|
+
import '../chunk-PZ5AY32C.js';
|
|
3
|
+
|
|
4
|
+
// src/tailwind/preset.ts
|
|
5
|
+
var wowTwoPreset = {
|
|
6
|
+
theme: {
|
|
7
|
+
extend: {
|
|
8
|
+
colors,
|
|
9
|
+
spacing,
|
|
10
|
+
borderRadius: radius
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { wowTwoPreset };
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":";;;;AAGO,IAAM,YAAA,GAAgC;AAAA,EAC3C,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA,EAAc;AAAA;AAChB;AAEJ","file":"index.js","sourcesContent":["import type { Config } from 'tailwindcss';\nimport { colors, radius, spacing } from '../tokens';\n\nexport const wowTwoPreset: Partial<Config> = {\n theme: {\n extend: {\n colors,\n spacing,\n borderRadius: radius,\n },\n },\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { T as Tokens, c as colors, r as radius, s as spacing, t as tokens } from '../index-CdSRWb8y.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
package/package.json
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@wow-two-beta/ui",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Beta-forever React UI library for the wow-two ecosystem.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://github.com/wow-two-sdk-beta/wow-two-sdk-beta.ui.git"
|
|
9
|
+
},
|
|
10
|
+
"homepage": "https://github.com/wow-two-sdk-beta/wow-two-sdk-beta.ui#readme",
|
|
11
|
+
"bugs": {
|
|
12
|
+
"url": "https://github.com/wow-two-sdk-beta/wow-two-sdk-beta.ui/issues"
|
|
13
|
+
},
|
|
14
|
+
"keywords": ["react", "ui", "components", "tailwind", "wow-two", "beta"],
|
|
15
|
+
"sideEffects": ["**/*.css"],
|
|
16
|
+
"type": "module",
|
|
17
|
+
"main": "./dist/index.js",
|
|
18
|
+
"module": "./dist/index.js",
|
|
19
|
+
"types": "./dist/index.d.ts",
|
|
20
|
+
"files": ["dist", "README.md", "LICENSE"],
|
|
21
|
+
"exports": {
|
|
22
|
+
".": { "import": "./dist/index.js", "types": "./dist/index.d.ts" },
|
|
23
|
+
"./tokens": { "import": "./dist/tokens/index.js", "types": "./dist/tokens/index.d.ts" },
|
|
24
|
+
"./tailwind": { "import": "./dist/tailwind/index.js", "types": "./dist/tailwind/index.d.ts" },
|
|
25
|
+
"./utils": { "import": "./dist/utils/index.js", "types": "./dist/utils/index.d.ts" },
|
|
26
|
+
"./hooks": { "import": "./dist/hooks/index.js", "types": "./dist/hooks/index.d.ts" },
|
|
27
|
+
"./icons": { "import": "./dist/icons/index.js", "types": "./dist/icons/index.d.ts" },
|
|
28
|
+
"./actions": { "import": "./dist/actions/index.js", "types": "./dist/actions/index.d.ts" },
|
|
29
|
+
"./display": { "import": "./dist/display/index.js", "types": "./dist/display/index.d.ts" },
|
|
30
|
+
"./feedback": { "import": "./dist/feedback/index.js", "types": "./dist/feedback/index.d.ts" },
|
|
31
|
+
"./forms": { "import": "./dist/forms/index.js", "types": "./dist/forms/index.d.ts" },
|
|
32
|
+
"./layout": { "import": "./dist/layout/index.js", "types": "./dist/layout/index.d.ts" },
|
|
33
|
+
"./styles.css": "./dist/index.css"
|
|
34
|
+
},
|
|
35
|
+
"scripts": {
|
|
36
|
+
"build": "tsup && cp src/index.css dist/index.css",
|
|
37
|
+
"dev": "tsup --watch",
|
|
38
|
+
"typecheck": "tsc --noEmit",
|
|
39
|
+
"lint": "eslint .",
|
|
40
|
+
"storybook": "storybook dev -p 6006",
|
|
41
|
+
"build:storybook": "storybook build -o storybook-static",
|
|
42
|
+
"playground": "pnpm --filter playground dev",
|
|
43
|
+
"prepublishOnly": "pnpm typecheck && pnpm build"
|
|
44
|
+
},
|
|
45
|
+
"peerDependencies": {
|
|
46
|
+
"react": "^19.0.0",
|
|
47
|
+
"react-dom": "^19.0.0"
|
|
48
|
+
},
|
|
49
|
+
"dependencies": {
|
|
50
|
+
"clsx": "^2.1.1",
|
|
51
|
+
"tailwind-merge": "^2.5.4",
|
|
52
|
+
"tailwind-variants": "^0.3.0"
|
|
53
|
+
},
|
|
54
|
+
"devDependencies": {
|
|
55
|
+
"@eslint/js": "^9.14.0",
|
|
56
|
+
"@storybook/addon-essentials": "^8.4.0",
|
|
57
|
+
"@storybook/react-vite": "^8.4.0",
|
|
58
|
+
"@types/react": "^19.0.0",
|
|
59
|
+
"@types/react-dom": "^19.0.0",
|
|
60
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
61
|
+
"autoprefixer": "^10.4.20",
|
|
62
|
+
"eslint": "^9.14.0",
|
|
63
|
+
"eslint-plugin-boundaries": "^5.0.1",
|
|
64
|
+
"eslint-plugin-react-hooks": "^5.0.0",
|
|
65
|
+
"postcss": "^8.4.49",
|
|
66
|
+
"react": "^19.0.0",
|
|
67
|
+
"react-dom": "^19.0.0",
|
|
68
|
+
"storybook": "^8.4.0",
|
|
69
|
+
"tailwindcss": "^3.4.14",
|
|
70
|
+
"tsup": "^8.3.5",
|
|
71
|
+
"typescript": "^5.6.3",
|
|
72
|
+
"typescript-eslint": "^8.13.0",
|
|
73
|
+
"vite": "^6.0.0"
|
|
74
|
+
},
|
|
75
|
+
"packageManager": "pnpm@9.12.0",
|
|
76
|
+
"engines": {
|
|
77
|
+
"node": ">=20.0.0"
|
|
78
|
+
}
|
|
79
|
+
}
|