@donotdev/components 0.0.12 → 0.0.14
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/Bento/Bento.d.ts +0 -9
- package/dist/advanced/Bento/Bento.d.ts.map +1 -1
- package/dist/advanced/Bento/Bento.js +10 -0
- package/dist/advanced/Code/Code.d.ts +1 -9
- package/dist/advanced/Code/Code.d.ts.map +1 -1
- 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/JsonViewer/JsonViewer.d.ts.map +1 -1
- package/dist/advanced/JsonViewer/JsonViewer.js +2 -1
- package/dist/atomic/Accordion/index.d.ts.map +1 -1
- package/dist/atomic/Accordion/index.js +1 -1
- package/dist/atomic/ActionButton/index.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/index.js +2 -2
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts.map +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.js +0 -1
- package/dist/atomic/Blockquote/index.d.ts +1 -9
- package/dist/atomic/Blockquote/index.d.ts.map +1 -1
- package/dist/atomic/Button/index.d.ts +18 -1
- package/dist/atomic/Button/index.d.ts.map +1 -1
- package/dist/atomic/Button/index.js +15 -5
- package/dist/atomic/Calendar/index.d.ts.map +1 -1
- package/dist/atomic/Calendar/index.js +3 -2
- 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 +0 -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 +22 -6
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts +1 -1
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts.map +1 -1
- package/dist/atomic/Collapsible/CollapsiblePrimitive.js +0 -1
- package/dist/atomic/Collapsible/index.d.ts.map +1 -1
- package/dist/atomic/Collapsible/index.js +6 -2
- package/dist/atomic/Combobox/index.d.ts.map +1 -1
- package/dist/atomic/Combobox/index.js +4 -4
- package/dist/atomic/CommandDialog/index.d.ts.map +1 -1
- package/dist/atomic/CommandDialog/index.js +1 -1
- 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 +0 -1
- package/dist/atomic/ContextMenu/index.d.ts.map +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/Dialog/index.d.ts.map +1 -1
- package/dist/atomic/Dialog/index.js +1 -1
- package/dist/atomic/DropdownMenu/index.d.ts.map +1 -1
- package/dist/atomic/DropdownMenu/index.js +17 -3
- package/dist/atomic/DualCard/index.d.ts +10 -2
- package/dist/atomic/DualCard/index.d.ts.map +1 -1
- package/dist/atomic/DualCard/index.js +3 -3
- package/dist/atomic/FeatureFallback/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 +0 -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 +17 -5
- package/dist/atomic/Label/FloatingLabel.d.ts +26 -10
- package/dist/atomic/Label/FloatingLabel.d.ts.map +1 -1
- package/dist/atomic/Label/FloatingLabel.js +14 -14
- package/dist/atomic/Label/index.d.ts +1 -1
- package/dist/atomic/Label/index.d.ts.map +1 -1
- package/dist/atomic/Label/index.js +1 -1
- package/dist/atomic/List/index.d.ts +8 -0
- package/dist/atomic/List/index.d.ts.map +1 -1
- package/dist/atomic/List/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 +0 -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 +10 -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 +1 -1
- package/dist/atomic/PasswordInput/index.d.ts.map +1 -1
- package/dist/atomic/PasswordInput/index.js +5 -1
- package/dist/atomic/Popover/index.d.ts +0 -8
- package/dist/atomic/Popover/index.d.ts.map +1 -1
- package/dist/atomic/Popover/index.js +1 -1
- package/dist/atomic/PortalButton/index.d.ts +8 -0
- package/dist/atomic/PortalButton/index.d.ts.map +1 -1
- package/dist/atomic/PortalButton/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 +0 -1
- package/dist/atomic/Progress/index.d.ts +8 -0
- package/dist/atomic/Progress/index.d.ts.map +1 -1
- package/dist/atomic/Progress/index.js +1 -1
- package/dist/atomic/RadioGroup/index.d.ts +0 -9
- package/dist/atomic/RadioGroup/index.d.ts.map +1 -1
- package/dist/atomic/RadioGroup/index.js +2 -2
- 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/ScrollArea/ScrollAreaPrimitive.d.ts +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts.map +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.js +0 -1
- package/dist/atomic/Section/index.d.ts +0 -32
- package/dist/atomic/Section/index.d.ts.map +1 -1
- package/dist/atomic/Section/index.js +4 -4
- 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 +0 -1
- package/dist/atomic/Select/index.d.ts.map +1 -1
- package/dist/atomic/Select/index.js +2 -1
- 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 +0 -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 +0 -1
- package/dist/atomic/Sheet/index.d.ts +3 -1
- package/dist/atomic/Sheet/index.d.ts.map +1 -1
- package/dist/atomic/Sheet/index.js +3 -3
- 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 +0 -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 -7
- package/dist/atomic/Slot/index.d.ts.map +1 -1
- package/dist/atomic/Stepper/index.js +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 +0 -1
- package/dist/atomic/Switch/index.d.ts +3 -2
- package/dist/atomic/Switch/index.d.ts.map +1 -1
- package/dist/atomic/Switch/index.js +2 -3
- package/dist/atomic/Table/index.d.ts +20 -5
- package/dist/atomic/Table/index.d.ts.map +1 -1
- package/dist/atomic/Table/index.js +92 -22
- package/dist/atomic/Tabs/TabsPrimitive.d.ts +1 -1
- package/dist/atomic/Tabs/TabsPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tabs/TabsPrimitive.js +0 -1
- package/dist/atomic/Tabs/index.js +1 -1
- package/dist/atomic/Tag/index.d.ts +8 -0
- package/dist/atomic/Tag/index.d.ts.map +1 -1
- package/dist/atomic/Tag/index.js +1 -1
- package/dist/atomic/Text/index.js +1 -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 +1 -1
- package/dist/atomic/Toaster/ToastPrimitive.d.ts.map +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts.map +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 +0 -1
- package/dist/atomic/Tooltip/index.d.ts +6 -12
- package/dist/atomic/Tooltip/index.d.ts.map +1 -1
- package/dist/atomic/Tooltip/index.js +13 -23
- 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.map +1 -1
- package/dist/atomic/index.d.ts +2 -0
- package/dist/atomic/index.d.ts.map +1 -1
- package/dist/atomic/index.js +1 -0
- package/dist/hooks/index.d.ts +2 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useToast.d.ts +2 -33
- package/dist/hooks/useToast.d.ts.map +1 -1
- package/dist/hooks/useToast.js +1 -0
- package/dist/index.js +4 -4
- package/dist/styles/index.css +489 -95
- package/dist/utils/variants.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
9
|
import * as RadixContextMenu from '@radix-ui/react-context-menu';
|
|
10
|
-
import {
|
|
10
|
+
import type { ComponentProps } from 'react';
|
|
11
11
|
declare const ContextMenuPrimitive: import("react").FC<RadixContextMenu.ContextMenuProps>;
|
|
12
12
|
declare const ContextMenuTriggerPrimitive: import("react").ForwardRefExoticComponent<RadixContextMenu.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
13
13
|
declare const ContextMenuGroupPrimitive: import("react").ForwardRefExoticComponent<RadixContextMenu.ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/ContextMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"ContextMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/ContextMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AAEnD,QAAA,MAAM,2BAA2B,sIAA2B,CAAC;AAE7D,QAAA,MAAM,yBAAyB,mIAAyB,CAAC;AAEzD,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,uBAAuB,0DAAuB,CAAC;AAErD,QAAA,MAAM,8BAA8B,wIAA8B,CAAC;AAEnE,QAAA,MAAM,8BAA8B,GAAI,0CAKrC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CASA,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,yBAGrC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,4CAEpD,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,4CAQA,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,gCAI/B,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAOA,CAAC;AAEF,QAAA,MAAM,gCAAgC,GAAI,4CAKvC,cAAc,CAAC,OAAO,gBAAgB,CAAC,YAAY,CAAC,4CAatD,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,mCAIpC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,4CAYnD,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,gCAIhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAMA,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,yBAGpC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,4CAEnD,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,yBAGnC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,4CAEvC,CAAC;AAEF,eAAe,oBAAoB,CAAC;AACpC,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC7B,yBAAyB,EACzB,6BAA6B,EAC7B,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,GAC/B,CAAC"}
|
|
@@ -10,7 +10,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
10
10
|
*/
|
|
11
11
|
import * as RadixContextMenu from '@radix-ui/react-context-menu';
|
|
12
12
|
import { Check, ChevronRight, Circle } from 'lucide-react';
|
|
13
|
-
import {} from 'react';
|
|
14
13
|
import { cn } from '../../utils/helpers';
|
|
15
14
|
const ContextMenuPrimitive = RadixContextMenu.Root;
|
|
16
15
|
const ContextMenuTriggerPrimitive = RadixContextMenu.Trigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ContextMenu/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,uDAAuD;AACvD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,uBAAuB,GAAG,mBAAmB,GAAG;IACnD,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oDAAoD;AACpD,MAAM,MAAM,mBAAmB,GAC3B,qBAAqB,GACrB,uBAAuB,GACvB,yBAAyB,GACzB,sBAAsB,GACtB,wBAAwB,GACxB,oBAAoB,CAAC;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,+DAA+D;IAC/D,OAAO,EAAE,SAAS,CAAC;IACnB,2CAA2C;IAC3C,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AA4FD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW,GAAI,oBAAoB,gBAAgB,4CAWxD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Dialog/DialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"DialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Dialog/DialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjE,QAAA,MAAM,MAAM,iDAAuB,CAAC;AACpC,QAAA,MAAM,aAAa,kIAA0B,CAAC;AAC9C,QAAA,MAAM,YAAY,uDAAyB,CAAC;AAC5C,QAAA,MAAM,WAAW,gIAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,GAAI,yBAGpB,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,wCAKpB,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,4CAIA,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,yBAGnB,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,yBAGnB,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,yBAGlB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,yBAGxB,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,4CAEpD,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Dialog/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Dialog/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAe,EAAkB,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EAGL,aAAa,IAAI,gBAAgB,EAQlC,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAU/E,QAAA,MAAM,aAAa,GAAI,0EAOpB,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,4CAyBA,CAAC;AAiCF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAEtE,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,kBAAkB,EAClB,UAAU,GAAG,OAAO,CACrB;IACC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sIAAsI;IACtI,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE;YACP,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;SACtB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;YACrB,OAAO,CAAC,EAAE,aAAa,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,MAAM,GAAI,yIAcb,WAAW,4CAyEb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC1E,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -10,9 +10,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
10
10
|
*/
|
|
11
11
|
import { X } from 'lucide-react';
|
|
12
12
|
import { useRef } from 'react';
|
|
13
|
+
import { useSwipeToClose } from '../../hooks';
|
|
13
14
|
import { SURFACE_VARIANT } from '../../utils/constants';
|
|
14
15
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
15
|
-
import { useSwipeToClose } from '../../hooks';
|
|
16
16
|
import Button, { BUTTON_VARIANT } from '../Button';
|
|
17
17
|
import { Dialog as Root, DialogTrigger as Trigger, DialogContent as ContentPrimitive, DialogHeader as HeaderPrimitive, DialogFooter as FooterPrimitive, DialogTitle as TitlePrimitive, DialogDescription as DescriptionPrimitive, DialogClose as Close, DialogOverlay as OverlayPrimitive, DialogPortal, } from './DialogPrimitive';
|
|
18
18
|
// Wrapper components that apply dndev-* classes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/DropdownMenu/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/DropdownMenu/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,oBAAoB,CAAC;AAc5B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gDAAgD;IAChD,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IACjC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,sBAAsB,GAAG,oBAAoB,GAAG;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,GAAG;IACpD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,sBAAsB,GACtB,qBAAqB,GACrB,yBAAyB,GACzB,uBAAuB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,YAAY,GAAI,+EAQnB,iBAAiB,mDAyQnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -11,10 +11,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
11
11
|
* @author AMBROISE PARK Consulting
|
|
12
12
|
*/
|
|
13
13
|
import { ChevronRight, Check } from 'lucide-react';
|
|
14
|
-
import { Children } from 'react';
|
|
14
|
+
import { Children, isValidElement } from 'react';
|
|
15
15
|
import DropdownMenuPrimitive, { DropdownMenuTriggerPrimitive, DropdownMenuContentPrimitive, DropdownMenuItemPrimitive, DropdownMenuSubPrimitive, DropdownMenuSubTriggerPrimitive, DropdownMenuSubContentPrimitive, DropdownMenuPortalPrimitive, DropdownMenuLabelPrimitive, DropdownMenuSeparatorPrimitive, } from './DropdownMenuPrimitive';
|
|
16
|
-
import ScrollArea from '../ScrollArea';
|
|
17
16
|
import { cn } from '../../utils/helpers';
|
|
17
|
+
import ScrollArea from '../ScrollArea';
|
|
18
18
|
import './DropdownMenu.css';
|
|
19
19
|
/** WCAG: aria-label for icon-only menu items */
|
|
20
20
|
const getIconOnlyAriaLabel = (hasIcon, hasLabel, label, fallback) => {
|
|
@@ -50,7 +50,21 @@ const DropdownMenu = ({ trigger, items = [], children, contentWidth, contentAlig
|
|
|
50
50
|
return null;
|
|
51
51
|
// Normalize children to ensure keys (React.Children.toArray handles this automatically)
|
|
52
52
|
const normalizedChildren = children ? Children.toArray(children) : [];
|
|
53
|
-
|
|
53
|
+
// Wrap children in DropdownMenuItemPrimitive so they trigger auto-close behavior
|
|
54
|
+
// This ensures clicking any child (like GoTo button) closes the dropdown
|
|
55
|
+
const wrappedChildren = normalizedChildren.map((child, index) => {
|
|
56
|
+
// Check if child is already a menu item by checking for data-role attribute
|
|
57
|
+
// (our DropdownMenuItemPrimitive sets data-role="menu-item")
|
|
58
|
+
if (isValidElement(child) &&
|
|
59
|
+
child.props?.['data-role'] === 'menu-item') {
|
|
60
|
+
// Already a menu item, don't wrap
|
|
61
|
+
return child;
|
|
62
|
+
}
|
|
63
|
+
// Wrap child in DropdownMenuItemPrimitive for auto-close behavior
|
|
64
|
+
// Using asChild merges props correctly with the child component
|
|
65
|
+
return (_jsx(DropdownMenuItemPrimitive, { className: "dndev-interactive", asChild: true, children: child }, index));
|
|
66
|
+
});
|
|
67
|
+
const content = (_jsxs(_Fragment, { children: [wrappedChildren, items.length > 0 &&
|
|
54
68
|
items.map((item, index) => {
|
|
55
69
|
// Label item
|
|
56
70
|
if (item.type === 'label') {
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview DualCard component
|
|
3
|
+
* @description Two-column card layout with vertical separator, responsive to single column on mobile
|
|
4
|
+
*
|
|
5
|
+
* @version 0.0.1
|
|
6
|
+
* @since 0.0.1
|
|
7
|
+
* @author AMBROISE PARK Consulting
|
|
8
|
+
*/
|
|
2
9
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
10
|
import { surfaceVariants } from '../../utils/variants';
|
|
4
|
-
import type { CardContent } from '../Card';
|
|
5
11
|
import type { IconType } from '../../types';
|
|
12
|
+
import type { CardContent } from '../Card';
|
|
13
|
+
import type { ReactNode, HTMLAttributes } from 'react';
|
|
6
14
|
import './DualCard.css';
|
|
7
15
|
export type DualCardVariant = VariantProps<typeof surfaceVariants>['variant'];
|
|
8
16
|
export interface DualCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>, VariantProps<typeof surfaceVariants> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/DualCard/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/DualCard/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;AAE9E,MAAM,WAAW,aACf,SACE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,EACzD,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,QAAQ,0GA4Eb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
|
|
@@ -8,14 +8,14 @@ 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 { forwardRef } from 'react';
|
|
12
11
|
import {} from 'class-variance-authority';
|
|
12
|
+
import { forwardRef } from 'react';
|
|
13
13
|
import { SURFACE_VARIANT } from '../../utils/constants';
|
|
14
14
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
15
15
|
import { surfaceVariants } from '../../utils/variants';
|
|
16
|
-
import Stack from '../Stack';
|
|
17
|
-
import Separator, { SEPARATOR_VARIANT } from '../Separator';
|
|
18
16
|
import { renderCardContent, renderCardHeader } from '../Card';
|
|
17
|
+
import Separator, { SEPARATOR_VARIANT } from '../Separator';
|
|
18
|
+
import Stack from '../Stack';
|
|
19
19
|
import './DualCard.css';
|
|
20
20
|
/**
|
|
21
21
|
* DualCard - Two-column card with vertical separator
|
|
@@ -8,10 +8,10 @@ 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 Icon from '../Icons/Icon';
|
|
12
11
|
import { cn } from '../../utils/helpers';
|
|
13
12
|
import Button from '../Button';
|
|
14
13
|
import Card from '../Card';
|
|
14
|
+
import Icon from '../Icons/Icon';
|
|
15
15
|
import Stack from '../Stack';
|
|
16
16
|
import './FeatureFallback.css';
|
|
17
17
|
function FeatureFallback({ featureName, message, icon = '🔧', showActionButton = false, actionButtonText, className = '', helpText, }) {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
9
|
import * as RadixHoverCard from '@radix-ui/react-hover-card';
|
|
10
|
-
import {
|
|
10
|
+
import type { ComponentProps } from 'react';
|
|
11
11
|
declare const HoverCardPrimitive: ({ openDelay, ...props }: RadixHoverCard.HoverCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
declare const HoverCardTrigger: import("react").ForwardRefExoticComponent<RadixHoverCard.HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
13
13
|
declare const HoverCardContent: ({ className, align, sideOffset, ...props }: ComponentProps<typeof RadixHoverCard.Content>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HoverCardPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/HoverCard/HoverCardPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"HoverCardPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/HoverCard/HoverCardPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC;AAI7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,cAAc,CAAC,cAAc,4CAE/B,CAAC;AAEF,QAAA,MAAM,gBAAgB,oIAAyB,CAAC;AAEhD,QAAA,MAAM,gBAAgB,GAAI,4CAKvB,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,4CAS/C,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import * as RadixHoverCard from '@radix-ui/react-hover-card';
|
|
12
|
-
import {} from 'react';
|
|
13
12
|
import { cn } from '../../utils/helpers';
|
|
14
13
|
const HoverCardPrimitive = ({ openDelay = 0, ...props }) => (_jsx(RadixHoverCard.Root, { openDelay: openDelay, ...props }));
|
|
15
14
|
const HoverCardTrigger = RadixHoverCard.Trigger;
|
|
@@ -8,8 +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 } from '../../utils/helpers';
|
|
12
11
|
import HoverCardPrimitive, { HoverCardTrigger, HoverCardContent, } from './HoverCardPrimitive';
|
|
12
|
+
import { cn } from '../../utils/helpers';
|
|
13
13
|
/**
|
|
14
14
|
* Accessible hover card component.
|
|
15
15
|
* Shows rich content on hover with smooth animations.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"providerIcons.d.ts","sourceRoot":"","sources":["../../../../src/atomic/Icons/Partner/providerIcons.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"providerIcons.d.ts","sourceRoot":"","sources":["../../../../src/atomic/Icons/Partner/providerIcons.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKrD,iBAAS,mBAAmB,CAAC,EAC3B,SAAc,EACd,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,aAAa,CAAC,2CASzB;AAED;;;;;;GAMG;AACH,eAAe,mBAAmB,CAAC;AAEnC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBjB,CAAC;AAEX;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAKrE"}
|
|
@@ -9,7 +9,23 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import { Mail, MailCheck } from 'lucide-react';
|
|
12
|
-
import
|
|
12
|
+
import GoogleIcon from './GoogleIcon';
|
|
13
|
+
import GitHubIcon from './GitHubIcon';
|
|
14
|
+
import MicrosoftIcon from './MicrosoftIcon';
|
|
15
|
+
import AppleIcon from './AppleIcon';
|
|
16
|
+
import DiscordIcon from './DiscordIcon';
|
|
17
|
+
import SpotifyIcon from './SpotifyIcon';
|
|
18
|
+
import TwitchIcon from './TwitchIcon';
|
|
19
|
+
import RedditIcon from './RedditIcon';
|
|
20
|
+
import LinkedInIcon from './LinkedinIcon';
|
|
21
|
+
import SlackIcon from './SlackIcon';
|
|
22
|
+
import NotionIcon from './NotionIcon';
|
|
23
|
+
import MediumIcon from './MediumIcon';
|
|
24
|
+
import XIcon from './XIcon';
|
|
25
|
+
import MastodonIcon from './MastodonIcon';
|
|
26
|
+
import YouTubeIcon from './YouTubeIcon';
|
|
27
|
+
import YahooIcon from './YahooIcon';
|
|
28
|
+
import FacebookIcon from './FacebookIcon';
|
|
13
29
|
// Import all the existing icon components
|
|
14
30
|
// Default Icon (fallback) - Handshake icon
|
|
15
31
|
function DefaultProviderIcon({ className = '', ...props }) {
|
|
@@ -11,6 +11,11 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
11
11
|
iconEnd?: boolean;
|
|
12
12
|
/** Label for floating label - always shown small at top-left when provided */
|
|
13
13
|
label?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Bare mode - no border/shadow (for use inside FloatingLabel or custom wrappers).
|
|
16
|
+
* Auto-enabled when `label` is provided.
|
|
17
|
+
*/
|
|
18
|
+
bare?: boolean;
|
|
14
19
|
/** React 19 native ref support */
|
|
15
20
|
ref?: Ref<HTMLInputElement>;
|
|
16
21
|
}
|
|
@@ -32,6 +37,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
32
37
|
* @param {InputProps} props - The props for the input
|
|
33
38
|
* @returns {JSX.Element} The rendered input
|
|
34
39
|
*/
|
|
35
|
-
declare const Input: ({ className, type, icon, iconEnd, label, value, onFocus, onBlur, required, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare const Input: ({ className, type, icon, iconEnd, label, bare, value, onFocus, onBlur, required, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
41
|
export default Input;
|
|
37
42
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Input/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Input/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kCAAkC;IAClC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,KAAK,GAAI,6FAYZ,UAAU,4CA2EZ,CAAC;AAEF,eAAe,KAAK,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 {
|
|
11
|
+
import { useId } from 'react';
|
|
12
12
|
import { cn } from '../../utils/helpers';
|
|
13
13
|
import Icon from '../Icons/Icon';
|
|
14
14
|
import { FloatingLabel } from '../Label';
|
|
@@ -31,20 +31,32 @@ import './Input.css';
|
|
|
31
31
|
* @param {InputProps} props - The props for the input
|
|
32
32
|
* @returns {JSX.Element} The rendered input
|
|
33
33
|
*/
|
|
34
|
-
const Input = ({ className, type, icon, iconEnd = false, label, value, onFocus, onBlur, required, ...props }) => {
|
|
34
|
+
const Input = ({ className, type, icon, iconEnd = false, label, bare, value, onFocus, onBlur, required, ...props }) => {
|
|
35
35
|
const id = useId();
|
|
36
36
|
const hasIcon = !!icon;
|
|
37
37
|
const isLeading = !iconEnd;
|
|
38
38
|
const isTrailing = iconEnd;
|
|
39
39
|
const hasLabel = !!label;
|
|
40
|
+
// Auto-bare when label is provided (FloatingLabel provides border)
|
|
41
|
+
const isBare = bare || hasLabel;
|
|
40
42
|
const inputClasses = cn('dndev-input', hasIcon && isLeading && 'dndev-input-with-leading-icon', hasIcon && isTrailing && 'dndev-input-with-trailing-icon', className);
|
|
41
43
|
// Explicitly exclude children to prevent void element error (input is a void element)
|
|
42
|
-
|
|
43
|
-
const
|
|
44
|
+
// If we have a label, extract style to pass to FloatingLabel wrapper instead of input
|
|
45
|
+
const { children: _children, style, ...inputProps } = props;
|
|
46
|
+
const inputElement = (_jsx("input", { id: id, type: type, value: value, required: required, className: inputClasses, "data-bare": isBare || undefined, ...inputProps,
|
|
47
|
+
// Only apply style to input if there's no label (label wrapper gets it)
|
|
48
|
+
style: hasLabel ? undefined : style }));
|
|
44
49
|
const needsWrapper = hasIcon || hasLabel;
|
|
50
|
+
// Build input with optional icon wrapper
|
|
51
|
+
const inputWithIcon = hasIcon ? (_jsxs("div", { className: "dndev-relative", children: [inputElement, _jsx("div", { className: cn('dndev-input-icon', isLeading && 'dndev-input-icon-leading', isTrailing && 'dndev-input-icon-trailing'), children: _jsx(Icon, { icon: icon, className: "dndev-size-md", ariaHidden: true }) })] })) : (inputElement);
|
|
45
52
|
if (!needsWrapper) {
|
|
46
53
|
return inputElement;
|
|
47
54
|
}
|
|
48
|
-
|
|
55
|
+
// With label: use FloatingLabel wrapper (fieldset/legend)
|
|
56
|
+
if (hasLabel) {
|
|
57
|
+
return (_jsx(FloatingLabel, { htmlFor: id, label: label, disabled: props.disabled, required: required, style: style, children: inputWithIcon }));
|
|
58
|
+
}
|
|
59
|
+
// Icon only, no label
|
|
60
|
+
return inputWithIcon;
|
|
49
61
|
};
|
|
50
62
|
export default Input;
|
|
@@ -1,31 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview FloatingLabel component
|
|
3
|
+
* @description Fieldset/legend wrapper for native border-cutting floating labels.
|
|
4
|
+
* Uses semantic HTML - browser natively cuts border where legend sits.
|
|
5
|
+
* No background color hacks needed.
|
|
6
|
+
*
|
|
7
|
+
* @version 0.0.2
|
|
8
|
+
* @since 0.0.1
|
|
9
|
+
* @author AMBROISE PARK Consulting
|
|
10
|
+
*/
|
|
1
11
|
import './Label.css';
|
|
2
12
|
import type { ReactNode } from 'react';
|
|
3
13
|
export interface FloatingLabelProps {
|
|
4
|
-
/** HTML id to associate
|
|
5
|
-
htmlFor
|
|
6
|
-
/** Label text
|
|
7
|
-
|
|
14
|
+
/** HTML id to associate legend with input (for accessibility) */
|
|
15
|
+
htmlFor?: string;
|
|
16
|
+
/** Label text - REQUIRED */
|
|
17
|
+
label: ReactNode;
|
|
8
18
|
/** Whether the input is disabled */
|
|
9
19
|
disabled?: boolean;
|
|
10
20
|
/** Whether to truncate long labels with ellipsis */
|
|
11
21
|
truncate?: boolean;
|
|
12
22
|
/** Whether the field is required - shows asterisk indicator */
|
|
13
23
|
required?: boolean;
|
|
24
|
+
/** Children (the input element) - REQUIRED */
|
|
25
|
+
children: ReactNode;
|
|
26
|
+
/** Additional className for the fieldset */
|
|
27
|
+
className?: string;
|
|
28
|
+
/** Inline styles for the fieldset */
|
|
29
|
+
style?: React.CSSProperties;
|
|
14
30
|
}
|
|
15
31
|
/**
|
|
16
|
-
* FloatingLabel -
|
|
32
|
+
* FloatingLabel - Fieldset/legend wrapper for floating labels
|
|
17
33
|
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
34
|
+
* Uses semantic HTML to achieve the "label on border" effect without
|
|
35
|
+
* background color hacks. Works on any background color.
|
|
20
36
|
*
|
|
21
37
|
* @component
|
|
22
38
|
* @example
|
|
23
39
|
* ```tsx
|
|
24
|
-
* <FloatingLabel htmlFor="email"
|
|
25
|
-
*
|
|
40
|
+
* <FloatingLabel label="Email Address" htmlFor="email" required>
|
|
41
|
+
* <input id="email" type="email" />
|
|
26
42
|
* </FloatingLabel>
|
|
27
43
|
* ```
|
|
28
44
|
*/
|
|
29
|
-
export declare function FloatingLabel({ htmlFor,
|
|
45
|
+
export declare function FloatingLabel({ htmlFor, label, disabled, truncate, required, children, className, style, }: FloatingLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
30
46
|
export default FloatingLabel;
|
|
31
47
|
//# sourceMappingURL=FloatingLabel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingLabel.d.ts","sourceRoot":"","sources":["../../../src/atomic/Label/FloatingLabel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FloatingLabel.d.ts","sourceRoot":"","sources":["../../../src/atomic/Label/FloatingLabel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,QAAe,EACf,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,2CA8BpB;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -2,33 +2,33 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
// packages/components/src/atomic/Label/FloatingLabel.tsx
|
|
3
3
|
/**
|
|
4
4
|
* @fileoverview FloatingLabel component
|
|
5
|
-
* @description
|
|
5
|
+
* @description Fieldset/legend wrapper for native border-cutting floating labels.
|
|
6
|
+
* Uses semantic HTML - browser natively cuts border where legend sits.
|
|
7
|
+
* No background color hacks needed.
|
|
6
8
|
*
|
|
7
|
-
* @version 0.0.
|
|
9
|
+
* @version 0.0.2
|
|
8
10
|
* @since 0.0.1
|
|
9
11
|
* @author AMBROISE PARK Consulting
|
|
10
12
|
*/
|
|
11
|
-
import LabelPrimitive from './LabelPrimitive';
|
|
12
|
-
import { cn } from '../../utils/helpers';
|
|
13
13
|
import './Label.css';
|
|
14
14
|
/**
|
|
15
|
-
* FloatingLabel -
|
|
15
|
+
* FloatingLabel - Fieldset/legend wrapper for floating labels
|
|
16
16
|
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
17
|
+
* Uses semantic HTML to achieve the "label on border" effect without
|
|
18
|
+
* background color hacks. Works on any background color.
|
|
19
19
|
*
|
|
20
20
|
* @component
|
|
21
21
|
* @example
|
|
22
22
|
* ```tsx
|
|
23
|
-
* <FloatingLabel htmlFor="email"
|
|
24
|
-
*
|
|
23
|
+
* <FloatingLabel label="Email Address" htmlFor="email" required>
|
|
24
|
+
* <input id="email" type="email" />
|
|
25
25
|
* </FloatingLabel>
|
|
26
26
|
* ```
|
|
27
27
|
*/
|
|
28
|
-
export function FloatingLabel({ htmlFor,
|
|
29
|
-
return (_jsxs(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
export function FloatingLabel({ htmlFor, label, disabled = false, truncate = true, required = false, children, className, style, }) {
|
|
29
|
+
return (_jsxs("fieldset", { className: `dndev-floating-fieldset ${className || ''}`, disabled: disabled, "data-disabled": disabled ? 'true' : undefined, style: style, children: [_jsx("legend", { className: "dndev-floating-legend", "data-truncate": truncate ? undefined : 'false', children: _jsxs("label", { htmlFor: htmlFor, children: [label, required && (_jsx("span", { style: {
|
|
30
|
+
color: 'var(--destructive-foreground)',
|
|
31
|
+
marginInlineStart: 'var(--gap-tight)',
|
|
32
|
+
}, "aria-hidden": "true", children: "*" }))] }) }), children] }));
|
|
33
33
|
}
|
|
34
34
|
export default FloatingLabel;
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
|
-
import { type LabelPrimitiveProps } from './LabelPrimitive';
|
|
10
9
|
import { FloatingLabel, type FloatingLabelProps } from './FloatingLabel';
|
|
10
|
+
import { type LabelPrimitiveProps } from './LabelPrimitive';
|
|
11
11
|
import type { ComponentType, ReactNode } from 'react';
|
|
12
12
|
export interface LabelProps extends LabelPrimitiveProps {
|
|
13
13
|
/** Optional icon to display with the label */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Label/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Label/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,KAAK,GAAI,yEAQZ,UAAU,4CAgCZ,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAC"}
|
|
@@ -8,9 +8,9 @@ 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 { FloatingLabel } from './FloatingLabel';
|
|
11
12
|
import LabelPrimitive, {} from './LabelPrimitive';
|
|
12
13
|
import { cn } from '../../utils/helpers';
|
|
13
|
-
import { FloatingLabel } from './FloatingLabel';
|
|
14
14
|
/**
|
|
15
15
|
* Accessible label component built on Radix UI Label.
|
|
16
16
|
* Supports icons and various label positions.
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview List component
|
|
3
|
+
* @description Simple list component for bullet points, numbered lists, and feature lists
|
|
4
|
+
*
|
|
5
|
+
* @version 0.0.1
|
|
6
|
+
* @since 0.0.1
|
|
7
|
+
* @author AMBROISE PARK Consulting
|
|
8
|
+
*/
|
|
1
9
|
import { GAP_VARIANT } from '../../styles/componentConstants';
|
|
2
10
|
import type { ReactNode, HTMLAttributes } from 'react';
|
|
3
11
|
import './List.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/List/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/List/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,QAAQ;IACvB,uCAAuC;IACvC,OAAO,EAAE,SAAS,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAC/C,gBAAgB,GAAG,gBAAgB,CACpC;IACC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IACxD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI,GAAI,6DAQX,SAAS,4CAoDX,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAExE,eAAe,IAAI,CAAC"}
|
|
@@ -8,8 +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 } from '../../utils/helpers';
|
|
12
11
|
import { GAP_VARIANT } from '../../styles/componentConstants';
|
|
12
|
+
import { cn } from '../../utils/helpers';
|
|
13
13
|
import './List.css';
|
|
14
14
|
/**
|
|
15
15
|
* List component for bullet points, numbered lists, and feature lists.
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
9
|
import * as RadixNavigationMenu from '@radix-ui/react-navigation-menu';
|
|
10
|
-
import {
|
|
10
|
+
import type { ComponentProps } from 'react';
|
|
11
11
|
interface NavigationMenuPrimitiveProps extends ComponentProps<typeof RadixNavigationMenu.Root> {
|
|
12
12
|
vertical?: boolean;
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/NavigationMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"NavigationMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/NavigationMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC;AAMvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,UAAU,4BAA6B,SAAQ,cAAc,CAC3D,OAAO,mBAAmB,CAAC,IAAI,CAChC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,uBAAuB,GAAI,6CAK9B,4BAA4B,4CAc9B,CAAC;AAEF,UAAU,gCAAiC,SAAQ,cAAc,CAC/D,OAAO,mBAAmB,CAAC,IAAI,CAChC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,2BAA2B,GAAI,mCAIlC,gCAAgC,4CAMlC,CAAC;AAEF,QAAA,MAAM,2BAA2B,uIAA2B,CAAC;AAE7D,QAAA,MAAM,mCAAmC,oFAAU,CAAC;AAEpD,QAAA,MAAM,8BAA8B,GAAI,mCAIrC,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,4CASpD,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,yBAGrC,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,4CAKpD,CAAC;AAEF,QAAA,MAAM,2BAA2B,2IAA2B,CAAC;AAE7D,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,4CAOrD,CAAC;AAEF,QAAA,MAAM,gCAAgC,GAAI,yBAGvC,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,4CAOtD,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,2BAA2B,EAC3B,8BAA8B,EAC9B,8BAA8B,EAC9B,2BAA2B,EAC3B,gCAAgC,EAChC,+BAA+B,GAChC,CAAC"}
|
|
@@ -11,7 +11,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
11
11
|
import * as RadixNavigationMenu from '@radix-ui/react-navigation-menu';
|
|
12
12
|
import { cva } from 'class-variance-authority';
|
|
13
13
|
import { ChevronDown } from 'lucide-react';
|
|
14
|
-
import {} from 'react';
|
|
15
14
|
import { cn } from '../../utils/helpers';
|
|
16
15
|
const NavigationMenuPrimitive = ({ className, children, vertical = false, ...props }) => {
|
|
17
16
|
const orientation = vertical ? 'vertical' : 'horizontal';
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
|
-
import type { ComponentProps, ComponentType, ReactNode } from 'react';
|
|
10
9
|
import NavigationMenuPrimitive from './NavigationMenuPrimitive';
|
|
11
10
|
import { DISPLAY } from '../../styles/componentConstants';
|
|
11
|
+
import type { ComponentProps, ComponentType, ReactNode } from 'react';
|
|
12
12
|
import './NavigationMenu.css';
|
|
13
13
|
interface NavigationMenuItem {
|
|
14
14
|
/** The display label for the item */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,uBAON,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,sBAAsB,CAAC;AAE9B,UAAU,kBAAkB;IAC1B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,gDAAgD;IAChD,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,UAAU,mBAAoB,SAAQ,IAAI,CACxC,cAAc,CAAC,OAAO,uBAAuB,CAAC,EAC9C,UAAU,CACX;IACC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,cAAc,GAAI,4EAQrB,mBAAmB,4CAqOrB,CAAC;AAEF,eAAe,cAAc,CAAC;AAC9B,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
// packages/components/src/atomic/NavigationMenu/index.tsx
|
|
3
|
+
/**
|
|
4
|
+
* @fileoverview NavigationMenu component
|
|
5
|
+
* @description Props-based navigation menu component built on Radix UI primitives
|
|
6
|
+
*
|
|
7
|
+
* @version 0.0.3
|
|
8
|
+
* @since 0.0.1
|
|
9
|
+
* @author AMBROISE PARK Consulting
|
|
10
|
+
*/
|
|
2
11
|
import NavigationMenuPrimitive, { NavigationMenuListPrimitive, NavigationMenuItemPrimitive, NavigationMenuContentPrimitive, NavigationMenuTriggerPrimitive, NavigationMenuLinkPrimitive, NavigationMenuViewportPrimitive, } from './NavigationMenuPrimitive';
|
|
3
|
-
import { cn } from '../../utils/helpers';
|
|
4
12
|
import { DISPLAY } from '../../styles/componentConstants';
|
|
13
|
+
import { cn } from '../../utils/helpers';
|
|
5
14
|
import Tooltip from '../Tooltip';
|
|
6
15
|
import './NavigationMenu.css';
|
|
7
16
|
/**
|