@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.0

package/dist/components/CopyableCode/CopyableCode.mjs

@@ -3,7 +3,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Flex, Box } from '@chakra-ui/react';
 import { useTranslate } from '../../hooks/useTranslate.mjs';
 import { Button } from '../Button/Button.mjs';
-import '../Button/Button.styles.mjs';
 import { Card } from '../Card/Card.mjs';
 import { FaRegCopy } from '../Icon/index.mjs';
 
@@ -18,7 +17,7 @@ import { FaRegCopy } from '../Icon/index.mjs';
  */
 const CopyableCode = ({ children, onCopy, containerProps, }) => {
     const translate = useTranslate();
-    return (jsxs(Flex, { position: "relative", width: "100%", ...containerProps, children: [jsxs(Card, { overflow: "hidden", maxW: "100%", p: 0, width: "100%", children: [jsx(Box, { as: "pre", whiteSpace: "nowrap", overflowX: "scroll", p: 4, pr: 20, children: children }), jsx(Box, { position: "absolute", right: 0, top: 0, bottom: 0, w: 24, bg: "linear-gradient(to right, transparent, #fff 15%)", pointerEvents: "none" })] }), jsx(Button, { variant: "primary", bgColor: "primary.dark", borderColor: "primary.dark", size: "xs", leftIcon: jsx(FaRegCopy, { boxSize: "xs" }), onClick: onCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: translate('copy') })] }));
+    return (jsxs(Flex, { position: "relative", width: "100%", ...containerProps, children: [jsxs(Card, { overflow: "hidden", maxW: "100%", p: 0, width: "100%", children: [jsx(Box, { as: "pre", whiteSpace: "nowrap", overflowX: "scroll", p: 4, pr: 20, children: children }), jsx(Box, { position: "absolute", right: 0, top: 0, bottom: 0, w: 24, bg: "linear-gradient(to right, transparent, #fff 15%)", pointerEvents: "none" })] }), jsxs(Button, { colorPalette: "primary", variant: "solid", size: "xs", onClick: onCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: [jsx(FaRegCopy, { boxSize: "xs" }), " ", translate('copy')] })] }));
 };
 
 export { CopyableCode };

package/dist/components/CopyableCode/CopyableCode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableCode.mjs","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAQA;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,cAAc,GACI,KAAI;AACtB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAA,GAAK,cAAc,EAAA,QAAA,EAAA,CACvDA,KAAC,IAAI,EAAA,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAA,QAAA,EAAA,CACpDC,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAA,QAAA,EAC9D,QAAQ,EAAA,CACL,EACNA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,EAAE,EACL,EAAE,EAAC,kDAAkD,EACrD,aAAa,EAAC,MAAM,EAAA,CACpB,CAAA,EAAA,CACG,EACPA,IAAC,MAAM,EAAA,EACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,cAAc,EACtB,WAAW,EAAC,cAAc,EAC1B,IAAI,EAAC,IAAI,EACT,QAAQ,EAAEA,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACpC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,CAAC,EAAA,QAAA,EAER,SAAS,CAAC,MAAM,CAAC,EAAA,CACX,CAAA,EAAA,CACJ;AAEX;;;;"}
+{"version":3,"file":"CopyableCode.mjs","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAQA;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,cAAc,GACI,KAAI;AACtB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAA,GAAK,cAAc,aACvDA,IAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,aACpDC,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAA,QAAA,EAC9D,QAAQ,EAAA,CACL,EACNA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,EAAE,EACL,EAAE,EAAC,kDAAkD,EACrD,aAAa,EAAC,MAAM,EAAA,CACpB,CAAA,EAAA,CACG,EACPD,IAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,EACf,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETC,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,GAAA,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA,EAAA,CACtC,CAAA,EAAA,CACJ;AAEX;;;;"}

package/dist/components/DatePicker/RangeDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,eAAe,GAAI,+CAK7B,oBAAoB,4CAsJtB,CAAC"}
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAMlC,eAAO,MAAM,eAAe,GAAI,+CAK7B,oBAAoB,4CA6JtB,CAAC"}

package/dist/components/DatePicker/RangeDatePicker.js

