@donotdev/components 0.0.2 → 0.0.4
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/dist/atomic/Button/index.d.ts.map +1 -1
- package/dist/atomic/Button/index.js +3 -2
- package/dist/atomic/CallToAction/index.d.ts +7 -1
- package/dist/atomic/CallToAction/index.d.ts.map +1 -1
- package/dist/atomic/CallToAction/index.js +5 -3
- package/dist/atomic/Card/index.d.ts +62 -6
- package/dist/atomic/Card/index.d.ts.map +1 -1
- package/dist/atomic/Card/index.js +69 -21
- package/dist/atomic/Command/index.d.ts.map +1 -1
- package/dist/atomic/Command/index.js +3 -1
- package/dist/atomic/CommandDialog/index.d.ts.map +1 -1
- package/dist/atomic/CopyToClipboard/index.d.ts.map +1 -1
- package/dist/atomic/DropdownMenu/index.d.ts.map +1 -1
- package/dist/atomic/DualCard/index.d.ts +22 -24
- package/dist/atomic/DualCard/index.d.ts.map +1 -1
- package/dist/atomic/DualCard/index.js +7 -45
- package/dist/atomic/Grid/index.d.ts +25 -20
- package/dist/atomic/Grid/index.d.ts.map +1 -1
- package/dist/atomic/Grid/index.js +26 -16
- package/dist/atomic/HeroSection/index.d.ts +10 -46
- package/dist/atomic/HeroSection/index.d.ts.map +1 -1
- package/dist/atomic/HeroSection/index.js +7 -22
- package/dist/atomic/Input/index.d.ts.map +1 -1
- package/dist/atomic/Input/index.js +4 -0
- package/dist/atomic/List/index.d.ts +6 -1
- package/dist/atomic/List/index.d.ts.map +1 -1
- package/dist/atomic/List/index.js +8 -4
- package/dist/atomic/NavigationMenu/index.d.ts +1 -1
- package/dist/atomic/NavigationMenu/index.d.ts.map +1 -1
- package/dist/atomic/Popover/index.d.ts +24 -2
- package/dist/atomic/Popover/index.d.ts.map +1 -1
- package/dist/atomic/Popover/index.js +9 -0
- package/dist/atomic/RadioGroup/index.d.ts +4 -2
- package/dist/atomic/RadioGroup/index.d.ts.map +1 -1
- package/dist/atomic/RadioGroup/index.js +4 -5
- package/dist/atomic/Section/index.d.ts +33 -14
- package/dist/atomic/Section/index.d.ts.map +1 -1
- package/dist/atomic/Section/index.js +25 -12
- package/dist/atomic/Table/index.d.ts +2 -2
- package/dist/atomic/Tooltip/index.d.ts +6 -1
- package/dist/atomic/Tooltip/index.d.ts.map +1 -1
- package/dist/atomic/Tooltip/index.js +19 -2
- package/dist/atomic/VideoPlayer/index.d.ts.map +1 -1
- package/dist/atomic/VideoPlayer/index.js +15 -5
- package/dist/atomic/index.d.ts +3 -3
- package/dist/atomic/index.d.ts.map +1 -1
- package/dist/atomic/index.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4 -4
- package/dist/styles/index.css +358 -232
- package/dist/types.d.ts +2 -2
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -2,48 +2,61 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
// packages/components/src/atomic/Section/index.tsx
|
|
3
3
|
/**
|
|
4
4
|
* @fileoverview Section component
|
|
5
|
-
* @description Minimal layout section with title, optional separator, and
|
|
5
|
+
* @description Minimal layout section with title, optional separator, and tone backgrounds.
|
|
6
6
|
* Content width is automatically constrained by PageContainer's --content-width variable.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
9
|
* ```tsx
|
|
10
|
+
* // Fixed 3 columns
|
|
10
11
|
* <Section title="Features" gridCols={3}>
|
|
11
|
-
* <Card
|
|
12
|
-
* <Card
|
|
13
|
-
* <Card
|
|
12
|
+
* <Card />
|
|
13
|
+
* <Card />
|
|
14
|
+
* <Card />
|
|
15
|
+
* </Section>
|
|
16
|
+
*
|
|
17
|
+
* // Responsive: [mobile, tablet, laptop, desktop]
|
|
18
|
+
* <Section title="Features" gridCols={[1, 1, 2, 3]}>
|
|
19
|
+
* <Card />
|
|
20
|
+
* <Card />
|
|
21
|
+
* <Card />
|
|
14
22
|
* </Section>
|
|
15
23
|
* ```
|
|
16
24
|
*
|
|
17
|
-
* @version 0.0.
|
|
25
|
+
* @version 0.0.4
|
|
18
26
|
* @since 0.0.1
|
|
19
27
|
* @author AMBROISE PARK Consulting
|
|
20
28
|
*/
|
|
21
29
|
import { createElement, forwardRef, } from 'react';
|
|
22
30
|
import { GAP_VARIANT } from '../../styles/componentConstants';
|
|
23
31
|
import { cn } from '../../utils/helpers';
|
|
32
|
+
import Grid, {} from '../Grid';
|
|
24
33
|
import Separator, { SEPARATOR_VARIANT } from '../Separator';
|
|
34
|
+
import Text from '../Text';
|
|
35
|
+
import './Section.css';
|
|
25
36
|
/**
|
|
26
|
-
* Minimal layout section with title, optional separator, and
|
|
37
|
+
* Minimal layout section with title, optional separator, and tone backgrounds.
|
|
27
38
|
*
|
|
28
39
|
* @component
|
|
29
40
|
* @example
|
|
30
41
|
* ```tsx
|
|
31
|
-
* <Section title="Features" gridCols={3}>
|
|
32
|
-
* <Card
|
|
33
|
-
* <Card
|
|
42
|
+
* <Section title="Features" gridCols={[1, 1, 2, 3]}>
|
|
43
|
+
* <Card />
|
|
44
|
+
* <Card />
|
|
45
|
+
* <Card />
|
|
34
46
|
* </Section>
|
|
35
47
|
* ```
|
|
36
48
|
*/
|
|
37
|
-
const Section = forwardRef(function Section({ as = 'section', children, title, separator = false, tone = 'base',
|
|
49
|
+
const Section = forwardRef(function Section({ as = 'section', children, title, separator = false, tone = 'base', align: textAlign = 'center', gridCols, gridGap, className, ...props }, ref) {
|
|
38
50
|
const Component = as;
|
|
51
|
+
const content = gridCols ? (_jsx(Grid, { cols: gridCols, gap: gridGap || GAP_VARIANT.MEDIUM, children: children })) : (children);
|
|
39
52
|
return createElement(Component, {
|
|
40
53
|
ref,
|
|
41
54
|
'aria-label': props['aria-label'],
|
|
42
55
|
className: cn('dndev-section-full-width', className),
|
|
43
56
|
'data-tone': tone,
|
|
44
|
-
'data-text-align':
|
|
57
|
+
'data-text-align': textAlign,
|
|
45
58
|
...props,
|
|
46
|
-
}, _jsxs(_Fragment, { children: [separator && _jsx(Separator, { variant: SEPARATOR_VARIANT.ACCENT }), _jsxs("div", { className: "dndev-section-content", children: [title && _jsx(
|
|
59
|
+
}, _jsxs(_Fragment, { children: [separator && _jsx(Separator, { variant: SEPARATOR_VARIANT.ACCENT }), _jsxs("div", { className: "dndev-section-content", children: [title && (_jsx(Text, { as: "h2", className: "dndev-section-title", children: title })), content] })] }));
|
|
47
60
|
});
|
|
48
61
|
Section.displayName = 'Section';
|
|
49
62
|
export default Section;
|
|
@@ -4,7 +4,7 @@ import './Table.css';
|
|
|
4
4
|
* Table column configuration
|
|
5
5
|
*
|
|
6
6
|
* LAYOUT EXCEPTION: The `width` property is a layout control, not a styling prop.
|
|
7
|
-
* Similar to Grid's `
|
|
7
|
+
* Similar to Grid's `cols`, column width defines the structural layout of data,
|
|
8
8
|
* not superficial styling. This exception is documented in architecture docs.
|
|
9
9
|
*
|
|
10
10
|
* @version 0.0.1
|
|
@@ -21,7 +21,7 @@ export interface TableColumn<T = any> {
|
|
|
21
21
|
/**
|
|
22
22
|
* Column width - LAYOUT EXCEPTION
|
|
23
23
|
* Controls structural data presentation, not styling.
|
|
24
|
-
* Analogous to Grid's
|
|
24
|
+
* Analogous to Grid's cols for defining layout structure.
|
|
25
25
|
*/
|
|
26
26
|
width?: string | number;
|
|
27
27
|
/**
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @fileoverview Tooltip component
|
|
3
3
|
* @description Accessible tooltip component built on Radix UI primitives.
|
|
4
4
|
*
|
|
5
|
-
* @version 0.0.
|
|
5
|
+
* @version 0.0.3
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
@@ -30,6 +30,11 @@ export interface TooltipProps {
|
|
|
30
30
|
* 2. CSS `--tooltip-side` property (set by container like Sidebar)
|
|
31
31
|
* 3. Radix auto-positioning (default)
|
|
32
32
|
*
|
|
33
|
+
* SSR Safety:
|
|
34
|
+
* During SSR/static generation (Next.js prerendering), TooltipProvider may not
|
|
35
|
+
* be available. This component gracefully degrades by rendering just children
|
|
36
|
+
* during SSR, then hydrating with full tooltip functionality on client.
|
|
37
|
+
*
|
|
33
38
|
* @example
|
|
34
39
|
* ```css
|
|
35
40
|
* .sidebar { --tooltip-side: right; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tooltip/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAyB,EAGvB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tooltip/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAyB,EAGvB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,OAAO,GAAI,6DAOd,YAAY,4CA+Dd,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
// packages/components/src/atomic/Tooltip/index.tsx
|
|
3
3
|
/**
|
|
4
4
|
* @fileoverview Tooltip component
|
|
5
5
|
* @description Accessible tooltip component built on Radix UI primitives.
|
|
6
6
|
*
|
|
7
|
-
* @version 0.0.
|
|
7
|
+
* @version 0.0.3
|
|
8
8
|
* @since 0.0.1
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
@@ -20,6 +20,11 @@ import { useRef, useState, useEffect } from 'react';
|
|
|
20
20
|
* 2. CSS `--tooltip-side` property (set by container like Sidebar)
|
|
21
21
|
* 3. Radix auto-positioning (default)
|
|
22
22
|
*
|
|
23
|
+
* SSR Safety:
|
|
24
|
+
* During SSR/static generation (Next.js prerendering), TooltipProvider may not
|
|
25
|
+
* be available. This component gracefully degrades by rendering just children
|
|
26
|
+
* during SSR, then hydrating with full tooltip functionality on client.
|
|
27
|
+
*
|
|
23
28
|
* @example
|
|
24
29
|
* ```css
|
|
25
30
|
* .sidebar { --tooltip-side: right; }
|
|
@@ -32,6 +37,12 @@ import { useRef, useState, useEffect } from 'react';
|
|
|
32
37
|
const Tooltip = ({ content, children, side, align = 'center', delayDuration = 300, variant, }) => {
|
|
33
38
|
const triggerRef = useRef(null);
|
|
34
39
|
const [computedSide, setComputedSide] = useState(side);
|
|
40
|
+
// SSR safety: Track if component has mounted on client
|
|
41
|
+
// During SSR/static generation, render just children to avoid TooltipProvider dependency
|
|
42
|
+
const [isMounted, setIsMounted] = useState(false);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
setIsMounted(true);
|
|
45
|
+
}, []);
|
|
35
46
|
// Read CSS custom property after mount (CSR only, SSR-safe)
|
|
36
47
|
// Priority: CSS --tooltip-side > explicit side prop > Radix auto
|
|
37
48
|
useEffect(() => {
|
|
@@ -53,6 +64,12 @@ const Tooltip = ({ content, children, side, align = 'center', delayDuration = 30
|
|
|
53
64
|
// No side specified - Radix will auto-position
|
|
54
65
|
setComputedSide(undefined);
|
|
55
66
|
}, [side]);
|
|
67
|
+
// During SSR/static generation, render just children
|
|
68
|
+
// This prevents TooltipProvider requirement during prerendering
|
|
69
|
+
// After hydration, full tooltip functionality is available
|
|
70
|
+
if (!isMounted) {
|
|
71
|
+
return _jsx(_Fragment, { children: children });
|
|
72
|
+
}
|
|
56
73
|
const variantAttrs = getVariantDataAttrs({
|
|
57
74
|
variant: variant !== FLOATING_VARIANT.DEFAULT ? variant : undefined,
|
|
58
75
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/VideoPlayer/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/VideoPlayer/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,eAAe;IACf,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAiED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,QAAA,MAAM,WAAW,GAAI,sGAWlB,gBAAgB,4CA+IlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -14,6 +14,7 @@ import { useTranslation } from '@donotdev/core';
|
|
|
14
14
|
import { cn } from '../../utils/helpers';
|
|
15
15
|
import Button, { BUTTON_VARIANT } from '../Button';
|
|
16
16
|
import Dialog from '../Dialog';
|
|
17
|
+
import Spinner from '../Spinner';
|
|
17
18
|
/**
|
|
18
19
|
* Constructs embed URL from VideoConfig or returns string URL as-is
|
|
19
20
|
*
|
|
@@ -136,6 +137,7 @@ const VideoPlayer = ({ url = { platform: 'youtube', id: 'dQw4w9WgXcQ' }, trigger
|
|
|
136
137
|
const { t } = useTranslation(['dndev']);
|
|
137
138
|
const [isOpen, setIsOpen] = useState(false);
|
|
138
139
|
const [isLoaded, setIsLoaded] = useState(false);
|
|
140
|
+
const [iframeReady, setIframeReady] = useState(false);
|
|
139
141
|
const embedUrl = getEmbedUrl(url, autoplay);
|
|
140
142
|
const thumbnailUrl = thumbnail || getThumbnailUrl(url);
|
|
141
143
|
// Lazy-load iframe when modal opens
|
|
@@ -144,11 +146,15 @@ const VideoPlayer = ({ url = { platform: 'youtube', id: 'dQw4w9WgXcQ' }, trigger
|
|
|
144
146
|
setIsLoaded(true);
|
|
145
147
|
}
|
|
146
148
|
}, [isOpen, isLoaded]);
|
|
147
|
-
|
|
149
|
+
// Reset iframe ready state when video changes
|
|
150
|
+
useEffect(() => {
|
|
151
|
+
setIframeReady(false);
|
|
152
|
+
}, [embedUrl]);
|
|
153
|
+
const videoFrame = (_jsx("iframe", { src: isLoaded ? embedUrl : '', title: title, allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: allowFullscreen, className: cn('dndev-video-frame', className), style: { aspectRatio }, onLoad: () => setIframeReady(true) }));
|
|
148
154
|
// Inline video (no modal) - lazy-load on click
|
|
149
155
|
if (!modal) {
|
|
156
|
+
// Not clicked yet - show thumbnail only
|
|
150
157
|
if (!isLoaded) {
|
|
151
|
-
// Show thumbnail facade
|
|
152
158
|
if (thumbnailUrl) {
|
|
153
159
|
return (_jsxs("button", { type: "button", onClick: () => setIsLoaded(true), onKeyDown: (e) => {
|
|
154
160
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
@@ -157,11 +163,15 @@ const VideoPlayer = ({ url = { platform: 'youtube', id: 'dQw4w9WgXcQ' }, trigger
|
|
|
157
163
|
}
|
|
158
164
|
}, className: cn('dndev-video-thumbnail', className), style: { aspectRatio }, "aria-label": t('video.clickToWatch', 'Click to watch video'), children: [_jsx("img", { src: thumbnailUrl, alt: title, loading: eager ? 'eager' : 'lazy', fetchPriority: eager ? 'high' : 'low', decoding: "async" }), _jsx("div", { className: "dndev-video-play-overlay", children: _jsx(Play, { className: "dndev-video-play-icon" }) })] }));
|
|
159
165
|
}
|
|
160
|
-
// No thumbnail
|
|
166
|
+
// No thumbnail - show button
|
|
161
167
|
return (_jsx(Button, { icon: Play, onClick: () => setIsLoaded(true), className: className, children: t('video.watchVideo', 'Watch Video') }));
|
|
162
168
|
}
|
|
163
|
-
//
|
|
164
|
-
return (
|
|
169
|
+
// Clicked - show iframe with thumbnail overlay until iframe loads
|
|
170
|
+
return (_jsxs("div", { className: cn('dndev-video-container', className), style: { aspectRatio, position: 'relative' }, children: [videoFrame, !iframeReady && thumbnailUrl && (_jsxs("div", { className: "dndev-video-thumbnail dndev-video-loading-overlay", style: {
|
|
171
|
+
position: 'absolute',
|
|
172
|
+
inset: 0,
|
|
173
|
+
pointerEvents: 'none',
|
|
174
|
+
}, children: [_jsx("img", { src: thumbnailUrl, alt: title, loading: "eager", decoding: "async" }), _jsx("div", { className: "dndev-video-play-overlay dndev-video-loading", children: _jsx(Spinner, { "aria-label": t('video.loading', 'Loading video') }) })] }))] }));
|
|
165
175
|
}
|
|
166
176
|
// Modal mode - lazy-load iframe when modal opens
|
|
167
177
|
const defaultTrigger = thumbnailUrl ? (_jsxs("button", { type: "button", className: "dndev-video-thumbnail", style: { aspectRatio }, "aria-label": t('video.clickToWatch', 'Click to watch video'), children: [_jsx("img", { src: thumbnailUrl, alt: title, loading: eager ? 'eager' : 'lazy', fetchPriority: eager ? 'high' : 'low', decoding: "async" }), _jsx("div", { className: "dndev-video-play-overlay", children: _jsx(Play, { className: "dndev-video-play-icon" }) })] })) : (_jsx(Button, { icon: Play, children: t('video.watchVideo', 'Watch Video') }));
|
package/dist/atomic/index.d.ts
CHANGED
|
@@ -34,10 +34,10 @@ export type { CallToActionProps } from './CallToAction';
|
|
|
34
34
|
export { default as Calendar } from './Calendar';
|
|
35
35
|
export type { CalendarProps } from './Calendar';
|
|
36
36
|
export * from './Calendar/CalendarPrimitive';
|
|
37
|
-
export { default as Card } from './Card';
|
|
37
|
+
export { default as Card, renderCardContent, renderCardHeader } from './Card';
|
|
38
38
|
export { CARD_VARIANT } from './Card';
|
|
39
39
|
export { surfaceVariants, type SurfaceVariantProps } from '../utils/variants';
|
|
40
|
-
export type { CardProps, CardVariant } from './Card';
|
|
40
|
+
export type { CardProps, CardVariant, CardContent } from './Card';
|
|
41
41
|
export { default as DualCard } from './DualCard';
|
|
42
42
|
export type { DualCardProps, DualCardVariant } from './DualCard';
|
|
43
43
|
export { default as Checkbox } from './Checkbox';
|
|
@@ -68,7 +68,7 @@ export type { DropdownMenuProps, DropdownMenuItemData } from './DropdownMenu';
|
|
|
68
68
|
export { default as FeatureFallback, withFeatureFallback, type FeatureFallbackProps, } from './FeatureFallback';
|
|
69
69
|
export { default as FileButton } from './FileButton';
|
|
70
70
|
export { default as Grid, GridArea } from './Grid';
|
|
71
|
-
export type { GridProps, GridAreaProps } from './Grid';
|
|
71
|
+
export type { GridProps, GridAreaProps, ResponsiveCols } from './Grid';
|
|
72
72
|
export { default as HeroSection } from './HeroSection';
|
|
73
73
|
export type { HeroSectionProps } from './HeroSection';
|
|
74
74
|
export { default as HoverCard } from './HoverCard';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/atomic/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,oCAAoC,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACpE,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/atomic/index.ts"],"names":[],"mappings":"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"}
|
package/dist/atomic/index.js
CHANGED
|
@@ -25,7 +25,7 @@ export { buttonVariants, BUTTON_VARIANT } from './Button';
|
|
|
25
25
|
export { default as CallToAction } from './CallToAction';
|
|
26
26
|
export { default as Calendar } from './Calendar';
|
|
27
27
|
export * from './Calendar/CalendarPrimitive';
|
|
28
|
-
export { default as Card } from './Card';
|
|
28
|
+
export { default as Card, renderCardContent, renderCardHeader } from './Card';
|
|
29
29
|
export { CARD_VARIANT } from './Card';
|
|
30
30
|
export { surfaceVariants } from '../utils/variants';
|
|
31
31
|
export { default as DualCard } from './DualCard';
|