@chayns-components/date 5.0.0-beta.457 → 5.0.0-beta.458

package/lib/components/calendar/month-wrapper/MonthWrapper.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
 import type { Locale } from 'date-fns';
+import { FC } from 'react';
 import type { Categories, HighlightedDates } from '../../../types/calendar';
 export type MonthWrapperProps = {
     locale: Locale;

package/lib/components/calendar/month-wrapper/MonthWrapper.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';
-import Month from './month/Month';
 import { getMonthAndYear, getNewDate } from '../../../utils/calendar';
+import Month from './month/Month';
+import { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';
 const MonthWrapper = _ref => {
   let {
     locale,
@@ -113,7 +113,7 @@ const MonthWrapper = _ref => {
     }
   }, [direction, shouldRenderTwo]);
   return /*#__PURE__*/React.createElement(StyledMonthWrapper, {
-    height: shouldRenderTwo ? width / 2 : width
+    $height: shouldRenderTwo ? width / 2 : width
   }, /*#__PURE__*/React.createElement(StyledMotionWrapper, {
     animate: animate,
     transition: {

package/lib/components/calendar/month-wrapper/MonthWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthWrapper.js","names":["React","useEffect","useMemo","useState","StyledMonthWrapper","StyledMotionWrapper","Month","getMonthAndYear","getNewDate","MonthWrapper","_ref","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","content","setContent","prevState","items","i","date","month","year","push","createElement","key","unshift","pop","shift","animate","x","height","transition","type","duration","onAnimationComplete","displayName"],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport type { Locale } from 'date-fns';\nimport { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';\nimport type { MotionProps } from 'framer-motion';\nimport type { Categories, HighlightedDates } from '../../../types/calendar';\nimport Month from './month/Month';\nimport { getMonthAndYear, getNewDate } from '../../../utils/calendar';\n\nexport type MonthWrapperProps = {\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n    currentDate: Date;\n    direction?: 'left' | 'right';\n    onAnimationFinished: () => void;\n    shouldRenderTwo: boolean;\n    width: number;\n};\n\nconst MonthWrapper: FC<MonthWrapperProps> = ({\n    locale,\n    currentDate,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    direction,\n    onAnimationFinished,\n    shouldRenderTwo,\n    width,\n}) => {\n    const [content, setContent] = useState<ReactElement[]>();\n\n    useEffect(() => {\n        setContent((prevState) => {\n            // Initial render of months\n            if (!prevState) {\n                const items: ReactElement[] = [];\n\n                for (let i = -1; i < 3; i++) {\n                    const date = getNewDate(i, currentDate);\n\n                    const { month, year } = getMonthAndYear(date);\n\n                    items.push(\n                        <Month\n                            key={`${month}-${year}`}\n                            month={month}\n                            year={year}\n                            locale={locale}\n                            onSelect={onSelect}\n                            highlightedDates={highlightedDates}\n                            categories={categories}\n                            selectedDate={selectedDate}\n                        />,\n                    );\n                }\n\n                return items;\n            }\n\n            if (direction === 'left') {\n                const date = getNewDate(-1, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.unshift(\n                    <Month\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.pop();\n            }\n\n            if (direction === 'right') {\n                const date = getNewDate(2, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.push(\n                    <Month\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.shift();\n            }\n\n            return prevState;\n        });\n    }, [categories, currentDate, direction, highlightedDates, locale, onSelect, selectedDate]);\n\n    const animate: MotionProps['animate'] = useMemo(() => {\n        if (shouldRenderTwo) {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-100%' };\n                default:\n                    return { x: '-50%' };\n            }\n        } else {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-200%' };\n                default:\n                    return { x: '-100%' };\n            }\n        }\n    }, [direction, shouldRenderTwo]);\n\n    return (\n        <StyledMonthWrapper height={shouldRenderTwo ? width / 2 : width}>\n            <StyledMotionWrapper\n                animate={animate}\n                transition={{\n                    type: 'tween',\n                    duration: !direction ? 0 : 0.2,\n                }}\n                onAnimationComplete={onAnimationFinished}\n            >\n                {content}\n            </StyledMotionWrapper>\n        </StyledMonthWrapper>\n    );\n};\n\nMonthWrapper.displayName = 'MonthWrapper';\n\nexport default MonthWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"MonthWrapper.js","names":["React","useEffect","useMemo","useState","getMonthAndYear","getNewDate","Month","StyledMonthWrapper","StyledMotionWrapper","MonthWrapper","_ref","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","content","setContent","prevState","items","i","date","month","year","push","createElement","key","unshift","pop","shift","animate","x","$height","transition","type","duration","onAnimationComplete","displayName"],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport type { MotionProps } from 'framer-motion';\nimport React, { FC, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport type { Categories, HighlightedDates } from '../../../types/calendar';\nimport { getMonthAndYear, getNewDate } from '../../../utils/calendar';\nimport Month from './month/Month';\nimport { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';\n\nexport type MonthWrapperProps = {\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n    currentDate: Date;\n    direction?: 'left' | 'right';\n    onAnimationFinished: () => void;\n    shouldRenderTwo: boolean;\n    width: number;\n};\n\nconst MonthWrapper: FC<MonthWrapperProps> = ({\n    locale,\n    currentDate,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    direction,\n    onAnimationFinished,\n    shouldRenderTwo,\n    width,\n}) => {\n    const [content, setContent] = useState<ReactElement[]>();\n\n    useEffect(() => {\n        setContent((prevState) => {\n            // Initial render of months\n            if (!prevState) {\n                const items: ReactElement[] = [];\n\n                for (let i = -1; i < 3; i++) {\n                    const date = getNewDate(i, currentDate);\n\n                    const { month, year } = getMonthAndYear(date);\n\n                    items.push(\n                        <Month\n                            key={`${month}-${year}`}\n                            month={month}\n                            year={year}\n                            locale={locale}\n                            onSelect={onSelect}\n                            highlightedDates={highlightedDates}\n                            categories={categories}\n                            selectedDate={selectedDate}\n                        />,\n                    );\n                }\n\n                return items;\n            }\n\n            if (direction === 'left') {\n                const date = getNewDate(-1, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.unshift(\n                    <Month\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.pop();\n            }\n\n            if (direction === 'right') {\n                const date = getNewDate(2, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.push(\n                    <Month\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.shift();\n            }\n\n            return prevState;\n        });\n    }, [categories, currentDate, direction, highlightedDates, locale, onSelect, selectedDate]);\n\n    const animate: MotionProps['animate'] = useMemo(() => {\n        if (shouldRenderTwo) {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-100%' };\n                default:\n                    return { x: '-50%' };\n            }\n        } else {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-200%' };\n                default:\n                    return { x: '-100%' };\n            }\n        }\n    }, [direction, shouldRenderTwo]);\n\n    return (\n        <StyledMonthWrapper $height={shouldRenderTwo ? width / 2 : width}>\n            <StyledMotionWrapper\n                animate={animate}\n                transition={{\n                    type: 'tween',\n                    duration: !direction ? 0 : 0.2,\n                }}\n                onAnimationComplete={onAnimationFinished}\n            >\n                {content}\n            </StyledMotionWrapper>\n        </StyledMonthWrapper>\n    );\n};\n\nMonthWrapper.displayName = 'MonthWrapper';\n\nexport default MonthWrapper;\n"],"mappings":"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"}

package/lib/components/calendar/month-wrapper/MonthWrapper.styles.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
 type StyledMonthWrapperProps = WithTheme<{
-    height: number;
+    $height: number;
 }>;
 export declare const StyledMonthWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledMonthWrapperProps>>;
 export declare const StyledMotionWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
@@ -14,16 +14,16 @@ export declare const StyledMotionWrapper: import("styled-components").IStyledCom
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -54,52 +54,52 @@ export declare const StyledMotionWrapper: import("styled-components").IStyledCom
     inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
     "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "date" | "location" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "page" | "false" | "true" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
     "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
     "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;

package/lib/components/calendar/month-wrapper/MonthWrapper.styles.js

@@ -1,13 +1,13 @@
-import styled from 'styled-components';
 import { motion } from 'framer-motion';
+import styled from 'styled-components';
 export const StyledMonthWrapper = styled.div`
     width: 100%;
     overflow-x: clip;
     height: ${_ref => {
   let {
-    height
+    $height
   } = _ref;
-  return height;
+  return $height;
 }}px;
 `;
 export const StyledMotionWrapper = styled(motion.div)`

package/lib/components/calendar/month-wrapper/MonthWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthWrapper.styles.js","names":["styled","motion","StyledMonthWrapper","div","_ref","height","StyledMotionWrapper"],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport type { WithTheme } from '@chayns-components/core';\n\ntype StyledMonthWrapperProps = WithTheme<{ height: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n    width: 100%;\n    overflow-x: clip;\n    height: ${({ height }) => height}px;\n`;\n\nexport const StyledMotionWrapper = styled(motion.div)`\n    display: flex;\n    height: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,eAAe;AAKtC,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAA6B;AACtE;AACA;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA,CAAC;AACrC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGN,MAAM,CAACC,MAAM,CAACE,GAAG,CAAE;AACtD;AACA;AACA,CAAC"}
+{"version":3,"file":"MonthWrapper.styles.js","names":["motion","styled","StyledMonthWrapper","div","_ref","$height","StyledMotionWrapper"],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\ntype StyledMonthWrapperProps = WithTheme<{ $height: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n    width: 100%;\n    overflow-x: clip;\n    height: ${({ $height }) => $height}px;\n`;\n\nexport const StyledMotionWrapper = styled(motion.div)`\n    display: flex;\n    height: 100%;\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA6B;AACtE;AACA;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAAA,OAAKC,OAAO;AAAA,CAAC;AACvC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGL,MAAM,CAACD,MAAM,CAACG,GAAG,CAAE;AACtD;AACA;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.js

@@ -1,7 +1,7 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { isSameDay } from 'date-fns';
-import { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import Category from './category/Category';
+import { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';
 const Day = _ref => {
   let {
     date,
@@ -44,12 +44,12 @@ const Day = _ref => {
   return /*#__PURE__*/React.createElement(StyledDay, {
     ref: dayRef,
     onClick: () => onClick(date, isSameMonth),
-    isSameMonth: isSameMonth,
-    backgroundColor: styles?.backgroundColor,
-    textColor: styles?.textColor
+    $isSameMonth: isSameMonth,
+    $backgroundColor: styles?.backgroundColor,
+    $textColor: styles?.textColor
   }, /*#__PURE__*/React.createElement(StyledDayNumber, {
-    isSelected: isSelected,
-    fontSize: fontSize
+    $isSelected: isSelected,
+    $fontSize: fontSize
   }, date.getDate()), categoryElements && /*#__PURE__*/React.createElement(StyledDayCategoryWrapper, null, categoryElements));
 };
 Day.displayName = 'Day';

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.js","names":["React","useEffect","useMemo","useRef","useState","isSameDay","StyledDay","StyledDayCategoryWrapper","StyledDayNumber","Category","Day","_ref","date","highlightedDates","categories","isSameMonth","isSelected","onClick","fontSize","setFontSize","dayRef","styles","undefined","find","highlightedDate","dates","some","highlighted","style","categoryElements","flatMap","category","filter","day","map","createElement","key","getTime","Math","random","color","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","width","observe","disconnect","ref","backgroundColor","textColor","getDate","displayName"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.tsx"],"sourcesContent":["import React, { type CSSProperties, FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { isSameDay } from 'date-fns';\nimport { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';\nimport type {\n    Categories,\n    HighlightedDates,\n    HighlightedDateStyles,\n} from '../../../../../../types/calendar';\nimport Category from './category/Category';\n\nexport type DayProps = {\n    date: Date;\n    isSameMonth: boolean;\n    isSelected: boolean;\n    onClick: (date: Date, isSameMonth: boolean) => void;\n    highlightedDates?: HighlightedDates[];\n    categories?: Categories[];\n};\n\nconst Day: FC<DayProps> = ({\n    date,\n    highlightedDates,\n    categories,\n    isSameMonth,\n    isSelected,\n    onClick,\n}) => {\n    const [fontSize, setFontSize] = useState<CSSProperties['fontSize']>();\n\n    const dayRef = useRef<HTMLDivElement>(null);\n\n    const styles: HighlightedDateStyles | undefined = useMemo(() => {\n        if (!highlightedDates || !isSameMonth) {\n            return undefined;\n        }\n\n        return highlightedDates.find((highlightedDate) =>\n            highlightedDate.dates.some((highlighted) => isSameDay(highlighted, date)),\n        )?.style;\n    }, [date, highlightedDates, isSameMonth]);\n\n    const categoryElements = useMemo(() => {\n        if (!categories) return [];\n\n        return categories.flatMap((category) =>\n            category.dates\n                .filter((day) => isSameDay(day, date))\n                .map((day) => (\n                    <Category key={day.getTime() * Math.random()} color={category.color} />\n                )),\n        );\n    }, [categories, date]);\n\n    useEffect(() => {\n        if (dayRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setFontSize(`${observedWidth / 2}px`);\n                }\n            });\n\n            resizeObserver.observe(dayRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    return (\n        <StyledDay\n            ref={dayRef}\n            onClick={() => onClick(date, isSameMonth)}\n            isSameMonth={isSameMonth}\n            backgroundColor={styles?.backgroundColor}\n            textColor={styles?.textColor}\n        >\n            <StyledDayNumber isSelected={isSelected} fontSize={fontSize}>\n                {date.getDate()}\n            </StyledDayNumber>\n            {categoryElements && (\n                <StyledDayCategoryWrapper>{categoryElements}</StyledDayCategoryWrapper>\n            )}\n        </StyledDay>\n    );\n};\n\nDay.displayName = 'Day';\n\nexport default Day;\n"],"mappings":"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"}
+{"version":3,"file":"Day.js","names":["isSameDay","React","useEffect","useMemo","useRef","useState","Category","StyledDay","StyledDayCategoryWrapper","StyledDayNumber","Day","_ref","date","highlightedDates","categories","isSameMonth","isSelected","onClick","fontSize","setFontSize","dayRef","styles","undefined","find","highlightedDate","dates","some","highlighted","style","categoryElements","flatMap","category","filter","day","map","createElement","key","getTime","Math","random","color","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","width","observe","disconnect","ref","$isSameMonth","$backgroundColor","backgroundColor","$textColor","textColor","$isSelected","$fontSize","getDate","displayName"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.tsx"],"sourcesContent":["import { isSameDay } from 'date-fns';\nimport React, { FC, useEffect, useMemo, useRef, useState, type CSSProperties } from 'react';\nimport type {\n    Categories,\n    HighlightedDates,\n    HighlightedDateStyles,\n} from '../../../../../../types/calendar';\nimport Category from './category/Category';\nimport { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';\n\nexport type DayProps = {\n    date: Date;\n    isSameMonth: boolean;\n    isSelected: boolean;\n    onClick: (date: Date, isSameMonth: boolean) => void;\n    highlightedDates?: HighlightedDates[];\n    categories?: Categories[];\n};\n\nconst Day: FC<DayProps> = ({\n    date,\n    highlightedDates,\n    categories,\n    isSameMonth,\n    isSelected,\n    onClick,\n}) => {\n    const [fontSize, setFontSize] = useState<CSSProperties['fontSize']>();\n\n    const dayRef = useRef<HTMLDivElement>(null);\n\n    const styles: HighlightedDateStyles | undefined = useMemo(() => {\n        if (!highlightedDates || !isSameMonth) {\n            return undefined;\n        }\n\n        return highlightedDates.find((highlightedDate) =>\n            highlightedDate.dates.some((highlighted) => isSameDay(highlighted, date)),\n        )?.style;\n    }, [date, highlightedDates, isSameMonth]);\n\n    const categoryElements = useMemo(() => {\n        if (!categories) return [];\n\n        return categories.flatMap((category) =>\n            category.dates\n                .filter((day) => isSameDay(day, date))\n                .map((day) => (\n                    <Category key={day.getTime() * Math.random()} color={category.color} />\n                )),\n        );\n    }, [categories, date]);\n\n    useEffect(() => {\n        if (dayRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setFontSize(`${observedWidth / 2}px`);\n                }\n            });\n\n            resizeObserver.observe(dayRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    return (\n        <StyledDay\n            ref={dayRef}\n            onClick={() => onClick(date, isSameMonth)}\n            $isSameMonth={isSameMonth}\n            $backgroundColor={styles?.backgroundColor}\n            $textColor={styles?.textColor}\n        >\n            <StyledDayNumber $isSelected={isSelected} $fontSize={fontSize}>\n                {date.getDate()}\n            </StyledDayNumber>\n            {categoryElements && (\n                <StyledDayCategoryWrapper>{categoryElements}</StyledDayCategoryWrapper>\n            )}\n        </StyledDay>\n    );\n};\n\nDay.displayName = 'Day';\n\nexport default Day;\n"],"mappings":"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"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.d.ts

@@ -1,14 +1,14 @@
 import type { WithTheme } from '@chayns-components/core';
 import type { CSSProperties } from 'react';
 type StyledDayProps = WithTheme<{
-    isSameMonth: boolean;
-    backgroundColor?: CSSProperties['backgroundColor'];
-    textColor?: CSSProperties['color'];
+    $isSameMonth: boolean;
+    $backgroundColor?: CSSProperties['backgroundColor'];
+    $textColor?: CSSProperties['color'];
 }>;
 export declare const StyledDay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDayProps>>;
 type StyledDayNumberProps = WithTheme<{
-    isSelected: boolean;
-    fontSize: CSSProperties['fontSize'];
+    $isSelected: boolean;
+    $fontSize: CSSProperties['fontSize'];
 }>;
 export declare const StyledDayNumber: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDayNumberProps>>;
 export declare const StyledDayCategoryWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.js

@@ -3,16 +3,16 @@ export const StyledDay = styled.div`
     position: relative;
     cursor: ${_ref => {
   let {
-    isSameMonth
+    $isSameMonth
   } = _ref;
-  return isSameMonth ? 'pointer' : 'default';
+  return $isSameMonth ? 'pointer' : 'default';
 }};
     color: ${_ref2 => {
   let {
-    isSameMonth,
+    $isSameMonth,
     theme
   } = _ref2;
-  return isSameMonth ? theme.text : `rgba(${theme['text-rgb'] ?? ''}, 0.5)`;
+  return $isSameMonth ? theme.text : `rgba(${theme['text-rgb'] ?? ''}, 0.5)`;
 }};
     display: flex;
     align-items: center;
@@ -21,12 +21,12 @@ export const StyledDay = styled.div`
 
     ${_ref3 => {
   let {
-    backgroundColor,
-    textColor
+    $backgroundColor,
+    $textColor
   } = _ref3;
-  return backgroundColor && textColor && css`
-            color: ${textColor};
-            background-color: ${backgroundColor};
+  return $backgroundColor && $textColor && css`
+            color: ${$textColor};
+            background-color: ${$backgroundColor};
         `;
 }}
 `;
@@ -39,17 +39,17 @@ export const StyledDayNumber = styled.div`
     height: 80%;
     font-size: ${_ref4 => {
   let {
-    fontSize
+    $fontSize
   } = _ref4;
-  return fontSize;
+  return $fontSize;
 }};
 
     ${_ref5 => {
   let {
-    isSelected,
+    $isSelected,
     theme
   } = _ref5;
-  return isSelected && css`
+  return $isSelected && css`
             background-color: ${theme['404']};
             color: ${theme['409']};
         `;

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.styles.js","names":["styled","css","StyledDay","div","_ref","isSameMonth","_ref2","theme","text","_ref3","backgroundColor","textColor","StyledDayNumber","_ref4","fontSize","_ref5","isSelected","StyledDayCategoryWrapper"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\n\ntype StyledDayProps = WithTheme<{\n    isSameMonth: boolean;\n    backgroundColor?: CSSProperties['backgroundColor'];\n    textColor?: CSSProperties['color'];\n}>;\n\nexport const StyledDay = styled.div<StyledDayProps>`\n    position: relative;\n    cursor: ${({ isSameMonth }) => (isSameMonth ? 'pointer' : 'default')};\n    color: ${({ isSameMonth, theme }: StyledDayProps) =>\n        isSameMonth ? theme.text : `rgba(${theme['text-rgb'] ?? ''}, 0.5)`};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n\n    ${({ backgroundColor, textColor }) =>\n        backgroundColor &&\n        textColor &&\n        css`\n            color: ${textColor};\n            background-color: ${backgroundColor};\n        `}\n`;\n\ntype StyledDayNumberProps = WithTheme<{\n    isSelected: boolean;\n    fontSize: CSSProperties['fontSize'];\n}>;\n\nexport const StyledDayNumber = styled.div<StyledDayNumberProps>`\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80%;\n    height: 80%;\n    font-size: ${({ fontSize }) => fontSize};\n\n    ${({ isSelected, theme }) =>\n        isSelected &&\n        css`\n            background-color: ${theme['404']};\n            color: ${theme['409']};\n        `}\n`;\n\nexport const StyledDayCategoryWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6%;\n    width: 100%;\n    position: absolute;\n    bottom: 2px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAoB;AACpD;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AACzE,aAAaC,KAAA;EAAA,IAAC;IAAED,WAAW;IAAEE;EAAsB,CAAC,GAAAD,KAAA;EAAA,OAC5CD,WAAW,GAAGE,KAAK,CAACC,IAAI,GAAI,QAAOD,KAAK,CAAC,UAAU,CAAC,IAAI,EAAG,QAAO;AAAA,CAAC;AAC3E;AACA;AACA;AACA;AACA;AACA,MAAME,KAAA;EAAA,IAAC;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAAF,KAAA;EAAA,OAC7BC,eAAe,IACfC,SAAS,IACTV,GAAI;AACZ,qBAAqBU,SAAU;AAC/B,gCAAgCD,eAAgB;AAChD,SAAS;AAAA,CAAC;AACV,CAAC;AAOD,OAAO,MAAME,eAAe,GAAGZ,MAAM,CAACG,GAA0B;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBU,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OAAKC,QAAQ;AAAA,CAAC;AAC5C;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,UAAU;IAAET;EAAM,CAAC,GAAAQ,KAAA;EAAA,OACpBC,UAAU,IACVf,GAAI;AACZ,gCAAgCM,KAAK,CAAC,KAAK,CAAE;AAC7C,qBAAqBA,KAAK,CAAC,KAAK,CAAE;AAClC,SAAS;AAAA,CAAC;AACV,CAAC;AAED,OAAO,MAAMU,wBAAwB,GAAGjB,MAAM,CAACG,GAAI;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}
+{"version":3,"file":"Day.styles.js","names":["styled","css","StyledDay","div","_ref","$isSameMonth","_ref2","theme","text","_ref3","$backgroundColor","$textColor","StyledDayNumber","_ref4","$fontSize","_ref5","$isSelected","StyledDayCategoryWrapper"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\ntype StyledDayProps = WithTheme<{\n    $isSameMonth: boolean;\n    $backgroundColor?: CSSProperties['backgroundColor'];\n    $textColor?: CSSProperties['color'];\n}>;\n\nexport const StyledDay = styled.div<StyledDayProps>`\n    position: relative;\n    cursor: ${({ $isSameMonth }) => ($isSameMonth ? 'pointer' : 'default')};\n    color: ${({ $isSameMonth, theme }: StyledDayProps) =>\n        $isSameMonth ? theme.text : `rgba(${theme['text-rgb'] ?? ''}, 0.5)`};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n\n    ${({ $backgroundColor, $textColor }) =>\n        $backgroundColor &&\n        $textColor &&\n        css`\n            color: ${$textColor};\n            background-color: ${$backgroundColor};\n        `}\n`;\n\ntype StyledDayNumberProps = WithTheme<{\n    $isSelected: boolean;\n    $fontSize: CSSProperties['fontSize'];\n}>;\n\nexport const StyledDayNumber = styled.div<StyledDayNumberProps>`\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80%;\n    height: 80%;\n    font-size: ${({ $fontSize }) => $fontSize};\n\n    ${({ $isSelected, theme }) =>\n        $isSelected &&\n        css`\n            background-color: ${theme['404']};\n            color: ${theme['409']};\n        `}\n`;\n\nexport const StyledDayCategoryWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6%;\n    width: 100%;\n    position: absolute;\n    bottom: 2px;\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAQ/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAoB;AACpD;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAa,CAAC,GAAAD,IAAA;EAAA,OAAMC,YAAY,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AAC3E,aAAaC,KAAA;EAAA,IAAC;IAAED,YAAY;IAAEE;EAAsB,CAAC,GAAAD,KAAA;EAAA,OAC7CD,YAAY,GAAGE,KAAK,CAACC,IAAI,GAAI,QAAOD,KAAK,CAAC,UAAU,CAAC,IAAI,EAAG,QAAO;AAAA,CAAC;AAC5E;AACA;AACA;AACA;AACA;AACA,MAAME,KAAA;EAAA,IAAC;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAAF,KAAA;EAAA,OAC/BC,gBAAgB,IAChBC,UAAU,IACVV,GAAI;AACZ,qBAAqBU,UAAW;AAChC,gCAAgCD,gBAAiB;AACjD,SAAS;AAAA,CAAC;AACV,CAAC;AAOD,OAAO,MAAME,eAAe,GAAGZ,MAAM,CAACG,GAA0B;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBU,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OAAKC,SAAS;AAAA,CAAC;AAC9C;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,WAAW;IAAET;EAAM,CAAC,GAAAQ,KAAA;EAAA,OACrBC,WAAW,IACXf,GAAI;AACZ,gCAAgCM,KAAK,CAAC,KAAK,CAAE;AAC7C,qBAAqBA,KAAK,CAAC,KAAK,CAAE;AAClC,SAAS;AAAA,CAAC;AACV,CAAC;AAED,OAAO,MAAMU,wBAAwB,GAAGjB,MAAM,CAACG,GAAI;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, FC } from 'react';
+import { FC, type CSSProperties } from 'react';
 export type CategoryProps = {
     color: CSSProperties['color'];
 };

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.js

@@ -5,7 +5,7 @@ const Category = _ref => {
     color
   } = _ref;
   return /*#__PURE__*/React.createElement(StyledCategory, {
-    color: color
+    $color: color
   });
 };
 Category.displayName = 'Category';

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.js.map

@@ -1 +1 @@
-{"version":3,"file":"Category.js","names":["React","StyledCategory","Category","_ref","color","createElement","displayName"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.tsx"],"sourcesContent":["import React, { type CSSProperties, FC } from 'react';\nimport { StyledCategory } from './Category.styles';\n\nexport type CategoryProps = {\n    color: CSSProperties['color'];\n};\n\nconst Category: FC<CategoryProps> = ({ color }) => <StyledCategory color={color} />;\n\nCategory.displayName = 'Category';\n\nexport default Category;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkC,OAAO;AACrD,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,MAAMC,QAA2B,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,oBAAKH,KAAA,CAAAK,aAAA,CAACJ,cAAc;IAACG,KAAK,EAAEA;EAAM,CAAE,CAAC;AAAA;AAEnFF,QAAQ,CAACI,WAAW,GAAG,UAAU;AAEjC,eAAeJ,QAAQ"}
+{"version":3,"file":"Category.js","names":["React","StyledCategory","Category","_ref","color","createElement","$color","displayName"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.tsx"],"sourcesContent":["import React, { FC, type CSSProperties } from 'react';\nimport { StyledCategory } from './Category.styles';\n\nexport type CategoryProps = {\n    color: CSSProperties['color'];\n};\n\nconst Category: FC<CategoryProps> = ({ color }) => <StyledCategory $color={color} />;\n\nCategory.displayName = 'Category';\n\nexport default Category;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkC,OAAO;AACrD,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,MAAMC,QAA2B,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,oBAAKH,KAAA,CAAAK,aAAA,CAACJ,cAAc;IAACK,MAAM,EAAEF;EAAM,CAAE,CAAC;AAAA;AAEpFF,QAAQ,CAACK,WAAW,GAAG,UAAU;AAEjC,eAAeL,QAAQ"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.d.ts

@@ -1,7 +1,7 @@
 import type { WithTheme } from '@chayns-components/core';
 import type { CSSProperties } from 'react';
 type StyledCategoryProps = WithTheme<{
-    color: CSSProperties['color'];
+    $color: CSSProperties['color'];
 }>;
 export declare const StyledCategory: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCategoryProps>>;
 export {};

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.js

@@ -5,9 +5,9 @@ export const StyledCategory = styled.div`
     aspect-ratio: 1;
     background-color: ${_ref => {
   let {
-    color
+    $color
   } = _ref;
-  return color;
+  return $color;
 }};
     border: 1px solid white;
 `;

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Category.styles.js","names":["styled","StyledCategory","div","_ref","color"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components';\n\ntype StyledCategoryProps = WithTheme<{ color: CSSProperties['color'] }>;\n\nexport const StyledCategory = styled.div<StyledCategoryProps>`\n    border-radius: 50%;\n    width: 24%;\n    aspect-ratio: 1;\n    background-color: ${({ color }) => color};\n    border: 1px solid white;\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAyB;AAC9D;AACA;AACA;AACA,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK;AAAA,CAAC;AAC7C;AACA,CAAC"}
+{"version":3,"file":"Category.styles.js","names":["styled","StyledCategory","div","_ref","$color"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components';\n\ntype StyledCategoryProps = WithTheme<{ $color: CSSProperties['color'] }>;\n\nexport const StyledCategory = styled.div<StyledCategoryProps>`\n    border-radius: 50%;\n    width: 24%;\n    aspect-ratio: 1;\n    background-color: ${({ $color }) => $color};\n    border: 1px solid white;\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAyB;AAC9D;AACA;AACA;AACA,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA,CAAC;AAC/C;AACA,CAAC"}

package/lib/components/opening-times/OpeningTimes.styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
 type StyledSliderButtonProps = WithTheme<{
-    isDisabled?: boolean;
+    $isDisabled?: boolean;
 }>;
 export declare const StyledOpeningTimes: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonProps>>;
 export declare const StyledOpeningTimesWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/opening-times/OpeningTimes.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningTimes.styles.js","names":["styled","StyledOpeningTimes","div","StyledOpeningTimesWrapper"],"sources":["../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\n\ntype StyledSliderButtonProps = WithTheme<{ isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAKtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA;AACA;AACA,CAAC"}
+{"version":3,"file":"OpeningTimes.styles.js","names":["styled","StyledOpeningTimes","div","StyledOpeningTimesWrapper"],"sources":["../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledSliderButtonProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA;AACA;AACA,CAAC"}

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js

@@ -1,6 +1,6 @@
+import { Icon, NumberInput } from '@chayns-components/core';
 import React, { useCallback, useMemo, useState } from 'react';
 import { OpeningTimesButtonType } from '../../../../types/openingTimes';
-import { Icon, NumberInput } from '@chayns-components/core';
 import { StyledOpeningInput, StyledOpeningInputButtonWrapper, StyledOpeningInputPseudoButton, StyledOpeningInputText, StyledOpeningInputWrapper } from './OpeningInput.styles';
 const OpeningInput = _ref => {
   let {
@@ -78,7 +78,7 @@ const OpeningInput = _ref => {
     onBlur: handleStartTimeBlur,
     isDisabled: isDisabled
   })), /*#__PURE__*/React.createElement(StyledOpeningInputText, {
-    isDisabled: isDisabled
+    $isDisabled: isDisabled
   }, "-"), /*#__PURE__*/React.createElement(StyledOpeningInputWrapper, null, /*#__PURE__*/React.createElement(NumberInput, {
     shouldShowOnlyBottomBorder: true,
     isTimeInput: true,

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningInput.js","names":["React","useCallback","useMemo","useState","OpeningTimesButtonType","Icon","NumberInput","StyledOpeningInput","StyledOpeningInputButtonWrapper","StyledOpeningInputPseudoButton","StyledOpeningInputText","StyledOpeningInputWrapper","OpeningInput","_ref","end","start","isDisabled","buttonType","onRemove","onAdd","onChange","id","startTime","setStartTime","endTime","setEndTime","button","ADD","createElement","onClick","icons","size","REMOVE","handleStartTimeBlur","value","isInvalid","handleEndTimeBlur","key","animate","opacity","height","initial","exit","shouldShowOnlyBottomBorder","isTimeInput","onBlur","displayName"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport { Icon, NumberInput } from '@chayns-components/core';\nimport {\n    StyledOpeningInput,\n    StyledOpeningInputButtonWrapper,\n    StyledOpeningInputPseudoButton,\n    StyledOpeningInputText,\n    StyledOpeningInputWrapper,\n} from './OpeningInput.styles';\n\nexport type OpeningInputProps = {\n    start: Time['start'];\n    end: Time['end'];\n    isDisabled?: boolean;\n    id: string;\n    buttonType: OpeningTimesButtonType;\n    onAdd: () => void;\n    onRemove: () => void;\n    onChange: (time: Time) => void;\n};\n\nconst OpeningInput: FC<OpeningInputProps> = ({\n    end,\n    start,\n    isDisabled,\n    buttonType,\n    onRemove,\n    onAdd,\n    onChange,\n    id,\n}) => {\n    const [startTime, setStartTime] = useState(start);\n    const [endTime, setEndTime] = useState(end);\n\n    const button = useMemo(() => {\n        switch (buttonType) {\n            case OpeningTimesButtonType.ADD:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onAdd}>\n                        <Icon icons={['ts-plus']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            case OpeningTimesButtonType.REMOVE:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onRemove}>\n                        <Icon icons={['ts-wrong']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            default:\n                return <StyledOpeningInputPseudoButton />;\n        }\n    }, [buttonType, onAdd, onRemove]);\n\n    const handleStartTimeBlur = useCallback(\n        (value: string | number | null, isInvalid: boolean) => {\n            if (isInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setStartTime(value);\n\n            onChange({ end: endTime, start: value, id });\n        },\n        [endTime, id, onChange],\n    );\n\n    const handleEndTimeBlur = useCallback(\n        (value: string | number | null, isInvalid: boolean) => {\n            if (isInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setEndTime(value);\n\n            onChange({ end: value, start: startTime, id });\n        },\n        [id, onChange, startTime],\n    );\n\n    return useMemo(\n        () => (\n            <StyledOpeningInput\n                key={id}\n                animate={{ opacity: 1, height: 'auto' }}\n                initial={{ opacity: 0, height: 0 }}\n                exit={{ opacity: 0, height: 0 }}\n            >\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        value={startTime}\n                        onBlur={handleStartTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                <StyledOpeningInputText isDisabled={isDisabled}>-</StyledOpeningInputText>\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        value={endTime}\n                        onBlur={handleEndTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                {button}\n            </StyledOpeningInput>\n        ),\n        [button, endTime, handleEndTimeBlur, handleStartTimeBlur, id, isDisabled, startTime],\n    );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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"}
+{"version":3,"file":"OpeningInput.js","names":["Icon","NumberInput","React","useCallback","useMemo","useState","OpeningTimesButtonType","StyledOpeningInput","StyledOpeningInputButtonWrapper","StyledOpeningInputPseudoButton","StyledOpeningInputText","StyledOpeningInputWrapper","OpeningInput","_ref","end","start","isDisabled","buttonType","onRemove","onAdd","onChange","id","startTime","setStartTime","endTime","setEndTime","button","ADD","createElement","onClick","icons","size","REMOVE","handleStartTimeBlur","value","isInvalid","handleEndTimeBlur","key","animate","opacity","height","initial","exit","shouldShowOnlyBottomBorder","isTimeInput","onBlur","$isDisabled","displayName"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import { Icon, NumberInput } from '@chayns-components/core';\nimport React, { FC, useCallback, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport {\n    StyledOpeningInput,\n    StyledOpeningInputButtonWrapper,\n    StyledOpeningInputPseudoButton,\n    StyledOpeningInputText,\n    StyledOpeningInputWrapper,\n} from './OpeningInput.styles';\n\nexport type OpeningInputProps = {\n    start: Time['start'];\n    end: Time['end'];\n    isDisabled?: boolean;\n    id: string;\n    buttonType: OpeningTimesButtonType;\n    onAdd: () => void;\n    onRemove: () => void;\n    onChange: (time: Time) => void;\n};\n\nconst OpeningInput: FC<OpeningInputProps> = ({\n    end,\n    start,\n    isDisabled,\n    buttonType,\n    onRemove,\n    onAdd,\n    onChange,\n    id,\n}) => {\n    const [startTime, setStartTime] = useState(start);\n    const [endTime, setEndTime] = useState(end);\n\n    const button = useMemo(() => {\n        switch (buttonType) {\n            case OpeningTimesButtonType.ADD:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onAdd}>\n                        <Icon icons={['ts-plus']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            case OpeningTimesButtonType.REMOVE:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onRemove}>\n                        <Icon icons={['ts-wrong']} size={15} />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            default:\n                return <StyledOpeningInputPseudoButton />;\n        }\n    }, [buttonType, onAdd, onRemove]);\n\n    const handleStartTimeBlur = useCallback(\n        (value: string | number | null, isInvalid: boolean) => {\n            if (isInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setStartTime(value);\n\n            onChange({ end: endTime, start: value, id });\n        },\n        [endTime, id, onChange],\n    );\n\n    const handleEndTimeBlur = useCallback(\n        (value: string | number | null, isInvalid: boolean) => {\n            if (isInvalid || typeof value === 'number' || !value) {\n                return;\n            }\n\n            setEndTime(value);\n\n            onChange({ end: value, start: startTime, id });\n        },\n        [id, onChange, startTime],\n    );\n\n    return useMemo(\n        () => (\n            <StyledOpeningInput\n                key={id}\n                animate={{ opacity: 1, height: 'auto' }}\n                initial={{ opacity: 0, height: 0 }}\n                exit={{ opacity: 0, height: 0 }}\n            >\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        value={startTime}\n                        onBlur={handleStartTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                <StyledOpeningInputText $isDisabled={isDisabled}>-</StyledOpeningInputText>\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        shouldShowOnlyBottomBorder\n                        isTimeInput\n                        value={endTime}\n                        onBlur={handleEndTimeBlur}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                {button}\n            </StyledOpeningInput>\n        ),\n        [button, endTime, handleEndTimeBlur, handleStartTimeBlur, id, isDisabled, startTime],\n    );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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"}

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.d.ts

@@ -10,16 +10,16 @@ export declare const StyledOpeningInput: import("styled-components").IStyledComp
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -50,52 +50,52 @@ export declare const StyledOpeningInput: import("styled-components").IStyledComp
     inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
     "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "date" | "location" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "page" | "false" | "true" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
     "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
     "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -266,7 +266,7 @@ export declare const StyledOpeningInput: import("styled-components").IStyledComp
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledOpeningInputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 type StyledOpeningInputTextProps = WithTheme<{
-    isDisabled?: boolean;
+    $isDisabled?: boolean;
 }>;
 export declare const StyledOpeningInputText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledOpeningInputTextProps>>;
 export declare const StyledOpeningInputButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js

@@ -1,5 +1,5 @@
-import styled from 'styled-components';
 import { motion } from 'framer-motion';
+import styled from 'styled-components';
 export const StyledOpeningInput = styled(motion.div)`
     display: flex;
     align-items: center;
@@ -11,9 +11,9 @@ export const StyledOpeningInputWrapper = styled.div`
 export const StyledOpeningInputText = styled.div`
     opacity: ${_ref => {
   let {
-    isDisabled
+    $isDisabled
   } = _ref;
-  return isDisabled ? 0.5 : 1;
+  return $isDisabled ? 0.5 : 1;
 }};
 `;
 export const StyledOpeningInputButtonWrapper = styled.div`

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpeningInput.styles.js","names":["styled","motion","StyledOpeningInput","div","StyledOpeningInputWrapper","StyledOpeningInputText","_ref","isDisabled","StyledOpeningInputButtonWrapper","_ref2","theme","StyledOpeningInputPseudoButton"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\n\nexport const StyledOpeningInput = styled(motion.div)`\n    display: flex;\n    align-items: center;\n    gap: 6px;\n`;\n\nexport const StyledOpeningInputWrapper = styled.div`\n    width: 60px;\n`;\n\ntype StyledOpeningInputTextProps = WithTheme<{ isDisabled?: boolean }>;\n\nexport const StyledOpeningInputText = styled.div<StyledOpeningInputTextProps>`\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.5 : 1)};\n`;\n\ntype StyledOpeningInputButtonWrapperProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputButtonWrapper = styled.div`\n    width: 20px;\n    height: 20px;\n    background-color: ${({ theme }: StyledOpeningInputButtonWrapperProps) => theme['202']};\n    border-radius: 3px;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const StyledOpeningInputPseudoButton = styled.div`\n    width: 20px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACC,MAAM,CAACE,GAAG,CAAE;AACrD;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGJ,MAAM,CAACG,GAAI;AACpD;AACA,CAAC;AAID,OAAO,MAAME,sBAAsB,GAAGL,MAAM,CAACG,GAAiC;AAC9E,eAAeG,IAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,IAAA;EAAA,OAAMC,UAAU,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AAC1D,CAAC;AAID,OAAO,MAAMC,+BAA+B,GAAGR,MAAM,CAACG,GAAI;AAC1D;AACA;AACA,wBAAwBM,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAGX,MAAM,CAACG,GAAI;AACzD;AACA,CAAC"}
+{"version":3,"file":"OpeningInput.styles.js","names":["motion","styled","StyledOpeningInput","div","StyledOpeningInputWrapper","StyledOpeningInputText","_ref","$isDisabled","StyledOpeningInputButtonWrapper","_ref2","theme","StyledOpeningInputPseudoButton"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledOpeningInput = styled(motion.div)`\n    display: flex;\n    align-items: center;\n    gap: 6px;\n`;\n\nexport const StyledOpeningInputWrapper = styled.div`\n    width: 60px;\n`;\n\ntype StyledOpeningInputTextProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledOpeningInputText = styled.div<StyledOpeningInputTextProps>`\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n`;\n\ntype StyledOpeningInputButtonWrapperProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputButtonWrapper = styled.div`\n    width: 20px;\n    height: 20px;\n    background-color: ${({ theme }: StyledOpeningInputButtonWrapperProps) => theme['202']};\n    border-radius: 3px;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const StyledOpeningInputPseudoButton = styled.div`\n    width: 20px;\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACD,MAAM,CAACG,GAAG,CAAE;AACrD;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA,CAAC;AAID,OAAO,MAAME,sBAAsB,GAAGJ,MAAM,CAACE,GAAiC;AAC9E,eAAeG,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AAC5D,CAAC;AAID,OAAO,MAAMC,+BAA+B,GAAGP,MAAM,CAACE,GAAI;AAC1D;AACA;AACA,wBAAwBM,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAGV,MAAM,CAACE,GAAI;AACzD;AACA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/date",
-    "version": "5.0.0-beta.457",
+    "version": "5.0.0-beta.458",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -57,7 +57,7 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.457",
+        "@chayns-components/core": "^5.0.0-beta.458",
         "date-fns": "^2.30.0"
     },
     "peerDependencies": {
@@ -70,5 +70,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "14f7fd7ff2e7c85c81793db66efc02482cdbd527"
+    "gitHead": "1d73583ba75b4129c0b79b08a51c5c07d1d74a6c"
 }