@@ -2,21 +2,23 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
 var chakraDayzedDatepicker = require('chakra-dayzed-datepicker');
+var dateFns = require('date-fns');
+var Button = require('../Button/Button.js');
 var index = require('../Icon/index.js');
 
 const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
+    const dateFormat = configs?.dateFormat ?? 'MMM dd, yyyy';
     return (jsxRuntime.jsx(chakraDayzedDatepicker.RangeDatepicker, { usePortal: usePortal, ...rest, configs: {
             ...configs,
-            dateFormat: configs?.dateFormat ?? 'MMM dd, yyyy',
+            dateFormat,
         }, propsConfigs: {
             triggerBtnProps: {
-                justifyContent: 'left',
-                pl: 2,
                 fontWeight: 'regular',
                 color: 'gray.1500',
                 fontSize: 'md',
-                leftIcon: (jsxRuntime.jsx(index.MdOutlineCalendarToday, { color: "gray.600", style: { marginInlineEnd: 3 } })),
+                ...propsConfigs?.triggerBtnProps,
             },
             inputProps: {
                 color: 'primary.dark',
@@ -24,29 +26,19 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
             },
             popoverCompProps: {
                 popoverContentProps: {
-                    p: 2,
-                    borderRadius: 16,
-                    border: '1px solid',
-                    borderColor: 'blue.300',
-                    boxShadow: 'lg',
-                    bg: 'blue.100',
-                    sx: {
+                    css: {
                         '.chakra-button[aria-pressed="true"]': {
                             borderRadius: 'full',
                         },
-                        // pressed="true" 직전의 pressed="false" 요소에 borderRight
                         '.chakra-button[aria-pressed="false"]:has(+ .chakra-button[aria-pressed="true"])': {
                             borderRightRadius: 'sm',
                         },
-                        // pressed="true" 직후의 pressed="false" 요소에 borderLeft
                         '.chakra-button[aria-pressed="true"] + .chakra-button[aria-pressed="false"]': {
                             borderLeftRadius: 'sm',
                         },
-                        // week row의 왼쪽 테두리
                         '.chakra-button[aria-pressed="false"]:nth-child(7n + 1)': {
                             borderLeftRadius: 'sm',
                         },
-                        // week row 오른쪽 테두리
                         '.chakra-button[aria-pressed="false"]:nth-child(7n)': {
                             borderRightRadius: 'sm',
                         },
@@ -58,24 +50,25 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
             calendarPanelProps: {
                 wrapperProps: {
                     gap: 4,
+                    border: 'none',
                     ...propsConfigs?.calendarPanelProps?.wrapperProps,
                 },
                 dividerProps: {
-                    borderStyle: 'none',
+                    display: 'none',
                     ...propsConfigs?.calendarPanelProps?.dividerProps,
                 },
                 contentProps: {
                     px: 6,
                     py: 4,
-                    border: '1px solid',
-                    borderColor: 'blue.300',
+                    borderWidth: '1px',
+                    borderColor: 'primary.lightest',
                     borderRadius: 16,
                     bg: 'white',
                     ...propsConfigs?.calendarPanelProps?.contentProps,
                 },
                 bodyProps: {
                     gap: 0,
-                    spacingY: 1,
+                    rowGap: 1,
                     ...propsConfigs?.calendarPanelProps?.bodyProps,
                 },
                 ...propsConfigs?.calendarPanelProps,
@@ -87,7 +80,7 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
             weekdayLabelProps: {
                 mb: 2,
                 color: 'gray.1000',
-                fontSize: 'xs',
+                fontSize: 'sm',
                 fontWeight: 'regular',
                 ...propsConfigs?.weekdayLabelProps,
             },
@@ -98,25 +91,25 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
                     color: 'gray.1500',
                     fontWeight: 'regular',
                     _hover: {
-                        background: 'primary.light',
+                        background: 'primary.lightest',
                         ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps?._hover,
                     },
                     ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps,
                 },
-                // Today
                 todayBtnProps: {
                     fontWeight: 'semibold',
                     ...propsConfigs?.dayOfMonthBtnProps?.todayBtnProps,
                 },
                 selectedBtnProps: {
                     color: 'white',
-                    background: 'primary.light',
+                    background: 'none',
                     fontWeight: 'semibold',
                     position: 'relative',
+                    border: 'none',
                     zIndex: 1,
                     borderRadius: 0,
                     _hover: {
-                        background: 'primary.light',
+                        background: 'none',
                     },
                     _before: {
                         content: '""',
@@ -133,14 +126,18 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
                 },
                 isInRangeBtnProps: {
                     color: 'primary.dark',
-                    background: 'primary.light',
-                    borderRadius: 0,
+                    background: 'primary.lightest',
+                    borderRadius: 'md',
                     ...propsConfigs?.dayOfMonthBtnProps?.isInRangeBtnProps,
                 },
                 ...propsConfigs?.dayOfMonthBtnProps,
             },
             ...propsConfigs,
-        } }));
+        }, children: (selectedDates) => (jsxRuntime.jsx(react.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxs(Button.Button, { pl: 2, colorPalette: "neutral", variant: "outline", ...propsConfigs?.triggerBtnProps, children: [jsxRuntime.jsx(index.MdOutlineCalendarToday, { color: "gray.400", style: { marginInlineEnd: 3 } }), selectedDates && selectedDates.length > 0
+                        ? selectedDates.length === 1
+                            ? `${dateFns.format(selectedDates[0], dateFormat)} - ${dateFormat}`
+                            : `${dateFns.format(selectedDates[0], dateFormat)} - ${dateFns.format(selectedDates[1], dateFormat)}`
+                        : ''] }) })) }));
 };
 
 exports.RangeDatePicker = RangeDatePicker;

