@n3wth/ui 0.3.4 → 0.4.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/README.md +25 -93
- package/dist/atoms/Character/Character.d.ts +15 -0
- package/dist/atoms/Character/Character.d.ts.map +1 -0
- package/dist/atoms/Character/index.d.ts +3 -0
- package/dist/atoms/Character/index.d.ts.map +1 -0
- package/dist/atoms/Shape/Shape.d.ts +20 -0
- package/dist/atoms/Shape/Shape.d.ts.map +1 -0
- package/dist/atoms/Shape/index.d.ts +4 -0
- package/dist/atoms/Shape/index.d.ts.map +1 -0
- package/dist/atoms/Shape/patterns.d.ts +20 -0
- package/dist/atoms/Shape/patterns.d.ts.map +1 -0
- package/dist/atoms/SpeechBubble/SpeechBubble.d.ts +15 -0
- package/dist/atoms/SpeechBubble/SpeechBubble.d.ts.map +1 -0
- package/dist/atoms/SpeechBubble/index.d.ts +3 -0
- package/dist/atoms/SpeechBubble/index.d.ts.map +1 -0
- package/dist/atoms/index.d.ts +6 -0
- package/dist/atoms/index.d.ts.map +1 -1
- package/dist/favicon.svg +3 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2714 -2175
- package/dist/molecules/CompositeShape/CompositeShape.d.ts +10 -0
- package/dist/molecules/CompositeShape/CompositeShape.d.ts.map +1 -0
- package/dist/molecules/CompositeShape/index.d.ts +5 -0
- package/dist/molecules/CompositeShape/index.d.ts.map +1 -0
- package/dist/molecules/CompositeShape/presets.d.ts +15 -0
- package/dist/molecules/CompositeShape/presets.d.ts.map +1 -0
- package/dist/molecules/MobileDrawer/MobileDrawer.d.ts.map +1 -1
- package/dist/molecules/index.d.ts +4 -0
- package/dist/molecules/index.d.ts.map +1 -1
- package/dist/robots.txt +4 -0
- package/dist/sitemap.xml +8 -0
- package/dist/tokens/colors.d.ts +20 -0
- package/dist/tokens/colors.d.ts.map +1 -1
- package/package.json +1 -1
- package/public/favicon.svg +3 -0
- package/public/robots.txt +4 -0
- package/public/sitemap.xml +8 -0
package/README.md
CHANGED
|
@@ -1,122 +1,54 @@
|
|
|
1
|
-
#
|
|
1
|
+
# n3wth/ui
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
[](https://www.npmjs.com/package/@n3wth/ui)
|
|
5
|
-
[](https://opensource.org/licenses/MIT)
|
|
3
|
+
Atomic design system. Flat, minimal, iOS-inspired. No shadows, no glows, just clean glass morphism.
|
|
6
4
|
|
|
7
|
-
|
|
5
|
+
**[ui.newth.ai](https://ui.newth.ai)** / **[npm](https://www.npmjs.com/package/@n3wth/ui)**
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
## Installation
|
|
7
|
+
## Install
|
|
12
8
|
|
|
13
9
|
```bash
|
|
14
10
|
npm install @n3wth/ui
|
|
15
11
|
```
|
|
16
12
|
|
|
17
|
-
### Peer Dependencies
|
|
18
|
-
|
|
19
|
-
Requires React 18+ and React DOM:
|
|
20
|
-
|
|
21
|
-
```bash
|
|
22
|
-
npm install react react-dom
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## Quick Start
|
|
26
|
-
|
|
27
13
|
```tsx
|
|
28
14
|
import { Button, Card, Nav } from '@n3wth/ui'
|
|
29
15
|
import '@n3wth/ui/styles'
|
|
30
16
|
```
|
|
31
17
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
Include the design tokens in your Tailwind config:
|
|
18
|
+
## Components
|
|
35
19
|
|
|
36
|
-
|
|
37
|
-
// tailwind.config.js
|
|
38
|
-
export default {
|
|
39
|
-
presets: [require('@n3wth/ui/tailwind')],
|
|
40
|
-
content: [
|
|
41
|
-
'./src/**/*.{js,ts,jsx,tsx}',
|
|
42
|
-
'./node_modules/@n3wth/ui/dist/**/*.js'
|
|
43
|
-
]
|
|
44
|
-
}
|
|
45
|
-
```
|
|
20
|
+
**Atoms** - Button, Badge, Input, Icon, AnimatedText, HamburgerIcon, NoiseOverlay, ScrollIndicator
|
|
46
21
|
|
|
47
|
-
|
|
22
|
+
**Molecules** - Card, NavLink, CommandBox, ThemeToggle, MobileDrawer
|
|
48
23
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
| Component | Description |
|
|
52
|
-
|-----------|-------------|
|
|
53
|
-
| `Button` | Primary, secondary, ghost, glass variants with loading state |
|
|
54
|
-
| `Badge` | Default, sage, coral, mint, gold, outline variants |
|
|
55
|
-
| `Input` | Text input with glass variant, icons, and error state |
|
|
56
|
-
| `Icon` | SVG icons via iconoir-react |
|
|
57
|
-
| `AnimatedText` | Text with entrance animations |
|
|
58
|
-
| `HamburgerIcon` | Animated menu icon |
|
|
59
|
-
| `NoiseOverlay` | Subtle noise texture overlay |
|
|
60
|
-
| `ScrollIndicator` | Scroll progress indicator |
|
|
61
|
-
|
|
62
|
-
### Molecules
|
|
63
|
-
|
|
64
|
-
| Component | Description |
|
|
65
|
-
|-----------|-------------|
|
|
66
|
-
| `Card` | Container with header, content, footer. Glass/interactive variants |
|
|
67
|
-
| `NavLink` | Navigation link with underline/pill styles |
|
|
68
|
-
| `CommandBox` | Copy-to-clipboard code display |
|
|
69
|
-
| `ThemeToggle` | Dark/light mode toggle |
|
|
70
|
-
| `MobileDrawer` | Slide-out mobile navigation |
|
|
71
|
-
|
|
72
|
-
### Organisms
|
|
73
|
-
|
|
74
|
-
| Component | Description |
|
|
75
|
-
|-----------|-------------|
|
|
76
|
-
| `Nav` | Fixed navigation with mobile menu and theme toggle |
|
|
77
|
-
| `Hero` | Hero section with badge, title, description, CTAs |
|
|
78
|
-
| `Section` | Content section wrapper with header |
|
|
79
|
-
| `Footer` | Multi-column footer with sections |
|
|
24
|
+
**Organisms** - Nav, Hero, Section, Footer
|
|
80
25
|
|
|
81
26
|
## Hooks
|
|
82
27
|
|
|
83
|
-
|
|
84
|
-
|------|-------------|
|
|
85
|
-
| `useTheme` | Dark/light theme management with system preference detection |
|
|
86
|
-
| `useMediaQuery` | Responsive breakpoint detection |
|
|
87
|
-
| `useKeyboardShortcuts` | Keyboard shortcut handler |
|
|
88
|
-
| `useReducedMotion` | Respects user's motion preferences |
|
|
28
|
+
`useTheme` - Dark/light mode with system detection
|
|
89
29
|
|
|
90
|
-
|
|
30
|
+
`useMediaQuery` - Responsive breakpoints
|
|
91
31
|
|
|
92
|
-
|
|
93
|
-
npm run dev # Watch mode for library
|
|
94
|
-
npm run demo # Run demo app at localhost:5173
|
|
95
|
-
npm run build # Build library to dist/
|
|
96
|
-
npm run demo:build # Build demo for Vercel
|
|
97
|
-
npm run lint # Lint
|
|
98
|
-
```
|
|
32
|
+
`useKeyboardShortcuts` - Keyboard handler
|
|
99
33
|
|
|
100
|
-
|
|
34
|
+
`useReducedMotion` - Motion preference detection
|
|
101
35
|
|
|
102
|
-
|
|
103
|
-
npm run release:patch # 0.3.2 → 0.3.3
|
|
104
|
-
npm run release:minor # 0.3.2 → 0.4.0
|
|
105
|
-
npm run release:major # 0.3.2 → 1.0.0
|
|
106
|
-
```
|
|
36
|
+
## Tailwind Preset
|
|
107
37
|
|
|
108
|
-
|
|
38
|
+
```js
|
|
39
|
+
// tailwind.config.js
|
|
40
|
+
export default {
|
|
41
|
+
presets: [require('@n3wth/ui/tailwind')],
|
|
42
|
+
content: ['./node_modules/@n3wth/ui/dist/**/*.js']
|
|
43
|
+
}
|
|
44
|
+
```
|
|
109
45
|
|
|
110
|
-
##
|
|
46
|
+
## Development
|
|
111
47
|
|
|
112
|
-
```
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
organisms/ # Nav, Hero, Footer, Section
|
|
117
|
-
hooks/ # useTheme, useMediaQuery, etc.
|
|
118
|
-
tokens/ # Design tokens (colors, typography)
|
|
119
|
-
demo/ # Demo app (ui.newth.ai)
|
|
48
|
+
```bash
|
|
49
|
+
npm run dev # Watch library
|
|
50
|
+
npm run demo # Demo at localhost:5173
|
|
51
|
+
npm run build # Build to dist/
|
|
120
52
|
```
|
|
121
53
|
|
|
122
54
|
## License
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type Expression = 'happy' | 'wink' | 'surprised' | 'excited' | 'thinking' | 'cool' | 'sleepy' | 'love';
|
|
2
|
+
export type Accessory = 'none' | 'glasses' | 'hat' | 'flower' | 'bowtie';
|
|
3
|
+
export interface CharacterProps {
|
|
4
|
+
expression?: Expression;
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
featureColor?: string;
|
|
8
|
+
accessory?: Accessory;
|
|
9
|
+
accessoryColor?: string;
|
|
10
|
+
animate?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
export declare function Character({ expression, size, color, featureColor, accessory, accessoryColor, animate, className, style, }: CharacterProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Character.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Character.d.ts","sourceRoot":"","sources":["../../../src/atoms/Character/Character.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,UAAU,GACV,MAAM,GACN,QAAQ,GACR,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAExE,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AA+ID,wBAAgB,SAAS,CAAC,EACxB,UAAoB,EACpB,IAAS,EACT,KAAiB,EACjB,YAAwB,EACxB,SAAkB,EAClB,cAA0B,EAC1B,OAAe,EACf,SAAS,EACT,KAAK,GACN,EAAE,cAAc,2CA8ChB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Character/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { PatternType } from './patterns';
|
|
2
|
+
export type ShapeType = 'circle' | 'square' | 'triangle' | 'diamond' | 'hexagon' | 'semicircle' | 'arc' | 'pill' | 'star';
|
|
3
|
+
export interface ShapeProps {
|
|
4
|
+
type: ShapeType;
|
|
5
|
+
size?: number | {
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
};
|
|
9
|
+
color?: string;
|
|
10
|
+
pattern?: PatternType;
|
|
11
|
+
patternColors?: string[];
|
|
12
|
+
patternScale?: number;
|
|
13
|
+
patternAngle?: number;
|
|
14
|
+
rotation?: number;
|
|
15
|
+
opacity?: number;
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
}
|
|
19
|
+
export declare function Shape({ type, size, color, pattern, patternColors, patternScale, patternAngle, rotation, opacity, className, style, }: ShapeProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=Shape.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../../src/atoms/Shape/Shape.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,WAAW,EAAE,MAAM,YAAY,CAAA;AAEzD,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,YAAY,GACZ,KAAK,GACL,MAAM,GACN,MAAM,CAAA;AAEV,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AA2BD,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,OAAiB,EACjB,aAAa,EACb,YAAgB,EAChB,YAAiB,EACjB,QAAY,EACZ,OAAW,EACX,SAAS,EACT,KAAK,GACN,EAAE,UAAU,2CA2DZ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Shape/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACpD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SVG pattern generators for shapes
|
|
3
|
+
* Returns pattern definition and pattern ID for use in fills
|
|
4
|
+
*/
|
|
5
|
+
export type PatternType = 'solid' | 'checkered' | 'striped' | 'dotted';
|
|
6
|
+
export interface PatternConfig {
|
|
7
|
+
type: PatternType;
|
|
8
|
+
colors: string[];
|
|
9
|
+
scale?: number;
|
|
10
|
+
angle?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare function generatePatternId(): string;
|
|
13
|
+
export declare function generateCheckeredPattern(id: string, colors: [string, string], scale?: number): string;
|
|
14
|
+
export declare function generateStripedPattern(id: string, colors: string[], scale?: number, angle?: number): string;
|
|
15
|
+
export declare function generateDottedPattern(id: string, bgColor: string, dotColor: string, scale?: number): string;
|
|
16
|
+
export declare function generatePattern(config: PatternConfig): {
|
|
17
|
+
defs: string;
|
|
18
|
+
fill: string;
|
|
19
|
+
} | null;
|
|
20
|
+
//# sourceMappingURL=patterns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"patterns.d.ts","sourceRoot":"","sources":["../../../src/atoms/Shape/patterns.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEtE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,WAAW,CAAA;IACjB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED,wBAAgB,wBAAwB,CACtC,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACxB,KAAK,GAAE,MAAU,GAChB,MAAM,CAWR;AAED,wBAAgB,sBAAsB,CACpC,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,GAAE,MAAU,EACjB,KAAK,GAAE,MAAW,GACjB,MAAM,CAcR;AAED,wBAAgB,qBAAqB,CACnC,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,KAAK,GAAE,MAAU,GAChB,MAAM,CASR;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CA2B5F"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type BubbleDirection = 'left' | 'right' | 'top' | 'bottom';
|
|
2
|
+
export type BubbleVariant = 'speech' | 'thought';
|
|
3
|
+
export type BubbleSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface SpeechBubbleProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
direction?: BubbleDirection;
|
|
7
|
+
variant?: BubbleVariant;
|
|
8
|
+
size?: BubbleSize;
|
|
9
|
+
color?: string;
|
|
10
|
+
borderColor?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
export declare function SpeechBubble({ children, direction, variant, size, color, borderColor, className, style, }: SpeechBubbleProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=SpeechBubble.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpeechBubble.d.ts","sourceRoot":"","sources":["../../../src/atoms/SpeechBubble/SpeechBubble.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AACjE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAA;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAQD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAoB,EACpB,OAAkB,EAClB,IAAW,EACX,KAAoD,EACpD,WAA6D,EAC7D,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,2CAwEnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/SpeechBubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA"}
|
package/dist/atoms/index.d.ts
CHANGED
|
@@ -14,4 +14,10 @@ export { HamburgerIcon } from './HamburgerIcon';
|
|
|
14
14
|
export type { HamburgerIconProps } from './HamburgerIcon';
|
|
15
15
|
export { AnimatedText } from './AnimatedText';
|
|
16
16
|
export type { AnimatedTextProps } from './AnimatedText';
|
|
17
|
+
export { Shape } from './Shape';
|
|
18
|
+
export type { ShapeProps, ShapeType, PatternType } from './Shape';
|
|
19
|
+
export { Character } from './Character';
|
|
20
|
+
export type { CharacterProps, Expression, Accessory } from './Character';
|
|
21
|
+
export { SpeechBubble } from './SpeechBubble';
|
|
22
|
+
export type { SpeechBubbleProps, BubbleDirection, BubbleVariant, BubbleSize } from './SpeechBubble';
|
|
17
23
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAExE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA"}
|
package/dist/favicon.svg
ADDED
package/dist/index.d.ts
CHANGED
|
@@ -20,6 +20,12 @@ export { CodeBlock } from './atoms/CodeBlock';
|
|
|
20
20
|
export type { CodeBlockProps } from './atoms/CodeBlock';
|
|
21
21
|
export { Skeleton, CardSkeleton } from './atoms/Skeleton';
|
|
22
22
|
export type { SkeletonProps, CardSkeletonProps } from './atoms/Skeleton';
|
|
23
|
+
export { Shape } from './atoms/Shape';
|
|
24
|
+
export type { ShapeProps, ShapeType, PatternType } from './atoms/Shape';
|
|
25
|
+
export { Character } from './atoms/Character';
|
|
26
|
+
export type { CharacterProps, Expression, Accessory } from './atoms/Character';
|
|
27
|
+
export { SpeechBubble } from './atoms/SpeechBubble';
|
|
28
|
+
export type { SpeechBubbleProps, BubbleDirection, BubbleVariant, BubbleSize } from './atoms/SpeechBubble';
|
|
23
29
|
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './molecules/Card';
|
|
24
30
|
export type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './molecules/Card';
|
|
25
31
|
export { NavLink } from './molecules/NavLink';
|
|
@@ -32,6 +38,10 @@ export { MobileDrawer } from './molecules/MobileDrawer';
|
|
|
32
38
|
export type { MobileDrawerProps } from './molecules/MobileDrawer';
|
|
33
39
|
export { ErrorBoundary, ErrorFallback } from './molecules/ErrorBoundary';
|
|
34
40
|
export type { ErrorBoundaryProps, ErrorFallbackProps } from './molecules/ErrorBoundary';
|
|
41
|
+
export { CompositeShape } from './molecules/CompositeShape';
|
|
42
|
+
export type { CompositeShapeProps } from './molecules/CompositeShape';
|
|
43
|
+
export { presets } from './molecules/CompositeShape';
|
|
44
|
+
export type { CompositePreset, ShapeLayer } from './molecules/CompositeShape';
|
|
35
45
|
export { Nav } from './organisms/Nav';
|
|
36
46
|
export type { NavProps, NavItem } from './organisms/Nav';
|
|
37
47
|
export { Footer } from './organisms/Footer';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAA;AAGxB,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|