@donotdev/components 0.0.13 → 0.0.15
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/advanced/Code/CodeContent.d.ts.map +1 -1
- package/dist/advanced/Code/CodeContent.js +5 -1
- package/dist/advanced/Code/CodeSkeleton.d.ts.map +1 -1
- package/dist/advanced/Code/CodeSkeleton.js +2 -1
- package/dist/advanced/ImageGallery/ImageGallery.d.ts +39 -0
- package/dist/advanced/ImageGallery/ImageGallery.d.ts.map +1 -0
- package/dist/advanced/ImageGallery/ImageGallery.js +138 -0
- package/dist/advanced/ImageGallery/index.d.ts +3 -0
- package/dist/advanced/ImageGallery/index.d.ts.map +1 -0
- package/dist/advanced/ImageGallery/index.js +2 -0
- package/dist/advanced/JsonViewer/JsonViewer.d.ts.map +1 -1
- package/dist/advanced/JsonViewer/JsonViewer.js +2 -1
- package/dist/advanced/index.d.ts +2 -0
- package/dist/advanced/index.d.ts.map +1 -1
- package/dist/advanced/index.js +1 -0
- package/dist/atomic/Accordion/AccordionPrimitive.d.ts +1 -1
- package/dist/atomic/Accordion/AccordionPrimitive.d.ts.map +1 -1
- package/dist/atomic/Accordion/AccordionPrimitive.js +1 -1
- package/dist/atomic/Accordion/index.d.ts.map +1 -1
- package/dist/atomic/Accordion/index.js +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.js +1 -1
- package/dist/atomic/AlertDialog/index.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/index.js +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts +1 -2
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts.map +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.js +1 -2
- package/dist/atomic/Avatar/index.d.ts +1 -1
- package/dist/atomic/Avatar/index.d.ts.map +1 -1
- package/dist/atomic/Avatar/index.js +1 -1
- package/dist/atomic/Badge/index.d.ts +1 -1
- package/dist/atomic/Button/index.d.ts +1 -1
- package/dist/atomic/Button/index.d.ts.map +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts.map +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.js +1 -1
- package/dist/atomic/Checkbox/index.d.ts +17 -3
- package/dist/atomic/Checkbox/index.d.ts.map +1 -1
- package/dist/atomic/Checkbox/index.js +21 -5
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts +1 -2
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts.map +1 -1
- package/dist/atomic/Collapsible/CollapsiblePrimitive.js +1 -2
- package/dist/atomic/Collapsible/index.d.ts.map +1 -1
- package/dist/atomic/Collapsible/index.js +6 -2
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts +1 -1
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.js +1 -1
- package/dist/atomic/ContextMenu/index.d.ts.map +1 -1
- package/dist/atomic/ContextMenu/index.js +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.d.ts +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.js +1 -1
- package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.d.ts +1 -1
- package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.js +1 -1
- package/dist/atomic/DropdownMenu/index.d.ts.map +1 -1
- package/dist/atomic/DropdownMenu/index.js +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts.map +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.js +1 -1
- package/dist/atomic/HoverCard/index.d.ts.map +1 -1
- package/dist/atomic/HoverCard/index.js +1 -1
- package/dist/atomic/Icons/Partner/providerIcons.d.ts.map +1 -1
- package/dist/atomic/Icons/Partner/providerIcons.js +17 -1
- package/dist/atomic/Input/index.d.ts +6 -1
- package/dist/atomic/Input/index.d.ts.map +1 -1
- package/dist/atomic/Input/index.js +10 -5
- package/dist/atomic/Label/FloatingLabel.d.ts +3 -1
- package/dist/atomic/Label/FloatingLabel.d.ts.map +1 -1
- package/dist/atomic/Label/FloatingLabel.js +2 -2
- package/dist/atomic/Label/LabelPrimitive.d.ts +1 -1
- package/dist/atomic/Label/LabelPrimitive.d.ts.map +1 -1
- package/dist/atomic/Label/LabelPrimitive.js +1 -1
- package/dist/atomic/Label/index.d.ts.map +1 -1
- package/dist/atomic/Label/index.js +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.js +1 -1
- package/dist/atomic/NavigationMenu/index.d.ts +1 -1
- package/dist/atomic/NavigationMenu/index.d.ts.map +1 -1
- package/dist/atomic/NavigationMenu/index.js +1 -1
- package/dist/atomic/Pagination/index.d.ts +7 -29
- package/dist/atomic/Pagination/index.d.ts.map +1 -1
- package/dist/atomic/Pagination/index.js +101 -71
- package/dist/atomic/PasswordInput/index.d.ts.map +1 -1
- package/dist/atomic/PasswordInput/index.js +1 -1
- package/dist/atomic/Popover/PopoverPrimitive.d.ts +1 -1
- package/dist/atomic/Popover/PopoverPrimitive.d.ts.map +1 -1
- package/dist/atomic/Popover/PopoverPrimitive.js +1 -1
- package/dist/atomic/Popover/index.d.ts.map +1 -1
- package/dist/atomic/Popover/index.js +1 -1
- package/dist/atomic/Portal/PortalPrimitive.d.ts +1 -1
- package/dist/atomic/Portal/PortalPrimitive.d.ts.map +1 -1
- package/dist/atomic/Portal/PortalPrimitive.js +1 -1
- package/dist/atomic/Portal/index.d.ts +1 -1
- package/dist/atomic/Portal/index.d.ts.map +1 -1
- package/dist/atomic/Portal/index.js +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.d.ts +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.d.ts.map +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.js +1 -1
- package/dist/atomic/Progress/index.d.ts +1 -1
- package/dist/atomic/Progress/index.d.ts.map +1 -1
- package/dist/atomic/Progress/index.js +1 -1
- package/dist/atomic/RadioGroup/RadioGroupPrimitive.d.ts +1 -1
- package/dist/atomic/RadioGroup/RadioGroupPrimitive.d.ts.map +1 -1
- package/dist/atomic/RadioGroup/RadioGroupPrimitive.js +1 -1
- package/dist/atomic/RadioGroup/index.d.ts.map +1 -1
- package/dist/atomic/RadioGroup/index.js +1 -1
- package/dist/atomic/RangeInput/index.d.ts +45 -0
- package/dist/atomic/RangeInput/index.d.ts.map +1 -0
- package/dist/atomic/RangeInput/index.js +63 -0
- package/dist/atomic/Rating/index.d.ts +39 -0
- package/dist/atomic/Rating/index.d.ts.map +1 -0
- package/dist/atomic/Rating/index.js +115 -0
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts.map +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.js +1 -1
- package/dist/atomic/ScrollArea/index.d.ts +1 -1
- package/dist/atomic/ScrollArea/index.d.ts.map +1 -1
- package/dist/atomic/ScrollArea/index.js +1 -1
- package/dist/atomic/Section/index.d.ts.map +1 -1
- package/dist/atomic/Section/index.js +1 -1
- package/dist/atomic/Select/SelectPrimitive.d.ts +1 -1
- package/dist/atomic/Select/SelectPrimitive.d.ts.map +1 -1
- package/dist/atomic/Select/SelectPrimitive.js +1 -1
- package/dist/atomic/Select/index.d.ts +2 -2
- package/dist/atomic/Select/index.d.ts.map +1 -1
- package/dist/atomic/Select/index.js +3 -3
- package/dist/atomic/Separator/SeparatorPrimitive.d.ts +1 -1
- package/dist/atomic/Separator/SeparatorPrimitive.d.ts.map +1 -1
- package/dist/atomic/Separator/SeparatorPrimitive.js +1 -1
- package/dist/atomic/Separator/index.d.ts +1 -1
- package/dist/atomic/Separator/index.d.ts.map +1 -1
- package/dist/atomic/Separator/index.js +1 -1
- package/dist/atomic/Sheet/SheetPrimitive.d.ts +1 -1
- package/dist/atomic/Sheet/SheetPrimitive.d.ts.map +1 -1
- package/dist/atomic/Sheet/SheetPrimitive.js +1 -1
- package/dist/atomic/Slider/SliderPrimitive.d.ts +1 -1
- package/dist/atomic/Slider/SliderPrimitive.d.ts.map +1 -1
- package/dist/atomic/Slider/SliderPrimitive.js +1 -1
- package/dist/atomic/Slider/index.d.ts +3 -2
- package/dist/atomic/Slider/index.d.ts.map +1 -1
- package/dist/atomic/Slider/index.js +9 -6
- package/dist/atomic/Stepper/index.d.ts +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.d.ts +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.d.ts.map +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.js +1 -1
- package/dist/atomic/Switch/index.d.ts +1 -1
- package/dist/atomic/Switch/index.d.ts.map +1 -1
- package/dist/atomic/Switch/index.js +1 -1
- package/dist/atomic/Table/index.d.ts +18 -5
- package/dist/atomic/Table/index.d.ts.map +1 -1
- package/dist/atomic/Table/index.js +91 -31
- package/dist/atomic/Tabs/TabsPrimitive.d.ts +1 -2
- package/dist/atomic/Tabs/TabsPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tabs/TabsPrimitive.js +1 -2
- package/dist/atomic/Tabs/index.d.ts +2 -2
- package/dist/atomic/Tabs/index.d.ts.map +1 -1
- package/dist/atomic/Tabs/index.js +1 -1
- package/dist/atomic/Text/index.d.ts +6 -0
- package/dist/atomic/Text/index.d.ts.map +1 -1
- package/dist/atomic/Text/index.js +2 -1
- package/dist/atomic/Textarea/index.d.ts +4 -0
- package/dist/atomic/Textarea/index.d.ts.map +1 -1
- package/dist/atomic/Textarea/index.js +3 -3
- package/dist/atomic/Toaster/Toast.types.d.ts +17 -0
- package/dist/atomic/Toaster/Toast.types.d.ts.map +1 -0
- package/dist/atomic/Toaster/Toast.types.js +2 -0
- package/dist/atomic/Toaster/ToastPrimitive.d.ts +2 -2
- package/dist/atomic/Toaster/ToastPrimitive.d.ts.map +1 -1
- package/dist/atomic/Toaster/ToastPrimitive.js +1 -1
- package/dist/atomic/Toaster/index.js +1 -1
- package/dist/atomic/Toggle/TogglePrimitive.d.ts +0 -1
- package/dist/atomic/Toggle/TogglePrimitive.d.ts.map +1 -1
- package/dist/atomic/Toggle/TogglePrimitive.js +0 -1
- package/dist/atomic/Toggle/index.d.ts +2 -2
- package/dist/atomic/Toggle/index.d.ts.map +1 -1
- package/dist/atomic/Toggle/index.js +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts.map +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.js +1 -1
- package/dist/atomic/ToggleGroup/index.d.ts.map +1 -1
- package/dist/atomic/ToggleGroup/index.js +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.d.ts +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.js +1 -1
- package/dist/atomic/Tooltip/index.d.ts.map +1 -1
- package/dist/atomic/Tooltip/index.js +1 -1
- package/dist/atomic/VideoPlayer/index.d.ts +11 -1
- package/dist/atomic/VideoPlayer/index.d.ts.map +1 -1
- package/dist/atomic/VideoPlayer/index.js +6 -8
- package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.d.ts +0 -1
- package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.d.ts.map +1 -1
- package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.js +0 -1
- package/dist/atomic/index.d.ts +7 -0
- package/dist/atomic/index.d.ts.map +1 -1
- package/dist/atomic/index.js +5 -0
- package/dist/hooks/index.d.ts +2 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useToast.d.ts +1 -8
- package/dist/hooks/useToast.d.ts.map +1 -1
- package/dist/hooks/useToast.js +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -4
- package/dist/styles/index.css +365 -72
- package/dist/utils/variants.d.ts +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeContent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeContent.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,eAAsB,EACtB,SAAiB,EACjB,cAAqB,EACrB,MAAM,EACN,OAAe,GAChB,EAAE,SAAS,2CAsOX;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -12,7 +12,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
12
12
|
* @author AMBROISE PARK Consulting
|
|
13
13
|
*/
|
|
14
14
|
import { useEffect, useState, useMemo } from 'react';
|
|
15
|
-
import
|
|
15
|
+
import ScrollArea from '../../atomic/ScrollArea';
|
|
16
|
+
import CopyToClipboard from '../../atomic/CopyToClipboard';
|
|
17
|
+
import Stack from '../../atomic/Stack';
|
|
18
|
+
import Text from '../../atomic/Text';
|
|
19
|
+
import { useIsDark } from '../../utils/isDark';
|
|
16
20
|
/**
|
|
17
21
|
* Professional IDE-style code display component with Shiki syntax highlighting
|
|
18
22
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeSkeleton.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeSkeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeSkeleton.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeSkeleton.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAsB,EACtB,cAAqB,EACrB,OAAe,EACf,SAAc,GACf,EAAE,iBAAiB,2CAyFnB;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -8,7 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
* @since 0.0.1
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
|
-
import { cn
|
|
11
|
+
import { cn } from '../../utils/helpers';
|
|
12
|
+
import Stack from '../../atomic/Stack';
|
|
12
13
|
function CodeSkeleton({ className, showLineNumbers = true, showCopyButton = true, compact = false, lineCount = 10, }) {
|
|
13
14
|
return (_jsx("div", { className: cn('dndev-relative', className), style: {
|
|
14
15
|
opacity: 'var(--opacity-muted)',
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { ReactElement } from 'react';
|
|
2
|
+
import './ImageGallery.css';
|
|
3
|
+
export interface ImageData {
|
|
4
|
+
fullUrl?: string;
|
|
5
|
+
thumbUrl?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface ImageGalleryProps {
|
|
8
|
+
/** Array of images - can be objects with fullUrl/thumbUrl or plain strings */
|
|
9
|
+
images: Array<ImageData | string>;
|
|
10
|
+
/** Aspect ratio for main image (default: '16/9') */
|
|
11
|
+
aspectRatio?: string;
|
|
12
|
+
/** Alt text prefix for images */
|
|
13
|
+
altPrefix?: string;
|
|
14
|
+
/** Callback when image changes */
|
|
15
|
+
onImageChange?: (index: number) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* ImageGallery - Full-featured image gallery component
|
|
19
|
+
*
|
|
20
|
+
* Features:
|
|
21
|
+
* - Keyboard navigation (← → arrows)
|
|
22
|
+
* - Previous/Next buttons on main image
|
|
23
|
+
* - Wrapping thumbnail grid
|
|
24
|
+
* - Focus management for accessibility
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <ImageGallery
|
|
29
|
+
* images={[
|
|
30
|
+
* { fullUrl: '/img1-full.jpg', thumbUrl: '/img1-thumb.jpg' },
|
|
31
|
+
* '/img2.jpg',
|
|
32
|
+
* ]}
|
|
33
|
+
* aspectRatio="16/9"
|
|
34
|
+
* />
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare function ImageGallery({ images, aspectRatio, altPrefix, onImageChange, }: ImageGalleryProps): ReactElement;
|
|
38
|
+
export default ImageGallery;
|
|
39
|
+
//# sourceMappingURL=ImageGallery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageGallery.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAClC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAkBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAoB,EACpB,SAAmB,EACnB,aAAa,GACd,EAAE,iBAAiB,GAAG,YAAY,CAqOlC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
// packages/components/src/advanced/ImageGallery/ImageGallery.tsx
|
|
4
|
+
/**
|
|
5
|
+
* @fileoverview ImageGallery component
|
|
6
|
+
* @description Full-featured image gallery with keyboard navigation, arrows, and wrapping thumbnails
|
|
7
|
+
*
|
|
8
|
+
* @version 0.0.1
|
|
9
|
+
* @since 0.0.1
|
|
10
|
+
* @author AMBROISE PARK Consulting
|
|
11
|
+
*/
|
|
12
|
+
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
13
|
+
import './ImageGallery.css';
|
|
14
|
+
/**
|
|
15
|
+
* Normalize image data to consistent format
|
|
16
|
+
*/
|
|
17
|
+
function normalizeImage(img) {
|
|
18
|
+
if (typeof img === 'string') {
|
|
19
|
+
return { full: img, thumb: img };
|
|
20
|
+
}
|
|
21
|
+
return {
|
|
22
|
+
full: img.fullUrl || img.thumbUrl || '',
|
|
23
|
+
thumb: img.thumbUrl || img.fullUrl || '',
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* ImageGallery - Full-featured image gallery component
|
|
28
|
+
*
|
|
29
|
+
* Features:
|
|
30
|
+
* - Keyboard navigation (← → arrows)
|
|
31
|
+
* - Previous/Next buttons on main image
|
|
32
|
+
* - Wrapping thumbnail grid
|
|
33
|
+
* - Focus management for accessibility
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* <ImageGallery
|
|
38
|
+
* images={[
|
|
39
|
+
* { fullUrl: '/img1-full.jpg', thumbUrl: '/img1-thumb.jpg' },
|
|
40
|
+
* '/img2.jpg',
|
|
41
|
+
* ]}
|
|
42
|
+
* aspectRatio="16/9"
|
|
43
|
+
* />
|
|
44
|
+
* ```
|
|
45
|
+
*/
|
|
46
|
+
export function ImageGallery({ images, aspectRatio = '16/9', altPrefix = 'Image', onImageChange, }) {
|
|
47
|
+
const [selectedIndex, setSelectedIndex] = useState(0);
|
|
48
|
+
const [loadedFullUrls, setLoadedFullUrls] = useState(new Set());
|
|
49
|
+
const containerRef = useRef(null);
|
|
50
|
+
const thumbnailRefs = useRef([]);
|
|
51
|
+
const normalizedImages = images.map(normalizeImage);
|
|
52
|
+
const hasMultiple = normalizedImages.length > 1;
|
|
53
|
+
const goToImage = useCallback((index) => {
|
|
54
|
+
const newIndex = (index + normalizedImages.length) % normalizedImages.length;
|
|
55
|
+
setSelectedIndex(newIndex);
|
|
56
|
+
onImageChange?.(newIndex);
|
|
57
|
+
// Preload full image if not already loaded
|
|
58
|
+
const image = normalizedImages[newIndex];
|
|
59
|
+
if (image &&
|
|
60
|
+
image.full !== image.thumb &&
|
|
61
|
+
!loadedFullUrls.has(newIndex)) {
|
|
62
|
+
const img = new Image();
|
|
63
|
+
img.onload = () => {
|
|
64
|
+
setLoadedFullUrls((prev) => new Set(prev).add(newIndex));
|
|
65
|
+
};
|
|
66
|
+
img.src = image.full;
|
|
67
|
+
}
|
|
68
|
+
}, [normalizedImages, onImageChange, loadedFullUrls]);
|
|
69
|
+
const goNext = useCallback(() => goToImage(selectedIndex + 1), [goToImage, selectedIndex]);
|
|
70
|
+
const goPrev = useCallback(() => goToImage(selectedIndex - 1), [goToImage, selectedIndex]);
|
|
71
|
+
// Keyboard navigation
|
|
72
|
+
const handleKeyDown = useCallback((e) => {
|
|
73
|
+
if (!hasMultiple)
|
|
74
|
+
return;
|
|
75
|
+
switch (e.key) {
|
|
76
|
+
case 'ArrowLeft':
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
goPrev();
|
|
79
|
+
break;
|
|
80
|
+
case 'ArrowRight':
|
|
81
|
+
e.preventDefault();
|
|
82
|
+
goNext();
|
|
83
|
+
break;
|
|
84
|
+
case 'Home':
|
|
85
|
+
e.preventDefault();
|
|
86
|
+
goToImage(0);
|
|
87
|
+
break;
|
|
88
|
+
case 'End':
|
|
89
|
+
e.preventDefault();
|
|
90
|
+
goToImage(normalizedImages.length - 1);
|
|
91
|
+
break;
|
|
92
|
+
}
|
|
93
|
+
}, [hasMultiple, goPrev, goNext, goToImage, normalizedImages.length]);
|
|
94
|
+
// Focus thumbnail when selected
|
|
95
|
+
useEffect(() => {
|
|
96
|
+
thumbnailRefs.current[selectedIndex]?.focus();
|
|
97
|
+
}, [selectedIndex]);
|
|
98
|
+
if (normalizedImages.length === 0) {
|
|
99
|
+
return (_jsx("div", { className: "image-gallery image-gallery--empty", style: { aspectRatio }, children: _jsx("span", { className: "image-gallery__placeholder", children: "No images" }) }));
|
|
100
|
+
}
|
|
101
|
+
// Safe: selectedIndex bounded by goToImage, array guaranteed non-empty (early return above)
|
|
102
|
+
const currentImage = normalizedImages[selectedIndex];
|
|
103
|
+
return (_jsxs("div", { ref: containerRef, className: "image-gallery", onKeyDown: handleKeyDown, tabIndex: 0, role: "region", "aria-label": "Image gallery", "aria-roledescription": "carousel", children: [_jsxs("div", { className: "image-gallery__main", style: { aspectRatio }, children: [currentImage.full !== currentImage.thumb && (_jsx("img", { src: currentImage.thumb, alt: "", className: "image-gallery__main-image", style: {
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
top: 0,
|
|
106
|
+
left: 0,
|
|
107
|
+
width: '100%',
|
|
108
|
+
height: '100%',
|
|
109
|
+
objectFit: 'cover',
|
|
110
|
+
opacity: loadedFullUrls.has(selectedIndex) ? 0 : 1,
|
|
111
|
+
transition: 'opacity 0.3s ease',
|
|
112
|
+
zIndex: 1,
|
|
113
|
+
} })), _jsx("img", { src: currentImage.full, alt: `${altPrefix} ${selectedIndex + 1} of ${normalizedImages.length}`, className: "image-gallery__main-image", style: {
|
|
114
|
+
position: currentImage.full !== currentImage.thumb
|
|
115
|
+
? 'absolute'
|
|
116
|
+
: 'relative',
|
|
117
|
+
top: 0,
|
|
118
|
+
left: 0,
|
|
119
|
+
width: '100%',
|
|
120
|
+
height: '100%',
|
|
121
|
+
objectFit: 'cover',
|
|
122
|
+
opacity: loadedFullUrls.has(selectedIndex) ||
|
|
123
|
+
currentImage.full === currentImage.thumb
|
|
124
|
+
? 1
|
|
125
|
+
: 0,
|
|
126
|
+
transition: 'opacity 0.3s ease',
|
|
127
|
+
zIndex: 2,
|
|
128
|
+
}, onLoad: () => {
|
|
129
|
+
if (currentImage.full !== currentImage.thumb) {
|
|
130
|
+
setLoadedFullUrls((prev) => new Set(prev).add(selectedIndex));
|
|
131
|
+
}
|
|
132
|
+
} }), hasMultiple && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "image-gallery__nav image-gallery__nav--prev", onClick: goPrev, "aria-label": "Previous image", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }) }), _jsx("button", { type: "button", className: "image-gallery__nav image-gallery__nav--next", onClick: goNext, "aria-label": "Next image", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }) })] }))] }), hasMultiple && (_jsx("div", { className: "image-gallery__thumbnails", role: "tablist", "aria-label": "Image thumbnails", children: normalizedImages.map((img, index) => (_jsx("button", { ref: (el) => {
|
|
133
|
+
thumbnailRefs.current[index] = el;
|
|
134
|
+
}, type: "button", role: "tab", "aria-selected": index === selectedIndex, "aria-label": `View image ${index + 1}`, className: `image-gallery__thumbnail ${index === selectedIndex
|
|
135
|
+
? 'image-gallery__thumbnail--selected'
|
|
136
|
+
: ''}`, onClick: () => goToImage(index), children: _jsx("img", { src: img.thumb, alt: "", className: "image-gallery__thumbnail-image" }) }, index))) }))] }));
|
|
137
|
+
}
|
|
138
|
+
export default ImageGallery;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonViewer.d.ts","sourceRoot":"","sources":["../../../src/advanced/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JsonViewer.d.ts","sourceRoot":"","sources":["../../../src/advanced/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,GAAG,CAAC;IAEV,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoID;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,UAAU;oEAMb,eAAe;;CA0FjB,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -11,7 +11,8 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
|
11
11
|
*/
|
|
12
12
|
import { Copy, ChevronRight, ChevronDown } from 'lucide-react';
|
|
13
13
|
import { useState, useMemo, useCallback } from 'react';
|
|
14
|
-
import { cn
|
|
14
|
+
import { cn } from '../../utils/helpers';
|
|
15
|
+
import Button, { BUTTON_VARIANT } from '../../atomic/Button';
|
|
15
16
|
const JsonNode = ({ data, keyName, depth, defaultDepth, path, collapsed, onToggle, expandedPaths, }) => {
|
|
16
17
|
const isExpanded = expandedPaths.has(path) || (depth < defaultDepth && !collapsed);
|
|
17
18
|
const isObject = typeof data === 'object' && data !== null && !Array.isArray(data);
|
package/dist/advanced/index.d.ts
CHANGED
|
@@ -11,4 +11,6 @@ export type { BentoProps, BentoCellData, BentoGap, BentoColumns, } from './Bento
|
|
|
11
11
|
export { default as Code } from './Code';
|
|
12
12
|
export type { CodeProps } from './Code';
|
|
13
13
|
export { default as JsonViewer } from './JsonViewer';
|
|
14
|
+
export { default as ImageGallery } from './ImageGallery';
|
|
15
|
+
export type { ImageGalleryProps, ImageData } from './ImageGallery';
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/advanced/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/advanced/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
package/dist/advanced/index.js
CHANGED
|
@@ -18,6 +18,6 @@ declare const AccordionTriggerPrimitive: ({ className, children, asChild, ...pro
|
|
|
18
18
|
declare const AccordionContentPrimitive: ({ className, children, asChild, ...rest }: ComponentProps<typeof RadixAccordion.Content> & {
|
|
19
19
|
asChild?: boolean;
|
|
20
20
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export
|
|
21
|
+
export { AccordionPrimitive };
|
|
22
22
|
export { AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, };
|
|
23
23
|
//# sourceMappingURL=AccordionPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/AccordionPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,kBAAkB,0KAAsB,CAAC;AAE/C,QAAA,MAAM,sBAAsB,GAAI,kCAI7B,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAGA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,4CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CASA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,2CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAcA,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"AccordionPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/AccordionPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,kBAAkB,0KAAsB,CAAC;AAE/C,QAAA,MAAM,sBAAsB,GAAI,kCAI7B,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAGA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,4CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CASA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,2CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAcA,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,GAC1B,CAAC"}
|
|
@@ -25,5 +25,5 @@ const AccordionContentPrimitive = ({ className, children, asChild = false, ...re
|
|
|
25
25
|
const Comp = asChild ? Slot : RadixAccordion.Content;
|
|
26
26
|
return (_jsx(Comp, { className: cn('dndev-accordion-content', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...rest, children: _jsx("div", { className: "dndev-accordion-content-inner", children: children }) }));
|
|
27
27
|
};
|
|
28
|
-
export
|
|
28
|
+
export { AccordionPrimitive };
|
|
29
29
|
export { AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,gDAAgD;IAChD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,kCAAkC;IAClC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,GAAI,8EAQhB,cAAc,4CA0DhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import { ChevronDown } from 'lucide-react';
|
|
12
|
-
import AccordionPrimitive,
|
|
12
|
+
import { AccordionPrimitive, AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, } from './AccordionPrimitive';
|
|
13
13
|
import { cn } from '../../utils/helpers';
|
|
14
14
|
/**
|
|
15
15
|
* A vertically stacked set of interactive headings that each reveal a section of content.
|
|
@@ -21,6 +21,6 @@ declare const AlertDialogTitlePrimitive: ({ className, ...props }: ComponentProp
|
|
|
21
21
|
declare const AlertDialogDescriptionPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Description>) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
declare const AlertDialogActionPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Action>) => import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
declare const AlertDialogCancelPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Cancel>) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export
|
|
24
|
+
export { AlertDialogPrimitive };
|
|
25
25
|
export { AlertDialogPortalPrimitive, AlertDialogOverlayPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive, AlertDialogHeaderPrimitive, AlertDialogFooterPrimitive, AlertDialogTitlePrimitive, AlertDialogDescriptionPrimitive, AlertDialogActionPrimitive, AlertDialogCancelPrimitive, };
|
|
26
26
|
//# sourceMappingURL=AlertDialogPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/AlertDialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAIjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AACnD,QAAA,MAAM,2BAA2B,wIAA2B,CAAC;AAC7D,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAEjD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAMA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,gBAAgB,CAAC,WAAW,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"AlertDialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/AlertDialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAIjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AACnD,QAAA,MAAM,2BAA2B,wIAA2B,CAAC;AAC7D,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAEjD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAMA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,gBAAgB,CAAC,WAAW,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAC"}
|
|
@@ -21,5 +21,5 @@ const AlertDialogTitlePrimitive = ({ className, ...props }) => (_jsx(RadixAlertD
|
|
|
21
21
|
const AlertDialogDescriptionPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Description, { className: cn(className), ...props }));
|
|
22
22
|
const AlertDialogActionPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Action, { className: cn(className), ...props }));
|
|
23
23
|
const AlertDialogCancelPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Cancel, { className: cn(className), ...props }));
|
|
24
|
-
export
|
|
24
|
+
export { AlertDialogPrimitive };
|
|
25
25
|
export { AlertDialogPortalPrimitive, AlertDialogOverlayPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive, AlertDialogHeaderPrimitive, AlertDialogFooterPrimitive, AlertDialogTitlePrimitive, AlertDialogDescriptionPrimitive, AlertDialogActionPrimitive, AlertDialogCancelPrimitive, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AA+DvD,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,GAAI,sGAUlB,gBAAgB,4CAoClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
11
11
|
import { cn } from '../../utils/helpers';
|
|
12
12
|
import Button from '../Button';
|
|
13
13
|
import VisuallyHidden from '../VisuallyHidden';
|
|
14
|
-
import AlertDialogPrimitive,
|
|
14
|
+
import { AlertDialogPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive as ContentPrimitive, AlertDialogHeaderPrimitive as HeaderPrimitive, AlertDialogFooterPrimitive as FooterPrimitive, AlertDialogTitlePrimitive as TitlePrimitive, AlertDialogDescriptionPrimitive as DescriptionPrimitive, AlertDialogActionPrimitive as ActionPrimitive, AlertDialogCancelPrimitive as CancelPrimitive, AlertDialogOverlayPrimitive as OverlayPrimitive, AlertDialogPortalPrimitive, } from './AlertDialogPrimitive';
|
|
15
15
|
// Wrapper components that apply dndev-* classes
|
|
16
16
|
const AlertDialogOverlay = ({ className, ...props }) => (_jsx(OverlayPrimitive, { className: cn('dndev-alert-dialog-overlay dndev-overlay', className), ...props }));
|
|
17
17
|
const AlertDialogContent = ({ className, ...props }) => (_jsxs(AlertDialogPortalPrimitive, { children: [_jsx(AlertDialogOverlay, {}), _jsx(ContentPrimitive, { className: cn('dndev-surface dndev-modal-content dndev-alert-dialog-content', className), ...props })] }));
|
|
@@ -11,6 +11,5 @@ import type { ComponentProps } from 'react';
|
|
|
11
11
|
declare const AvatarPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Root>) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
declare const AvatarImagePrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Image>) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare const AvatarFallbackPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Fallback>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export
|
|
15
|
-
export { AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
14
|
+
export { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
16
15
|
//# sourceMappingURL=AvatarPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/AvatarPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,GAAI,yBAGtB,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,4CAEzC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,4CAK1C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,4CAK7C,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"AvatarPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/AvatarPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,GAAI,yBAGtB,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,4CAEzC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,4CAK1C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,4CAK7C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -13,5 +13,4 @@ import { cn } from '../../utils/helpers';
|
|
|
13
13
|
const AvatarPrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Root, { className: cn('dndev-avatar', className), ...props }));
|
|
14
14
|
const AvatarImagePrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Image, { className: cn('dndev-avatar-image', className), ...props }));
|
|
15
15
|
const AvatarFallbackPrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Fallback, { className: cn('dndev-avatar-fallback', className), ...props }));
|
|
16
|
-
export
|
|
17
|
-
export { AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
16
|
+
export { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive };
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
|
-
import AvatarPrimitive from './AvatarPrimitive';
|
|
9
|
+
import { AvatarPrimitive } from './AvatarPrimitive';
|
|
10
10
|
import type { ComponentProps } from 'react';
|
|
11
11
|
export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive> {
|
|
12
12
|
/** The URL of the avatar image */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EACL,eAAe,EAGhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC;IACzE,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CAO5D,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
* @since 0.0.1
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
|
-
import AvatarPrimitive,
|
|
11
|
+
import { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive, } from './AvatarPrimitive';
|
|
12
12
|
/**
|
|
13
13
|
* Accessible avatar component built on Radix UI primitives. Provides image and fallback support.
|
|
14
14
|
*
|
|
@@ -24,7 +24,7 @@ export declare const BADGE_VARIANT: {
|
|
|
24
24
|
readonly DESTRUCTIVE: "destructive";
|
|
25
25
|
};
|
|
26
26
|
declare const badgeVariants: (props?: ({
|
|
27
|
-
variant?: "default" | "outline" | "
|
|
27
|
+
variant?: "default" | "outline" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
|
|
28
28
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
29
29
|
export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
|
|
30
30
|
/**
|
|
@@ -21,7 +21,7 @@ export declare const BUTTON_VARIANT: {
|
|
|
21
21
|
readonly DESTRUCTIVE: "destructive";
|
|
22
22
|
};
|
|
23
23
|
declare const buttonVariants: (props?: ({
|
|
24
|
-
variant?: "default" | "outline" | "ghost" | "link" | "
|
|
24
|
+
variant?: "default" | "outline" | "ghost" | "link" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
|
|
25
25
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
26
26
|
/**
|
|
27
27
|
* Button variant type - derived from buttonVariants to ensure type safety
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Button/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAM1D,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAKjB,CAAC;AAEX,QAAA,MAAM,cAAc;;8EAmBlB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E;;;;;;GAMG;AACH,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACjD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,yDAAyD;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Button/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAM1D,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAKjB,CAAC;AAEX,QAAA,MAAM,cAAc;;8EAmBlB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E;;;;;;GAMG;AACH,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACjD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,yDAAyD;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,MAAM,2GAiKX,CAAC;AAIF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -26,5 +26,5 @@ export interface CheckboxProps extends ComponentProps<typeof CheckboxPrimitives.
|
|
|
26
26
|
* @returns {JSX.Element} The rendered checkbox
|
|
27
27
|
*/
|
|
28
28
|
declare const CheckboxPrimitive: ({ className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
export
|
|
29
|
+
export { CheckboxPrimitive };
|
|
30
30
|
//# sourceMappingURL=CheckboxPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAK/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CACnD,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,aAAa,4CAUhE,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAK/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CACnD,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,aAAa,4CAUhE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -23,4 +23,4 @@ import { cn } from '../../utils/helpers';
|
|
|
23
23
|
* @returns {JSX.Element} The rendered checkbox
|
|
24
24
|
*/
|
|
25
25
|
const CheckboxPrimitive = ({ className, ...props }) => (_jsx(CheckboxPrimitives.Root, { className: cn('peer', className), "data-type": "checkbox", ...props, children: _jsx(CheckboxPrimitives.Indicator, { children: _jsx(Check, {}) }) }));
|
|
26
|
-
export
|
|
26
|
+
export { CheckboxPrimitive };
|
|
@@ -1,24 +1,38 @@
|
|
|
1
|
-
import CheckboxPrimitive,
|
|
1
|
+
import { CheckboxPrimitive, type CheckboxProps as CheckboxPrimitiveProps } from './CheckboxPrimitive';
|
|
2
2
|
import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
|
|
3
|
+
import type { ReactNode } from 'react';
|
|
3
4
|
import './Checkbox.css';
|
|
4
5
|
export interface CheckboxProps extends CheckboxPrimitiveProps {
|
|
5
6
|
/** Semantic color variant */
|
|
6
7
|
variant?: ControlVariant;
|
|
8
|
+
/** Optional label text - automatically composes with Label component */
|
|
9
|
+
label?: ReactNode;
|
|
10
|
+
/** Whether the label should show required indicator */
|
|
11
|
+
required?: boolean;
|
|
7
12
|
}
|
|
8
13
|
/**
|
|
9
14
|
* Accessible checkbox control with semantic color variants.
|
|
10
15
|
* Supports smooth animations and full state management.
|
|
16
|
+
* Optionally accepts a label prop for convenience (automatically composes with Label).
|
|
11
17
|
*
|
|
12
18
|
* @component
|
|
13
19
|
* @example
|
|
14
20
|
* ```tsx
|
|
21
|
+
* // Simple checkbox without label
|
|
15
22
|
* <Checkbox checked={agreed} onCheckedChange={setAgreed} variant="success" />
|
|
16
|
-
*
|
|
23
|
+
*
|
|
24
|
+
* // Checkbox with label (convenience prop)
|
|
25
|
+
* <Checkbox
|
|
26
|
+
* checked={consent}
|
|
27
|
+
* onCheckedChange={setConsent}
|
|
28
|
+
* label="I agree to the terms"
|
|
29
|
+
* required
|
|
30
|
+
* />
|
|
17
31
|
* ```
|
|
18
32
|
* @param {CheckboxProps} props - The props for the checkbox
|
|
19
33
|
* @returns {JSX.Element} The rendered checkbox
|
|
20
34
|
*/
|
|
21
|
-
declare const Checkbox: ({ className, variant, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare const Checkbox: ({ className, variant, label, required, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
36
|
export default Checkbox;
|
|
23
37
|
export { CheckboxPrimitive, CONTROL_VARIANT as CHECKBOX_VARIANT };
|
|
24
38
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/index.tsx"],"names":[],"mappings":"AAaA,OAAO,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EACjB,KAAK,aAAa,IAAI,sBAAsB,EAC7C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,QAAQ,GAAI,mDAMf,aAAa,4CAsBf,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
// packages/components/src/atomic/Checkbox/index.tsx
|
|
3
3
|
/**
|
|
4
4
|
* @fileoverview Checkbox component
|
|
@@ -9,9 +9,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import { cva } from 'class-variance-authority';
|
|
12
|
-
import CheckboxPrimitive,
|
|
12
|
+
import { CheckboxPrimitive, } from './CheckboxPrimitive';
|
|
13
13
|
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
14
14
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
15
|
+
import Label from '../Label';
|
|
16
|
+
import Stack from '../Stack';
|
|
15
17
|
import './Checkbox.css';
|
|
16
18
|
const checkboxVariants = cva('dndev-control', {
|
|
17
19
|
variants: {
|
|
@@ -33,19 +35,33 @@ const checkboxVariants = cva('dndev-control', {
|
|
|
33
35
|
/**
|
|
34
36
|
* Accessible checkbox control with semantic color variants.
|
|
35
37
|
* Supports smooth animations and full state management.
|
|
38
|
+
* Optionally accepts a label prop for convenience (automatically composes with Label).
|
|
36
39
|
*
|
|
37
40
|
* @component
|
|
38
41
|
* @example
|
|
39
42
|
* ```tsx
|
|
43
|
+
* // Simple checkbox without label
|
|
40
44
|
* <Checkbox checked={agreed} onCheckedChange={setAgreed} variant="success" />
|
|
41
|
-
*
|
|
45
|
+
*
|
|
46
|
+
* // Checkbox with label (convenience prop)
|
|
47
|
+
* <Checkbox
|
|
48
|
+
* checked={consent}
|
|
49
|
+
* onCheckedChange={setConsent}
|
|
50
|
+
* label="I agree to the terms"
|
|
51
|
+
* required
|
|
52
|
+
* />
|
|
42
53
|
* ```
|
|
43
54
|
* @param {CheckboxProps} props - The props for the checkbox
|
|
44
55
|
* @returns {JSX.Element} The rendered checkbox
|
|
45
56
|
*/
|
|
46
|
-
const Checkbox = ({ className, variant, ...props }) => {
|
|
57
|
+
const Checkbox = ({ className, variant, label, required, ...props }) => {
|
|
47
58
|
const variantAttrs = getVariantDataAttrs({ variant });
|
|
48
|
-
|
|
59
|
+
const checkboxElement = (_jsx(CheckboxPrimitive, { className: cn(checkboxVariants({ variant }), className), ...variantAttrs, ...props }));
|
|
60
|
+
// If label is provided, compose with Label and Stack
|
|
61
|
+
if (label) {
|
|
62
|
+
return (_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [checkboxElement, _jsx(Label, { required: required, children: label })] }));
|
|
63
|
+
}
|
|
64
|
+
return checkboxElement;
|
|
49
65
|
};
|
|
50
66
|
export default Checkbox;
|
|
51
67
|
export { CheckboxPrimitive, CONTROL_VARIANT as CHECKBOX_VARIANT };
|
|
@@ -11,6 +11,5 @@ import type { ComponentProps } from 'react';
|
|
|
11
11
|
declare const CollapsiblePrimitive: import("react").ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
12
|
declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
13
|
declare const CollapsibleContent: ({ className, ...props }: ComponentProps<typeof RadixCollapsible.CollapsibleContent>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export
|
|
15
|
-
export { CollapsibleTrigger, CollapsibleContent };
|
|
14
|
+
export { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent };
|
|
16
15
|
//# sourceMappingURL=CollapsiblePrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsiblePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/CollapsiblePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,8HAAwB,CAAC;AACnD,QAAA,MAAM,kBAAkB,wIAAsC,CAAC;AAW/D,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,cAAc,CAAC,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,4CAI5D,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"CollapsiblePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/CollapsiblePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,8HAAwB,CAAC;AACnD,QAAA,MAAM,kBAAkB,wIAAsC,CAAC;AAW/D,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,cAAc,CAAC,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,4CAI5D,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -22,5 +22,4 @@ import { cn } from '../../utils/helpers';
|
|
|
22
22
|
const CollapsibleContent = ({ className, ...props }) => {
|
|
23
23
|
return (_jsx(RadixCollapsible.CollapsibleContent, { className: cn(className), ...props }));
|
|
24
24
|
};
|
|
25
|
-
export
|
|
26
|
-
export { CollapsibleTrigger, CollapsibleContent };
|
|
25
|
+
export { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent };
|