package/dist/components/DatePicker/RangeDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.js","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker","MdOutlineCalendarToday"],"mappings":"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"}
+{"version":3,"file":"RangeDatePicker.js","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":"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"}

package/dist/components/DatePicker/RangeDatePicker.mjs

@@ -1,20 +1,22 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Popover } from '@chakra-ui/react';
 import { RangeDatepicker } from 'chakra-dayzed-datepicker';
+import { format } from 'date-fns';
+import { Button } from '../Button/Button.mjs';
 import { MdOutlineCalendarToday } from '../Icon/index.mjs';
 
 const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
+    const dateFormat = configs?.dateFormat ?? 'MMM dd, yyyy';
     return (jsx(RangeDatepicker, { usePortal: usePortal, ...rest, configs: {
             ...configs,
-            dateFormat: configs?.dateFormat ?? 'MMM dd, yyyy',
+            dateFormat,
         }, propsConfigs: {
             triggerBtnProps: {
-                justifyContent: 'left',
-                pl: 2,
                 fontWeight: 'regular',
                 color: 'gray.1500',
                 fontSize: 'md',
-                leftIcon: (jsx(MdOutlineCalendarToday, { color: "gray.600", style: { marginInlineEnd: 3 } })),
+                ...propsConfigs?.triggerBtnProps,
             },
             inputProps: {
                 color: 'primary.dark',
@@ -22,29 +24,19 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
             },
             popoverCompProps: {
                 popoverContentProps: {
-                    p: 2,
-                    borderRadius: 16,
-                    border: '1px solid',
-                    borderColor: 'blue.300',
-                    boxShadow: 'lg',
-                    bg: 'blue.100',
-                    sx: {
+                    css: {
                         '.chakra-button[aria-pressed="true"]': {
                             borderRadius: 'full',
                         },
-                        // pressed="true" 직전의 pressed="false" 요소에 borderRight
                         '.chakra-button[aria-pressed="false"]:has(+ .chakra-button[aria-pressed="true"])': {
                             borderRightRadius: 'sm',
                         },
-                        // pressed="true" 직후의 pressed="false" 요소에 borderLeft
                         '.chakra-button[aria-pressed="true"] + .chakra-button[aria-pressed="false"]': {
                             borderLeftRadius: 'sm',
                         },
-                        // week row의 왼쪽 테두리
                         '.chakra-button[aria-pressed="false"]:nth-child(7n + 1)': {
                             borderLeftRadius: 'sm',
                         },
-                        // week row 오른쪽 테두리
                         '.chakra-button[aria-pressed="false"]:nth-child(7n)': {
                             borderRightRadius: 'sm',
                         },
@@ -56,24 +48,25 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
             calendarPanelProps: {
                 wrapperProps: {
                     gap: 4,
+                    border: 'none',
                     ...propsConfigs?.calendarPanelProps?.wrapperProps,
                 },
                 dividerProps: {
-                    borderStyle: 'none',
+                    display: 'none',
                     ...propsConfigs?.calendarPanelProps?.dividerProps,
                 },
                 contentProps: {
                     px: 6,
                     py: 4,
-                    border: '1px solid',
-                    borderColor: 'blue.300',
+                    borderWidth: '1px',
+                    borderColor: 'primary.lightest',
                     borderRadius: 16,
                     bg: 'white',
                     ...propsConfigs?.calendarPanelProps?.contentProps,
                 },
                 bodyProps: {
                     gap: 0,
-                    spacingY: 1,
+                    rowGap: 1,
                     ...propsConfigs?.calendarPanelProps?.bodyProps,
                 },
                 ...propsConfigs?.calendarPanelProps,
@@ -85,7 +78,7 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
             weekdayLabelProps: {
                 mb: 2,
                 color: 'gray.1000',
-                fontSize: 'xs',
+                fontSize: 'sm',
                 fontWeight: 'regular',
                 ...propsConfigs?.weekdayLabelProps,
             },
@@ -96,25 +89,25 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
                     color: 'gray.1500',
                     fontWeight: 'regular',
                     _hover: {
-                        background: 'primary.light',
+                        background: 'primary.lightest',
                         ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps?._hover,
                     },
                     ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps,
                 },
-                // Today
                 todayBtnProps: {
                     fontWeight: 'semibold',
                     ...propsConfigs?.dayOfMonthBtnProps?.todayBtnProps,
                 },
                 selectedBtnProps: {
                     color: 'white',
-                    background: 'primary.light',
+                    background: 'none',
                     fontWeight: 'semibold',
                     position: 'relative',
+                    border: 'none',
                     zIndex: 1,
                     borderRadius: 0,
                     _hover: {
-                        background: 'primary.light',
+                        background: 'none',
                     },
                     _before: {
                         content: '""',
@@ -131,14 +124,18 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
                 },
                 isInRangeBtnProps: {
                     color: 'primary.dark',
-                    background: 'primary.light',
-                    borderRadius: 0,
+                    background: 'primary.lightest',
+                    borderRadius: 'md',
                     ...propsConfigs?.dayOfMonthBtnProps?.isInRangeBtnProps,
                 },
                 ...propsConfigs?.dayOfMonthBtnProps,
             },
             ...propsConfigs,
-        } }));
+        }, children: (selectedDates) => (jsx(Popover.Trigger, { asChild: true, children: jsxs(Button, { pl: 2, colorPalette: "neutral", variant: "outline", ...propsConfigs?.triggerBtnProps, children: [jsx(MdOutlineCalendarToday, { color: "gray.400", style: { marginInlineEnd: 3 } }), selectedDates && selectedDates.length > 0
+                        ? selectedDates.length === 1
+                            ? `${format(selectedDates[0], dateFormat)} - ${dateFormat}`
+                            : `${format(selectedDates[0], dateFormat)} - ${format(selectedDates[1], dateFormat)}`
+                        : ''] }) })) }));
 };
 
 export { RangeDatePicker };

