npm - @raystack/apsara - Versions diffs - 0.50.0 → 0.50.1 - Mend

@raystack/apsara 0.50.0 → 0.50.1

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.

Files changed (806) hide show

package/dist/components/announcement-bar/announcement-bar.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
@@ -6,20 +7,20 @@ var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
 var announcementBar_module = require('./announcement-bar.module.css.cjs');
-const announementBar = index.cva(announcementBar_module.default["announcement-bar"], {
+const announementBar = index.cva(announcementBar_module.default['announcement-bar'], {
     variants: {
         variant: {
-            gradient: announcementBar_module.default["announcement-bar-gradient"],
-            normal: announcementBar_module.default["announcement-bar-normal"],
-            error: announcementBar_module.default["announcement-bar-error"],
-        },
+            gradient: announcementBar_module.default['announcement-bar-gradient'],
+            normal: announcementBar_module.default['announcement-bar-normal'],
+            error: announcementBar_module.default['announcement-bar-error']
+        }
     },
     defaultVariants: {
-        variant: "normal",
-    },
+        variant: 'normal'
+    }
 });
 const AnnouncementBar = ({ className, variant, text: text$1, leadingIcon, actionLabel, actionIcon, onActionClick = () => { }, ...props }) => {
-    return (jsxRuntime.jsxs(flex.Flex, { className: announementBar({ className, variant }), justify: "center", align: "center", gap: "small", ...props, children: [leadingIcon && jsxRuntime.jsx("span", { className: announcementBar_module.default["icon"], children: leadingIcon }), jsxRuntime.jsx(text.Text, { className: announcementBar_module.default.text, size: 2, weight: 500, children: text$1 }), actionLabel || actionIcon ? (jsxRuntime.jsxs(text.Text, { className: announcementBar_module.default["action-btn"], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
+    return (jsxRuntime.jsxs(flex.Flex, { className: announementBar({ className, variant }), justify: 'center', align: 'center', gap: 'small', ...props, children: [leadingIcon && jsxRuntime.jsx("span", { className: announcementBar_module.default['icon'], children: leadingIcon }), jsxRuntime.jsx(text.Text, { className: announcementBar_module.default.text, size: 2, weight: 500, children: text$1 }), actionLabel || actionIcon ? (jsxRuntime.jsxs(text.Text, { className: announcementBar_module.default['action-btn'], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
 };
 exports.AnnouncementBar = AnnouncementBar;

package/dist/components/announcement-bar/announcement-bar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"announcement-bar.cjs","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["~~import~~ { ~~cva,~~ type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./announcement-bar.module.css\";\n\nconst announementBar = cva(styles[\"announcement-bar\"], {\n variants: {\n variant: {\n gradient: styles[\"announcement-bar-gradient\"],\n normal: styles[\"announcement-bar-normal\"],\n error: styles[\"announcement-bar-error\~~"],\~~n },\n },\n defaultVariants: {\n variant: \"normal\~~",\~~n },\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n leadingIcon?: ReactNode;\n className?: string;\n text: string;\n actionLabel?: string;\n actionIcon?: ReactNode;\n onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n className,\n variant,\n text,\n leadingIcon,\n actionLabel,\n actionIcon,\n onActionClick = () => {},\n ...props\n}: AnnouncementBarProps) => {\n return (\n <Flex\n className={announementBar({ className, variant })}\n justify=~~{\"~~center\~~"}\~~n align=~~{\"~~center\~~"}\~~n gap=~~{\"~~small\~~"}\~~n {...props}\n >\n {leadingIcon && <span className={styles[\"icon\"]}>{leadingIcon}</span>}\n <Text className={styles.text} size={2} weight={500}>\n {text}\n </Text>\n {actionLabel \|\| actionIcon ? (\n <Text\n className={styles[\"action-btn\"]}\n size={2}\n weight={500}\n onClick={onActionClick}\n >\n {actionLabel}\n {actionIcon}\n </Text>\n ) : null}\n </Flex>\n );\n};\n"],"names":[~~"cva","styles","text","_jsxs","Flex","_jsx","Text"~~],"mappings":"~~;;;;;;;;AAOA,MAAM,cAAc,GAAGA,SAAG,CAACC,8BAAM,CAAC,kBAAkB,CAAC,EAAE~~;~~AACrD,IAAA,QAAQ,EAAE~~;~~AACR,QAAA,OAAO,EAAE~~;~~AACP,YAAA,QAAQ,EAAEA,8BAAM,CAAC,2BAA2B,CAAC~~;~~AAC7C,YAAA,MAAM,EAAEA,8BAAM,CAAC,yBAAyB,CAAC~~;~~AACzC,YAAA,KAAK,EAAEA,8BAAM,CAAC,wBAAwB,CAAC~~;~~AACxC,SAAA~~;AACF~~,KAAA~~;AACD~~,IAAA,eAAe,EAAE~~;~~AACf,QAAA,OAAO,EAAE,QAAQ~~;~~AAClB,KAAA~~;AACF~~,CAAA,CAAC,CAAC~~;AAWI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,QACPC,MAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,GAAG,MAAO,GAAC,EACxB,GAAG,KAAK,EACa,KAAI;IACzB,QACEC,gBAACC,SAAI,EAAA,EACH,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACjD,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,OAAO,EAAA,GACR,KAAK,EAER,QAAA,EAAA,CAAA,WAAW,IAAIC,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEJ,8BAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,WAAW,EAAQ,CAAA,EACrEI,cAAC,CAAAC,SAAI,IAAC,SAAS,EAAEL,8BAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAC/C,QAAA,EAAAC,MAAI,EACA,CAAA,EACN,WAAW,IAAI,UAAU,IACxBC,eAAA,CAACG,SAAI,EACH,EAAA,SAAS,EAAEL,8BAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,aAAa,aAErB,WAAW,EACX,UAAU,CAAA,EAAA,CACN,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ;;;;"}
1	+ {"version":3,"file":"announcement-bar.cjs","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { ReactNode } from 'react';\n\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport styles from './announcement-bar.module.css';\n\nconst announementBar = cva(styles['announcement-bar'], {\n variants: {\n variant: {\n gradient: styles['announcement-bar-gradient'],\n normal: styles['announcement-bar-normal'],\n error: styles['announcement-bar-error']\n }\n },\n defaultVariants: {\n variant: 'normal'\n }\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n leadingIcon?: ReactNode;\n className?: string;\n text: string;\n actionLabel?: string;\n actionIcon?: ReactNode;\n onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n className,\n variant,\n text,\n leadingIcon,\n actionLabel,\n actionIcon,\n onActionClick = () => {},\n ...props\n}: AnnouncementBarProps) => {\n return (\n <Flex\n className={announementBar({ className, variant })}\n justify='center'\n align='center'\n gap='small'\n {...props}\n >\n {leadingIcon && <span className={styles['icon']}>{leadingIcon}</span>}\n <Text className={styles.text} size={2} weight={500}>\n {text}\n </Text>\n {actionLabel \|\| actionIcon ? (\n <Text\n className={styles['action-btn']}\n size={2}\n weight={500}\n onClick={onActionClick}\n >\n {actionLabel}\n {actionIcon}\n </Text>\n ) : null}\n </Flex>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AASA;AACE;AACE;AACE;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAWM;;AAmCP;;"}

package/dist/components/announcement-bar/announcement-bar.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { type VariantProps } from "class-variance-authority";
-import { ReactNode } from "react";
+import { type VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
 declare const announementBar: (props?: ({
     variant?: "normal" | "error" | "gradient" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/announcement-bar/announcement-bar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"announcement-bar.d.ts","sourceRoot":"","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,~~EAAO~~,KAAK,YAAY,~~EAAE~~,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,QAAA,MAAM,cAAc;;8EAWlB,CAAC;AAEH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAChE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,gGASzB,oBAAoB,4CA0BtB,CAAC"}
1	+ {"version":3,"file":"announcement-bar.d.ts","sourceRoot":"","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,QAAA,MAAM,cAAc;;8EAWlB,CAAC;AAEH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAChE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,gGASzB,oBAAoB,4CA0BtB,CAAC"}

package/dist/components/announcement-bar/announcement-bar.js CHANGED Viewed

@@ -1,23 +1,24 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
 import styles from './announcement-bar.module.css.js';
-const announementBar = cva(styles["announcement-bar"], {
+const announementBar = cva(styles['announcement-bar'], {
     variants: {
         variant: {
-            gradient: styles["announcement-bar-gradient"],
-            normal: styles["announcement-bar-normal"],
-            error: styles["announcement-bar-error"],
-        },
+            gradient: styles['announcement-bar-gradient'],
+            normal: styles['announcement-bar-normal'],
+            error: styles['announcement-bar-error']
+        }
     },
     defaultVariants: {
-        variant: "normal",
-    },
+        variant: 'normal'
+    }
 });
 const AnnouncementBar = ({ className, variant, text, leadingIcon, actionLabel, actionIcon, onActionClick = () => { }, ...props }) => {
-    return (jsxs(Flex, { className: announementBar({ className, variant }), justify: "center", align: "center", gap: "small", ...props, children: [leadingIcon && jsx("span", { className: styles["icon"], children: leadingIcon }), jsx(Text, { className: styles.text, size: 2, weight: 500, children: text }), actionLabel || actionIcon ? (jsxs(Text, { className: styles["action-btn"], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
+    return (jsxs(Flex, { className: announementBar({ className, variant }), justify: 'center', align: 'center', gap: 'small', ...props, children: [leadingIcon && jsx("span", { className: styles['icon'], children: leadingIcon }), jsx(Text, { className: styles.text, size: 2, weight: 500, children: text }), actionLabel || actionIcon ? (jsxs(Text, { className: styles['action-btn'], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
 };
 export { AnnouncementBar };

package/dist/components/announcement-bar/announcement-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"announcement-bar.js","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["~~import~~ { ~~cva,~~ type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./announcement-bar.module.css\";\n\nconst announementBar = cva(styles[\"announcement-bar\"], {\n variants: {\n variant: {\n gradient: styles[\"announcement-bar-gradient\"],\n normal: styles[\"announcement-bar-normal\"],\n error: styles[\"announcement-bar-error\~~"],\~~n },\n },\n defaultVariants: {\n variant: \"normal\~~",\~~n },\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n leadingIcon?: ReactNode;\n className?: string;\n text: string;\n actionLabel?: string;\n actionIcon?: ReactNode;\n onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n className,\n variant,\n text,\n leadingIcon,\n actionLabel,\n actionIcon,\n onActionClick = () => {},\n ...props\n}: AnnouncementBarProps) => {\n return (\n <Flex\n className={announementBar({ className, variant })}\n justify=~~{\"~~center\~~"}\~~n align=~~{\"~~center\~~"}\~~n gap=~~{\"~~small\~~"}\~~n {...props}\n >\n {leadingIcon && <span className={styles[\"icon\"]}>{leadingIcon}</span>}\n <Text className={styles.text} size={2} weight={500}>\n {text}\n </Text>\n {actionLabel \|\| actionIcon ? (\n <Text\n className={styles[\"action-btn\"]}\n size={2}\n weight={500}\n onClick={onActionClick}\n >\n {actionLabel}\n {actionIcon}\n </Text>\n ) : null}\n </Flex>\n );\n};\n"],"names":[~~"_jsxs","_jsx"~~],"mappings":"~~;;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE~~;~~AACrD,IAAA,QAAQ,EAAE~~;~~AACR,QAAA,OAAO,EAAE~~;~~AACP,YAAA,QAAQ,EAAE,MAAM,CAAC,2BAA2B,CAAC~~;~~AAC7C,YAAA,MAAM,EAAE,MAAM,CAAC,yBAAyB,CAAC~~;~~AACzC,YAAA,KAAK,EAAE,MAAM,CAAC,wBAAwB,CAAC~~;~~AACxC,SAAA~~;AACF~~,KAAA~~;AACD~~,IAAA,eAAe,EAAE~~;~~AACf,QAAA,OAAO,EAAE,QAAQ~~;~~AAClB,KAAA~~;AACF~~,CAAA,CAAC,CAAC~~;AAWI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,GAAG,MAAO,GAAC,EACxB,GAAG,KAAK,EACa,KAAI;IACzB,QACEA,KAAC,IAAI,EAAA,EACH,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACjD,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,OAAO,EAAA,GACR,KAAK,EAER,QAAA,EAAA,CAAA,WAAW,IAAIC,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,WAAW,EAAQ,CAAA,EACrEA,GAAC,CAAA,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAC/C,QAAA,EAAA,IAAI,EACA,CAAA,EACN,WAAW,IAAI,UAAU,IACxBD,IAAA,CAAC,IAAI,EACH,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,aAAa,aAErB,WAAW,EACX,UAAU,CAAA,EAAA,CACN,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ;;;;"}
1	+ {"version":3,"file":"announcement-bar.js","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { ReactNode } from 'react';\n\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport styles from './announcement-bar.module.css';\n\nconst announementBar = cva(styles['announcement-bar'], {\n variants: {\n variant: {\n gradient: styles['announcement-bar-gradient'],\n normal: styles['announcement-bar-normal'],\n error: styles['announcement-bar-error']\n }\n },\n defaultVariants: {\n variant: 'normal'\n }\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n leadingIcon?: ReactNode;\n className?: string;\n text: string;\n actionLabel?: string;\n actionIcon?: ReactNode;\n onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n className,\n variant,\n text,\n leadingIcon,\n actionLabel,\n actionIcon,\n onActionClick = () => {},\n ...props\n}: AnnouncementBarProps) => {\n return (\n <Flex\n className={announementBar({ className, variant })}\n justify='center'\n align='center'\n gap='small'\n {...props}\n >\n {leadingIcon && <span className={styles['icon']}>{leadingIcon}</span>}\n <Text className={styles.text} size={2} weight={500}>\n {text}\n </Text>\n {actionLabel \|\| actionIcon ? (\n <Text\n className={styles['action-btn']}\n size={2}\n weight={500}\n onClick={onActionClick}\n >\n {actionLabel}\n {actionIcon}\n </Text>\n ) : null}\n </Flex>\n );\n};\n"],"names":[],"mappings":";;;;;;;AASA;AACE;AACE;AACE;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAWM;;AAmCP;;"}

package/dist/components/breadcrumb/breadcrumb-item.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/breadcrumb/breadcrumb-item.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-item.cjs","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["~~import~~ { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n HTMLAttributes,\n ReactElement,\n ReactEventHandler,\n ReactNode,\n cloneElement,\n forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n label: string;\n onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n leadingIcon?: ReactNode;\n current?: boolean;\n dropdownItems?: BreadcrumbDropdownItem[];\n href?: string;\n as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n HTMLAnchorElement,\n BreadcrumbItemProps\n>(\n (\n {\n as,\n children,\n className,\n leadingIcon,\n current,\n href,\n dropdownItems,\n ...props\n },\n ref\n ) => {\n const renderedElement = as ?? <a ref={ref} />;\n const label = (\n <>\n {leadingIcon && (\n <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n )}\n <span>{children}</span>\n </>\n );\n\n if (dropdownItems) {\n return (\n <DropdownMenu>\n <DropdownMenu.Trigger\n className={styles['breadcrumb-dropdown-trigger']}\n >\n {label}\n <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n className={styles['breadcrumb-dropdown-content']}\n >\n {dropdownItems.map((dropdownItem, dropdownIndex) => (\n <DropdownMenu.Item\n key={dropdownIndex}\n className={styles['breadcrumb-dropdown-item']}\n onSelect={dropdownItem?.onClick}\n >\n {dropdownItem.label}\n </DropdownMenu.Item>\n ))}\n </DropdownMenu.Content>\n </DropdownMenu>\n );\n }\n return (\n <li className={cx(styles['breadcrumb-item'], className)}>\n {cloneElement(\n renderedElement,\n {\n className: cx(\n styles['breadcrumb-link'],\n current && styles['breadcrumb-link-active']\n ),\n href,\n ...props,\n ...renderedElement.props\n },\n label\n )}\n </li>\n );\n }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[~~"forwardRef","_jsx","_jsxs","_Fragment","styles","DropdownMenu","ChevronDownIcon","cx","cloneElement"~~],"mappings":"~~;;;;;;;;;AA0BO,MAAM,cAAc,GAAGA,gBAAU,CAItC,CACE,EACE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,KACD~~;~~IACF,MAAM,eAAe,GAAG,EAAE,IAAIC,sBAAG,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC~~;IAC9C,MAAM,KAAK,IACTC,eACG,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEG,yBAAM,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAQ,CACjE,EACDH,mCAAO,QAAQ,EAAA,CAAQ,CACtB,EAAA,CAAA,CACJ,CAAC;IAEF,IAAI,aAAa,EAAE;AACjB,QAAA,QACEC,eAAC,CAAAG,yBAAY,EACX,EAAA,QAAA,EAAA,CAAAH,eAAA,CAACG,yBAAY,CAAC,OAAO,EACnB,EAAA,SAAS,EAAED,yBAAM,CAAC,6BAA6B,CAAC,EAAA,QAAA,EAAA,CAE/C,KAAK,EACNH,cAAA,CAACK,8BAAe,EAAA,EAAC,SAAS,EAAEF,yBAAM,CAAC,0BAA0B,CAAC,GAAI,CAC7C,EAAA,CAAA,EACvBH,cAAC,CAAAI,yBAAY,CAAC,OAAO,EAAA,EACnB,SAAS,EAAED,yBAAM,CAAC,6BAA6B,CAAC,EAE/C,QAAA,EAAA,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,aAAa,MAC7CH,eAACI,yBAAY,CAAC,IAAI,EAEhB,EAAA,SAAS,EAAED,yBAAM,CAAC,0BAA0B,CAAC,EAC7C,QAAQ,EAAE,YAAY,EAAE,OAAO,YAE9B,YAAY,CAAC,KAAK,EAAA,EAJd,aAAa,CAKA,CACrB,CAAC,EACmB,CAAA,CAAA,EAAA,CACV,EACf;KACH;AACD,IAAA,QACEH,cAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEM,QAAE,CAACH,yBAAM,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,YACpDI,kBAAY,CACX,eAAe,EACf;AACE,YAAA,SAAS,EAAED,QAAE,CACXH,yBAAM,CAAC,iBAAiB,CAAC,EACzB,OAAO,IAAIA,yBAAM,CAAC,wBAAwB,CAAC,CAC5C;YACD,IAAI;AACJ,YAAA,GAAG,KAAK;YACR,GAAG,eAAe,CAAC,KAAK;AACzB,SAAA,EACD,KAAK,CACN,EACE,CAAA,EACL;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1	+ {"version":3,"file":"breadcrumb-item.cjs","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n HTMLAttributes,\n ReactElement,\n ReactEventHandler,\n ReactNode,\n cloneElement,\n forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n label: string;\n onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n leadingIcon?: ReactNode;\n current?: boolean;\n dropdownItems?: BreadcrumbDropdownItem[];\n href?: string;\n as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n HTMLAnchorElement,\n BreadcrumbItemProps\n>(\n (\n {\n as,\n children,\n className,\n leadingIcon,\n current,\n href,\n dropdownItems,\n ...props\n },\n ref\n ) => {\n const renderedElement = as ?? <a ref={ref} />;\n const label = (\n <>\n {leadingIcon && (\n <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n )}\n <span>{children}</span>\n </>\n );\n\n if (dropdownItems) {\n return (\n <DropdownMenu>\n <DropdownMenu.Trigger\n className={styles['breadcrumb-dropdown-trigger']}\n >\n {label}\n <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n className={styles['breadcrumb-dropdown-content']}\n >\n {dropdownItems.map((dropdownItem, dropdownIndex) => (\n <DropdownMenu.Item\n key={dropdownIndex}\n className={styles['breadcrumb-dropdown-item']}\n onSelect={dropdownItem?.onClick}\n >\n {dropdownItem.label}\n </DropdownMenu.Item>\n ))}\n </DropdownMenu.Content>\n </DropdownMenu>\n );\n }\n return (\n <li className={cx(styles['breadcrumb-item'], className)}>\n {cloneElement(\n renderedElement,\n {\n className: cx(\n styles['breadcrumb-link'],\n current && styles['breadcrumb-link-active']\n ),\n href,\n ...props,\n ...renderedElement.props\n },\n label\n )}\n </li>\n );\n }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[],"mappings":";;;;;;;;;;AA4BO;;;;AA4BD;;AAwBF;AAKQ;;AAKA;;AAED;AAKT;AAGF;;"}

package/dist/components/breadcrumb/breadcrumb-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"names":[],"mappings":"~~AAEA~~,OAAO,EACL,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,mHAsE1B,CAAC"}
1	+ {"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,mHAsE1B,CAAC"}

package/dist/components/breadcrumb/breadcrumb-item.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

package/dist/components/breadcrumb/breadcrumb-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-item.js","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["~~import~~ { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n HTMLAttributes,\n ReactElement,\n ReactEventHandler,\n ReactNode,\n cloneElement,\n forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n label: string;\n onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n leadingIcon?: ReactNode;\n current?: boolean;\n dropdownItems?: BreadcrumbDropdownItem[];\n href?: string;\n as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n HTMLAnchorElement,\n BreadcrumbItemProps\n>(\n (\n {\n as,\n children,\n className,\n leadingIcon,\n current,\n href,\n dropdownItems,\n ...props\n },\n ref\n ) => {\n const renderedElement = as ?? <a ref={ref} />;\n const label = (\n <>\n {leadingIcon && (\n <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n )}\n <span>{children}</span>\n </>\n );\n\n if (dropdownItems) {\n return (\n <DropdownMenu>\n <DropdownMenu.Trigger\n className={styles['breadcrumb-dropdown-trigger']}\n >\n {label}\n <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n className={styles['breadcrumb-dropdown-content']}\n >\n {dropdownItems.map((dropdownItem, dropdownIndex) => (\n <DropdownMenu.Item\n key={dropdownIndex}\n className={styles['breadcrumb-dropdown-item']}\n onSelect={dropdownItem?.onClick}\n >\n {dropdownItem.label}\n </DropdownMenu.Item>\n ))}\n </DropdownMenu.Content>\n </DropdownMenu>\n );\n }\n return (\n <li className={cx(styles['breadcrumb-item'], className)}>\n {cloneElement(\n renderedElement,\n {\n className: cx(\n styles['breadcrumb-link'],\n current && styles['breadcrumb-link-active']\n ),\n href,\n ...props,\n ...renderedElement.props\n },\n label\n )}\n </li>\n );\n }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[~~"_jsx","_jsxs","_Fragment"~~],"mappings":"~~;;;;;;;AA0BO,MAAM,cAAc,GAAG,UAAU,CAItC,CACE,EACE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,KACD~~;~~IACF,MAAM,eAAe,GAAG,EAAE,IAAIA,WAAG,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC~~;IAC9C,MAAM,KAAK,IACTC,IACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAQ,CACjE,EACDA,wBAAO,QAAQ,EAAA,CAAQ,CACtB,EAAA,CAAA,CACJ,CAAC;IAEF,IAAI,aAAa,EAAE;AACjB,QAAA,QACEC,IAAC,CAAA,YAAY,EACX,EAAA,QAAA,EAAA,CAAAA,IAAA,CAAC,YAAY,CAAC,OAAO,EACnB,EAAA,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,EAAA,QAAA,EAAA,CAE/C,KAAK,EACND,GAAA,CAAC,eAAe,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,GAAI,CAC7C,EAAA,CAAA,EACvBA,GAAC,CAAA,YAAY,CAAC,OAAO,EAAA,EACnB,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,EAE/C,QAAA,EAAA,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,aAAa,MAC7CA,IAAC,YAAY,CAAC,IAAI,EAEhB,EAAA,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,EAC7C,QAAQ,EAAE,YAAY,EAAE,OAAO,YAE9B,YAAY,CAAC,KAAK,EAAA,EAJd,aAAa,CAKA,CACrB,CAAC,EACmB,CAAA,CAAA,EAAA,CACV,EACf;KACH;AACD,IAAA,QACEA,GAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,YACpD,YAAY,CACX,eAAe,EACf;AACE,YAAA,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,iBAAiB,CAAC,EACzB,OAAO,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAC5C;YACD,IAAI;AACJ,YAAA,GAAG,KAAK;YACR,GAAG,eAAe,CAAC,KAAK;AACzB,SAAA,EACD,KAAK,CACN,EACE,CAAA,EACL;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1	+ {"version":3,"file":"breadcrumb-item.js","sources":["../../../components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport {\n HTMLAttributes,\n ReactElement,\n ReactEventHandler,\n ReactNode,\n cloneElement,\n forwardRef\n} from 'react';\nimport { DropdownMenu } from '../dropdown-menu';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbDropdownItem {\n label: string;\n onClick?: ReactEventHandler<HTMLDivElement>;\n}\n\nexport interface BreadcrumbItemProps extends HTMLAttributes<HTMLAnchorElement> {\n leadingIcon?: ReactNode;\n current?: boolean;\n dropdownItems?: BreadcrumbDropdownItem[];\n href?: string;\n as?: ReactElement;\n}\n\nexport const BreadcrumbItem = forwardRef<\n HTMLAnchorElement,\n BreadcrumbItemProps\n>(\n (\n {\n as,\n children,\n className,\n leadingIcon,\n current,\n href,\n dropdownItems,\n ...props\n },\n ref\n ) => {\n const renderedElement = as ?? <a ref={ref} />;\n const label = (\n <>\n {leadingIcon && (\n <span className={styles['breadcrumb-icon']}>{leadingIcon}</span>\n )}\n <span>{children}</span>\n </>\n );\n\n if (dropdownItems) {\n return (\n <DropdownMenu>\n <DropdownMenu.Trigger\n className={styles['breadcrumb-dropdown-trigger']}\n >\n {label}\n <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n className={styles['breadcrumb-dropdown-content']}\n >\n {dropdownItems.map((dropdownItem, dropdownIndex) => (\n <DropdownMenu.Item\n key={dropdownIndex}\n className={styles['breadcrumb-dropdown-item']}\n onSelect={dropdownItem?.onClick}\n >\n {dropdownItem.label}\n </DropdownMenu.Item>\n ))}\n </DropdownMenu.Content>\n </DropdownMenu>\n );\n }\n return (\n <li className={cx(styles['breadcrumb-item'], className)}>\n {cloneElement(\n renderedElement,\n {\n className: cx(\n styles['breadcrumb-link'],\n current && styles['breadcrumb-link-active']\n ),\n href,\n ...props,\n ...renderedElement.props\n },\n label\n )}\n </li>\n );\n }\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":[],"mappings":";;;;;;;;AA4BO;;;;AA4BD;;AAwBF;AAKQ;;AAKA;;AAED;AAKT;AAGF;;"}

package/dist/components/breadcrumb/breadcrumb-misc.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/breadcrumb/breadcrumb-misc.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-misc.cjs","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["~~import~~ { DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbEllipsis = forwardRef<\n HTMLSpanElement,\n BreadcrumbEllipsisProps\n>(({ className, children = <DotsHorizontalIcon />, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-ellipsis'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport interface BreadcrumbSeparatorProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbSeparator = forwardRef<\n HTMLSpanElement,\n BreadcrumbSeparatorProps\n>(({ children = '/', className, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-separator'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n"],"names":[~~"forwardRef","_jsx","DotsHorizontalIcon","cx","styles"~~],"mappings":"~~;;;;;;;;MAQa,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAGC,cAAC,CAAAC,iCAAkB,KAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI~~;~~IACpE,QACED,yBACE,SAAS,EAAEE,QAAE,CAACC,yBAAM,CAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,EACvD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP~~;AACJ,CAAC,EAAE;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;MAKzC,mBAAmB,GAAGJ,gBAAU,CAG3C,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjD,QACEC,yBACE,SAAS,EAAEE,QAAE,CAACC,yBAAM,CAAC,sBAAsB,CAAC,EAAE,SAAS,CAAC,EACxD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,EAAE;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;;"}
1	+ {"version":3,"file":"breadcrumb-misc.cjs","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["'use client';\n\nimport { DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbEllipsis = forwardRef<\n HTMLSpanElement,\n BreadcrumbEllipsisProps\n>(({ className, children = <DotsHorizontalIcon />, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-ellipsis'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport interface BreadcrumbSeparatorProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbSeparator = forwardRef<\n HTMLSpanElement,\n BreadcrumbSeparatorProps\n>(({ children = '/', className, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-separator'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n"],"names":[],"mappings":";;;;;;;;;;;AAuBA;AAEA;;;AAkBA;AAEA;;;"}

package/dist/components/breadcrumb/breadcrumb-misc.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-misc.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,uBACf,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,kBAAkB,qHAa7B,CAAC;AAIH,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAa9B,CAAC"}
1	+ {"version":3,"file":"breadcrumb-misc.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,uBACf,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,kBAAkB,qHAa7B,CAAC;AAIH,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAa9B,CAAC"}

package/dist/components/breadcrumb/breadcrumb-misc.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { DotsHorizontalIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

package/dist/components/breadcrumb/breadcrumb-misc.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-misc.js","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["~~import~~ { DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbEllipsis = forwardRef<\n HTMLSpanElement,\n BreadcrumbEllipsisProps\n>(({ className, children = <DotsHorizontalIcon />, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-ellipsis'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport interface BreadcrumbSeparatorProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbSeparator = forwardRef<\n HTMLSpanElement,\n BreadcrumbSeparatorProps\n>(({ children = '/', className, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-separator'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n"],"names":[~~"_jsx"~~],"mappings":"~~;;;;;;MAQa,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAGA,GAAC,CAAA,kBAAkB,KAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI~~;~~IACpE,QACEA,cACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,EACvD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP~~;AACJ,CAAC,EAAE;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;MAKzC,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjD,QACEA,cACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE,SAAS,CAAC,EACxD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,EAAE;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
1	+ {"version":3,"file":"breadcrumb-misc.js","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["'use client';\n\nimport { DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbEllipsis = forwardRef<\n HTMLSpanElement,\n BreadcrumbEllipsisProps\n>(({ className, children = <DotsHorizontalIcon />, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-ellipsis'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport interface BreadcrumbSeparatorProps\n extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const BreadcrumbSeparator = forwardRef<\n HTMLSpanElement,\n BreadcrumbSeparatorProps\n>(({ children = '/', className, ...props }, ref) => {\n return (\n <span\n className={cx(styles['breadcrumb-separator'], className)}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n );\n});\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n"],"names":[],"mappings":";;;;;;;;;AAuBA;AAEA;;;AAkBA;AAEA;;"}

package/dist/components/breadcrumb/breadcrumb-root.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/breadcrumb/breadcrumb-root.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-root.cjs","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["~~import~~ { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n variants: {\n size: {\n small: styles['breadcrumb-small'],\n medium: styles['breadcrumb-medium']\n }\n },\n defaultVariants: {\n size: 'medium'\n }\n});\n\nexport interface BreadcrumbProps\n extends VariantProps<typeof breadcrumbVariants>,\n HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n ({ className, children, size = 'medium', ...props }, ref) => {\n return (\n <nav\n className={breadcrumbVariants({ size, className })}\n ref={ref}\n {...props}\n >\n <ol className={styles['breadcrumb-list']}>{children}</ol>\n </nav>\n );\n }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":[~~"cva","styles","forwardRef","_jsx"~~],"mappings":"~~;;;;;;;AAIA,MAAM,kBAAkB,GAAGA,SAAG,CAACC,yBAAM,CAAC,YAAY,CAAC,EAAE~~;~~AACnD,IAAA,QAAQ,EAAE~~;~~AACR,QAAA,IAAI,EAAE~~;~~AACJ,YAAA,KAAK,EAAEA,yBAAM,CAAC,kBAAkB,CAAC~~;~~AACjC,YAAA,MAAM,EAAEA,yBAAM,CAAC,mBAAmB,CAAC~~;~~AACpC,SAAA~~;AACF~~,KAAA~~;AACD~~,IAAA,eAAe,EAAE~~;~~AACf,QAAA,IAAI,EAAE,QAAQ~~;~~AACf,KAAA~~;AACF~~,CAAA,CAAC,CAAC~~;~~MAMU,cAAc,GAAGC,gBAAU,CACtC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI~~;AAC1D,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,QAAA,EAETA,cAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEF,yBAAM,CAAC,iBAAiB,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAM,CAAA,EAAA,CACrD,EACN;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1	+ {"version":3,"file":"breadcrumb-root.cjs","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n variants: {\n size: {\n small: styles['breadcrumb-small'],\n medium: styles['breadcrumb-medium']\n }\n },\n defaultVariants: {\n size: 'medium'\n }\n});\n\nexport interface BreadcrumbProps\n extends VariantProps<typeof breadcrumbVariants>,\n HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n ({ className, children, size = 'medium', ...props }, ref) => {\n return (\n <nav\n className={breadcrumbVariants({ size, className })}\n ref={ref}\n {...props}\n >\n <ol className={styles['breadcrumb-list']}>{children}</ol>\n </nav>\n );\n }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":[],"mappings":";;;;;;;;AAMA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;;AAQG;AASF;AAGF;;"}

package/dist/components/breadcrumb/breadcrumb-root.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-root.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAC7C,cAAc,CAAC,cAAc,CAAC;CAAG;AAErC,eAAO,MAAM,cAAc,4GAY1B,CAAC"}
1	+ {"version":3,"file":"breadcrumb-root.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAC7C,cAAc,CAAC,cAAc,CAAC;CAAG;AAErC,eAAO,MAAM,cAAc,4GAY1B,CAAC"}

package/dist/components/breadcrumb/breadcrumb-root.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';

package/dist/components/breadcrumb/breadcrumb-root.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-root.js","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["~~import~~ { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n variants: {\n size: {\n small: styles['breadcrumb-small'],\n medium: styles['breadcrumb-medium']\n }\n },\n defaultVariants: {\n size: 'medium'\n }\n});\n\nexport interface BreadcrumbProps\n extends VariantProps<typeof breadcrumbVariants>,\n HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n ({ className, children, size = 'medium', ...props }, ref) => {\n return (\n <nav\n className={breadcrumbVariants({ size, className })}\n ref={ref}\n {...props}\n >\n <ol className={styles['breadcrumb-list']}>{children}</ol>\n </nav>\n );\n }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":[~~"_jsx"~~],"mappings":"~~;;;;;AAIA,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE~~;~~AACnD,IAAA,QAAQ,EAAE~~;~~AACR,QAAA,IAAI,EAAE~~;~~AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,kBAAkB,CAAC~~;~~AACjC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC~~;~~AACpC,SAAA~~;AACF~~,KAAA~~;AACD~~,IAAA,eAAe,EAAE~~;~~AACf,QAAA,IAAI,EAAE,QAAQ~~;~~AACf,KAAA~~;AACF~~,CAAA,CAAC,CAAC~~;~~MAMU,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI~~;AAC1D,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,QAAA,EAETA,GAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAM,CAAA,EAAA,CACrD,EACN;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1	+ {"version":3,"file":"breadcrumb-root.js","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n variants: {\n size: {\n small: styles['breadcrumb-small'],\n medium: styles['breadcrumb-medium']\n }\n },\n defaultVariants: {\n size: 'medium'\n }\n});\n\nexport interface BreadcrumbProps\n extends VariantProps<typeof breadcrumbVariants>,\n HTMLAttributes<HTMLDivElement> {}\n\nexport const BreadcrumbRoot = forwardRef<HTMLDivElement, BreadcrumbProps>(\n ({ className, children, size = 'medium', ...props }, ref) => {\n return (\n <nav\n className={breadcrumbVariants({ size, className })}\n ref={ref}\n {...props}\n >\n <ol className={styles['breadcrumb-list']}>{children}</ol>\n </nav>\n );\n }\n);\n\nBreadcrumbRoot.displayName = 'BreadcrumbRoot';\n"],"names":[],"mappings":";;;;;;AAMA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;;AAQG;AASF;AAGF;;"}

package/dist/components/calendar/calendar.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/calendar/calendar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.cjs","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["~~import~~ {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify='center'>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map(opt => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify='center'>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames\n }}\n className={root({ className })}\n mode='single'\n {...props}\n />\n );\n};\n"],"names":[~~"cva","styles","useState","useEffect","_jsxs","Select","_jsx","Flex","ChevronUpIcon","ChevronDownIcon","DayPicker","ChevronLeftIcon","ChevronRightIcon","IconButton","cx","dateLib","Tooltip","Skeleton"~~],"mappings":"~~;;;;;;;;;;;;;;;AAqCA,MAAM,IAAI,GAAGA,SAAG,CAACC,uBAAM,CAAC,YAAY,CAAC,CAAC~~;~~AAMtC,SAAS,QAAQ,CAAC,EAChB,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACe,EAAA~~;~~IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC~~;~~IAExCC,eAAS,CAAC,MAAK~~;~~QACb,IAAI,IAAI,IAAI,cAAc~~;~~AAAE,YAAA,cAAc,EAAE,CAAC~~;AAC/C,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,YAAY,CAAC,KAAa,EAAA;QACjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAoC,CAAC,CAAC;SACnE;KACF;AAED,IAAA,QACEC,eAAA,CAACC,aAAM,EAAA,EACL,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EACxB,aAAa,EAAE,YAAY,EAC3B,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EAErB,QAAA,EAAA,CAAAC,cAAA,CAACD,aAAM,CAAC,OAAO,EACb,EAAA,SAAS,EAAEJ,uBAAM,CAAC,gBAAgB,EAClC,SAAS,EAAE;oBACT,SAAS,EAAEA,uBAAM,CAAC,aAAa;iBAChC,EACD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,QAAQ,EAElB,QAAA,EAAAK,cAAA,CAACD,aAAM,CAAC,KAAK,EAAG,EAAA,CAAA,EAAA,CACD,EACjBD,eAAA,CAACC,aAAM,CAAC,OAAO,EAAA,EAAC,SAAS,EAAEJ,uBAAM,CAAC,gBAAgB,EAChD,QAAA,EAAA,CAAAK,cAAA,CAACD,aAAM,CAAC,cAAc,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC5BC,cAAC,CAAAC,SAAI,EAAC,EAAA,OAAO,EAAC,QAAQ,EACpB,QAAA,EAAAD,cAAA,CAACE,4BAAa,EAAA,EAAA,CAAG,EACZ,CAAA,EAAA,CACe,EACxBF,cAAA,CAACD,aAAM,CAAC,QAAQ,EAAA,EAAA,QAAA,EACb,OAAO,CAAC,GAAG,CAAC,GAAG,KACdC,cAAC,CAAAD,aAAM,CAAC,IAAI,EACV,EAAA,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,EAE3B,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAErB,QAAA,EAAA,GAAG,CAAC,KAAK,EAHL,EAAA,GAAG,CAAC,KAAK,CAIF,CACf,CAAC,EACc,CAAA,EAClBC,cAAC,CAAAD,aAAM,CAAC,gBAAgB,EAAC,EAAA,OAAO,EAC9B,IAAA,EAAA,QAAA,EAAAC,cAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EACpBD,cAAC,CAAAG,8BAAe,EAAG,EAAA,CAAA,EAAA,CACd,EACiB,CAAA,CAAA,EAAA,CACX,CACV,EAAA,CAAA,EACT;AACJ,CAAC;AAEM,MAAM,QAAQ,GAAG,UAAU,EAChC,SAAS,EACT,UAAU,EACV,eAAe,GAAG,IAAI,EACtB,cAAc,EACd,WAAW,GAAG,KAAK,EACnB,eAAe,GAAG,EAAE,EACpB,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,GAAG,KAAK,EACM,EAAA;AACd,IAAA,QACEH,cAAA,CAACI,mBAAS,EAAA,EACR,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;YACV,OAAO,EAAE,KAAK,IAAG;gBACf,MAAM,IAAI,GACR,KAAK,CAAC,WAAW,KAAK,MAAM,IAC1BJ,eAACK,8BAAe,EAAA,EAAA,CAAG,KAEnBL,cAAC,CAAAM,+BAAgB,EAAG,EAAA,CAAA,CACrB,CAAC;gBAEJ,QACEN,eAACO,qBAAU,EAAA,EAAA,GACL,KAAK,EACT,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAEC,QAAE,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,IAAIb,uBAAM,CAAC,QAAQ,CAAC,EAC9D,IAAI,EAAE,CAAC,EAAA,YAAA,EAEL,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,gBAAgB,GAAG,YAAY,EAG/D,QAAA,EAAA,IAAI,EACM,CAAA,EACb;aACH;YACD,QAAQ,EAAE,CAAC,KAAoB,MAC7BK,eAAC,QAAQ,EAAA,EAAA,GACH,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,WAAW,GACrB,CACH;YACD,SAAS,EAAE,KAAK,IAAG;gBACjB,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;AACtC,gBAAA,MAAM,OAAO,GACX,eAAe,CAACS,eAAO,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;gBAC1D,QACET,cAAC,CAAAU,eAAO,EACN,EAAA,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,WAAW,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EACjD,OAAO,EAAE,OAAO,EAEhB,QAAA,EAAAV,cAAA,CAAA,QAAA,EAAA,EAAA,GAAY,WAAW,EAAA,CAAI,EACnB,CAAA,EACV;aACH;AACD,YAAA,SAAS,EAAE,KAAK,IACd,WAAW,IACTA,cAAA,CAACW,iBAAQ,EACP,EAAA,KAAK,EAAE,CAAC,EACR,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAC5C,CAAA,KAEFX,cAAW,CAAA,OAAA,EAAA,EAAA,GAAA,KAAK,GAAI,CACrB;AACJ,SAAA,EACD,UAAU,EAAE;YACV,aAAa,EAAEL,uBAAM,CAAC,aAAa;YACnC,eAAe,EAAE,GAAGA,uBAAM,CAAC,UAAU,CAAI,CAAA,EAAAA,uBAAM,CAAC,mBAAmB,CAAE,CAAA;YACrE,WAAW,EAAE,GAAGA,uBAAM,CAAC,UAAU,CAAI,CAAA,EAAAA,uBAAM,CAAC,eAAe,CAAE,CAAA;YAC7D,aAAa,EAAEA,uBAAM,CAAC,aAAa;YACnC,MAAM,EAAEA,uBAAM,CAAC,MAAM;YACrB,GAAG,EAAEA,uBAAM,CAAC,GAAG;YACf,GAAG,EAAEA,uBAAM,CAAC,GAAG;YACf,KAAK,EAAEA,uBAAM,CAAC,KAAK;YACnB,OAAO,EAAEA,uBAAM,CAAC,OAAO;YACvB,IAAI,EAAEA,uBAAM,CAAC,IAAI;YACjB,QAAQ,EAAEA,uBAAM,CAAC,IAAI;YACrB,OAAO,EAAEA,uBAAM,CAAC,OAAO;YACvB,QAAQ,EAAEA,uBAAM,CAAC,QAAQ;YACzB,QAAQ,EAAEA,uBAAM,CAAC,QAAQ;YACzB,UAAU,EAAEA,uBAAM,CAAC,UAAU;YAC7B,YAAY,EAAEA,uBAAM,CAAC,YAAY;YACjC,SAAS,EAAEA,uBAAM,CAAC,SAAS;YAC3B,WAAW,EAAEA,uBAAM,CAAC,WAAW;YAC/B,MAAM,EAAEA,uBAAM,CAAC,MAAM;YACrB,SAAS,EAAEA,uBAAM,CAAC,SAAS;AAC3B,YAAA,GAAG,UAAU;AACd,SAAA,EACD,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAC9B,IAAI,EAAC,QAAQ,EAAA,GACT,KAAK,EAAA,CACT,EACF;AACJ;;;;"}
1	+ {"version":3,"file":"calendar.cjs","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify='center'>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map(opt => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify='center'>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames\n }}\n className={root({ className })}\n mode='single'\n {...props}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;;AA2CF;AAEO;AAWL;;;;;;;;AAoCQ;;;AAYF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}

package/dist/components/calendar/calendar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../components/calendar/calendar.tsx"],"names":[],"mappings":"~~AAQA~~,OAAO,EAEL,cAAc,EAGf,MAAM,kBAAkB,CAAC;AAS1B,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,cAAc,GACd,qBAAqB,CAAC;AAwExB,eAAO,MAAM,QAAQ,8HAUlB,aAAa,4CAyFf,CAAC"}
1	+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../components/calendar/calendar.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,cAAc,EAGf,MAAM,kBAAkB,CAAC;AAS1B,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,cAAc,GACd,qBAAqB,CAAC;AAwExB,eAAO,MAAM,QAAQ,8HAUlB,aAAa,4CAyFf,CAAC"}

package/dist/components/calendar/calendar.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

package/dist/components/calendar/calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.js","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["~~import~~ {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify='center'>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map(opt => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify='center'>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames\n }}\n className={root({ className })}\n mode='single'\n {...props}\n />\n );\n};\n"],"names":[~~"_jsxs","_jsx"~~],"mappings":"~~;;;;;;;;;;;;;AAqCA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC~~;~~AAMtC,SAAS,QAAQ,CAAC,EAChB,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACe,EAAA~~;~~IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC~~;~~IAExC,SAAS,CAAC,MAAK~~;~~QACb,IAAI,IAAI,IAAI,cAAc~~;~~AAAE,YAAA,cAAc,EAAE,CAAC~~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"}
1	+ {"version":3,"file":"calendar.js","sources":["../../../components/calendar/calendar.tsx"],"sourcesContent":["'use client';\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon\n} from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n DayPicker,\n DayPickerProps,\n DropdownProps,\n dateLib\n} from 'react-day-picker';\n\nimport { Flex } from '../flex/flex';\nimport { IconButton } from '../icon-button';\nimport { Select } from '../select';\nimport { Skeleton } from '../skeleton';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon\n }}\n size='small'\n variant='text'\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify='center'>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map(opt => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify='center'>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: props => {\n const icon =\n props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton\n {...props}\n disabled={loadingData}\n className={cx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={\n props.orientation === 'left' ? 'Previous month' : 'Next month'\n }\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown\n {...props}\n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: props => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side='top'\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: props =>\n loadingData ? (\n <Skeleton\n count={5}\n height='18px'\n width='252px'\n style={{ marginBottom: 'var(--rs-space-6)' }}\n />\n ) : (\n <table {...props} />\n )\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames\n }}\n className={root({ className })}\n mode='single'\n {...props}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuCA;AAMA;;;;AAUgC;AAC9B;;;;;;AAQA;;;AA2CF;AAEO;AAWL;;;;;;;;AAoCQ;;;AAYF;AAWD;;;;;;;;;;;;;;;;;;;;;AAsBC;AACD;AAMP;;"}

package/dist/components/calendar/date-picker.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
@@ -5,13 +6,13 @@ var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3
 var dayjs_min = require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
 var customParseFormat = require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/customParseFormat.cjs');
 var React = require('react');
-var popover = require('../popover/popover.cjs');
 var inputField = require('../input-field/input-field.cjs');
+var popover = require('../popover/popover.cjs');
 var calendar = require('./calendar.cjs');
 var calendar_module = require('./calendar.module.css.cjs');
 dayjs_min.default.extend(customParseFormat.default);
-function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", inputFieldProps, calendarProps, value = new Date(), onSelect = () => { }, children, showCalendarIcon = true, timeZone, }) {
+function DatePicker({ side = 'top', dateFormat = 'DD/MM/YYYY', inputFieldProps, calendarProps, value = new Date(), onSelect = () => { }, children, showCalendarIcon = true, timeZone }) {
     const [showCalendar, setShowCalendar] = React.useState(false);
     const [selectedDate, setSelectedDate] = React.useState(value);
     const [error, setError] = React.useState();
@@ -36,7 +37,7 @@ function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", inputFieldProps,
     }, []);
     function registerEventListeners() {
         isInputFieldFocused.current = true;
-        document.addEventListener("mouseup", handleMouseDown);
+        document.addEventListener('mouseup', handleMouseDown);
     }
     function removeEventListeners(skipUpdate = false) {
         isInputFieldFocused.current = false;
@@ -46,7 +47,7 @@ function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", inputFieldProps,
             inputFieldRef.current.value = updatedVal;
         if (!error && !skipUpdate)
             onSelect(dayjs_min.default(updatedVal).toDate());
-        document.removeEventListener("mouseup", handleMouseDown);
+        document.removeEventListener('mouseup', handleMouseDown);
     }
     const handleSelect = (day) => {
         setSelectedDate(day);
@@ -82,17 +83,17 @@ function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", inputFieldProps,
         }
     }
     function handleKeyUp(event) {
-        if (event.code === "Enter" && inputFieldRef.current) {
+        if (event.code === 'Enter' && inputFieldRef.current) {
             inputFieldRef.current.blur();
             removeEventListeners();
         }
     }
     function handleInputChange(event) {
         const { value } = event.target;
-        const format = value.includes("/")
-            ? "DD/MM/YYYY"
-            : value.includes("-")
-                ? "DD-MM-YYYY"
+        const format = value.includes('/')
+            ? 'DD/MM/YYYY'
+            : value.includes('-')
+                ? 'DD-MM-YYYY'
                 : undefined;
         const date = dayjs_min.default(value, format);
         const isValidDate = date.isValid();
@@ -108,14 +109,12 @@ function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", inputFieldProps,
             setError(undefined);
         }
         else {
-            setError("Invalid date");
+            setError('Invalid date');
         }
     }
-    const defaultTrigger = (jsxRuntime.jsx(inputField.InputField, { size: "small", placeholder: "Select date", error: error, className: calendar_module.default.datePickerInput, trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, ...inputFieldProps, ref: inputFieldRef, defaultValue: formattedDate, onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyUp: handleKeyUp }));
-    const trigger = typeof children === "function"
-        ? children({ selectedDate: formattedDate })
-        : children ? jsxRuntime.jsx("div", { children: children }) : defaultTrigger;
-    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsx(popover.Popover.Content, { side: side, className: calendar_module.default.calendarPopover, ref: contentRef, children: jsxRuntime.jsx(calendar.Calendar, { required: true, ...calendarProps, timeZone: timeZone, onDropdownOpen: onDropdownOpen, mode: "single", selected: selectedDate, month: selectedDate, onSelect: handleSelect, onMonthChange: setSelectedDate }) })] }));
+    const defaultTrigger = (jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select date', error: error, className: calendar_module.default.datePickerInput, trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, ...inputFieldProps, ref: inputFieldRef, defaultValue: formattedDate, onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyUp: handleKeyUp }));
+    const trigger = typeof children === 'function' ? (children({ selectedDate: formattedDate })) : children ? (jsxRuntime.jsx("div", { children: children })) : (defaultTrigger);
+    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsx(popover.Popover.Content, { side: side, className: calendar_module.default.calendarPopover, ref: contentRef, children: jsxRuntime.jsx(calendar.Calendar, { required: true, ...calendarProps, timeZone: timeZone, onDropdownOpen: onDropdownOpen, mode: 'single', selected: selectedDate, month: selectedDate, onSelect: handleSelect, onMonthChange: setSelectedDate }) })] }));
 }
 exports.DatePicker = DatePicker;

package/dist/components/calendar/date-picker.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.cjs","sources":["../../../components/calendar/date-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { PropsBase, PropsSingleRequired } from \"react-day-picker\";\n\nimport { Popover } from \"../popover\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n side?: \"top\" \| \"right\" \| \"bottom\" \| \"left\";\n dateFormat?: string;\n inputFieldProps?: InputFieldProps;\n calendarProps?: PropsSingleRequired & PropsBase;\n onSelect?: (date: Date) => void;\n value?: Date;\n children?:\n \| React.ReactNode\n \| ((props: { selectedDate: string }) => React.ReactNode);\n showCalendarIcon?: boolean;\n timeZone?: string;\n}\n\nexport function DatePicker({\n side = \"top\",\n dateFormat = \"DD/MM/YYYY\",\n inputFieldProps,\n calendarProps,\n value = new Date(),\n onSelect = () => {},\n children,\n showCalendarIcon = true,\n timeZone,\n}: DatePickerProps) {\n const [showCalendar, setShowCalendar] = useState(false);\n const [selectedDate, setSelectedDate] = useState(value);\n const [error, setError] = useState<string>();\n\n const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n const isDropdownOpenRef = useRef(false);\n const inputFieldRef = useRef<HTMLInputElement \| null>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const isInputFieldFocused = useRef(false);\n const selectedDateRef = useRef(selectedDate);\n\n useEffect(() => {\n selectedDateRef.current = selectedDate;\n }, [selectedDate]);\n\n function isElementOutside(el: HTMLElement) {\n return (\n !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n !inputFieldRef.current?.contains(el) && // InputField\n !contentRef.current?.contains(el)\n );\n }\n\n const handleMouseDown = useCallback((event: MouseEvent) => {\n const el = event.target as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n }, []);\n\n function registerEventListeners() {\n isInputFieldFocused.current = true;\n document.addEventListener(\"mouseup\", handleMouseDown);\n }\n\n function removeEventListeners(skipUpdate = false) {\n isInputFieldFocused.current = false;\n setShowCalendar(false);\n\n const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n if (inputFieldRef.current) inputFieldRef.current.value = updatedVal;\n if (!error && !skipUpdate) onSelect(dayjs(updatedVal).toDate());\n\n document.removeEventListener(\"mouseup\", handleMouseDown);\n }\n\n const handleSelect = (day: Date) => {\n setSelectedDate(day);\n onSelect(day);\n setError(undefined);\n removeEventListeners(true);\n };\n\n function onDropdownOpen() {\n isDropdownOpenRef.current = true;\n }\n\n function onOpenChange(open?: boolean) {\n if (\n !isDropdownOpenRef.current &&\n !(isInputFieldFocused.current && showCalendar)\n ) {\n setShowCalendar(Boolean(open));\n }\n\n isDropdownOpenRef.current = false;\n }\n\n function handleInputFocus() {\n if (isInputFieldFocused.current) return;\n if (!showCalendar) setShowCalendar(true);\n }\n\n function handleInputBlur(event: React.FocusEvent) {\n if (isInputFieldFocused.current) {\n const el = event.relatedTarget as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n } else {\n registerEventListeners();\n setTimeout(() => inputFieldRef.current?.select());\n }\n }\n\n function handleKeyUp(event: React.KeyboardEvent) {\n if (event.code === \"Enter\" && inputFieldRef.current) {\n inputFieldRef.current.blur();\n removeEventListeners();\n }\n }\n\n function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { value } = event.target;\n\n const format = value.includes(\"/\")\n ? \"DD/MM/YYYY\"\n : value.includes(\"-\")\n ? \"DD-MM-YYYY\"\n : undefined;\n const date = dayjs(value, format);\n\n const isValidDate = date.isValid();\n\n const isAfter =\n calendarProps?.startMonth !== undefined\n ? dayjs(date).isSameOrAfter(calendarProps.startMonth)\n : true;\n const isBefore =\n calendarProps?.endMonth !== undefined\n ? dayjs(date).isSameOrBefore(calendarProps.endMonth)\n : true;\n\n const isValid =\n isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n if (isValid) {\n setSelectedDate(date.toDate());\n setError(undefined);\n } else {\n setError(\"Invalid date\");\n }\n }\n\n const defaultTrigger = (\n <InputField\n size=\"small\"\n placeholder=\"Select date\"\n error={error}\n className={styles.datePickerInput}\n trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}\n {...inputFieldProps}\n ref={inputFieldRef}\n defaultValue={formattedDate}\n onChange={handleInputChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyUp={handleKeyUp}\n />\n );\n\n const trigger =\n typeof children === \"function\"\n ? children({ selectedDate: formattedDate })\n : children ? <div>{children}</div> : defaultTrigger;\n\n return (\n <Popover open={showCalendar} onOpenChange={onOpenChange}>\n <Popover.Trigger asChild>{trigger}</Popover.Trigger>\n\n <Popover.Content\n side={side}\n className={styles.calendarPopover}\n ref={contentRef}\n >\n <Calendar\n required={true}\n {...calendarProps}\n timeZone={timeZone}\n onDropdownOpen={onDropdownOpen}\n mode=\"single\"\n selected={selectedDate}\n month={selectedDate}\n onSelect={handleSelect}\n onMonthChange={setSelectedDate}\n />\n </Popover.Content>\n </Popover>\n );\n}\n"],"names":["dayjs","customParseFormat","useState","useRef","useEffect","useCallback","_jsx","InputField","styles","CalendarIcon","_jsxs","Popover","Calendar"],"mappings":"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"}
1	+ {"version":3,"file":"date-picker.cjs","sources":["../../../components/calendar/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { PropsBase, PropsSingleRequired } from 'react-day-picker';\n\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport { Popover } from '../popover';\nimport { Calendar } from './calendar';\nimport styles from './calendar.module.css';\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n side?: 'top' \| 'right' \| 'bottom' \| 'left';\n dateFormat?: string;\n inputFieldProps?: InputFieldProps;\n calendarProps?: PropsSingleRequired & PropsBase;\n onSelect?: (date: Date) => void;\n value?: Date;\n children?:\n \| React.ReactNode\n \| ((props: { selectedDate: string }) => React.ReactNode);\n showCalendarIcon?: boolean;\n timeZone?: string;\n}\n\nexport function DatePicker({\n side = 'top',\n dateFormat = 'DD/MM/YYYY',\n inputFieldProps,\n calendarProps,\n value = new Date(),\n onSelect = () => {},\n children,\n showCalendarIcon = true,\n timeZone\n}: DatePickerProps) {\n const [showCalendar, setShowCalendar] = useState(false);\n const [selectedDate, setSelectedDate] = useState(value);\n const [error, setError] = useState<string>();\n\n const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n const isDropdownOpenRef = useRef(false);\n const inputFieldRef = useRef<HTMLInputElement \| null>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const isInputFieldFocused = useRef(false);\n const selectedDateRef = useRef(selectedDate);\n\n useEffect(() => {\n selectedDateRef.current = selectedDate;\n }, [selectedDate]);\n\n function isElementOutside(el: HTMLElement) {\n return (\n !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n !inputFieldRef.current?.contains(el) && // InputField\n !contentRef.current?.contains(el)\n );\n }\n\n const handleMouseDown = useCallback((event: MouseEvent) => {\n const el = event.target as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n }, []);\n\n function registerEventListeners() {\n isInputFieldFocused.current = true;\n document.addEventListener('mouseup', handleMouseDown);\n }\n\n function removeEventListeners(skipUpdate = false) {\n isInputFieldFocused.current = false;\n setShowCalendar(false);\n\n const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n if (inputFieldRef.current) inputFieldRef.current.value = updatedVal;\n if (!error && !skipUpdate) onSelect(dayjs(updatedVal).toDate());\n\n document.removeEventListener('mouseup', handleMouseDown);\n }\n\n const handleSelect = (day: Date) => {\n setSelectedDate(day);\n onSelect(day);\n setError(undefined);\n removeEventListeners(true);\n };\n\n function onDropdownOpen() {\n isDropdownOpenRef.current = true;\n }\n\n function onOpenChange(open?: boolean) {\n if (\n !isDropdownOpenRef.current &&\n !(isInputFieldFocused.current && showCalendar)\n ) {\n setShowCalendar(Boolean(open));\n }\n\n isDropdownOpenRef.current = false;\n }\n\n function handleInputFocus() {\n if (isInputFieldFocused.current) return;\n if (!showCalendar) setShowCalendar(true);\n }\n\n function handleInputBlur(event: React.FocusEvent) {\n if (isInputFieldFocused.current) {\n const el = event.relatedTarget as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n } else {\n registerEventListeners();\n setTimeout(() => inputFieldRef.current?.select());\n }\n }\n\n function handleKeyUp(event: React.KeyboardEvent) {\n if (event.code === 'Enter' && inputFieldRef.current) {\n inputFieldRef.current.blur();\n removeEventListeners();\n }\n }\n\n function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { value } = event.target;\n\n const format = value.includes('/')\n ? 'DD/MM/YYYY'\n : value.includes('-')\n ? 'DD-MM-YYYY'\n : undefined;\n const date = dayjs(value, format);\n\n const isValidDate = date.isValid();\n\n const isAfter =\n calendarProps?.startMonth !== undefined\n ? dayjs(date).isSameOrAfter(calendarProps.startMonth)\n : true;\n const isBefore =\n calendarProps?.endMonth !== undefined\n ? dayjs(date).isSameOrBefore(calendarProps.endMonth)\n : true;\n\n const isValid =\n isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n if (isValid) {\n setSelectedDate(date.toDate());\n setError(undefined);\n } else {\n setError('Invalid date');\n }\n }\n\n const defaultTrigger = (\n <InputField\n size='small'\n placeholder='Select date'\n error={error}\n className={styles.datePickerInput}\n trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}\n {...inputFieldProps}\n ref={inputFieldRef}\n defaultValue={formattedDate}\n onChange={handleInputChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyUp={handleKeyUp}\n />\n );\n\n const trigger =\n typeof children === 'function' ? (\n children({ selectedDate: formattedDate })\n ) : children ? (\n <div>{children}</div>\n ) : (\n defaultTrigger\n );\n\n return (\n <Popover open={showCalendar} onOpenChange={onOpenChange}>\n <Popover.Trigger asChild>{trigger}</Popover.Trigger>\n\n <Popover.Content\n side={side}\n className={styles.calendarPopover}\n ref={contentRef}\n >\n <Calendar\n required={true}\n {...calendarProps}\n timeZone={timeZone}\n onDropdownOpen={onDropdownOpen}\n mode='single'\n selected={selectedDate}\n month={selectedDate}\n onSelect={handleSelect}\n onMonthChange={setSelectedDate}\n />\n </Popover.Content>\n </Popover>\n );\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;;;;;AAcAA;;;;;;AAiCE;AACA;AACA;AACA;AACA;;AAGE;AACF;;AAGE;;;;AAOF;AACE;AACA;AAAgC;;AAGlC;AACE;AACA;;AAGF;AACE;;AAGA;;AAE2B;AAC3B;;AAEA;;AAGF;;;;;AAKA;AAEA;AACE;;;;;AAQE;;AAGF;;AAGF;;;AAEE;;;;AAIA;AACE;AACA;AAAgC;;;AAEhC;;;;;;AAOA;AACA;;;;AAKF;AAEA;AACE;AACA;AACE;;;AAIJ;AAEA;;;AAIA;;;AAKA;;AAIE;;;;;;;AAOJ;AAiBA;AASA;AAuBF;;"}

package/dist/components/calendar/date-picker.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { PropsBase, PropsSingleRequired } from "react-day-picker";
-import { InputFieldProps } from "../input-field/input-field";
+import { PropsBase, PropsSingleRequired } from 'react-day-picker';
+import { InputFieldProps } from '../input-field/input-field';
 interface DatePickerProps {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: 'top' | 'right' | 'bottom' | 'left';
     dateFormat?: string;
     inputFieldProps?: InputFieldProps;
     calendarProps?: PropsSingleRequired & PropsBase;
@@ -13,6 +13,6 @@ interface DatePickerProps {
     showCalendarIcon?: boolean;
     timeZone?: string;
 }
-export declare function DatePicker({ side, dateFormat, inputFieldProps, calendarProps, value, onSelect, children, showCalendarIcon, timeZone, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ side, dateFormat, inputFieldProps, calendarProps, value, onSelect, children, showCalendarIcon, timeZone }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/calendar/date-picker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../components/calendar/date-picker.tsx"],"names":[],"mappings":"~~AAIA~~,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;~~AAIlE~~,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;~~AAM7D~~,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAY,EACZ,UAAyB,EACzB,eAAe,EACf,aAAa,EACb,KAAkB,EAClB,QAAmB,EACnB,QAAQ,EACR,gBAAuB,EACvB,QAAQ,~~GACT~~,EAAE,eAAe,~~2CAwKjB~~"}
1	+ {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../components/calendar/date-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAO7D,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAY,EACZ,UAAyB,EACzB,eAAe,EACf,aAAa,EACb,KAAkB,EAClB,QAAmB,EACnB,QAAQ,EACR,gBAAuB,EACvB,QAAQ,EACT,EAAE,eAAe,2CA4KjB"}