npm - @traefik-labs/faency - Versions diffs - 12.3.9 → 13.0.0 - Mend

@traefik-labs/faency 12.3.9 → 13.0.0

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 (501) hide show

package/dist/components/CodeBlock/prism-extend.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"prism-extend.cjs","names":[],"sources":["../../../components/CodeBlock/prism-extend.ts"],"sourcesContent":["/* eslint-disable simple-import-sort/imports */\n// prismjs must be imported first: in the browser it sets window.Prism so language\n// components below can use it as their global Prism reference.\nimport { Prism } from 'prism-react-renderer';\nimport prismjs from 'prismjs';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-csharp.js';\nimport 'prismjs/components/prism-docker.js';\nimport 'prismjs/components/prism-hcl.js';\nimport 'prismjs/components/prism-http.js';\nimport 'prismjs/components/prism-ini.js';\nimport 'prismjs/components/prism-java.js';\nimport 'prismjs/components/prism-markup-templating.js';\nimport 'prismjs/components/prism-php.js';\nimport 'prismjs/components/prism-powershell.js';\nimport 'prismjs/components/prism-protobuf.js';\nimport 'prismjs/components/prism-ruby.js';\nimport 'prismjs/components/prism-scala.js';\nimport 'prismjs/components/prism-shell-session.js';\nimport 'prismjs/components/prism-toml.js';\n\n// Copy newly registered grammars from prismjs into prism-react-renderer's Prism.\n// Language component IIFEs register on prismjs's window.Prism, not on PrismRR.\nfor (const [key, value] of Object.entries(prismjs.languages)) {\n if (typeof value !== 'function' && !(key in Prism.languages)) {\n (Prism.languages as Record<string, unknown>)[key] = value;\n }\n}\n\n// 'text' grammar: tokenizes everything as a plain token so prism-react-renderer\n// receives proper Token objects instead of raw strings (which lack a .type field).\nPrism.languages.text = { text: /[\\s\\S]+/ };\n\nexport { Prism };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAA,QAAQ,SAAS,GACzD,IAAI,OAAO,UAAU,cAAc,EAAE,~~OAAO~~,~~qBAAA~~,MAAM,YAChD,qBAAA,MAAO,UAAsC,OAAO;AAMxD,qBAAA,MAAM,UAAU,OAAO,EAAE,MAAM,UAAU"}
1	+ {"version":3,"file":"prism-extend.cjs","names":["Prism"],"sources":["../../../components/CodeBlock/prism-extend.ts"],"sourcesContent":["/* eslint-disable simple-import-sort/imports */\n// prismjs must be imported first: in the browser it sets window.Prism so language\n// components below can use it as their global Prism reference.\nimport { Prism } from 'prism-react-renderer';\nimport prismjs from 'prismjs';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-csharp.js';\nimport 'prismjs/components/prism-docker.js';\nimport 'prismjs/components/prism-hcl.js';\nimport 'prismjs/components/prism-http.js';\nimport 'prismjs/components/prism-ini.js';\nimport 'prismjs/components/prism-java.js';\nimport 'prismjs/components/prism-markup-templating.js';\nimport 'prismjs/components/prism-php.js';\nimport 'prismjs/components/prism-powershell.js';\nimport 'prismjs/components/prism-protobuf.js';\nimport 'prismjs/components/prism-ruby.js';\nimport 'prismjs/components/prism-scala.js';\nimport 'prismjs/components/prism-shell-session.js';\nimport 'prismjs/components/prism-toml.js';\n\n// Copy newly registered grammars from prismjs into prism-react-renderer's Prism.\n// Language component IIFEs register on prismjs's window.Prism, not on PrismRR.\nfor (const [key, value] of Object.entries(prismjs.languages)) {\n if (typeof value !== 'function' && !(key in Prism.languages)) {\n (Prism.languages as Record<string, unknown>)[key] = value;\n }\n}\n\n// 'text' grammar: tokenizes everything as a plain token so prism-react-renderer\n// receives proper Token objects instead of raw strings (which lack a .type field).\nPrism.languages.text = { text: /[\\s\\S]+/ };\n\nexport { Prism };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAA,QAAQ,SAAS,GACzD,IAAI,OAAO,UAAU,cAAc,EAAE,OAAOA,qBAAAA,MAAM,YAChD,qBAAA,MAAO,UAAsC,OAAO;AAMxD,qBAAA,MAAM,UAAU,OAAO,EAAE,MAAM,UAAU"}

package/dist/components/CodeBlock/prism-extend.js CHANGED Viewed

@@ -15,10 +15,9 @@ import "prismjs/components/prism-ruby.js";
 import "prismjs/components/prism-scala.js";
 import "prismjs/components/prism-shell-session.js";
 import "prismjs/components/prism-toml.js";
-//#region components/CodeBlock/prism-extend.ts
+// components/CodeBlock/prism-extend.ts
 for (const [key, value] of Object.entries(prismjs.languages)) if (typeof value !== "function" && !(key in Prism.languages)) Prism.languages[key] = value;
 Prism.languages.text = { text: /[\s\S]+/ };
-//#endregion
 export { Prism };
 //# sourceMappingURL=prism-extend.js.map

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

@@ -1,4 +1,4 @@
-//#region components/Container/Container.tsx
+// components/Container/Container.tsx
 var Container = require("../../stitches.config.cjs").styled("div", {
 	boxSizing: "border-box",
 	flexShrink: 0,
@@ -16,7 +16,6 @@ var Container = require("../../stitches.config.cjs").styled("div", {
 	},
 	defaultVariants: { size: "4" }
 });
-//#endregion
 exports.Container = Container;
 //# sourceMappingURL=Container.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.cjs","names":[],"sources":["../../../components/Container/Container.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Container = styled('div', {\n // Reset\n boxSizing: 'border-box',\n flexShrink: 0,\n\n // Custom\n ml: 'auto',\n mr: 'auto',\n px: '$5',\n\n variants: {\n size: {\n '1': {\n maxWidth: '425px',\n },\n '2': {\n maxWidth: '768px',\n },\n '3': {\n maxWidth: '1440px',\n },\n '4': {\n maxWidth: 'none',\n },\n },\n noGutter: {\n true: {\n px: 0,\n },\n },\n },\n defaultVariants: {\n size: '4',\n },\n});\n"],"mappings":";AAEA,IAAa~~,+CAAY~~,~~CAAA~~,~~CAAA~~,OAAO,OAAO;CAErC,WAAW;CACX,YAAY;CAGZ,IAAI;CACJ,IAAI;CACJ,IAAI;CAEJ,UAAU;EACR,MAAM;GACJ,KAAK,EACH,UAAU,QACZ;GACA,KAAK,EACH,UAAU,QACZ;GACA,KAAK,EACH,UAAU,SACZ;GACA,KAAK,EACH,UAAU,OACZ;EACF;EACA,UAAU,EACR,MAAM,EACJ,IAAI,EACN,EACF;CACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC"}
1	+ {"version":3,"file":"Container.cjs","names":["styled"],"sources":["../../../components/Container/Container.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Container = styled('div', {\n // Reset\n boxSizing: 'border-box',\n flexShrink: 0,\n\n // Custom\n ml: 'auto',\n mr: 'auto',\n px: '$5',\n\n variants: {\n size: {\n '1': {\n maxWidth: '425px',\n },\n '2': {\n maxWidth: '768px',\n },\n '3': {\n maxWidth: '1440px',\n },\n '4': {\n maxWidth: 'none',\n },\n },\n noGutter: {\n true: {\n px: 0,\n },\n },\n },\n defaultVariants: {\n size: '4',\n },\n});\n"],"mappings":";AAEA,IAAa,Y,mCAAYA,CAAAA,CAAAA,OAAO,OAAO;CAErC,WAAW;CACX,YAAY;CAGZ,IAAI;CACJ,IAAI;CACJ,IAAI;CAEJ,UAAU;EACR,MAAM;GACJ,KAAK,EACH,UAAU,QACZ;GACA,KAAK,EACH,UAAU,QACZ;GACA,KAAK,EACH,UAAU,SACZ;GACA,KAAK,EACH,UAAU,OACZ;EACF;EACA,UAAU,EACR,MAAM,EACJ,IAAI,EACN,EACF;CACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC"}

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

@@ -1,5 +1,5 @@
 import { styled } from "../../stitches.config.js";
-//#region components/Container/Container.tsx
+// components/Container/Container.tsx
 var Container = styled("div", {
 	boxSizing: "border-box",
 	flexShrink: 0,
@@ -17,7 +17,6 @@ var Container = styled("div", {
 	},
 	defaultVariants: { size: "4" }
 });
-//#endregion
 export { Container };
 //# sourceMappingURL=Container.js.map

package/dist/components/Container/Container.vanilla.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/Container/Container.vanilla.tsx
+// components/Container/Container.vanilla.tsx
 var ContainerVanillaComponent = react.default.forwardRef(({ as, className, css, style, size, noGutter, ...props }, ref) => {
 	const Component = as || "div";
 	const { colors } = require_themeContext.useVanillaExtractTheme();
@@ -16,19 +16,19 @@ var ContainerVanillaComponent = react.default.forwardRef(({ as, className, css,
 		...style,
 		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
 	};
+	const recipeClass = require_Container_vanilla_css.containerRecipe({
+		size,
+		noGutter
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		ref,
-		className: `${require_Container_vanilla_css.containerRecipe({
-			size,
-			noGutter
-		})} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 ContainerVanillaComponent.displayName = "ContainerVanilla";
 var ContainerVanilla = ContainerVanillaComponent;
-//#endregion
 exports.ContainerVanilla = ContainerVanilla;
 exports.ContainerVanillaComponent = ContainerVanillaComponent;

package/dist/components/Container/Container.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.vanilla.cjs","names":[],"sources":["../../../components/Container/Container.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { containerRecipe } from './Container.vanilla.css';\n\ninterface ContainerOwnProps extends CSSProps {\n size?: '1' \| '2' \| '3' \| '4';\n noGutter?: boolean;\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n ContainerOwnProps\n>;\ntype ContainerComponent = PolymorphicComponent<'div', ContainerProps<ElementType>>;\n\nexport const ContainerVanillaComponent = React.forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, size, noGutter, ...props }: ContainerProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = containerRecipe({ size, noGutter });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nContainerVanillaComponent.displayName = 'ContainerVanilla';\n\nexport const ContainerVanilla = ContainerVanillaComponent as ContainerComponent;\n"],"mappings":";;;;;;;;;AAuBA,IAAa,~~4BAA4B~~,~~MAAA~~,QAAM,YAE3C,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,UAAU,GAAG,SAChD,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,~~WAAW~~,~~qBAAA~~,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,~~SAAS~~,~~iBAAA~~,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,~~GAAA~~,~~yBAAA~~,~~iBAAA~~,~~CAAoB~~,IAAI;CAC1B;~~CAIA~~,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,~~GALK~~,~~8BAAA~~,~~gBAAgB;GAAE;GAAM;EAAS,CAKnC,EAAY,~~GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,mBAAmB"}
1	+ {"version":3,"file":"Container.vanilla.cjs","names":["React","useVanillaExtractTheme","processCSSProp","assignInlineVars","containerRecipe"],"sources":["../../../components/Container/Container.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { containerRecipe } from './Container.vanilla.css';\n\ninterface ContainerOwnProps extends CSSProps {\n size?: '1' \| '2' \| '3' \| '4';\n noGutter?: boolean;\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n ContainerOwnProps\n>;\ntype ContainerComponent = PolymorphicComponent<'div', ContainerProps<ElementType>>;\n\nexport const ContainerVanillaComponent = React.forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, size, noGutter, ...props }: ContainerProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = containerRecipe({ size, noGutter });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nContainerVanillaComponent.displayName = 'ContainerVanilla';\n\nexport const ContainerVanilla = ContainerVanillaComponent as ContainerComponent;\n"],"mappings":";;;;;;;;;AAuBA,IAAa,4BAA4BA,MAAAA,QAAM,YAE3C,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,UAAU,GAAG,SAChD,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAWC,qBAAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAASC,iBAAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAGC,yBAAAA,iBAAAA,CAAiB,IAAI;CAC1B;CAEA,MAAM,cAAcC,8BAAAA,gBAAgB;EAAE;EAAM;CAAS,CAAC;CAEtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,mBAAmB"}

package/dist/components/Container/Container.vanilla.css.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 ;/* empty css                                       */
 ;/* empty css                                      */
 ;/* empty css                                       */
-//#region components/Container/Container.vanilla.css.ts
+// components/Container/Container.vanilla.css.ts
 var containerRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
 	defaultClassName: "ayuv8i1 ayuv8i0",
 	variantClassNames: {
@@ -16,7 +16,6 @@ var containerRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").cr
 	defaultVariants: { size: "4" },
 	compoundVariants: []
 });
-//#endregion
 exports.containerRecipe = containerRecipe;
 //# sourceMappingURL=Container.vanilla.css.cjs.map

package/dist/components/Container/Container.vanilla.css.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.vanilla.css.cjs","names":[],"sources":["../../../components/Container/Container.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst container = style({\n boxSizing: 'border-box',\n flexShrink: 0,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: tokens.space[5],\n paddingRight: tokens.space[5],\n});\n\nexport const containerRecipe = recipe({\n base: container,\n\n variants: {\n size: {\n '1': {\n maxWidth: '425px',\n },\n '2': {\n maxWidth: '768px',\n },\n '3': {\n maxWidth: '1440px',\n },\n '4': {\n maxWidth: 'none',\n },\n },\n noGutter: {\n true: {\n paddingLeft: 0,\n paddingRight: 0,\n },\n },\n },\n defaultVariants: {\n size: '4',\n },\n});\n"],"mappings":""}
1	+ {"version":3,"file":"Container.vanilla.css.cjs","names":["_7a468"],"sources":["../../../components/Container/Container.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst container = style({\n boxSizing: 'border-box',\n flexShrink: 0,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: tokens.space[5],\n paddingRight: tokens.space[5],\n});\n\nexport const containerRecipe = recipe({\n base: container,\n\n variants: {\n size: {\n '1': {\n maxWidth: '425px',\n },\n '2': {\n maxWidth: '768px',\n },\n '3': {\n maxWidth: '1440px',\n },\n '4': {\n maxWidth: 'none',\n },\n },\n noGutter: {\n true: {\n paddingLeft: 0,\n paddingRight: 0,\n },\n },\n },\n defaultVariants: {\n size: '4',\n },\n});\n"],"mappings":""}

package/dist/components/Container/Container.vanilla.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 /* empty css                                    */
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-//#region components/Container/Container.vanilla.css.ts
+// components/Container/Container.vanilla.css.ts
 var containerRecipe = createRuntimeFn({
 	defaultClassName: "ayuv8i1 ayuv8i0",
 	variantClassNames: {
@@ -17,7 +17,6 @@ var containerRecipe = createRuntimeFn({
 	defaultVariants: { size: "4" },
 	compoundVariants: []
 });
-//#endregion
 export { containerRecipe };
 //# sourceMappingURL=Container.vanilla.css.js.map

package/dist/components/Container/Container.vanilla.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.vanilla.css.js","names":[],"sources":["../../../components/Container/Container.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst container = style({\n boxSizing: 'border-box',\n flexShrink: 0,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: tokens.space[5],\n paddingRight: tokens.space[5],\n});\n\nexport const containerRecipe = recipe({\n base: container,\n\n variants: {\n size: {\n '1': {\n maxWidth: '425px',\n },\n '2': {\n maxWidth: '768px',\n },\n '3': {\n maxWidth: '1440px',\n },\n '4': {\n maxWidth: 'none',\n },\n },\n noGutter: {\n true: {\n paddingLeft: 0,\n paddingRight: 0,\n },\n },\n },\n defaultVariants: {\n size: '4',\n },\n});\n"],"mappings":""}
1	+ {"version":3,"file":"Container.vanilla.css.js","names":["_7a468"],"sources":["../../../components/Container/Container.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst container = style({\n boxSizing: 'border-box',\n flexShrink: 0,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: tokens.space[5],\n paddingRight: tokens.space[5],\n});\n\nexport const containerRecipe = recipe({\n base: container,\n\n variants: {\n size: {\n '1': {\n maxWidth: '425px',\n },\n '2': {\n maxWidth: '768px',\n },\n '3': {\n maxWidth: '1440px',\n },\n '4': {\n maxWidth: 'none',\n },\n },\n noGutter: {\n true: {\n paddingLeft: 0,\n paddingRight: 0,\n },\n },\n },\n defaultVariants: {\n size: '4',\n },\n});\n"],"mappings":""}

package/dist/components/Container/Container.vanilla.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { containerRecipe } from "./Container.vanilla.css.js";
 import React from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-//#region components/Container/Container.vanilla.tsx
+// components/Container/Container.vanilla.tsx
 var ContainerVanillaComponent = React.forwardRef(({ as, className, css, style, size, noGutter, ...props }, ref) => {
 	const Component = as || "div";
 	const { colors } = useVanillaExtractTheme();
@@ -14,19 +14,19 @@ var ContainerVanillaComponent = React.forwardRef(({ as, className, css, style, s
 		...style,
 		...assignInlineVars(vars)
 	};
+	const recipeClass = containerRecipe({
+		size,
+		noGutter
+	});
 	return /* @__PURE__ */ jsx(Component, {
 		ref,
-		className: `${containerRecipe({
-			size,
-			noGutter
-		})} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 ContainerVanillaComponent.displayName = "ContainerVanilla";
 var ContainerVanilla = ContainerVanillaComponent;
-//#endregion
 export { ContainerVanilla, ContainerVanillaComponent };
 //# sourceMappingURL=Container.vanilla.js.map

package/dist/components/Container/Container.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.vanilla.js","names":[],"sources":["../../../components/Container/Container.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { containerRecipe } from './Container.vanilla.css';\n\ninterface ContainerOwnProps extends CSSProps {\n size?: '1' \| '2' \| '3' \| '4';\n noGutter?: boolean;\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n ContainerOwnProps\n>;\ntype ContainerComponent = PolymorphicComponent<'div', ContainerProps<ElementType>>;\n\nexport const ContainerVanillaComponent = React.forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, size, noGutter, ...props }: ContainerProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = containerRecipe({ size, noGutter });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nContainerVanillaComponent.displayName = 'ContainerVanilla';\n\nexport const ContainerVanilla = ContainerVanillaComponent as ContainerComponent;\n"],"mappings":";;;;;;;AAuBA,IAAa,4BAA4B,MAAM,YAE3C,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,UAAU,GAAG,SAChD,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;~~CAIA~~,OACE,oBAAC,WAAD;EACO;EACL,WAAW,~~GALK~~,~~gBAAgB;GAAE;GAAM;EAAS~~,~~CAKnC,EAAY,~~GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,mBAAmB"}
1	+ {"version":3,"file":"Container.vanilla.js","names":[],"sources":["../../../components/Container/Container.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { containerRecipe } from './Container.vanilla.css';\n\ninterface ContainerOwnProps extends CSSProps {\n size?: '1' \| '2' \| '3' \| '4';\n noGutter?: boolean;\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n ContainerOwnProps\n>;\ntype ContainerComponent = PolymorphicComponent<'div', ContainerProps<ElementType>>;\n\nexport const ContainerVanillaComponent = React.forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, size, noGutter, ...props }: ContainerProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = containerRecipe({ size, noGutter });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nContainerVanillaComponent.displayName = 'ContainerVanilla';\n\nexport const ContainerVanilla = ContainerVanillaComponent as ContainerComponent;\n"],"mappings":";;;;;;;AAuBA,IAAa,4BAA4B,MAAM,YAE3C,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,UAAU,GAAG,SAChD,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAEA,MAAM,cAAc,gBAAgB;EAAE;EAAM;CAAS,CAAC;CAEtD,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,mBAAmB"}

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

@@ -10,7 +10,7 @@ react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _rehookify_datepicker = require("@rehookify/datepicker");
 let date_fns = require("date-fns");
-//#region components/DateTimePicker/DateTimePicker.tsx
+// components/DateTimePicker/DateTimePicker.tsx
 var CalendarGrid = require_stitches_config.styled("div", {
 	display: "grid",
 	alignItems: "center",
@@ -262,7 +262,6 @@ var DateTimePicker = react.default.forwardRef(({ css, onFastTravelClick, onTimeB
 		})
 	});
 });
-//#endregion
 exports.DateTimePicker = DateTimePicker;
 //# sourceMappingURL=DateTimePicker.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTimePicker.cjs","names":[],"sources":["../../../components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { DPDatesConfig, DPPropGetter, DPUserConfig, useDatePicker } from '@rehookify/datepicker';\nimport { addMonths, addYears } from 'date-fns';\nimport React, { useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Flex } from '../Flex';\nimport { Text } from '../Text';\n\nconst CalendarGrid = styled('div', {\n display: 'grid',\n alignItems: 'center',\n gap: '$1',\n px: '$2',\n borderLeft: '2px solid $buttonSecondaryBorder',\n borderRight: '2px solid $buttonSecondaryBorder',\n});\n\nconst SevenColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(7, 1fr)',\n});\n\nconst ThreeColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(3, 1fr)',\n height: '100%',\n});\n\nconst StyledDiv = styled('div');\n\ntype HeaderProps = {\n centerButtonLabel: string;\n centerButtonOnClick: () => void;\n leftButtonProps: DPPropGetter;\n rightButtonProps: DPPropGetter;\n};\n\nfunction Header({\n centerButtonLabel,\n centerButtonOnClick,\n leftButtonProps,\n rightButtonProps,\n}: HeaderProps) {\n return (\n <Flex align=\"center\" gap=\"2\" css={{ px: '$2' }}>\n <Button type=\"button\" ghost variant=\"secondary\" {...leftButtonProps}>\n <ChevronLeftIcon />\n </Button>\n <Button\n type=\"button\"\n role=\"button\"\n tabIndex={0}\n css={{ flexGrow: 1, textAlign: 'center' }}\n ghost\n onClick={centerButtonOnClick}\n variant=\"secondary\"\n >\n {centerButtonLabel}\n </Button>\n <Button type=\"button\" ghost variant=\"secondary\" {...rightButtonProps}>\n <ChevronRightIcon />\n </Button>\n </Flex>\n );\n}\n\ntype CustomDPDatesConfig = Omit<DPDatesConfig, 'mode'>;\n\ntype CustomDPUserConfig = Omit<DPUserConfig, 'dates'> & {\n dates?: Partial<CustomDPDatesConfig>;\n};\n\nexport type DateTimePickerProps = CustomDPUserConfig & {\n css?: CSS;\n onFastTravelClick?: () => void;\n onTimeButtonClick?: () => void;\n showDatePresets?: boolean;\n showTimePicker?: boolean;\n};\n\nexport type DateTimePickerVariants = VariantProps<DateTimePickerProps>;\n\nexport const DateTimePicker = React.forwardRef<\n React.ElementRef<typeof StyledDiv>,\n DateTimePickerProps\n>(\n (\n { css, onFastTravelClick, onTimeButtonClick, showDatePresets, showTimePicker, ...config },\n fowardedRef,\n ) => {\n const {\n data: { calendars, months, time, weekDays, years },\n propGetters: {\n addOffset,\n dayButton,\n monthButton,\n nextYearsButton,\n previousYearsButton,\n subtractOffset,\n timeButton,\n yearButton,\n },\n } = useDatePicker(config);\n\n const [page, setPage] = useState<number>(0);\n\n const { days, month, year } = calendars[0];\n\n return (\n <StyledDiv css={css} ref={fowardedRef}>\n <Flex direction=\"column\" gap=\"2\" css={{ display: 'inline-flex' }}>\n <Flex>\n <Box\n css={{\n flex: 1,\n minHeight: config.calendar?.mode === 'fluid' ? '244px' : '280px',\n minWidth: '268px',\n }}\n >\n <Flex\n direction=\"column\"\n css={{ display: page === 0 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={month}\n centerButtonOnClick={() => setPage(1)}\n leftButtonProps={subtractOffset({ months: 1 })}\n rightButtonProps={addOffset({ months: 1 })}\n />\n <SevenColGrid>\n {weekDays.map((weekDay, index) => (\n <Text key={index} css={{ lineHeight: '$sizes$6', textAlign: 'center' }}>\n {weekDay}\n </Text>\n ))}\n {days.map((d) => (\n <Button\n key={d.$date.toString()}\n type=\"button\"\n css={{\n width: '32px',\n px: 0,\n color:\n !d.disabled && !d.inCurrentMonth && !d.selected\n ? '$textSubtle'\n : undefined,\n fontWeight: d.now && !d.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!d.selected}\n variant={d.now \|\| d.selected ? 'primary' : 'secondary'}\n {...dayButton(d)}\n tabIndex={dayButton(d).disabled ? dayButton(d).tabIndex : 0}\n >\n {d.day}\n </Button>\n ))}\n </SevenColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 1 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={year}\n centerButtonOnClick={() => setPage(2)}\n leftButtonProps={subtractOffset({ years: 1 })}\n rightButtonProps={addOffset({ years: 1 })}\n />\n <ThreeColGrid>\n {months.map((m) => (\n <Button\n key={m.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: m.now && !m.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!m.selected}\n variant={m.now \|\| m.selected ? 'primary' : 'secondary'}\n {...monthButton(m)}\n onClick={(evt) => {\n setPage(0);\n const fn = monthButton(m).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={monthButton(m).disabled ? monthButton(m).tabIndex : 0}\n >\n {m.month}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 2 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={`${years[0].year} - ${years[years.length - 1].year}`}\n centerButtonOnClick={() => setPage(0)}\n leftButtonProps={previousYearsButton()}\n rightButtonProps={nextYearsButton()}\n />\n <ThreeColGrid>\n {years.map((y) => (\n <Button\n key={y.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: y.now && !y.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!y.selected}\n variant={y.now \|\| y.selected ? 'primary' : 'secondary'}\n {...yearButton(y)}\n onClick={(evt) => {\n setPage(0);\n const fn = yearButton(y).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={yearButton(y).disabled ? yearButton(y).tabIndex : 0}\n >\n {y.year}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n </Box>\n\n {showTimePicker ? (\n <Box css={{ flex: 1, width: '90px', position: 'relative', overflow: 'auto' }}>\n <Flex\n direction=\"column\"\n gap=\"1\"\n css={{ position: 'absolute', top: 0, left: 0, height: '100%', width: '100%' }}\n >\n <Text css={{ mt: '32px', ml: '8px', lineHeight: '$sizes$6' }}>Time</Text>\n <Flex direction=\"column\" gap=\"1\" css={{ overflow: 'auto', px: '$2' }}>\n {time.map((t) => (\n <Button\n key={t.$date.toString()}\n type=\"button\"\n css={{\n px: '$2',\n fontWeight: t.now && !t.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!t.selected}\n variant={t.now \|\| t.selected ? 'primary' : 'secondary'}\n {...timeButton(t)}\n onClick={(evt) => {\n const fn = timeButton(t).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n if (typeof onTimeButtonClick !== 'undefined') onTimeButtonClick();\n }}\n tabIndex={timeButton(t).disabled ? timeButton(t).tabIndex : 0}\n >\n {t.time}\n </Button>\n ))}\n </Flex>\n </Flex>\n </Box>\n ) : undefined}\n </Flex>\n\n {showDatePresets ? (\n <Flex gap=\"2\">\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 M\n </Button>\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 3)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 3 M\n </Button>\n {showTimePicker ? (\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addYears(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 Y\n </Button>\n ) : undefined}\n </Flex>\n ) : undefined}\n </Flex>\n </StyledDiv>\n );\n },\n);\n"],"mappings":";;;;;;;;;;;;;AAWA,IAAM,eAAe,wBAAA,OAAO,OAAO;CACjC,SAAS;CACT,YAAY;CACZ,KAAK;CACL,IAAI;CACJ,YAAY;CACZ,aAAa;AACf,CAAC;AAED,IAAM,eAAe,wBAAA,OAAO,cAAc,EACxC,qBAAqB,iBACvB,CAAC;AAED,IAAM,eAAe,wBAAA,OAAO,cAAc;CACxC,qBAAqB;CACrB,QAAQ;AACV,CAAC;AAED,IAAM,YAAY,wBAAA,OAAO,KAAK;AAS9B,SAAS,OAAO,EACd,mBACA,qBACA,iBACA,oBACc;CACd,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD;EAAM,OAAM;EAAS,KAAI;EAAI,KAAK,EAAE,IAAI,KAAK;YAA7C;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;IAAQ,MAAK;IAAS,OAAA;IAAM,SAAQ;IAAY,GAAI;cAClD,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,iBAAD,CAAkB,CAAA;GACZ,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;IACE,MAAK;IACL,MAAK;IACL,UAAU;IACV,KAAK;KAAE,UAAU;KAAG,WAAW;IAAS;IACxC,OAAA;IACA,SAAS;IACT,SAAQ;cAEP;GACK,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;IAAQ,MAAK;IAAS,OAAA;IAAM,SAAQ;IAAY,GAAI;cAClD,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,kBAAD,CAAmB,CAAA;GACb,CAAA;EACJ;;AAEV;AAkBA,IAAa,iBAAiB,MAAA,QAAM,YAKhC,EAAE,KAAK,mBAAmB,mBAAmB,iBAAiB,gBAAgB,GAAG,UACjF,gBACG;CACH,MAAM,EACJ,MAAM,EAAE,WAAW,QAAQ,MAAM,UAAU,SAC3C,aAAa,EACX,WACA,WACA,aACA,iBACA,qBACA,gBACA,YACA,kBAAA,GAAA,sBAAA,cAAA,CAEc,MAAM;CAExB,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,SAAA,CAA4B,CAAC;CAE1C,MAAM,EAAE,MAAM,OAAO,SAAS,UAAU;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EAAgB;EAAK,KAAK;YACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD;GAAM,WAAU;GAAS,KAAI;GAAI,KAAK,EAAE,SAAS,cAAc;aAA/D,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,YAAA,KAAD;IACE,KAAK;KACH,MAAM;KACN,WAAW,OAAO,UAAU,SAAS,UAAU,UAAU;KACzD,UAAU;IACZ;cALF;KAOE,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD;MACE,WAAU;MACV,KAAK;OAAE,SAAS,SAAS,IAAI,SAAS;OAAQ,QAAQ;MAAO;gBAF/D,CAIE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OACE,mBAAmB;OACnB,2BAA2B,QAAQ,CAAC;OACpC,iBAAiB,eAAe,EAAE,QAAQ,EAAE,CAAC;OAC7C,kBAAkB,UAAU,EAAE,QAAQ,EAAE,CAAC;MAC1C,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAD,EAAA,UAAA,CACG,SAAS,KAAK,SAAS,UACtB,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,MAAD;OAAkB,KAAK;QAAE,YAAY;QAAY,WAAW;OAAS;iBAClE;MACG,GAFK,KAEL,CACP,GACA,KAAK,KAAK,MACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;OAEE,MAAK;OACL,KAAK;QACH,OAAO;QACP,IAAI;QACJ,OACE,CAAC,EAAE,YAAY,CAAC,EAAE,kBAAkB,CAAC,EAAE,WACnC,gBACA,KAAA;QACN,YAAY,EAAE,OAAO,CAAC,EAAE,WAAW,UAAU,KAAA;QAC7C,WAAW;OACb;OACA,OAAO,CAAC,EAAE;OACV,SAAS,EAAE,OAAO,EAAE,WAAW,YAAY;OAC3C,GAAI,UAAU,CAAC;OACf,UAAU,UAAU,CAAC,CAAC,CAAC,WAAW,UAAU,CAAC,CAAC,CAAC,WAAW;iBAEzD,EAAE;MACG,GAlBD,EAAE,MAAM,SAAS,CAkBhB,CACT,CACW,EAAA,CAAA,CACV;;KAEN,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD;MACE,WAAU;MACV,KAAK;OAAE,SAAS,SAAS,IAAI,SAAS;OAAQ,QAAQ;MAAO;gBAF/D,CAIE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OACE,mBAAmB;OACnB,2BAA2B,QAAQ,CAAC;OACpC,iBAAiB,eAAe,EAAE,OAAO,EAAE,CAAC;OAC5C,kBAAkB,UAAU,EAAE,OAAO,EAAE,CAAC;MACzC,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,EAAA,UACG,OAAO,KAAK,MACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;OAEE,MAAK;OACL,KAAK;QACH,IAAI;QACJ,YAAY,EAAE,OAAO,CAAC,EAAE,WAAW,UAAU,KAAA;QAC7C,WAAW;OACb;OACA,OAAO,CAAC,EAAE;OACV,SAAS,EAAE,OAAO,EAAE,WAAW,YAAY;OAC3C,GAAI,YAAY,CAAC;OACjB,UAAU,QAAQ;QAChB,QAAQ,CAAC;QACT,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC;QAC1B,IAAI,OAAO,OAAO,aAAa,GAAG,GAAG;OACvC;OACA,UAAU,YAAY,CAAC,CAAC,CAAC,WAAW,YAAY,CAAC,CAAC,CAAC,WAAW;iBAE7D,EAAE;MACG,GAlBD,EAAE,MAAM,SAAS,CAkBhB,CACT,EACW,CAAA,CACV;;KAEN,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD;MACE,WAAU;MACV,KAAK;OAAE,SAAS,SAAS,IAAI,SAAS;OAAQ,QAAQ;MAAO;gBAF/D,CAIE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OACE,mBAAmB,GAAG,MAAM,EAAE,CAAC,KAAK,KAAK,MAAM,MAAM,SAAS,EAAE,CAAC;OACjE,2BAA2B,QAAQ,CAAC;OACpC,iBAAiB,oBAAoB;OACrC,kBAAkB,gBAAgB;MACnC,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,EAAA,UACG,MAAM,KAAK,MACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;OAEE,MAAK;OACL,KAAK;QACH,IAAI;QACJ,YAAY,EAAE,OAAO,CAAC,EAAE,WAAW,UAAU,KAAA;QAC7C,WAAW;OACb;OACA,OAAO,CAAC,EAAE;OACV,SAAS,EAAE,OAAO,EAAE,WAAW,YAAY;OAC3C,GAAI,WAAW,CAAC;OAChB,UAAU,QAAQ;QAChB,QAAQ,CAAC;QACT,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC;QACzB,IAAI,OAAO,OAAO,aAAa,GAAG,GAAG;OACvC;OACA,UAAU,WAAW,CAAC,CAAC,CAAC,WAAW,WAAW,CAAC,CAAC,CAAC,WAAW;iBAE3D,EAAE;MACG,GAlBD,EAAE,MAAM,SAAS,CAkBhB,CACT,EACW,CAAA,CACV;;IACH;OAEJ,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAA,KAAD;IAAK,KAAK;KAAE,MAAM;KAAG,OAAO;KAAQ,UAAU;KAAY,UAAU;IAAO;cACzE,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD;KACE,WAAU;KACV,KAAI;KACJ,KAAK;MAAE,UAAU;MAAY,KAAK;MAAG,MAAM;MAAG,QAAQ;MAAQ,OAAO;KAAO;eAH9E,CAKE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,MAAD;MAAM,KAAK;OAAE,IAAI;OAAQ,IAAI;OAAO,YAAY;MAAW;gBAAG;KAAU,CAAA,GACxE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,MAAD;MAAM,WAAU;MAAS,KAAI;MAAI,KAAK;OAAE,UAAU;OAAQ,IAAI;MAAK;gBAChE,KAAK,KAAK,MACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;OAEE,MAAK;OACL,KAAK;QACH,IAAI;QACJ,YAAY,EAAE,OAAO,CAAC,EAAE,WAAW,UAAU,KAAA;QAC7C,WAAW;OACb;OACA,OAAO,CAAC,EAAE;OACV,SAAS,EAAE,OAAO,EAAE,WAAW,YAAY;OAC3C,GAAI,WAAW,CAAC;OAChB,UAAU,QAAQ;QAChB,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC;QACzB,IAAI,OAAO,OAAO,aAAa,GAAG,GAAG;QACrC,IAAI,OAAO,sBAAsB,aAAa,kBAAkB;OAClE;OACA,UAAU,WAAW,CAAC,CAAC,CAAC,WAAW,WAAW,CAAC,CAAC,CAAC,WAAW;iBAE3D,EAAE;MACG,GAlBD,EAAE,MAAM,SAAS,CAkBhB,CACT;KACG,CAAA,CACF;;GACH,CAAA,IACH,KAAA,CACA,EAAA,CAAA,GAEL,kBACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAA,MAAD;IAAM,KAAI;cAAV;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;MACE,MAAK;MACL,KAAK,EAAE,MAAM,QAAQ;MACrB,SAAQ;MACR,eAAe;OACb,OAAO,cAAc,EAAA,GAAA,SAAA,UAAA,iBAAW,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;OAC/C,IAAI,OAAO,sBAAsB,aAAa,kBAAkB;MAClE;gBACD;KAEO,CAAA;KACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;MACE,MAAK;MACL,KAAK,EAAE,MAAM,QAAQ;MACrB,SAAQ;MACR,eAAe;OACb,OAAO,cAAc,EAAA,GAAA,SAAA,UAAA,iBAAW,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;OAC/C,IAAI,OAAO,sBAAsB,aAAa,kBAAkB;MAClE;gBACD;KAEO,CAAA;KACP,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;MACE,MAAK;MACL,KAAK,EAAE,MAAM,QAAQ;MACrB,SAAQ;MACR,eAAe;OACb,OAAO,cAAc,EAAA,GAAA,SAAA,SAAA,iBAAU,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;OAC9C,IAAI,OAAO,sBAAsB,aAAa,kBAAkB;MAClE;gBACD;KAEO,CAAA,IACN,KAAA;IACA;QACJ,KAAA,CACA;;CACG,CAAA;AAEf,CACF"}
1	+ {"version":3,"file":"DateTimePicker.cjs","names":["styled","Flex","Button","ChevronLeftIcon","ChevronRightIcon","React","useDatePicker","useState","Box","Text","addMonths","addYears"],"sources":["../../../components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { DPDatesConfig, DPPropGetter, DPUserConfig, useDatePicker } from '@rehookify/datepicker';\nimport { addMonths, addYears } from 'date-fns';\nimport React, { useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Flex } from '../Flex';\nimport { Text } from '../Text';\n\nconst CalendarGrid = styled('div', {\n display: 'grid',\n alignItems: 'center',\n gap: '$1',\n px: '$2',\n borderLeft: '2px solid $buttonSecondaryBorder',\n borderRight: '2px solid $buttonSecondaryBorder',\n});\n\nconst SevenColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(7, 1fr)',\n});\n\nconst ThreeColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(3, 1fr)',\n height: '100%',\n});\n\nconst StyledDiv = styled('div');\n\ntype HeaderProps = {\n centerButtonLabel: string;\n centerButtonOnClick: () => void;\n leftButtonProps: DPPropGetter;\n rightButtonProps: DPPropGetter;\n};\n\nfunction Header({\n centerButtonLabel,\n centerButtonOnClick,\n leftButtonProps,\n rightButtonProps,\n}: HeaderProps) {\n return (\n <Flex align=\"center\" gap=\"2\" css={{ px: '$2' }}>\n <Button type=\"button\" ghost variant=\"secondary\" {...leftButtonProps}>\n <ChevronLeftIcon />\n </Button>\n <Button\n type=\"button\"\n role=\"button\"\n tabIndex={0}\n css={{ flexGrow: 1, textAlign: 'center' }}\n ghost\n onClick={centerButtonOnClick}\n variant=\"secondary\"\n >\n {centerButtonLabel}\n </Button>\n <Button type=\"button\" ghost variant=\"secondary\" {...rightButtonProps}>\n <ChevronRightIcon />\n </Button>\n </Flex>\n );\n}\n\ntype CustomDPDatesConfig = Omit<DPDatesConfig, 'mode'>;\n\ntype CustomDPUserConfig = Omit<DPUserConfig, 'dates'> & {\n dates?: Partial<CustomDPDatesConfig>;\n};\n\nexport type DateTimePickerProps = CustomDPUserConfig & {\n css?: CSS;\n onFastTravelClick?: () => void;\n onTimeButtonClick?: () => void;\n showDatePresets?: boolean;\n showTimePicker?: boolean;\n};\n\nexport type DateTimePickerVariants = VariantProps<DateTimePickerProps>;\n\nexport const DateTimePicker = React.forwardRef<\n React.ElementRef<typeof StyledDiv>,\n DateTimePickerProps\n>(\n (\n { css, onFastTravelClick, onTimeButtonClick, showDatePresets, showTimePicker, ...config },\n fowardedRef,\n ) => {\n const {\n data: { calendars, months, time, weekDays, years },\n propGetters: {\n addOffset,\n dayButton,\n monthButton,\n nextYearsButton,\n previousYearsButton,\n subtractOffset,\n timeButton,\n yearButton,\n },\n } = useDatePicker(config);\n\n const [page, setPage] = useState<number>(0);\n\n const { days, month, year } = calendars[0];\n\n return (\n <StyledDiv css={css} ref={fowardedRef}>\n <Flex direction=\"column\" gap=\"2\" css={{ display: 'inline-flex' }}>\n <Flex>\n <Box\n css={{\n flex: 1,\n minHeight: config.calendar?.mode === 'fluid' ? '244px' : '280px',\n minWidth: '268px',\n }}\n >\n <Flex\n direction=\"column\"\n css={{ display: page === 0 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={month}\n centerButtonOnClick={() => setPage(1)}\n leftButtonProps={subtractOffset({ months: 1 })}\n rightButtonProps={addOffset({ months: 1 })}\n />\n <SevenColGrid>\n {weekDays.map((weekDay, index) => (\n <Text key={index} css={{ lineHeight: '$sizes$6', textAlign: 'center' }}>\n {weekDay}\n </Text>\n ))}\n {days.map((d) => (\n <Button\n key={d.$date.toString()}\n type=\"button\"\n css={{\n width: '32px',\n px: 0,\n color:\n !d.disabled && !d.inCurrentMonth && !d.selected\n ? '$textSubtle'\n : undefined,\n fontWeight: d.now && !d.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!d.selected}\n variant={d.now \|\| d.selected ? 'primary' : 'secondary'}\n {...dayButton(d)}\n tabIndex={dayButton(d).disabled ? dayButton(d).tabIndex : 0}\n >\n {d.day}\n </Button>\n ))}\n </SevenColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 1 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={year}\n centerButtonOnClick={() => setPage(2)}\n leftButtonProps={subtractOffset({ years: 1 })}\n rightButtonProps={addOffset({ years: 1 })}\n />\n <ThreeColGrid>\n {months.map((m) => (\n <Button\n key={m.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: m.now && !m.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!m.selected}\n variant={m.now \|\| m.selected ? 'primary' : 'secondary'}\n {...monthButton(m)}\n onClick={(evt) => {\n setPage(0);\n const fn = monthButton(m).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={monthButton(m).disabled ? monthButton(m).tabIndex : 0}\n >\n {m.month}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 2 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={`${years[0].year} - ${years[years.length - 1].year}`}\n centerButtonOnClick={() => setPage(0)}\n leftButtonProps={previousYearsButton()}\n rightButtonProps={nextYearsButton()}\n />\n <ThreeColGrid>\n {years.map((y) => (\n <Button\n key={y.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: y.now && !y.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!y.selected}\n variant={y.now \|\| y.selected ? 'primary' : 'secondary'}\n {...yearButton(y)}\n onClick={(evt) => {\n setPage(0);\n const fn = yearButton(y).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={yearButton(y).disabled ? yearButton(y).tabIndex : 0}\n >\n {y.year}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n </Box>\n\n {showTimePicker ? (\n <Box css={{ flex: 1, width: '90px', position: 'relative', overflow: 'auto' }}>\n <Flex\n direction=\"column\"\n gap=\"1\"\n css={{ position: 'absolute', top: 0, left: 0, height: '100%', width: '100%' }}\n >\n <Text css={{ mt: '32px', ml: '8px', lineHeight: '$sizes$6' }}>Time</Text>\n <Flex direction=\"column\" gap=\"1\" css={{ overflow: 'auto', px: '$2' }}>\n {time.map((t) => (\n <Button\n key={t.$date.toString()}\n type=\"button\"\n css={{\n px: '$2',\n fontWeight: t.now && !t.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!t.selected}\n variant={t.now \|\| t.selected ? 'primary' : 'secondary'}\n {...timeButton(t)}\n onClick={(evt) => {\n const fn = timeButton(t).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n if (typeof onTimeButtonClick !== 'undefined') onTimeButtonClick();\n }}\n tabIndex={timeButton(t).disabled ? timeButton(t).tabIndex : 0}\n >\n {t.time}\n </Button>\n ))}\n </Flex>\n </Flex>\n </Box>\n ) : undefined}\n </Flex>\n\n {showDatePresets ? (\n <Flex gap=\"2\">\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 M\n </Button>\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 3)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 3 M\n </Button>\n {showTimePicker ? (\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addYears(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 Y\n </Button>\n ) : undefined}\n </Flex>\n ) : undefined}\n </Flex>\n </StyledDiv>\n );\n },\n);\n"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDatePicker } from "@rehookify/datepicker";
 import { addMonths, addYears } from "date-fns";
-//#region components/DateTimePicker/DateTimePicker.tsx
+// components/DateTimePicker/DateTimePicker.tsx
 var CalendarGrid = styled("div", {
 	display: "grid",
 	alignItems: "center",
@@ -260,7 +260,6 @@ var DateTimePicker = React.forwardRef(({ css, onFastTravelClick, onTimeButtonCli
 		})
 	});
 });
-//#endregion
 export { DateTimePicker };
 //# sourceMappingURL=DateTimePicker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTimePicker.js","names":[],"sources":["../../../components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { DPDatesConfig, DPPropGetter, DPUserConfig, useDatePicker } from '@rehookify/datepicker';\nimport { addMonths, addYears } from 'date-fns';\nimport React, { useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Flex } from '../Flex';\nimport { Text } from '../Text';\n\nconst CalendarGrid = styled('div', {\n display: 'grid',\n alignItems: 'center',\n gap: '$1',\n px: '$2',\n borderLeft: '2px solid $buttonSecondaryBorder',\n borderRight: '2px solid $buttonSecondaryBorder',\n});\n\nconst SevenColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(7, 1fr)',\n});\n\nconst ThreeColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(3, 1fr)',\n height: '100%',\n});\n\nconst StyledDiv = styled('div');\n\ntype HeaderProps = {\n centerButtonLabel: string;\n centerButtonOnClick: () => void;\n leftButtonProps: DPPropGetter;\n rightButtonProps: DPPropGetter;\n};\n\nfunction Header({\n centerButtonLabel,\n centerButtonOnClick,\n leftButtonProps,\n rightButtonProps,\n}: HeaderProps) {\n return (\n <Flex align=\"center\" gap=\"2\" css={{ px: '$2' }}>\n <Button type=\"button\" ghost variant=\"secondary\" {...leftButtonProps}>\n <ChevronLeftIcon />\n </Button>\n <Button\n type=\"button\"\n role=\"button\"\n tabIndex={0}\n css={{ flexGrow: 1, textAlign: 'center' }}\n ghost\n onClick={centerButtonOnClick}\n variant=\"secondary\"\n >\n {centerButtonLabel}\n </Button>\n <Button type=\"button\" ghost variant=\"secondary\" {...rightButtonProps}>\n <ChevronRightIcon />\n </Button>\n </Flex>\n );\n}\n\ntype CustomDPDatesConfig = Omit<DPDatesConfig, 'mode'>;\n\ntype CustomDPUserConfig = Omit<DPUserConfig, 'dates'> & {\n dates?: Partial<CustomDPDatesConfig>;\n};\n\nexport type DateTimePickerProps = CustomDPUserConfig & {\n css?: CSS;\n onFastTravelClick?: () => void;\n onTimeButtonClick?: () => void;\n showDatePresets?: boolean;\n showTimePicker?: boolean;\n};\n\nexport type DateTimePickerVariants = VariantProps<DateTimePickerProps>;\n\nexport const DateTimePicker = React.forwardRef<\n React.ElementRef<typeof StyledDiv>,\n DateTimePickerProps\n>(\n (\n { css, onFastTravelClick, onTimeButtonClick, showDatePresets, showTimePicker, ...config },\n fowardedRef,\n ) => {\n const {\n data: { calendars, months, time, weekDays, years },\n propGetters: {\n addOffset,\n dayButton,\n monthButton,\n nextYearsButton,\n previousYearsButton,\n subtractOffset,\n timeButton,\n yearButton,\n },\n } = useDatePicker(config);\n\n const [page, setPage] = useState<number>(0);\n\n const { days, month, year } = calendars[0];\n\n return (\n <StyledDiv css={css} ref={fowardedRef}>\n <Flex direction=\"column\" gap=\"2\" css={{ display: 'inline-flex' }}>\n <Flex>\n <Box\n css={{\n flex: 1,\n minHeight: config.calendar?.mode === 'fluid' ? '244px' : '280px',\n minWidth: '268px',\n }}\n >\n <Flex\n direction=\"column\"\n css={{ display: page === 0 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={month}\n centerButtonOnClick={() => setPage(1)}\n leftButtonProps={subtractOffset({ months: 1 })}\n rightButtonProps={addOffset({ months: 1 })}\n />\n <SevenColGrid>\n {weekDays.map((weekDay, index) => (\n <Text key={index} css={{ lineHeight: '$sizes$6', textAlign: 'center' }}>\n {weekDay}\n </Text>\n ))}\n {days.map((d) => (\n <Button\n key={d.$date.toString()}\n type=\"button\"\n css={{\n width: '32px',\n px: 0,\n color:\n !d.disabled && !d.inCurrentMonth && !d.selected\n ? '$textSubtle'\n : undefined,\n fontWeight: d.now && !d.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!d.selected}\n variant={d.now \|\| d.selected ? 'primary' : 'secondary'}\n {...dayButton(d)}\n tabIndex={dayButton(d).disabled ? dayButton(d).tabIndex : 0}\n >\n {d.day}\n </Button>\n ))}\n </SevenColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 1 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={year}\n centerButtonOnClick={() => setPage(2)}\n leftButtonProps={subtractOffset({ years: 1 })}\n rightButtonProps={addOffset({ years: 1 })}\n />\n <ThreeColGrid>\n {months.map((m) => (\n <Button\n key={m.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: m.now && !m.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!m.selected}\n variant={m.now \|\| m.selected ? 'primary' : 'secondary'}\n {...monthButton(m)}\n onClick={(evt) => {\n setPage(0);\n const fn = monthButton(m).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={monthButton(m).disabled ? monthButton(m).tabIndex : 0}\n >\n {m.month}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 2 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={`${years[0].year} - ${years[years.length - 1].year}`}\n centerButtonOnClick={() => setPage(0)}\n leftButtonProps={previousYearsButton()}\n rightButtonProps={nextYearsButton()}\n />\n <ThreeColGrid>\n {years.map((y) => (\n <Button\n key={y.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: y.now && !y.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!y.selected}\n variant={y.now \|\| y.selected ? 'primary' : 'secondary'}\n {...yearButton(y)}\n onClick={(evt) => {\n setPage(0);\n const fn = yearButton(y).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={yearButton(y).disabled ? yearButton(y).tabIndex : 0}\n >\n {y.year}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n </Box>\n\n {showTimePicker ? (\n <Box css={{ flex: 1, width: '90px', position: 'relative', overflow: 'auto' }}>\n <Flex\n direction=\"column\"\n gap=\"1\"\n css={{ position: 'absolute', top: 0, left: 0, height: '100%', width: '100%' }}\n >\n <Text css={{ mt: '32px', ml: '8px', lineHeight: '$sizes$6' }}>Time</Text>\n <Flex direction=\"column\" gap=\"1\" css={{ overflow: 'auto', px: '$2' }}>\n {time.map((t) => (\n <Button\n key={t.$date.toString()}\n type=\"button\"\n css={{\n px: '$2',\n fontWeight: t.now && !t.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!t.selected}\n variant={t.now \|\| t.selected ? 'primary' : 'secondary'}\n {...timeButton(t)}\n onClick={(evt) => {\n const fn = timeButton(t).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n if (typeof onTimeButtonClick !== 'undefined') onTimeButtonClick();\n }}\n tabIndex={timeButton(t).disabled ? timeButton(t).tabIndex : 0}\n >\n {t.time}\n </Button>\n ))}\n </Flex>\n </Flex>\n </Box>\n ) : undefined}\n </Flex>\n\n {showDatePresets ? (\n <Flex gap=\"2\">\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 M\n </Button>\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 3)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 3 M\n </Button>\n {showTimePicker ? (\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addYears(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 Y\n </Button>\n ) : undefined}\n </Flex>\n ) : undefined}\n </Flex>\n </StyledDiv>\n );\n },\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateTimePicker.js","names":[],"sources":["../../../components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { DPDatesConfig, DPPropGetter, DPUserConfig, useDatePicker } from '@rehookify/datepicker';\nimport { addMonths, addYears } from 'date-fns';\nimport React, { useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Flex } from '../Flex';\nimport { Text } from '../Text';\n\nconst CalendarGrid = styled('div', {\n display: 'grid',\n alignItems: 'center',\n gap: '$1',\n px: '$2',\n borderLeft: '2px solid $buttonSecondaryBorder',\n borderRight: '2px solid $buttonSecondaryBorder',\n});\n\nconst SevenColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(7, 1fr)',\n});\n\nconst ThreeColGrid = styled(CalendarGrid, {\n gridTemplateColumns: 'repeat(3, 1fr)',\n height: '100%',\n});\n\nconst StyledDiv = styled('div');\n\ntype HeaderProps = {\n centerButtonLabel: string;\n centerButtonOnClick: () => void;\n leftButtonProps: DPPropGetter;\n rightButtonProps: DPPropGetter;\n};\n\nfunction Header({\n centerButtonLabel,\n centerButtonOnClick,\n leftButtonProps,\n rightButtonProps,\n}: HeaderProps) {\n return (\n <Flex align=\"center\" gap=\"2\" css={{ px: '$2' }}>\n <Button type=\"button\" ghost variant=\"secondary\" {...leftButtonProps}>\n <ChevronLeftIcon />\n </Button>\n <Button\n type=\"button\"\n role=\"button\"\n tabIndex={0}\n css={{ flexGrow: 1, textAlign: 'center' }}\n ghost\n onClick={centerButtonOnClick}\n variant=\"secondary\"\n >\n {centerButtonLabel}\n </Button>\n <Button type=\"button\" ghost variant=\"secondary\" {...rightButtonProps}>\n <ChevronRightIcon />\n </Button>\n </Flex>\n );\n}\n\ntype CustomDPDatesConfig = Omit<DPDatesConfig, 'mode'>;\n\ntype CustomDPUserConfig = Omit<DPUserConfig, 'dates'> & {\n dates?: Partial<CustomDPDatesConfig>;\n};\n\nexport type DateTimePickerProps = CustomDPUserConfig & {\n css?: CSS;\n onFastTravelClick?: () => void;\n onTimeButtonClick?: () => void;\n showDatePresets?: boolean;\n showTimePicker?: boolean;\n};\n\nexport type DateTimePickerVariants = VariantProps<DateTimePickerProps>;\n\nexport const DateTimePicker = React.forwardRef<\n React.ElementRef<typeof StyledDiv>,\n DateTimePickerProps\n>(\n (\n { css, onFastTravelClick, onTimeButtonClick, showDatePresets, showTimePicker, ...config },\n fowardedRef,\n ) => {\n const {\n data: { calendars, months, time, weekDays, years },\n propGetters: {\n addOffset,\n dayButton,\n monthButton,\n nextYearsButton,\n previousYearsButton,\n subtractOffset,\n timeButton,\n yearButton,\n },\n } = useDatePicker(config);\n\n const [page, setPage] = useState<number>(0);\n\n const { days, month, year } = calendars[0];\n\n return (\n <StyledDiv css={css} ref={fowardedRef}>\n <Flex direction=\"column\" gap=\"2\" css={{ display: 'inline-flex' }}>\n <Flex>\n <Box\n css={{\n flex: 1,\n minHeight: config.calendar?.mode === 'fluid' ? '244px' : '280px',\n minWidth: '268px',\n }}\n >\n <Flex\n direction=\"column\"\n css={{ display: page === 0 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={month}\n centerButtonOnClick={() => setPage(1)}\n leftButtonProps={subtractOffset({ months: 1 })}\n rightButtonProps={addOffset({ months: 1 })}\n />\n <SevenColGrid>\n {weekDays.map((weekDay, index) => (\n <Text key={index} css={{ lineHeight: '$sizes$6', textAlign: 'center' }}>\n {weekDay}\n </Text>\n ))}\n {days.map((d) => (\n <Button\n key={d.$date.toString()}\n type=\"button\"\n css={{\n width: '32px',\n px: 0,\n color:\n !d.disabled && !d.inCurrentMonth && !d.selected\n ? '$textSubtle'\n : undefined,\n fontWeight: d.now && !d.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!d.selected}\n variant={d.now \|\| d.selected ? 'primary' : 'secondary'}\n {...dayButton(d)}\n tabIndex={dayButton(d).disabled ? dayButton(d).tabIndex : 0}\n >\n {d.day}\n </Button>\n ))}\n </SevenColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 1 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={year}\n centerButtonOnClick={() => setPage(2)}\n leftButtonProps={subtractOffset({ years: 1 })}\n rightButtonProps={addOffset({ years: 1 })}\n />\n <ThreeColGrid>\n {months.map((m) => (\n <Button\n key={m.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: m.now && !m.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!m.selected}\n variant={m.now \|\| m.selected ? 'primary' : 'secondary'}\n {...monthButton(m)}\n onClick={(evt) => {\n setPage(0);\n const fn = monthButton(m).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={monthButton(m).disabled ? monthButton(m).tabIndex : 0}\n >\n {m.month}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n\n <Flex\n direction=\"column\"\n css={{ display: page === 2 ? 'flex' : 'none', height: '100%' }}\n >\n <Header\n centerButtonLabel={`${years[0].year} - ${years[years.length - 1].year}`}\n centerButtonOnClick={() => setPage(0)}\n leftButtonProps={previousYearsButton()}\n rightButtonProps={nextYearsButton()}\n />\n <ThreeColGrid>\n {years.map((y) => (\n <Button\n key={y.$date.toString()}\n type=\"button\"\n css={{\n px: 0,\n fontWeight: y.now && !y.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!y.selected}\n variant={y.now \|\| y.selected ? 'primary' : 'secondary'}\n {...yearButton(y)}\n onClick={(evt) => {\n setPage(0);\n const fn = yearButton(y).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n }}\n tabIndex={yearButton(y).disabled ? yearButton(y).tabIndex : 0}\n >\n {y.year}\n </Button>\n ))}\n </ThreeColGrid>\n </Flex>\n </Box>\n\n {showTimePicker ? (\n <Box css={{ flex: 1, width: '90px', position: 'relative', overflow: 'auto' }}>\n <Flex\n direction=\"column\"\n gap=\"1\"\n css={{ position: 'absolute', top: 0, left: 0, height: '100%', width: '100%' }}\n >\n <Text css={{ mt: '32px', ml: '8px', lineHeight: '$sizes$6' }}>Time</Text>\n <Flex direction=\"column\" gap=\"1\" css={{ overflow: 'auto', px: '$2' }}>\n {time.map((t) => (\n <Button\n key={t.$date.toString()}\n type=\"button\"\n css={{\n px: '$2',\n fontWeight: t.now && !t.selected ? '$bold' : undefined,\n textAlign: 'center',\n }}\n ghost={!t.selected}\n variant={t.now \|\| t.selected ? 'primary' : 'secondary'}\n {...timeButton(t)}\n onClick={(evt) => {\n const fn = timeButton(t).onClick;\n if (typeof fn !== 'undefined') fn(evt);\n if (typeof onTimeButtonClick !== 'undefined') onTimeButtonClick();\n }}\n tabIndex={timeButton(t).disabled ? timeButton(t).tabIndex : 0}\n >\n {t.time}\n </Button>\n ))}\n </Flex>\n </Flex>\n </Box>\n ) : undefined}\n </Flex>\n\n {showDatePresets ? (\n <Flex gap=\"2\">\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 M\n </Button>\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addMonths(new Date(), 3)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 3 M\n </Button>\n {showTimePicker ? (\n <Button\n type=\"button\"\n css={{ flex: '1 1 0' }}\n variant=\"secondary\"\n onClick={() => {\n config.onDatesChange([addYears(new Date(), 1)]);\n if (typeof onFastTravelClick !== 'undefined') onFastTravelClick();\n }}\n >\n Now + 1 Y\n </Button>\n ) : undefined}\n </Flex>\n ) : undefined}\n </Flex>\n </StyledDiv>\n );\n },\n);\n"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let date_fns = require("date-fns");
 let _floating_ui_react = require("@floating-ui/react");
-//#region components/DateTimePickerInput/DateTimePickerInput.tsx
+// components/DateTimePickerInput/DateTimePickerInput.tsx
 var StyledWrapper = require_stitches_config.styled("div", {
 	display: "flex",
 	position: "relative",
@@ -59,24 +59,28 @@ var DateTimePickerInput = react.default.forwardRef(({ inputCSS, inputProps, onCh
 	const formatStr = "yyyy-MM-dd'T'HH:mm";
 	const arrowRef = (0, react.useRef)(null);
 	const [inputValue, setInputValue] = (0, react.useState)("");
-	const [selectedDates, onDatesChange] = (0, react.useState)([]);
+	const [selectedDates, setSelectedDates] = (0, react.useState)([]);
 	const [isPickerOpen, setIsPickerOpen] = (0, react.useState)(false);
+	const middleware = (0, react.useMemo)(() => [
+		(0, _floating_ui_react.offset)(10),
+		(0, _floating_ui_react.flip)(),
+		(0, _floating_ui_react.shift)(),
+		(0, _floating_ui_react.arrow)({ element: arrowRef })
+	], []);
 	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
 		open: isPickerOpen,
 		onOpenChange: setIsPickerOpen,
 		placement: pickerPlacement,
-		middleware: (0, react.useMemo)(() => [
-			(0, _floating_ui_react.offset)(10),
-			(0, _floating_ui_react.flip)(),
-			(0, _floating_ui_react.shift)(),
-			(0, _floating_ui_react.arrow)({ element: arrowRef })
-		], []),
+		middleware,
 		whileElementsMounted: _floating_ui_react.autoUpdate
 	});
+	const click = (0, _floating_ui_react.useClick)(context);
+	const dismiss = (0, _floating_ui_react.useDismiss)(context);
+	const role = (0, _floating_ui_react.useRole)(context);
 	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
-		(0, _floating_ui_react.useClick)(context),
-		(0, _floating_ui_react.useDismiss)(context),
-		(0, _floating_ui_react.useRole)(context)
+		click,
+		dismiss,
+		role
 	]);
 	const { onClick: onFirefoxPatchClick } = getReferenceProps();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledWrapper, {
@@ -95,7 +99,7 @@ var DateTimePickerInput = react.default.forwardRef(({ inputCSS, inputProps, onCh
 					setInputValue(value);
 					try {
 						const newDates = value.split(",").map((d) => (0, date_fns.parse)(d.trim(), formatStr, /* @__PURE__ */ new Date()));
-						onDatesChange(newDates);
+						setSelectedDates(newDates);
 						if (onChange) onChange(newDates);
 					} catch (err) {}
 				},
@@ -119,7 +123,7 @@ var DateTimePickerInput = react.default.forwardRef(({ inputCSS, inputProps, onCh
 						...pickerProps,
 						css: pickerCSS,
 						onDatesChange: (d) => {
-							onDatesChange(d);
+							setSelectedDates(d);
 							setInputValue(d.map((date) => (0, date_fns.format)(date, formatStr)).join(", "));
 							if (onChange) onChange(d);
 						},
@@ -138,7 +142,6 @@ var DateTimePickerInput = react.default.forwardRef(({ inputCSS, inputProps, onCh
 		]
 	});
 });
-//#endregion
 exports.DateTimePickerInput = DateTimePickerInput;
 //# sourceMappingURL=DateTimePickerInput.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTimePickerInput.cjs","names":[],"sources":["../../../components/DateTimePickerInput/DateTimePickerInput.tsx"],"sourcesContent":["import {\n arrow,\n autoUpdate,\n flip,\n FloatingArrow,\n FloatingFocusManager,\n offset,\n Placement,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useInteractions,\n useRole,\n} from '@floating-ui/react';\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { DPUserConfig } from '@rehookify/datepicker';\nimport { format, parse } from 'date-fns';\nimport React, { MouseEventHandler, Ref, useMemo, useRef, useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { Input, InputHandle } from '../Input';\n\nconst StyledWrapper = styled('div', {\n display: 'flex',\n position: 'relative',\n width: '100%',\n\n '& .firefox-patch': {\n display: 'none',\n },\n\n '@supports (-moz-appearance: none)': {\n '& .firefox-patch': {\n display: 'block',\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '17px',\n top: '6px',\n background: '$inputBg',\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n },\n\n '&:focus-visible': {\n '&::before': {\n backgroundColor: '$inputFocusBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.15,\n },\n },\n },\n\n '@hover': {\n '&:hover .firefox-patch': {\n '&::before': {\n backgroundColor: '$inputHoverBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.05,\n },\n },\n },\n },\n});\n\nexport type DateTimePickerInputProps = Omit<DPUserConfig, 'onDatesChange' \| 'selectedDates'> & {\n inputCSS?: CSS;\n inputProps?: Omit<typeof Input, 'css' \| 'onChange' \| 'ref' \| 'value'>;\n onChange?: (d: Date[]) => void;\n pickerCSS?: CSS;\n pickerPlacement?: Placement;\n showDatePresets?: boolean;\n showTimePicker?: boolean;\n};\n\nexport type DateTimePickerInputVariants = VariantProps<DateTimePickerInputProps>;\n\nexport const DateTimePickerInput = React.forwardRef<\n React.ElementRef<typeof StyledWrapper>,\n DateTimePickerInputProps\n>(\n (\n {\n inputCSS,\n inputProps,\n onChange,\n pickerCSS,\n pickerPlacement,\n showDatePresets,\n showTimePicker,\n ...pickerProps\n },\n fowardedRef,\n ) => {\n const formatStr = \"yyyy-MM-dd'T'HH:mm\";\n\n const arrowRef = useRef(null);\n\n const [inputValue, setInputValue] = useState<string>('');\n const [selectedDates, ~~onDatesChange~~] = useState<Date[]>([]);\n const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n const middleware = useMemo(\n () => [\n offset(10),\n flip(),\n shift(),\n // arrowRef is passed to floating-ui which handles it correctly\n arrow({ element: arrowRef }),\n ],\n [],\n );\n\n const { refs, floatingStyles, context } = useFloating({\n open: isPickerOpen,\n onOpenChange: setIsPickerOpen,\n placement: pickerPlacement,\n middleware,\n whileElementsMounted: autoUpdate,\n });\n\n const click = useClick(context);\n const dismiss = useDismiss(context);\n const role = useRole(context);\n\n const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n const { onClick: onFirefoxPatchClick } = getReferenceProps();\n\n return (\n <StyledWrapper ref={fowardedRef}>\n <Input\n startAdornment={<CalendarIcon />}\n {...getReferenceProps()}\n {...inputProps}\n css={{ '& input::-webkit-calendar-picker-indicator': { display: 'none' }, ...inputCSS }}\n onChange={(evt) => {\n const value = evt.currentTarget.value;\n setInputValue(value);\n try {\n const newDates = (value as string)\n .split(',')\n .map((d) => parse(d.trim(), formatStr, new Date()));\n ~~onDatesChange~~(newDates);\n if (onChange) onChange(newDates);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n } catch (err) {\n // empty\n }\n }}\n ref={refs.setReference as Ref<InputHandle>}\n type=\"datetime-local\"\n value={inputValue}\n />\n <div\n className=\"firefox-patch\"\n onClick={onFirefoxPatchClick as MouseEventHandler<HTMLDivElement>}\n />\n {isPickerOpen && (\n <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n {/* refs.setFloating is a stable callback ref from floating-ui */}\n <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n <Card>\n <DateTimePicker\n {...pickerProps}\n css={pickerCSS}\n onDatesChange={(d) => {\n ~~onDatesChange~~(d);\n setInputValue(d.map((date) => format(date, formatStr)).join(', '));\n if (onChange) onChange(d);\n }}\n onFastTravelClick={() => setIsPickerOpen(false)}\n onTimeButtonClick={() => setIsPickerOpen(false)}\n selectedDates={selectedDates}\n showDatePresets={showDatePresets}\n showTimePicker={showTimePicker}\n />\n </Card>\n <FloatingArrow ref={arrowRef} context={context} fill=\"var(--colors-01dp)\" />\n </div>\n </FloatingFocusManager>\n )}\n </StyledWrapper>\n );\n },\n);\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAM,~~gBAAgB~~,~~wBAAA~~,OAAO,OAAO;CAClC,SAAS;CACT,UAAU;CACV,OAAO;CAEP,oBAAoB,EAClB,SAAS,OACX;CAEA,qCAAqC;EACnC,oBAAoB;GAClB,SAAS;GACT,OAAO;GACP,QAAQ;GACR,UAAU;GACV,OAAO;GACP,KAAK;GACL,YAAY;GAEZ,aAAa;IACX,WAAW;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,eAAe;GACjB;GACA,YAAY;IACV,WAAW;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,eAAe;GACjB;GAEA,mBAAmB;IACjB,aAAa,EACX,iBAAiB,gBACnB;IACA,YAAY;KACV,iBAAiB;KACjB,SAAS;IACX;GACF;EACF;EAEA,UAAU,EACR,0BAA0B;GACxB,aAAa,EACX,iBAAiB,gBACnB;GACA,YAAY;IACV,iBAAiB;IACjB,SAAS;GACX;EACF,EACF;CACF;AACF,CAAC;AAcD,IAAa,~~sBAAsB~~,~~MAAA~~,QAAM,YAKrC,EACE,UACA,YACA,UACA,WACA,iBACA,iBACA,gBACA,GAAG,eAEL,gBACG;CACH,MAAM,YAAY;CAElB,MAAM,YAAA,~~GAAA~~,~~MAAA~~,~~OAAA~~,~~CAAkB~~,IAAI;CAE5B,MAAM,CAAC,YAAY,kBAAA,~~GAAA~~,~~MAAA~~,~~SAAA~~,~~CAAkC~~,EAAE;CACvD,MAAM,CAAC,eAAe,~~kBAAA~~,~~GAAA~~,~~MAAA~~,~~SAAA~~,~~CAAkC~~,CAAC,CAAC;~~CAC1D~~,MAAM,CAAC,cAAc,oBAAA,~~GAAA~~,~~MAAA~~,~~SAAA~~,~~CAA4B~~,KAAK;~~CAatD~~,MAAM,EAAE,MAAM,gBAAgB,aAAA,~~GAAA~~,~~mBAAA~~,~~YAAA~~,~~CAAwB~~;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,~~aAAA~~,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~OAdM;kCACG~~,~~EAAE;gCACJ;iCACC;iCAEA~~,~~EAAE~~,~~SAAS~~,~~SAAS~~,~~CAAC~~;~~EAC7B~~,~~GACA~~,~~CAAC~~,~~CAOD;EACA~~,~~sBAAsB~~,~~mBAAA~~;~~CACxB~~,~~CAAC~~;~~CAMD~~,MAAM,EAAE,mBAAmB,sBAAA,~~GAAA~~,~~mBAAA~~,~~gBAAA~~,~~CAAqC~~;~~mCAJzC,OAI0C~~;~~qCAHtC,OAG6C~~;~~kCAFnD,OAE4D~~;CAAI,CAAC;CACtF,MAAM,EAAE,SAAS,wBAAwB,kBAAkB;CAE3D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAD;EAAe,KAAK;~~YAApB~~;GACE,iBAAA,GAAA,kBAAA,IAAA,~~CAAC~~,~~cAAA~~,OAAD;IACE,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,~~CAAC~~,~~sBAAA~~,cAAD,CAAe,CAAA;IAC/B,GAAI,kBAAkB;IACtB,GAAI;IACJ,KAAK;KAAE,8CAA8C,EAAE,SAAS,OAAO;KAAG,GAAG;IAAS;IACtF,WAAW,QAAQ;KACjB,MAAM,QAAQ,IAAI,cAAc;KAChC,cAAc,KAAK;KACnB,IAAI;MACF,MAAM,WAAY,MACf,MAAM,GAAG,CAAC,CACV,KAAK,OAAA,~~GAAA~~,~~SAAA~~,~~MAAA~~,~~CAAY~~,EAAE,KAAK,GAAG,2BAAW,IAAI,KAAK,CAAC,CAAC;MACpD,~~cAAc~~,QAAQ;~~MACtB~~,IAAI,UAAU,SAAS,QAAQ;KAEjC,SAAS,KAAK,CAEd;IACF;IACA,KAAK,KAAK;IACV,MAAK;IACL,OAAO;GACR,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IACV,SAAS;GACV,CAAA;GACA,gBACC,iBAAA,GAAA,kBAAA,IAAA,~~CAAC~~,~~mBAAA~~,sBAAD;IAA+B;IAAS,cAAc;IAAI,OAAO;~~cAE~~/D,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,KAAK,KAAK;KAAa,OAAO;KAAgB,GAAI,iBAAiB;~~eAAxE~~,CACE,iBAAA,GAAA,kBAAA,IAAA,~~CAAC~~,~~aAAA~~,MAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,~~CAAC~~,~~uBAAA~~,gBAAD;MACE,GAAI;MACJ,KAAK;MACL,gBAAgB,MAAM;OACpB,~~cAAc~~,CAAC;~~OACf~~,cAAc,EAAE,KAAK,UAAA,~~GAAA~~,~~SAAA~~,~~OAAA~~,~~CAAgB~~,MAAM,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;OACjE,IAAI,UAAU,SAAS,CAAC;MAC1B;MACA,yBAAyB,gBAAgB,KAAK;MAC9C,yBAAyB,gBAAgB,KAAK;MAC/B;MACE;MACD;KACjB,CAAA,EACG,CAAA,GACN,iBAAA,GAAA,kBAAA,IAAA,~~CAAC~~,~~mBAAA~~,eAAD;MAAe,KAAK;MAAmB;MAAS,MAAK;KAAsB,CAAA,CACxE;;GACe,CAAA;EAEX;;AAEnB,CACF"}
1	+ {"version":3,"file":"DateTimePickerInput.cjs","names":["styled","React","useRef","useState","useMemo","offset","flip","shift","arrow","useFloating","autoUpdate","useClick","useDismiss","useRole","useInteractions","Input","CalendarIcon","parse","FloatingFocusManager","Card","DateTimePicker","format","FloatingArrow"],"sources":["../../../components/DateTimePickerInput/DateTimePickerInput.tsx"],"sourcesContent":["import {\n arrow,\n autoUpdate,\n flip,\n FloatingArrow,\n FloatingFocusManager,\n offset,\n Placement,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useInteractions,\n useRole,\n} from '@floating-ui/react';\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { DPUserConfig } from '@rehookify/datepicker';\nimport { format, parse } from 'date-fns';\nimport React, { MouseEventHandler, Ref, useMemo, useRef, useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { Input, InputHandle } from '../Input';\n\nconst StyledWrapper = styled('div', {\n display: 'flex',\n position: 'relative',\n width: '100%',\n\n '& .firefox-patch': {\n display: 'none',\n },\n\n '@supports (-moz-appearance: none)': {\n '& .firefox-patch': {\n display: 'block',\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '17px',\n top: '6px',\n background: '$inputBg',\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n },\n\n '&:focus-visible': {\n '&::before': {\n backgroundColor: '$inputFocusBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.15,\n },\n },\n },\n\n '@hover': {\n '&:hover .firefox-patch': {\n '&::before': {\n backgroundColor: '$inputHoverBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.05,\n },\n },\n },\n },\n});\n\nexport type DateTimePickerInputProps = Omit<DPUserConfig, 'onDatesChange' \| 'selectedDates'> & {\n inputCSS?: CSS;\n inputProps?: Omit<typeof Input, 'css' \| 'onChange' \| 'ref' \| 'value'>;\n onChange?: (d: Date[]) => void;\n pickerCSS?: CSS;\n pickerPlacement?: Placement;\n showDatePresets?: boolean;\n showTimePicker?: boolean;\n};\n\nexport type DateTimePickerInputVariants = VariantProps<DateTimePickerInputProps>;\n\nexport const DateTimePickerInput = React.forwardRef<\n React.ElementRef<typeof StyledWrapper>,\n DateTimePickerInputProps\n>(\n (\n {\n inputCSS,\n inputProps,\n onChange,\n pickerCSS,\n pickerPlacement,\n showDatePresets,\n showTimePicker,\n ...pickerProps\n },\n fowardedRef,\n ) => {\n const formatStr = \"yyyy-MM-dd'T'HH:mm\";\n\n const arrowRef = useRef(null);\n\n const [inputValue, setInputValue] = useState<string>('');\n const [selectedDates, setSelectedDates] = useState<Date[]>([]);\n const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n const middleware = useMemo(\n () => [\n offset(10),\n flip(),\n shift(),\n // arrowRef is passed to floating-ui which handles it correctly\n arrow({ element: arrowRef }),\n ],\n [],\n );\n\n const { refs, floatingStyles, context } = useFloating({\n open: isPickerOpen,\n onOpenChange: setIsPickerOpen,\n placement: pickerPlacement,\n middleware,\n whileElementsMounted: autoUpdate,\n });\n\n const click = useClick(context);\n const dismiss = useDismiss(context);\n const role = useRole(context);\n\n const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n const { onClick: onFirefoxPatchClick } = getReferenceProps();\n\n return (\n <StyledWrapper ref={fowardedRef}>\n <Input\n startAdornment={<CalendarIcon />}\n {...getReferenceProps()}\n {...inputProps}\n css={{ '& input::-webkit-calendar-picker-indicator': { display: 'none' }, ...inputCSS }}\n onChange={(evt) => {\n const value = evt.currentTarget.value;\n setInputValue(value);\n try {\n const newDates = (value as string)\n .split(',')\n .map((d) => parse(d.trim(), formatStr, new Date()));\n setSelectedDates(newDates);\n if (onChange) onChange(newDates);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n } catch (err) {\n // empty\n }\n }}\n ref={refs.setReference as Ref<InputHandle>}\n type=\"datetime-local\"\n value={inputValue}\n />\n <div\n className=\"firefox-patch\"\n onClick={onFirefoxPatchClick as MouseEventHandler<HTMLDivElement>}\n />\n {isPickerOpen && (\n <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n {/* refs.setFloating is a stable callback ref from floating-ui */}\n <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n <Card>\n <DateTimePicker\n {...pickerProps}\n css={pickerCSS}\n onDatesChange={(d) => {\n setSelectedDates(d);\n setInputValue(d.map((date) => format(date, formatStr)).join(', '));\n if (onChange) onChange(d);\n }}\n onFastTravelClick={() => setIsPickerOpen(false)}\n onTimeButtonClick={() => setIsPickerOpen(false)}\n selectedDates={selectedDates}\n showDatePresets={showDatePresets}\n showTimePicker={showTimePicker}\n />\n </Card>\n <FloatingArrow ref={arrowRef} context={context} fill=\"var(--colors-01dp)\" />\n </div>\n </FloatingFocusManager>\n )}\n </StyledWrapper>\n );\n },\n);\n"],"mappings":"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"}