package/dist/components/DatePicker/RangeDatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.mjs","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker"],"mappings":"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"}
+{"version":3,"file":"RangeDatePicker.mjs","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker","_jsxs"],"mappings":"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"}

package/dist/components/DatePicker/SingleDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,gBAAgB,GAAI,+CAK9B,qBAAqB,4CAkGvB,CAAC"}
+{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAMlC,eAAO,MAAM,gBAAgB,GAAI,+CAK9B,qBAAqB,4CA4GvB,CAAC"}

package/dist/components/DatePicker/SingleDatePicker.js

@@ -2,21 +2,24 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
 var chakraDayzedDatepicker = require('chakra-dayzed-datepicker');
+var dateFns = require('date-fns');
+var Button = require('../Button/Button.js');
 var index = require('../Icon/index.js');
 
 const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
+    const dateFormat = configs?.dateFormat ?? 'MM/dd/yyyy';
     return (jsxRuntime.jsx(chakraDayzedDatepicker.SingleDatepicker, { usePortal: usePortal, ...rest, configs: {
             ...configs,
-            dateFormat: configs?.dateFormat ?? 'MM/dd/yyyy',
+            dateFormat,
         }, propsConfigs: {
             triggerBtnProps: {
                 justifyContent: 'left',
-                pl: 2,
                 fontWeight: 'regular',
                 color: 'gray.1500',
                 fontSize: 'md',
-                leftIcon: (jsxRuntime.jsx(index.MdOutlineCalendarToday, { color: "gray.600", style: { marginInlineEnd: 3 } })),
+                ...propsConfigs?.triggerBtnProps,
             },
             inputProps: {
                 color: 'primary.dark',
@@ -24,9 +27,6 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
             },
             popoverCompProps: {
                 popoverContentProps: {
-                    borderRadius: 16,
-                    border: '1px solid',
-                    borderColor: 'blue.300',
                     boxShadow: 'lg',
                     ...propsConfigs?.popoverCompProps?.popoverContentProps,
                 },
@@ -38,17 +38,17 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
                     ...propsConfigs?.calendarPanelProps?.wrapperProps,
                 },
                 dividerProps: {
-                    borderStyle: 'none',
+                    display: 'none',
                     ...propsConfigs?.calendarPanelProps?.dividerProps,
                 },
                 contentProps: {
+                    borderWidth: 0,
                     p: 4,
-                    border: 'none',
                     ...propsConfigs?.calendarPanelProps?.contentProps,
                 },
                 bodyProps: {
                     gap: 0,
-                    spacingY: 1,
+                    rowGap: 1,
                     ...propsConfigs?.calendarPanelProps?.bodyProps,
                 },
                 ...propsConfigs?.calendarPanelProps,
@@ -60,7 +60,6 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
             weekdayLabelProps: {
                 mb: 2,
                 color: 'gray.1000',
-                fontSize: 'xs',
                 fontWeight: 'regular',
                 ...propsConfigs?.weekdayLabelProps,
             },
@@ -69,20 +68,21 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
                     width: 34,
                     height: 34,
                     color: 'gray.1500',
+                    fontSize: 'sm',
                     fontWeight: 'regular',
                     _hover: {
-                        background: 'primary.light',
+                        background: 'primary.lightest',
                         ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps?._hover,
                     },
                     ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps,
                 },
-                // Today
                 todayBtnProps: {
                     fontWeight: 'semibold',
                     ...propsConfigs?.dayOfMonthBtnProps?.todayBtnProps,
                 },
                 selectedBtnProps: {
                     color: 'white',
+                    border: 'none',
                     background: 'primary.main',
                     borderRadius: 'full',
                     ...propsConfigs?.dayOfMonthBtnProps?.selectedBtnProps,
@@ -90,7 +90,7 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
                 ...propsConfigs?.dayOfMonthBtnProps,
             },
             ...propsConfigs,
-        } }));
+        }, children: (selectedDate) => (jsxRuntime.jsx(react.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxs(Button.Button, { pl: 2, colorPalette: "neutral", variant: "outline", ...propsConfigs?.triggerBtnProps, children: [jsxRuntime.jsx(index.MdOutlineCalendarToday, { color: "gray.400", style: { marginInlineEnd: 3 } }), selectedDate ? dateFns.format(selectedDate, dateFormat) : ''] }) })) }));
 };
 
 exports.SingleDatePicker = SingleDatePicker;

package/dist/components/DatePicker/SingleDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePicker.js","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","SingleDatepicker","MdOutlineCalendarToday"],"mappings":"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"}
+{"version":3,"file":"SingleDatePicker.js","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","SingleDatepicker","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":"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"}

package/dist/components/DatePicker/SingleDatePicker.mjs

@@ -1,20 +1,23 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Popover } from '@chakra-ui/react';
 import { SingleDatepicker } from 'chakra-dayzed-datepicker';
+import { format } from 'date-fns';
+import { Button } from '../Button/Button.mjs';
 import { MdOutlineCalendarToday } from '../Icon/index.mjs';
 
 const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
+    const dateFormat = configs?.dateFormat ?? 'MM/dd/yyyy';
     return (jsx(SingleDatepicker, { usePortal: usePortal, ...rest, configs: {
             ...configs,
-            dateFormat: configs?.dateFormat ?? 'MM/dd/yyyy',
+            dateFormat,
         }, propsConfigs: {
             triggerBtnProps: {
                 justifyContent: 'left',
-                pl: 2,
                 fontWeight: 'regular',
                 color: 'gray.1500',
                 fontSize: 'md',
-                leftIcon: (jsx(MdOutlineCalendarToday, { color: "gray.600", style: { marginInlineEnd: 3 } })),
+                ...propsConfigs?.triggerBtnProps,
             },
             inputProps: {
                 color: 'primary.dark',
@@ -22,9 +25,6 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
             },
             popoverCompProps: {
                 popoverContentProps: {
-                    borderRadius: 16,
-                    border: '1px solid',
-                    borderColor: 'blue.300',
                     boxShadow: 'lg',
                     ...propsConfigs?.popoverCompProps?.popoverContentProps,
                 },
@@ -36,17 +36,17 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
                     ...propsConfigs?.calendarPanelProps?.wrapperProps,
                 },
                 dividerProps: {
-                    borderStyle: 'none',
+                    display: 'none',
                     ...propsConfigs?.calendarPanelProps?.dividerProps,
                 },
                 contentProps: {
+                    borderWidth: 0,
                     p: 4,
-                    border: 'none',
                     ...propsConfigs?.calendarPanelProps?.contentProps,
                 },
                 bodyProps: {
                     gap: 0,
-                    spacingY: 1,
+                    rowGap: 1,
                     ...propsConfigs?.calendarPanelProps?.bodyProps,
                 },
                 ...propsConfigs?.calendarPanelProps,
@@ -58,7 +58,6 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
             weekdayLabelProps: {
                 mb: 2,
                 color: 'gray.1000',
-                fontSize: 'xs',
                 fontWeight: 'regular',
                 ...propsConfigs?.weekdayLabelProps,
             },
@@ -67,20 +66,21 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
                     width: 34,
                     height: 34,
                     color: 'gray.1500',
+                    fontSize: 'sm',
                     fontWeight: 'regular',
                     _hover: {
-                        background: 'primary.light',
+                        background: 'primary.lightest',
                         ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps?._hover,
                     },
                     ...propsConfigs?.dayOfMonthBtnProps?.defaultBtnProps,
                 },
-                // Today
                 todayBtnProps: {
                     fontWeight: 'semibold',
                     ...propsConfigs?.dayOfMonthBtnProps?.todayBtnProps,
                 },
                 selectedBtnProps: {
                     color: 'white',
+                    border: 'none',
                     background: 'primary.main',
                     borderRadius: 'full',
                     ...propsConfigs?.dayOfMonthBtnProps?.selectedBtnProps,
@@ -88,7 +88,7 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
                 ...propsConfigs?.dayOfMonthBtnProps,
             },
             ...propsConfigs,
-        } }));
+        }, children: (selectedDate) => (jsx(Popover.Trigger, { asChild: true, children: jsxs(Button, { pl: 2, colorPalette: "neutral", variant: "outline", ...propsConfigs?.triggerBtnProps, children: [jsx(MdOutlineCalendarToday, { color: "gray.400", style: { marginInlineEnd: 3 } }), selectedDate ? format(selectedDate, dateFormat) : ''] }) })) }));
 };
 
 export { SingleDatePicker };

package/dist/components/DatePicker/SingleDatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePicker.mjs","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"SingleDatePicker.mjs","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/ErrorFallback/ErrorFallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACN,YAAY,GACb,EAAE,kBAAkB,2CA2LpB"}
+{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACN,YAAY,GACb,EAAE,kBAAkB,2CA6LpB"}