npm - @televet/kibble-ui - Versions diffs - 4.0.0-beta.75 → 4.0.0-beta.76 - Mend

@televet/kibble-ui 4.0.0-beta.75 → 4.0.0-beta.76

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

package/dist/chunks/{timePicker.component-BCq4ONHX.js → timePicker.component-BDngkTzk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),t=require("react"),W=require("./textInput.component-BJ4sM5QZ.js"),Y=require("./popover.component-C3BLog-e.js"),F=require("./icon.component-C0e0UGBw.js"),G=require("./useIconTextSizeMap-BXmABb54.js"),J=require("./format-BRt-TIiQ.js"),A=require("./config-BFcXpdZo.js"),K=require("./use-recipe-DaPWl_pL.js"),h=require("./box-Baq7UBls.js"),O=require("./use-slot-recipe-8liupslO.js"),Q=A.defineRecipe({base:{borderRadius:"4px",cursor:"pointer",fontSize:"sm",px:3,py:1,textAlign:"center"},variants:{selected:{true:{background:"background.secondary",color:"text.contrast",_hover:{background:"background.secondary.hover"}},false:{background:"background",color:"text.subtle",_hover:{background:"background.secondaryAlpha.hover"}}}},defaultVariants:{selected:!1}}),U=({value:s,innerRef:a,onClick:i,selected:l})=>{const R=K.useRecipe({recipe:Q})({selected:l}),d=t.useCallback(r=>{const p=r.currentTarget.textContent||"";i(p)},[i]);return n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Option","data-testid":"kibble-timepicker-option",ref:a,onClick:d,css:R,children:s})},v=A.defineSlotRecipe({slots:["trigger","container","list"],base:{trigger:{width:"100%"},container:{display:"flex",gap:1.5,height:"186px",overflow:"hidden"},list:{display:"flex",flexDirection:"column",gap:1,overflowY:"auto","&::webkit-scrollbar":{display:"none"}}}}),C=({options:s,optionType:a,selectedValue:i,onClick:l,open:f=!1})=>{const d=O.useSlotRecipe({recipe:v})(),r=t.useRef(null),p=t.useRef(null);return t.useEffect(()=>{f&&p.current&&r.current&&(p.current.scrollTop=r.current?.offsetTop-p.current?.offsetTop)},[f]),n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__List","data-testid":`kibble-timepicker-${a}-list`,css:d.list,children:s.map(c=>n.jsxRuntimeExports.jsx(U,{innerRef:c===i?r:null,value:c,selected:c===i,onClick:l,"data-testid":c},`${a}-option-${c}`))})};var u=(s=>(s.AM="AM",s.PM="PM",s))(u||{});const X=({initialTime:s,inputProps:a,minuteInterval:i=5,onTimeChange:l,placement:f="bottom"})=>{const d=O.useSlotRecipe({recipe:v})(),[r,p]=t.useState(!1),[c,E]=t.useState(s),[k,j]=t.useState(),[m,M]=t.useState(),[b,S]=t.useState(),N=t.useMemo(()=>c?J.format(c,"h:mm aa"):"",[c]),y=e=>{const o=e.toString();return o.length===1?`0${o}`:o},w=t.useMemo(()=>[12,1,2,3,4,5,6,7,8,9,10,11].map(e=>e.toString()),[]),H=t.useMemo(()=>{const e=[];for(let o=0;o<60;o+=i)e.push(o);return e.map(y)},[i]),z=[u.AM,u.PM],x=t.useCallback((e,o,g)=>{const T=e||"12",D=o||"00",P=g||"AM";let _=0;e||j("12"),o||M("00"),g||S("AM"),P===u.PM&&Number(T)<12&&(_=12),P===u.AM&&Number(T)===12&&(_=-12);const $=Number(T)+_,L=new Date().setHours($,Number(D),0,0),q=new Date(L);E(q),l&&l(q)},[l]),I=t.useCallback(e=>{j(e),x(e,m,b)},[x,b,m]),V=t.useCallback(e=>{M(e),x(k,e,b)},[x,k,b]),B=t.useCallback(e=>{S(e),x(k,m,e)},[x,k,m]);return t.useEffect(()=>{if(s){const e=new Date(s),g=e.getHours()%12||12;E(s),j(g.toString()),M(e.getMinutes().toString()),S(e.getHours()>11?u.PM:u.AM)}},[s]),n.jsxRuntimeExports.jsx(Y.Popover,{open:r,onOpenChange:({open:e})=>p(e),anchor:n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Trigger","data-testid":"kibble-timepicker-trigger",css:d.trigger,children:n.jsxRuntimeExports.jsx(W.WrappedTextInput,{placeholder:"12:00 AM",rightElement:n.jsxRuntimeExports.jsx(F.Icon,{size:G.useIconTextSizeMap(a?.size||"md"),name:"clock"}),value:N,readOnly:!0,cursor:"pointer",...a,...r&&{"data-focus":"true"}})}),contentProps:{w:"max-content"},placement:f,children:n.jsxRuntimeExports.jsxs(h.Box,{className:"TimePicker__Container","data-testid":"kibble-timepicker-container",css:d.container,children:[n.jsxRuntimeExports.jsx(C,{options:w,optionType:"hour",selectedValue:k,onClick:I,open:r}),n.jsxRuntimeExports.jsx(C,{options:H,optionType:"minute",selectedValue:m?y(m):void 0,onClick:V,open:r}),n.jsxRuntimeExports.jsx(C,{options:z,optionType:"meridiem",selectedValue:b,onClick:B,open:r})]})})};exports.Meridiem=u;exports.TimePicker=X;
-//# sourceMappingURL=timePicker.component-BCq4ONHX.js.map
+"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),t=require("react"),W=require("./textInput.component-BLK32hA7.js"),Y=require("./popover.component-XsWmj-kz.js"),F=require("./icon.component-C0e0UGBw.js"),G=require("./useIconTextSizeMap-BXmABb54.js"),J=require("./format-BRt-TIiQ.js"),A=require("./config-BFcXpdZo.js"),K=require("./use-recipe-DaPWl_pL.js"),h=require("./box-Baq7UBls.js"),v=require("./use-slot-recipe-8liupslO.js"),Q=A.defineRecipe({base:{borderRadius:"4px",cursor:"pointer",fontSize:"sm",px:3,py:1,textAlign:"center"},variants:{selected:{true:{background:"background.secondary",color:"text.contrast",_hover:{background:"background.secondary.hover"}},false:{background:"background",color:"text.subtle",_hover:{background:"background.secondaryAlpha.hover"}}}},defaultVariants:{selected:!1}}),U=({value:s,innerRef:a,onClick:i,selected:l})=>{const R=K.useRecipe({recipe:Q})({selected:l}),d=t.useCallback(r=>{const p=r.currentTarget.textContent||"";i(p)},[i]);return n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Option","data-testid":"kibble-timepicker-option",ref:a,onClick:d,css:R,children:s})},O=A.defineSlotRecipe({slots:["trigger","container","list"],base:{trigger:{width:"100%"},container:{display:"flex",gap:1.5,height:"186px",overflow:"hidden"},list:{display:"flex",flexDirection:"column",gap:1,overflowY:"auto","&::webkit-scrollbar":{display:"none"}}}}),C=({options:s,optionType:a,selectedValue:i,onClick:l,open:f=!1})=>{const d=v.useSlotRecipe({recipe:O})(),r=t.useRef(null),p=t.useRef(null);return t.useEffect(()=>{f&&p.current&&r.current&&(p.current.scrollTop=r.current?.offsetTop-p.current?.offsetTop)},[f]),n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__List","data-testid":`kibble-timepicker-${a}-list`,css:d.list,children:s.map(c=>n.jsxRuntimeExports.jsx(U,{innerRef:c===i?r:null,value:c,selected:c===i,onClick:l,"data-testid":c},`${a}-option-${c}`))})};var u=(s=>(s.AM="AM",s.PM="PM",s))(u||{});const X=({initialTime:s,inputProps:a,minuteInterval:i=5,onTimeChange:l,placement:f="bottom"})=>{const d=v.useSlotRecipe({recipe:O})(),[r,p]=t.useState(!1),[c,E]=t.useState(s),[k,j]=t.useState(),[m,M]=t.useState(),[b,S]=t.useState(),N=t.useMemo(()=>c?J.format(c,"h:mm aa"):"",[c]),y=e=>{const o=e.toString();return o.length===1?`0${o}`:o},w=t.useMemo(()=>[12,1,2,3,4,5,6,7,8,9,10,11].map(e=>e.toString()),[]),H=t.useMemo(()=>{const e=[];for(let o=0;o<60;o+=i)e.push(o);return e.map(y)},[i]),z=[u.AM,u.PM],x=t.useCallback((e,o,g)=>{const T=e||"12",D=o||"00",P=g||"AM";let _=0;e||j("12"),o||M("00"),g||S("AM"),P===u.PM&&Number(T)<12&&(_=12),P===u.AM&&Number(T)===12&&(_=-12);const $=Number(T)+_,L=new Date().setHours($,Number(D),0,0),q=new Date(L);E(q),l&&l(q)},[l]),I=t.useCallback(e=>{j(e),x(e,m,b)},[x,b,m]),V=t.useCallback(e=>{M(e),x(k,e,b)},[x,k,b]),B=t.useCallback(e=>{S(e),x(k,m,e)},[x,k,m]);return t.useEffect(()=>{if(s){const e=new Date(s),g=e.getHours()%12||12;E(s),j(g.toString()),M(e.getMinutes().toString()),S(e.getHours()>11?u.PM:u.AM)}},[s]),n.jsxRuntimeExports.jsx(Y.Popover,{open:r,onOpenChange:({open:e})=>p(e),anchor:n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Trigger","data-testid":"kibble-timepicker-trigger",css:d.trigger,children:n.jsxRuntimeExports.jsx(W.WrappedTextInput,{placeholder:"12:00 AM",rightElement:n.jsxRuntimeExports.jsx(F.Icon,{size:G.useIconTextSizeMap(a?.size||"md"),name:"clock"}),value:N,readOnly:!0,cursor:"pointer",...a,...r&&{"data-focus":"true"}})}),contentProps:{w:"max-content"},variant:"default",placement:f,children:n.jsxRuntimeExports.jsxs(h.Box,{className:"TimePicker__Container","data-testid":"kibble-timepicker-container",css:d.container,children:[n.jsxRuntimeExports.jsx(C,{options:w,optionType:"hour",selectedValue:k,onClick:I,open:r}),n.jsxRuntimeExports.jsx(C,{options:H,optionType:"minute",selectedValue:m?y(m):void 0,onClick:V,open:r}),n.jsxRuntimeExports.jsx(C,{options:z,optionType:"meridiem",selectedValue:b,onClick:B,open:r})]})})};exports.Meridiem=u;exports.TimePicker=X;
+//# sourceMappingURL=timePicker.component-BDngkTzk.js.map

package/dist/chunks/timePicker.component-BDngkTzk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"timePicker.component-BDngkTzk.js","sources":["../../src/components/TimePicker/components/TimeOption/timeOption.recipe.ts","../../src/components/TimePicker/components/TimeOption/timeOption.component.tsx","../../src/components/TimePicker/timePicker.recipe.ts","../../src/components/TimePicker/components/TimeList/timeList.component.tsx","../../src/components/TimePicker/timePicker.types.ts","../../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timeOptionRecipe = defineRecipe({\n base: {\n borderRadius: \"4px\",\n cursor: \"pointer\",\n fontSize: \"sm\",\n px: 3,\n py: 1,\n textAlign: \"center\",\n },\n variants: {\n selected: {\n true: {\n background: \"background.secondary\",\n color: \"text.contrast\",\n _hover: {\n background: \"background.secondary.hover\",\n },\n },\n false: {\n background: \"background\",\n color: \"text.subtle\",\n _hover: {\n background: \"background.secondaryAlpha.hover\",\n },\n },\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n","import React, { useCallback } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeOptionRecipe } from \"./timeOption.recipe\";\n\ninterface TimeOptionProps {\n innerRef?: React.RefObject<HTMLDivElement | null> | null;\n onClick: (selectedValue: string) => void;\n selected: boolean;\n value: string;\n}\n\nexport const TimeOption = ({\n value,\n innerRef,\n onClick,\n selected,\n}: TimeOptionProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: timeOptionRecipe });\n const styles = recipe({ selected });\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedValue = event.currentTarget.textContent || \"\";\n onClick(selectedValue);\n },\n [onClick],\n );\n\n return (\n <Box\n className=\"TimePicker__Option\"\n data-testid=\"kibble-timepicker-option\"\n ref={innerRef}\n onClick={handleClick}\n css={styles}\n >\n {value}\n </Box>\n );\n};\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timePickerRecipe = defineSlotRecipe({\n slots: [\"trigger\", \"container\", \"list\"],\n base: {\n trigger: {\n width: \"100%\",\n },\n container: {\n display: \"flex\",\n gap: 1.5,\n height: \"186px\",\n overflow: \"hidden\",\n },\n list: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: 1,\n overflowY: \"auto\",\n \"&::webkit-scrollbar\": {\n display: \"none\",\n },\n },\n },\n});\n","import React, { useEffect, useRef } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeOption } from \"../TimeOption/timeOption.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"../../timePicker.recipe\";\n\ninterface ScrollContainerProps {\n options: string[];\n optionType: \"hour\" | \"minute\" | \"meridiem\";\n selectedValue?: string;\n onClick: (value: string) => void;\n open: boolean;\n}\n\nexport const TimeList = ({\n options,\n optionType,\n selectedValue,\n onClick,\n open = false,\n}: ScrollContainerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n const styles = recipe();\n const itemRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (open && containerRef.current && itemRef.current) {\n containerRef.current.scrollTop =\n itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n }\n }, [open]);\n\n return (\n <Box\n className=\"TimePicker__List\"\n data-testid={`kibble-timepicker-${optionType}-list`}\n css={styles.list}\n >\n {options.map((option) => {\n return (\n <TimeOption\n key={`${optionType}-option-${option}`}\n innerRef={option === selectedValue ? itemRef : null}\n value={option}\n selected={option === selectedValue}\n onClick={onClick}\n data-testid={option}\n />\n );\n })}\n </Box>\n );\n};\n","export enum Meridiem {\n AM = \"AM\",\n PM = \"PM\",\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n TextInput,\n TextInputProps,\n} from \"components/TextInput/textInput.component\";\nimport { Popover } from \"components/Popover/popover.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\nimport format from \"date-fns/format\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeList } from \"./components/TimeList/timeList.component\";\nimport { Meridiem } from \"./timePicker.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"./timePicker.recipe\";\nimport { Placement } from \"shared/types/placement\";\n\nexport interface TimePickerProps {\n initialTime?: Date;\n inputProps?: Omit<\n TextInputProps,\n \"onChange\" | \"value\" | \"isClearable\" | \"onClear\"\n >;\n minuteInterval?: number;\n onTimeChange?: (time: Date) => void;\n placement?: Placement;\n}\n\nexport const TimePicker = ({\n initialTime,\n inputProps,\n minuteInterval = 5,\n onTimeChange,\n placement = \"bottom\",\n}: TimePickerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n const styles = recipe();\n const [isOpen, setIsOpen] = useState(false);\n const [selectedTime, setSelectedTime] = useState(initialTime);\n const [selectedHour, setSelectedHour] = useState<string | undefined>();\n const [selectedMinute, setSelectedMinute] = useState<string | undefined>();\n const [selectedMeridiem, setSelectedMeridiem] = useState<\n string | undefined\n >();\n\n const formattedTime = useMemo(() => {\n if (!selectedTime) return \"\";\n return format(selectedTime, \"h:mm aa\");\n }, [selectedTime]);\n\n const formatNumber = (number: number | string): string => {\n const formattedValue = number.toString();\n if (formattedValue.length === 1) {\n return `0${formattedValue}`;\n }\n\n return formattedValue;\n };\n\n const hourOptions = useMemo(() => {\n return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) =>\n hour.toString(),\n );\n }, []);\n\n const minuteOptions = useMemo(() => {\n const minutes = [];\n for (let i = 0; i < 60; i += minuteInterval) {\n minutes.push(i);\n }\n\n return minutes.map(formatNumber);\n }, [minuteInterval]);\n\n const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n const handleTimeChange = useCallback(\n (hour?: string, minute?: string, meridiem?: string) => {\n const _hour = hour || \"12\";\n const _minute = minute || \"00\";\n const _meridiem = meridiem || \"AM\";\n let meridiemAdjustment = 0;\n\n if (!hour) {\n setSelectedHour(\"12\");\n }\n if (!minute) {\n setSelectedMinute(\"00\");\n }\n if (!meridiem) {\n setSelectedMeridiem(\"AM\");\n }\n\n // set 1-11pm to 13-23. Don't set 12pm to 24\n if (_meridiem === Meridiem.PM && Number(_hour) < 12) {\n meridiemAdjustment = 12;\n }\n\n // set 12am to 00\n if (_meridiem === Meridiem.AM && Number(_hour) === 12) {\n meridiemAdjustment = -12;\n }\n\n const hours = Number(_hour) + meridiemAdjustment;\n const time = new Date().setHours(hours, Number(_minute), 0, 0);\n const date = new Date(time);\n setSelectedTime(date);\n\n if (onTimeChange) {\n onTimeChange(date);\n }\n },\n [onTimeChange],\n );\n\n const handleHourClick = useCallback(\n (value: string) => {\n setSelectedHour(value);\n handleTimeChange(value, selectedMinute, selectedMeridiem);\n },\n [handleTimeChange, selectedMeridiem, selectedMinute],\n );\n\n const handleMinuteClick = useCallback(\n (value: string) => {\n setSelectedMinute(value);\n handleTimeChange(selectedHour, value, selectedMeridiem);\n },\n [handleTimeChange, selectedHour, selectedMeridiem],\n );\n\n const handleMeridiemClick = useCallback(\n (value: string) => {\n setSelectedMeridiem(value);\n handleTimeChange(selectedHour, selectedMinute, value);\n },\n [handleTimeChange, selectedHour, selectedMinute],\n );\n\n useEffect(() => {\n // Set default selections based on value passed in\n if (initialTime) {\n const localTime = new Date(initialTime);\n\n // calculate hours\n const hours = localTime.getHours();\n const adjustedHours = hours % 12 || 12;\n\n setSelectedTime(initialTime);\n setSelectedHour(adjustedHours.toString());\n setSelectedMinute(localTime.getMinutes().toString());\n setSelectedMeridiem(\n localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n );\n }\n }, [initialTime]);\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={({ open }) => setIsOpen(open)}\n anchor={\n <Box\n className=\"TimePicker__Trigger\"\n data-testid=\"kibble-timepicker-trigger\"\n css={styles.trigger}\n >\n <TextInput\n placeholder=\"12:00 AM\"\n rightElement={\n <Icon\n size={useIconTextSizeMap(inputProps?.size || \"md\")}\n name=\"clock\"\n />\n }\n value={formattedTime}\n readOnly\n cursor=\"pointer\"\n {...inputProps}\n {...(isOpen && { \"data-focus\": \"true\" })}\n />\n </Box>\n }\n contentProps={{ w: \"max-content\" }}\n variant=\"default\"\n placement={placement}\n >\n <Box\n className=\"TimePicker__Container\"\n data-testid=\"kibble-timepicker-container\"\n css={styles.container}\n >\n <TimeList\n options={hourOptions}\n optionType=\"hour\"\n selectedValue={selectedHour}\n onClick={handleHourClick}\n open={isOpen}\n />\n <TimeList\n options={minuteOptions}\n optionType=\"minute\"\n selectedValue={\n selectedMinute ? formatNumber(selectedMinute) : undefined\n }\n onClick={handleMinuteClick}\n open={isOpen}\n />\n <TimeList\n options={meridiemOptions}\n optionType=\"meridiem\"\n selectedValue={selectedMeridiem}\n onClick={handleMeridiemClick}\n open={isOpen}\n />\n </Box>\n </Popover>\n );\n};\n"],"names":["timeOptionRecipe","defineRecipe","TimeOption","value","innerRef","onClick","selected","styles","useRecipe","handleClick","useCallback","event","selectedValue","jsx","Box","timePickerRecipe","defineSlotRecipe","TimeList","options","optionType","open","useSlotRecipe","itemRef","useRef","containerRef","useEffect","option","Meridiem","TimePicker","initialTime","inputProps","minuteInterval","onTimeChange","placement","isOpen","setIsOpen","useState","selectedTime","setSelectedTime","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","useMemo","format","formatNumber","number","formattedValue","hourOptions","hour","minuteOptions","minutes","i","meridiemOptions","handleTimeChange","minute","meridiem","_hour","_minute","_meridiem","meridiemAdjustment","hours","time","date","handleHourClick","handleMinuteClick","handleMeridiemClick","localTime","adjustedHours","Popover","TextInput","Icon","useIconTextSizeMap","jsxs"],"mappings":"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"}

package/dist/chunks/{timePicker.component-Dth5j7XG.js → timePicker.component-Co16Tl6i.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { j as o } from "./jsx-runtime-C5mzlN2N.js";
 import { useCallback as h, useRef as w, useEffect as H, useState as b, useMemo as R } from "react";
-import { W as G } from "./textInput.component-BJglG821.js";
-import { P as J } from "./popover.component-bfBxMlWB.js";
+import { W as G } from "./textInput.component-CcyrHWXa.js";
+import { P as J } from "./popover.component-C6ERLtW7.js";
 import { I as K } from "./icon.component-DGNCL1Yc.js";
 import { u as Q } from "./useIconTextSizeMap-BK-pUrQv.js";
 import { f as U } from "./format-DgHM6wFr.js";
@@ -45,7 +45,7 @@ const te = X({
   onClick: c,
   selected: a
 }) => {
-  const T = ee({ recipe: te })({ selected: a }), m = h(
+  const T = ee({ recipe: te })({ selected: a }), d = h(
     (r) => {
       const l = r.currentTarget.textContent || "";
       c(l);
@@ -58,7 +58,7 @@ const te = X({
       className: "TimePicker__Option",
       "data-testid": "kibble-timepicker-option",
       ref: i,
-      onClick: m,
+      onClick: d,
       css: T,
       children: t
     }
@@ -92,7 +92,7 @@ const te = X({
   onClick: a,
   open: f = !1
 }) => {
-  const m = V({ recipe: z })(), r = w(null), l = w(null);
+  const d = V({ recipe: z })(), r = w(null), l = w(null);
   return H(() => {
     f && l.current && r.current && (l.current.scrollTop = r.current?.offsetTop - l.current?.offsetTop);
   }, [f]), /* @__PURE__ */ o.jsx(
@@ -100,7 +100,7 @@ const te = X({
     {
       className: "TimePicker__List",
       "data-testid": `kibble-timepicker-${i}-list`,
-      css: m.list,
+      css: d.list,
       children: t.map((n) => /* @__PURE__ */ o.jsx(
         re,
         {
@@ -123,7 +123,7 @@ const fe = ({
   onTimeChange: a,
   placement: f = "bottom"
 }) => {
-  const m = V({ recipe: z })(), [r, l] = b(!1), [n, C] = b(t), [g, j] = b(), [d, y] = b(), [k, P] = b(), D = R(() => n ? U(n, "h:mm aa") : "", [n]), O = (e) => {
+  const d = V({ recipe: z })(), [r, l] = b(!1), [n, C] = b(t), [g, j] = b(), [m, y] = b(), [k, P] = b(), D = R(() => n ? U(n, "h:mm aa") : "", [n]), O = (e) => {
     const s = e.toString();
     return s.length === 1 ? `0${s}` : s;
   }, I = R(() => [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map(
@@ -135,18 +135,18 @@ const fe = ({
     return e.map(O);
   }, [c]), E = [u.AM, u.PM], p = h(
     (e, s, x) => {
-      const S = e || "12", Y = s || "00", N = x || "AM";
+      const S = e || "12", Y = s || "00", v = x || "AM";
       let _ = 0;
-      e || j("12"), s || y("00"), x || P("AM"), N === u.PM && Number(S) < 12 && (_ = 12), N === u.AM && Number(S) === 12 && (_ = -12);
-      const q = Number(S) + _, F = (/* @__PURE__ */ new Date()).setHours(q, Number(Y), 0, 0), v = new Date(F);
-      C(v), a && a(v);
+      e || j("12"), s || y("00"), x || P("AM"), v === u.PM && Number(S) < 12 && (_ = 12), v === u.AM && Number(S) === 12 && (_ = -12);
+      const q = Number(S) + _, F = (/* @__PURE__ */ new Date()).setHours(q, Number(Y), 0, 0), N = new Date(F);
+      C(N), a && a(N);
     },
     [a]
   ), B = h(
     (e) => {
-      j(e), p(e, d, k);
+      j(e), p(e, m, k);
     },
-    [p, k, d]
+    [p, k, m]
   ), L = h(
     (e) => {
       y(e), p(g, e, k);
@@ -154,9 +154,9 @@ const fe = ({
     [p, g, k]
   ), W = h(
     (e) => {
-      P(e), p(g, d, e);
+      P(e), p(g, m, e);
     },
-    [p, g, d]
+    [p, g, m]
   );
   return H(() => {
     if (t) {
@@ -175,7 +175,7 @@ const fe = ({
         {
           className: "TimePicker__Trigger",
           "data-testid": "kibble-timepicker-trigger",
-          css: m.trigger,
+          css: d.trigger,
           children: /* @__PURE__ */ o.jsx(
             G,
             {
@@ -197,13 +197,14 @@ const fe = ({
         }
       ),
       contentProps: { w: "max-content" },
+      variant: "default",
       placement: f,
       children: /* @__PURE__ */ o.jsxs(
         M,
         {
           className: "TimePicker__Container",
           "data-testid": "kibble-timepicker-container",
-          css: m.container,
+          css: d.container,
           children: [
             /* @__PURE__ */ o.jsx(
               A,
@@ -220,7 +221,7 @@ const fe = ({
               {
                 options: $,
                 optionType: "minute",
-                selectedValue: d ? O(d) : void 0,
+                selectedValue: m ? O(m) : void 0,
                 onClick: L,
                 open: r
               }
@@ -245,4 +246,4 @@ export {
   u as M,
   fe as T
 };
-//# sourceMappingURL=timePicker.component-Dth5j7XG.js.map
+//# sourceMappingURL=timePicker.component-Co16Tl6i.js.map

package/dist/chunks/timePicker.component-Co16Tl6i.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"timePicker.component-Co16Tl6i.js","sources":["../../src/components/TimePicker/components/TimeOption/timeOption.recipe.ts","../../src/components/TimePicker/components/TimeOption/timeOption.component.tsx","../../src/components/TimePicker/timePicker.recipe.ts","../../src/components/TimePicker/components/TimeList/timeList.component.tsx","../../src/components/TimePicker/timePicker.types.ts","../../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timeOptionRecipe = defineRecipe({\n base: {\n borderRadius: \"4px\",\n cursor: \"pointer\",\n fontSize: \"sm\",\n px: 3,\n py: 1,\n textAlign: \"center\",\n },\n variants: {\n selected: {\n true: {\n background: \"background.secondary\",\n color: \"text.contrast\",\n _hover: {\n background: \"background.secondary.hover\",\n },\n },\n false: {\n background: \"background\",\n color: \"text.subtle\",\n _hover: {\n background: \"background.secondaryAlpha.hover\",\n },\n },\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n","import React, { useCallback } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeOptionRecipe } from \"./timeOption.recipe\";\n\ninterface TimeOptionProps {\n innerRef?: React.RefObject<HTMLDivElement | null> | null;\n onClick: (selectedValue: string) => void;\n selected: boolean;\n value: string;\n}\n\nexport const TimeOption = ({\n value,\n innerRef,\n onClick,\n selected,\n}: TimeOptionProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: timeOptionRecipe });\n const styles = recipe({ selected });\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedValue = event.currentTarget.textContent || \"\";\n onClick(selectedValue);\n },\n [onClick],\n );\n\n return (\n <Box\n className=\"TimePicker__Option\"\n data-testid=\"kibble-timepicker-option\"\n ref={innerRef}\n onClick={handleClick}\n css={styles}\n >\n {value}\n </Box>\n );\n};\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timePickerRecipe = defineSlotRecipe({\n slots: [\"trigger\", \"container\", \"list\"],\n base: {\n trigger: {\n width: \"100%\",\n },\n container: {\n display: \"flex\",\n gap: 1.5,\n height: \"186px\",\n overflow: \"hidden\",\n },\n list: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: 1,\n overflowY: \"auto\",\n \"&::webkit-scrollbar\": {\n display: \"none\",\n },\n },\n },\n});\n","import React, { useEffect, useRef } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeOption } from \"../TimeOption/timeOption.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"../../timePicker.recipe\";\n\ninterface ScrollContainerProps {\n options: string[];\n optionType: \"hour\" | \"minute\" | \"meridiem\";\n selectedValue?: string;\n onClick: (value: string) => void;\n open: boolean;\n}\n\nexport const TimeList = ({\n options,\n optionType,\n selectedValue,\n onClick,\n open = false,\n}: ScrollContainerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n const styles = recipe();\n const itemRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (open && containerRef.current && itemRef.current) {\n containerRef.current.scrollTop =\n itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n }\n }, [open]);\n\n return (\n <Box\n className=\"TimePicker__List\"\n data-testid={`kibble-timepicker-${optionType}-list`}\n css={styles.list}\n >\n {options.map((option) => {\n return (\n <TimeOption\n key={`${optionType}-option-${option}`}\n innerRef={option === selectedValue ? itemRef : null}\n value={option}\n selected={option === selectedValue}\n onClick={onClick}\n data-testid={option}\n />\n );\n })}\n </Box>\n );\n};\n","export enum Meridiem {\n AM = \"AM\",\n PM = \"PM\",\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n TextInput,\n TextInputProps,\n} from \"components/TextInput/textInput.component\";\nimport { Popover } from \"components/Popover/popover.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\nimport format from \"date-fns/format\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeList } from \"./components/TimeList/timeList.component\";\nimport { Meridiem } from \"./timePicker.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"./timePicker.recipe\";\nimport { Placement } from \"shared/types/placement\";\n\nexport interface TimePickerProps {\n initialTime?: Date;\n inputProps?: Omit<\n TextInputProps,\n \"onChange\" | \"value\" | \"isClearable\" | \"onClear\"\n >;\n minuteInterval?: number;\n onTimeChange?: (time: Date) => void;\n placement?: Placement;\n}\n\nexport const TimePicker = ({\n initialTime,\n inputProps,\n minuteInterval = 5,\n onTimeChange,\n placement = \"bottom\",\n}: TimePickerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n const styles = recipe();\n const [isOpen, setIsOpen] = useState(false);\n const [selectedTime, setSelectedTime] = useState(initialTime);\n const [selectedHour, setSelectedHour] = useState<string | undefined>();\n const [selectedMinute, setSelectedMinute] = useState<string | undefined>();\n const [selectedMeridiem, setSelectedMeridiem] = useState<\n string | undefined\n >();\n\n const formattedTime = useMemo(() => {\n if (!selectedTime) return \"\";\n return format(selectedTime, \"h:mm aa\");\n }, [selectedTime]);\n\n const formatNumber = (number: number | string): string => {\n const formattedValue = number.toString();\n if (formattedValue.length === 1) {\n return `0${formattedValue}`;\n }\n\n return formattedValue;\n };\n\n const hourOptions = useMemo(() => {\n return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) =>\n hour.toString(),\n );\n }, []);\n\n const minuteOptions = useMemo(() => {\n const minutes = [];\n for (let i = 0; i < 60; i += minuteInterval) {\n minutes.push(i);\n }\n\n return minutes.map(formatNumber);\n }, [minuteInterval]);\n\n const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n const handleTimeChange = useCallback(\n (hour?: string, minute?: string, meridiem?: string) => {\n const _hour = hour || \"12\";\n const _minute = minute || \"00\";\n const _meridiem = meridiem || \"AM\";\n let meridiemAdjustment = 0;\n\n if (!hour) {\n setSelectedHour(\"12\");\n }\n if (!minute) {\n setSelectedMinute(\"00\");\n }\n if (!meridiem) {\n setSelectedMeridiem(\"AM\");\n }\n\n // set 1-11pm to 13-23. Don't set 12pm to 24\n if (_meridiem === Meridiem.PM && Number(_hour) < 12) {\n meridiemAdjustment = 12;\n }\n\n // set 12am to 00\n if (_meridiem === Meridiem.AM && Number(_hour) === 12) {\n meridiemAdjustment = -12;\n }\n\n const hours = Number(_hour) + meridiemAdjustment;\n const time = new Date().setHours(hours, Number(_minute), 0, 0);\n const date = new Date(time);\n setSelectedTime(date);\n\n if (onTimeChange) {\n onTimeChange(date);\n }\n },\n [onTimeChange],\n );\n\n const handleHourClick = useCallback(\n (value: string) => {\n setSelectedHour(value);\n handleTimeChange(value, selectedMinute, selectedMeridiem);\n },\n [handleTimeChange, selectedMeridiem, selectedMinute],\n );\n\n const handleMinuteClick = useCallback(\n (value: string) => {\n setSelectedMinute(value);\n handleTimeChange(selectedHour, value, selectedMeridiem);\n },\n [handleTimeChange, selectedHour, selectedMeridiem],\n );\n\n const handleMeridiemClick = useCallback(\n (value: string) => {\n setSelectedMeridiem(value);\n handleTimeChange(selectedHour, selectedMinute, value);\n },\n [handleTimeChange, selectedHour, selectedMinute],\n );\n\n useEffect(() => {\n // Set default selections based on value passed in\n if (initialTime) {\n const localTime = new Date(initialTime);\n\n // calculate hours\n const hours = localTime.getHours();\n const adjustedHours = hours % 12 || 12;\n\n setSelectedTime(initialTime);\n setSelectedHour(adjustedHours.toString());\n setSelectedMinute(localTime.getMinutes().toString());\n setSelectedMeridiem(\n localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n );\n }\n }, [initialTime]);\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={({ open }) => setIsOpen(open)}\n anchor={\n <Box\n className=\"TimePicker__Trigger\"\n data-testid=\"kibble-timepicker-trigger\"\n css={styles.trigger}\n >\n <TextInput\n placeholder=\"12:00 AM\"\n rightElement={\n <Icon\n size={useIconTextSizeMap(inputProps?.size || \"md\")}\n name=\"clock\"\n />\n }\n value={formattedTime}\n readOnly\n cursor=\"pointer\"\n {...inputProps}\n {...(isOpen && { \"data-focus\": \"true\" })}\n />\n </Box>\n }\n contentProps={{ w: \"max-content\" }}\n variant=\"default\"\n placement={placement}\n >\n <Box\n className=\"TimePicker__Container\"\n data-testid=\"kibble-timepicker-container\"\n css={styles.container}\n >\n <TimeList\n options={hourOptions}\n optionType=\"hour\"\n selectedValue={selectedHour}\n onClick={handleHourClick}\n open={isOpen}\n />\n <TimeList\n options={minuteOptions}\n optionType=\"minute\"\n selectedValue={\n selectedMinute ? formatNumber(selectedMinute) : undefined\n }\n onClick={handleMinuteClick}\n open={isOpen}\n />\n <TimeList\n options={meridiemOptions}\n optionType=\"meridiem\"\n selectedValue={selectedMeridiem}\n onClick={handleMeridiemClick}\n open={isOpen}\n />\n </Box>\n </Popover>\n );\n};\n"],"names":["timeOptionRecipe","defineRecipe","TimeOption","value","innerRef","onClick","selected","styles","useRecipe","handleClick","useCallback","event","selectedValue","jsx","Box","timePickerRecipe","defineSlotRecipe","TimeList","options","optionType","open","useSlotRecipe","itemRef","useRef","containerRef","useEffect","option","Meridiem","TimePicker","initialTime","inputProps","minuteInterval","onTimeChange","placement","isOpen","setIsOpen","useState","selectedTime","setSelectedTime","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","useMemo","format","formatNumber","number","formattedValue","hourOptions","hour","minuteOptions","minutes","i","meridiemOptions","handleTimeChange","minute","meridiem","_hour","_minute","_meridiem","meridiemAdjustment","hours","time","date","handleHourClick","handleMinuteClick","handleMeridiemClick","localTime","adjustedHours","Popover","TextInput","Icon","useIconTextSizeMap","jsxs"],"mappings":"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"}

package/dist/chunks/{timeRange.component-JjgrKlHx.js → timeRange.component-CFgHqQ-a.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { T as r } from "./timePicker.component-Dth5j7XG.js";
+import { T as r } from "./timePicker.component-Co16Tl6i.js";
 import { F as a } from "./flex-smlF8uQG.js";
 import { B as o } from "./box-Ck9I7FYv.js";
 const j = ({
@@ -15,4 +15,4 @@ const j = ({
 export {
   j as T
 };
-//# sourceMappingURL=timeRange.component-JjgrKlHx.js.map
+//# sourceMappingURL=timeRange.component-CFgHqQ-a.js.map

package/dist/chunks/{timeRange.component-JjgrKlHx.js.map → timeRange.component-CFgHqQ-a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"timeRange.component-~~JjgrKlHx~~.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n TimePicker,\n TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n separator?: React.ReactNode;\n endTimePickerProps: TimePickerProps;\n startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n endTimePickerProps,\n separator,\n startTimePickerProps,\n ...rest\n}: TimeRangeProps): React.JSX.Element => {\n return (\n <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n <TimePicker {...startTimePickerProps} />\n <Box alignSelf=\"center\" mx={1}>\n {separator \|\| \"-\"}\n </Box>\n <TimePicker {...endTimePickerProps} />\n </Flex>\n );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,6BAEKC,GAAK,EAAA,WAAU,aAAY,eAAY,qBAAqB,GAAGD,GAC9D,UAAA;AAAA,EAACE,gBAAAA,EAAAA,IAAAC,GAAA,EAAY,GAAGJ,GAAsB;AAAA,wBACrCK,GAAI,EAAA,WAAU,UAAS,IAAI,GACzB,eAAa,KAChB;AAAA,EACAF,gBAAAA,MAACC,GAAY,EAAA,GAAGN,EAAoB,CAAA;AAAA,GACtC;"}
1	+ {"version":3,"file":"timeRange.component-CFgHqQ-a.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n TimePicker,\n TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n separator?: React.ReactNode;\n endTimePickerProps: TimePickerProps;\n startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n endTimePickerProps,\n separator,\n startTimePickerProps,\n ...rest\n}: TimeRangeProps): React.JSX.Element => {\n return (\n <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n <TimePicker {...startTimePickerProps} />\n <Box alignSelf=\"center\" mx={1}>\n {separator \|\| \"-\"}\n </Box>\n <TimePicker {...endTimePickerProps} />\n </Flex>\n );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,6BAEKC,GAAK,EAAA,WAAU,aAAY,eAAY,qBAAqB,GAAGD,GAC9D,UAAA;AAAA,EAACE,gBAAAA,EAAAA,IAAAC,GAAA,EAAY,GAAGJ,GAAsB;AAAA,wBACrCK,GAAI,EAAA,WAAU,UAAS,IAAI,GACzB,eAAa,KAChB;AAAA,EACAF,gBAAAA,MAACC,GAAY,EAAA,GAAGN,EAAoB,CAAA;AAAA,GACtC;"}

package/dist/chunks/{timeRange.component-D1QCKbW8.js → timeRange.component-CXZA_5f5.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("./timePicker.component-BCq4ONHX.js"),x=require("./flex-D14H6HbP.js"),m=require("./box-Baq7UBls.js"),c=({endTimePickerProps:s,separator:t,startTimePickerProps:r,...n})=>e.jsxRuntimeExports.jsxs(x.Flex,{className:"TimeRange","data-testid":"kibble-time-range",...n,children:[e.jsxRuntimeExports.jsx(i.TimePicker,{...r}),e.jsxRuntimeExports.jsx(m.Box,{alignSelf:"center",mx:1,children:t||"-"}),e.jsxRuntimeExports.jsx(i.TimePicker,{...s})]});exports.TimeRange=c;
-//# sourceMappingURL=timeRange.component-D1QCKbW8.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("./timePicker.component-BDngkTzk.js"),x=require("./flex-D14H6HbP.js"),m=require("./box-Baq7UBls.js"),c=({endTimePickerProps:s,separator:t,startTimePickerProps:r,...n})=>e.jsxRuntimeExports.jsxs(x.Flex,{className:"TimeRange","data-testid":"kibble-time-range",...n,children:[e.jsxRuntimeExports.jsx(i.TimePicker,{...r}),e.jsxRuntimeExports.jsx(m.Box,{alignSelf:"center",mx:1,children:t||"-"}),e.jsxRuntimeExports.jsx(i.TimePicker,{...s})]});exports.TimeRange=c;
+//# sourceMappingURL=timeRange.component-CXZA_5f5.js.map

package/dist/chunks/{timeRange.component-D1QCKbW8.js.map → timeRange.component-CXZA_5f5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"timeRange.component-~~D1QCKbW8~~.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n TimePicker,\n TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n separator?: React.ReactNode;\n endTimePickerProps: TimePickerProps;\n startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n endTimePickerProps,\n separator,\n startTimePickerProps,\n ...rest\n}: TimeRangeProps): React.JSX.Element => {\n return (\n <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n <TimePicker {...startTimePickerProps} />\n <Box alignSelf=\"center\" mx={1}>\n {separator \|\| \"-\"}\n </Box>\n <TimePicker {...endTimePickerProps} />\n </Flex>\n );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":"yKAcaA,EAAY,CAAC,CACxB,mBAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,GAAGC,CACL,6BAEKC,OAAK,CAAA,UAAU,YAAY,cAAY,oBAAqB,GAAGD,EAC9D,SAAA,CAACE,EAAAA,kBAAAA,IAAAC,EAAA,WAAA,CAAY,GAAGJ,EAAsB,0BACrCK,EAAAA,IAAI,CAAA,UAAU,SAAS,GAAI,EACzB,YAAa,IAChB,EACAF,wBAACC,EAAAA,WAAY,CAAA,GAAGN,CAAoB,CAAA,CAAA,EACtC"}
1	+ {"version":3,"file":"timeRange.component-CXZA_5f5.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n TimePicker,\n TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n separator?: React.ReactNode;\n endTimePickerProps: TimePickerProps;\n startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n endTimePickerProps,\n separator,\n startTimePickerProps,\n ...rest\n}: TimeRangeProps): React.JSX.Element => {\n return (\n <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n <TimePicker {...startTimePickerProps} />\n <Box alignSelf=\"center\" mx={1}>\n {separator \|\| \"-\"}\n </Box>\n <TimePicker {...endTimePickerProps} />\n </Flex>\n );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":"yKAcaA,EAAY,CAAC,CACxB,mBAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,GAAGC,CACL,6BAEKC,OAAK,CAAA,UAAU,YAAY,cAAY,oBAAqB,GAAGD,EAC9D,SAAA,CAACE,EAAAA,kBAAAA,IAAAC,EAAA,WAAA,CAAY,GAAGJ,EAAsB,0BACrCK,EAAAA,IAAI,CAAA,UAAU,SAAS,GAAI,EACzB,YAAa,IAChB,EACAF,wBAACC,EAAAA,WAAY,CAAA,GAAGN,CAAoB,CAAA,CAAA,EACtC"}

package/dist/chunks/timestamp.component-D1c35p1O.js ADDED Viewed

@@ -0,0 +1,53 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { useMemo as f } from "react";
+import { T as p, W as u } from "./withTruncation-BAxxp5gA.js";
+import { c as i, n as x, s as n, f as l } from "./format-DgHM6wFr.js";
+function T(t) {
+  return i(t, Date.now());
+}
+function b(t, s, r) {
+  const [a, e] = x(
+    r?.in,
+    t,
+    s
+  );
+  return +n(a) == +n(e);
+}
+function d(t, s) {
+  return b(
+    i(t, t),
+    T(t)
+  );
+}
+const y = ({
+  date: t,
+  timeFormat: s = "h:mma",
+  dateFormat: r = "M/d/yy",
+  shouldTodayDisplayTimeOnly: a = !0,
+  tooltipLabel: e,
+  textProps: m
+}) => {
+  const c = f(
+    () => l(
+      t,
+      d(t) && a ? s : r
+    ),
+    [t, r, a, s]
+  );
+  return /* @__PURE__ */ o.jsx(p, { disabled: !e, label: e || "", children: /* @__PURE__ */ o.jsx(
+    u,
+    {
+      className: "Timestamp",
+      "data-testid": "kibble-timestamp",
+      variant: "subtle",
+      size: "xs",
+      textTransform: "lowercase",
+      ...m,
+      children: c
+    }
+  ) });
+};
+export {
+  y as T
+};
+//# sourceMappingURL=timestamp.component-D1c35p1O.js.map

package/dist/chunks/{timestamp.component-QlZU9TRD.js.map → timestamp.component-D1c35p1O.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"timestamp.component-~~QlZU9TRD~~.js","sources":["../../node_modules/date-fns/constructNow.js","../../node_modules/date-fns/isSameDay.js","../../node_modules/date-fns/isToday.js","../../src/components/Timestamp/timestamp.component.tsx"],"sourcesContent":["import { constructFrom } from \"./constructFrom.js\";\n\n/*\n @name constructNow\n * @category Generic Helpers\n * @summary Constructs a new current date using the passed value constructor.\n * @pure false\n \n @description\n * The function constructs a new current date using the constructor from\n * the reference date. It helps to build generic functions that accept date\n * extensions and use the current date.\n \n It defaults to `Date` if the passed reference date is a number or a string.\n \n @param date - The reference date to take constructor from\n \n @returns Current date initialized using the given date constructor\n \n @example\n * import { constructNow, isSameDay } from 'date-fns'\n \n function isToday<DateType extends Date>(\n * date: DateArg<DateType>,\n * ): boolean {\n * // If we were to use `new Date()` directly, the function would behave\n * // differently in different timezones and return false for the same date.\n * return isSameDay(date, constructNow(date));\n * }\n /\nexport function constructNow(date) {\n return constructFrom(date, Date.now());\n}\n\n// Fallback for modularized imports:\nexport default constructNow;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { startOfDay } from \"./startOfDay.js\";\n\n/\n The {@link isSameDay} function options.\n /\n\n/\n @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n \n @description\n * Are the given dates in the same day (and year and month)?\n \n @param laterDate - The first date to check\n * @param earlierDate - The second date to check\n * @param options - An object with options\n \n @returns The dates are in the same day (and year and month)\n \n @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n \n @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n \n @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n /\nexport function isSameDay(laterDate, earlierDate, options) {\n const [dateLeft_, dateRight_] = normalizeDates(\n options?.in,\n laterDate,\n earlierDate,\n );\n return +startOfDay(dateLeft_) === +startOfDay(dateRight_);\n}\n\n// Fallback for modularized imports:\nexport default isSameDay;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { constructNow } from \"./constructNow.js\";\nimport { isSameDay } from \"./isSameDay.js\";\n\n/\n The {@link isToday} function options.\n /\n\n/\n @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n \n @description\n * Is the given date today?\n \n @param date - The date to check\n * @param options - An object with options\n \n @returns The date is today\n \n @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport function isToday(date, options) {\n return isSameDay(\n constructFrom(options?.in \|\| date, date),\n constructNow(options?.in \|\| date),\n );\n}\n\n// Fallback for modularized imports:\nexport default isToday;\n","import React, { useMemo } from \"react\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\nimport format from \"date-fns/format\";\nimport isToday from \"date-fns/isToday\";\n\nexport interface TimestampProps {\n date: Date;\n timeFormat?: string;\n dateFormat?: string;\n shouldTodayDisplayTimeOnly?: boolean;\n tooltipLabel?: string;\n textProps?: Omit<TextProps, \"children\">;\n}\n\nexport const Timestamp = ({\n date,\n timeFormat = \"h:mma\",\n dateFormat = \"M/d/yy\",\n shouldTodayDisplayTimeOnly = true,\n tooltipLabel,\n textProps,\n}: TimestampProps): React.JSX.Element => {\n const stamp = useMemo(\n () =>\n format(\n date,\n isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat,\n ),\n [date, dateFormat, shouldTodayDisplayTimeOnly, timeFormat],\n );\n\n return (\n <Tooltip disabled={!tooltipLabel} label={tooltipLabel \|\| \"\"}>\n <Text\n className=\"Timestamp\"\n data-testid=\"kibble-timestamp\"\n variant=\"subtle\"\n size=\"xs\"\n textTransform=\"lowercase\"\n {...textProps}\n >\n {stamp}\n </Text>\n </Tooltip>\n );\n};\n"],"names":["constructNow","date","constructFrom","isSameDay","laterDate","earlierDate","options","dateLeft_","dateRight_","normalizeDates","startOfDay","isToday","Timestamp","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","useMemo","format","Tooltip","jsx","Text"],"mappings":"~~;;;;;~~AA8BO,SAASA,EAAaC,GAAM;AACjC,SAAOC,EAAcD,GAAM,KAAK,IAAG,CAAE;AACvC;ACIO,SAASE,EAAUC,GAAWC,GAAaC,GAAS;AACzD,QAAM,CAACC,GAAWC,CAAU,IAAIC;AAAA,IAC9BH,GAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACD;AACD,SAAO,CAACK,EAAWH,CAAS,KAAM,CAACG,EAAWF,CAAU;AAC1D;AChBO,SAASG,EAAQV,GAAMK,GAAS;AACrC,SAAOH;AAAA,IACLD,EAA6BD,GAAMA,CAAI;AAAA,IACvCD,EAA4BC,CAAI;AAAA,EACjC;AACH;ACjBO,MAAMW,IAAY,CAAC;AAAA,EACxB,MAAAX;AAAA,EACA,YAAAY,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,4BAAAC,IAA6B;AAAA,EAC7B,cAAAC;AAAA,EACA,WAAAC;AACF,MAAyC;AACvC,QAAMC,IAAQC;AAAA,IACZ,MACEC;AAAA,MACEnB;AAAA,MACAU,EAAQV,CAAI,KAAKc,IAA6BF,IAAaC;AAAA,IAC7D;AAAA,IACF,CAACb,GAAMa,GAAYC,GAA4BF,CAAU;AAAA,EAC3D;AAEA,+BACGQ,GAAQ,EAAA,UAAU,CAACL,GAAc,OAAOA,KAAgB,IACvD,UAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAc;AAAA,MACb,GAAGN;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;","x_google_ignoreList":[0,1,2]}
1	+ {"version":3,"file":"timestamp.component-D1c35p1O.js","sources":["../../node_modules/date-fns/constructNow.js","../../node_modules/date-fns/isSameDay.js","../../node_modules/date-fns/isToday.js","../../src/components/Timestamp/timestamp.component.tsx"],"sourcesContent":["import { constructFrom } from \"./constructFrom.js\";\n\n/*\n @name constructNow\n * @category Generic Helpers\n * @summary Constructs a new current date using the passed value constructor.\n * @pure false\n \n @description\n * The function constructs a new current date using the constructor from\n * the reference date. It helps to build generic functions that accept date\n * extensions and use the current date.\n \n It defaults to `Date` if the passed reference date is a number or a string.\n \n @param date - The reference date to take constructor from\n \n @returns Current date initialized using the given date constructor\n \n @example\n * import { constructNow, isSameDay } from 'date-fns'\n \n function isToday<DateType extends Date>(\n * date: DateArg<DateType>,\n * ): boolean {\n * // If we were to use `new Date()` directly, the function would behave\n * // differently in different timezones and return false for the same date.\n * return isSameDay(date, constructNow(date));\n * }\n /\nexport function constructNow(date) {\n return constructFrom(date, Date.now());\n}\n\n// Fallback for modularized imports:\nexport default constructNow;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { startOfDay } from \"./startOfDay.js\";\n\n/\n The {@link isSameDay} function options.\n /\n\n/\n @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n \n @description\n * Are the given dates in the same day (and year and month)?\n \n @param laterDate - The first date to check\n * @param earlierDate - The second date to check\n * @param options - An object with options\n \n @returns The dates are in the same day (and year and month)\n \n @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n \n @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n \n @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n /\nexport function isSameDay(laterDate, earlierDate, options) {\n const [dateLeft_, dateRight_] = normalizeDates(\n options?.in,\n laterDate,\n earlierDate,\n );\n return +startOfDay(dateLeft_) === +startOfDay(dateRight_);\n}\n\n// Fallback for modularized imports:\nexport default isSameDay;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { constructNow } from \"./constructNow.js\";\nimport { isSameDay } from \"./isSameDay.js\";\n\n/\n The {@link isToday} function options.\n /\n\n/\n @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n \n @description\n * Is the given date today?\n \n @param date - The date to check\n * @param options - An object with options\n \n @returns The date is today\n \n @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport function isToday(date, options) {\n return isSameDay(\n constructFrom(options?.in \|\| date, date),\n constructNow(options?.in \|\| date),\n );\n}\n\n// Fallback for modularized imports:\nexport default isToday;\n","import React, { useMemo } from \"react\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\nimport format from \"date-fns/format\";\nimport isToday from \"date-fns/isToday\";\n\nexport interface TimestampProps {\n date: Date;\n timeFormat?: string;\n dateFormat?: string;\n shouldTodayDisplayTimeOnly?: boolean;\n tooltipLabel?: string;\n textProps?: Omit<TextProps, \"children\">;\n}\n\nexport const Timestamp = ({\n date,\n timeFormat = \"h:mma\",\n dateFormat = \"M/d/yy\",\n shouldTodayDisplayTimeOnly = true,\n tooltipLabel,\n textProps,\n}: TimestampProps): React.JSX.Element => {\n const stamp = useMemo(\n () =>\n format(\n date,\n isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat,\n ),\n [date, dateFormat, shouldTodayDisplayTimeOnly, timeFormat],\n );\n\n return (\n <Tooltip disabled={!tooltipLabel} label={tooltipLabel \|\| \"\"}>\n <Text\n className=\"Timestamp\"\n data-testid=\"kibble-timestamp\"\n variant=\"subtle\"\n size=\"xs\"\n textTransform=\"lowercase\"\n {...textProps}\n >\n {stamp}\n </Text>\n </Tooltip>\n );\n};\n"],"names":["constructNow","date","constructFrom","isSameDay","laterDate","earlierDate","options","dateLeft_","dateRight_","normalizeDates","startOfDay","isToday","Timestamp","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","useMemo","format","Tooltip","jsx","Text"],"mappings":";;;;AA8BO,SAASA,EAAaC,GAAM;AACjC,SAAOC,EAAcD,GAAM,KAAK,IAAG,CAAE;AACvC;ACIO,SAASE,EAAUC,GAAWC,GAAaC,GAAS;AACzD,QAAM,CAACC,GAAWC,CAAU,IAAIC;AAAA,IAC9BH,GAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACD;AACD,SAAO,CAACK,EAAWH,CAAS,KAAM,CAACG,EAAWF,CAAU;AAC1D;AChBO,SAASG,EAAQV,GAAMK,GAAS;AACrC,SAAOH;AAAA,IACLD,EAA6BD,GAAMA,CAAI;AAAA,IACvCD,EAA4BC,CAAI;AAAA,EACjC;AACH;ACjBO,MAAMW,IAAY,CAAC;AAAA,EACxB,MAAAX;AAAA,EACA,YAAAY,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,4BAAAC,IAA6B;AAAA,EAC7B,cAAAC;AAAA,EACA,WAAAC;AACF,MAAyC;AACvC,QAAMC,IAAQC;AAAA,IACZ,MACEC;AAAA,MACEnB;AAAA,MACAU,EAAQV,CAAI,KAAKc,IAA6BF,IAAaC;AAAA,IAC7D;AAAA,IACF,CAACb,GAAMa,GAAYC,GAA4BF,CAAU;AAAA,EAC3D;AAEA,+BACGQ,GAAQ,EAAA,UAAU,CAACL,GAAc,OAAOA,KAAgB,IACvD,UAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAc;AAAA,MACb,GAAGN;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;","x_google_ignoreList":[0,1,2]}

package/dist/chunks/timestamp.component-xIXZ1QOP.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const o=require("./jsx-runtime-BjDatQAs.js"),m=require("react"),a=require("./withTruncation-FFeS8Bf1.js"),s=require("./format-BRt-TIiQ.js");function x(t){return s.constructFrom(t,Date.now())}function f(t,e,r){const[n,i]=s.normalizeDates(r?.in,t,e);return+s.startOfDay(n)==+s.startOfDay(i)}function p(t,e){return f(s.constructFrom(t,t),x(t))}const l=({date:t,timeFormat:e="h:mma",dateFormat:r="M/d/yy",shouldTodayDisplayTimeOnly:n=!0,tooltipLabel:i,textProps:c})=>{const u=m.useMemo(()=>s.format(t,p(t)&&n?e:r),[t,r,n,e]);return o.jsxRuntimeExports.jsx(a.Tooltip,{disabled:!i,label:i\|\|"",children:o.jsxRuntimeExports.jsx(a.WrappedText,{className:"Timestamp","data-testid":"kibble-timestamp",variant:"subtle",size:"xs",textTransform:"lowercase",...c,children:u})})};exports.Timestamp=l;
2	+ //# sourceMappingURL=timestamp.component-xIXZ1QOP.js.map

package/dist/chunks/{timestamp.component-BNx_9bo5.js.map → timestamp.component-xIXZ1QOP.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"timestamp.component-~~BNx_9bo5~~.js","sources":["../../node_modules/date-fns/constructNow.js","../../node_modules/date-fns/isSameDay.js","../../node_modules/date-fns/isToday.js","../../src/components/Timestamp/timestamp.component.tsx"],"sourcesContent":["import { constructFrom } from \"./constructFrom.js\";\n\n/*\n @name constructNow\n * @category Generic Helpers\n * @summary Constructs a new current date using the passed value constructor.\n * @pure false\n \n @description\n * The function constructs a new current date using the constructor from\n * the reference date. It helps to build generic functions that accept date\n * extensions and use the current date.\n \n It defaults to `Date` if the passed reference date is a number or a string.\n \n @param date - The reference date to take constructor from\n \n @returns Current date initialized using the given date constructor\n \n @example\n * import { constructNow, isSameDay } from 'date-fns'\n \n function isToday<DateType extends Date>(\n * date: DateArg<DateType>,\n * ): boolean {\n * // If we were to use `new Date()` directly, the function would behave\n * // differently in different timezones and return false for the same date.\n * return isSameDay(date, constructNow(date));\n * }\n /\nexport function constructNow(date) {\n return constructFrom(date, Date.now());\n}\n\n// Fallback for modularized imports:\nexport default constructNow;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { startOfDay } from \"./startOfDay.js\";\n\n/\n The {@link isSameDay} function options.\n /\n\n/\n @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n \n @description\n * Are the given dates in the same day (and year and month)?\n \n @param laterDate - The first date to check\n * @param earlierDate - The second date to check\n * @param options - An object with options\n \n @returns The dates are in the same day (and year and month)\n \n @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n \n @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n \n @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n /\nexport function isSameDay(laterDate, earlierDate, options) {\n const [dateLeft_, dateRight_] = normalizeDates(\n options?.in,\n laterDate,\n earlierDate,\n );\n return +startOfDay(dateLeft_) === +startOfDay(dateRight_);\n}\n\n// Fallback for modularized imports:\nexport default isSameDay;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { constructNow } from \"./constructNow.js\";\nimport { isSameDay } from \"./isSameDay.js\";\n\n/\n The {@link isToday} function options.\n /\n\n/\n @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n \n @description\n * Is the given date today?\n \n @param date - The date to check\n * @param options - An object with options\n \n @returns The date is today\n \n @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport function isToday(date, options) {\n return isSameDay(\n constructFrom(options?.in \|\| date, date),\n constructNow(options?.in \|\| date),\n );\n}\n\n// Fallback for modularized imports:\nexport default isToday;\n","import React, { useMemo } from \"react\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\nimport format from \"date-fns/format\";\nimport isToday from \"date-fns/isToday\";\n\nexport interface TimestampProps {\n date: Date;\n timeFormat?: string;\n dateFormat?: string;\n shouldTodayDisplayTimeOnly?: boolean;\n tooltipLabel?: string;\n textProps?: Omit<TextProps, \"children\">;\n}\n\nexport const Timestamp = ({\n date,\n timeFormat = \"h:mma\",\n dateFormat = \"M/d/yy\",\n shouldTodayDisplayTimeOnly = true,\n tooltipLabel,\n textProps,\n}: TimestampProps): React.JSX.Element => {\n const stamp = useMemo(\n () =>\n format(\n date,\n isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat,\n ),\n [date, dateFormat, shouldTodayDisplayTimeOnly, timeFormat],\n );\n\n return (\n <Tooltip disabled={!tooltipLabel} label={tooltipLabel \|\| \"\"}>\n <Text\n className=\"Timestamp\"\n data-testid=\"kibble-timestamp\"\n variant=\"subtle\"\n size=\"xs\"\n textTransform=\"lowercase\"\n {...textProps}\n >\n {stamp}\n </Text>\n </Tooltip>\n );\n};\n"],"names":["constructNow","date","constructFrom","isSameDay","laterDate","earlierDate","options","dateLeft_","dateRight_","normalizeDates","startOfDay","isToday","Timestamp","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","useMemo","format","Tooltip","jsx","Text"],"mappings":"~~sMA8BO~~,SAASA,EAAaC,EAAM,CACjC,OAAOC,gBAAcD,EAAM,KAAK,IAAG,CAAE,CACvC,CCIO,SAASE,EAAUC,EAAWC,EAAaC,EAAS,CACzD,KAAM,CAACC,EAAWC,CAAU,EAAIC,EAAc,eAC5CH,GAAS,GACTF,EACAC,CACD,EACD,MAAO,CAACK,EAAAA,WAAWH,CAAS,GAAM,CAACG,EAAAA,WAAWF,CAAU,CAC1D,CChBO,SAASG,EAAQV,EAAMK,EAAS,CACrC,OAAOH,EACLD,EAAa,cAAgBD,EAAMA,CAAI,EACvCD,EAA4BC,CAAI,CACjC,CACH,CCjBO,MAAMW,EAAY,CAAC,CACxB,KAAAX,EACA,WAAAY,EAAa,QACb,WAAAC,EAAa,SACb,2BAAAC,EAA6B,GAC7B,aAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,MAAMC,EAAQC,EAAA,QACZ,IACEC,EAAA,OACEnB,EACAU,EAAQV,CAAI,GAAKc,EAA6BF,EAAaC,CAC7D,EACF,CAACb,EAAMa,EAAYC,EAA4BF,CAAU,CAC3D,EAEA,+BACGQ,UAAQ,CAAA,SAAU,CAACL,EAAc,MAAOA,GAAgB,GACvD,SAAAM,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,UAAU,YACV,cAAY,mBACZ,QAAQ,SACR,KAAK,KACL,cAAc,YACb,GAAGN,EAEH,SAAAC,CAAA,CAAA,EAEL,CAEJ","x_google_ignoreList":[0,1,2]}
1	+ {"version":3,"file":"timestamp.component-xIXZ1QOP.js","sources":["../../node_modules/date-fns/constructNow.js","../../node_modules/date-fns/isSameDay.js","../../node_modules/date-fns/isToday.js","../../src/components/Timestamp/timestamp.component.tsx"],"sourcesContent":["import { constructFrom } from \"./constructFrom.js\";\n\n/*\n @name constructNow\n * @category Generic Helpers\n * @summary Constructs a new current date using the passed value constructor.\n * @pure false\n \n @description\n * The function constructs a new current date using the constructor from\n * the reference date. It helps to build generic functions that accept date\n * extensions and use the current date.\n \n It defaults to `Date` if the passed reference date is a number or a string.\n \n @param date - The reference date to take constructor from\n \n @returns Current date initialized using the given date constructor\n \n @example\n * import { constructNow, isSameDay } from 'date-fns'\n \n function isToday<DateType extends Date>(\n * date: DateArg<DateType>,\n * ): boolean {\n * // If we were to use `new Date()` directly, the function would behave\n * // differently in different timezones and return false for the same date.\n * return isSameDay(date, constructNow(date));\n * }\n /\nexport function constructNow(date) {\n return constructFrom(date, Date.now());\n}\n\n// Fallback for modularized imports:\nexport default constructNow;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { startOfDay } from \"./startOfDay.js\";\n\n/\n The {@link isSameDay} function options.\n /\n\n/\n @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n \n @description\n * Are the given dates in the same day (and year and month)?\n \n @param laterDate - The first date to check\n * @param earlierDate - The second date to check\n * @param options - An object with options\n \n @returns The dates are in the same day (and year and month)\n \n @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n \n @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n \n @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n /\nexport function isSameDay(laterDate, earlierDate, options) {\n const [dateLeft_, dateRight_] = normalizeDates(\n options?.in,\n laterDate,\n earlierDate,\n );\n return +startOfDay(dateLeft_) === +startOfDay(dateRight_);\n}\n\n// Fallback for modularized imports:\nexport default isSameDay;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { constructNow } from \"./constructNow.js\";\nimport { isSameDay } from \"./isSameDay.js\";\n\n/\n The {@link isToday} function options.\n /\n\n/\n @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n \n @description\n * Is the given date today?\n \n @param date - The date to check\n * @param options - An object with options\n \n @returns The date is today\n \n @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport function isToday(date, options) {\n return isSameDay(\n constructFrom(options?.in \|\| date, date),\n constructNow(options?.in \|\| date),\n );\n}\n\n// Fallback for modularized imports:\nexport default isToday;\n","import React, { useMemo } from \"react\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\nimport format from \"date-fns/format\";\nimport isToday from \"date-fns/isToday\";\n\nexport interface TimestampProps {\n date: Date;\n timeFormat?: string;\n dateFormat?: string;\n shouldTodayDisplayTimeOnly?: boolean;\n tooltipLabel?: string;\n textProps?: Omit<TextProps, \"children\">;\n}\n\nexport const Timestamp = ({\n date,\n timeFormat = \"h:mma\",\n dateFormat = \"M/d/yy\",\n shouldTodayDisplayTimeOnly = true,\n tooltipLabel,\n textProps,\n}: TimestampProps): React.JSX.Element => {\n const stamp = useMemo(\n () =>\n format(\n date,\n isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat,\n ),\n [date, dateFormat, shouldTodayDisplayTimeOnly, timeFormat],\n );\n\n return (\n <Tooltip disabled={!tooltipLabel} label={tooltipLabel \|\| \"\"}>\n <Text\n className=\"Timestamp\"\n data-testid=\"kibble-timestamp\"\n variant=\"subtle\"\n size=\"xs\"\n textTransform=\"lowercase\"\n {...textProps}\n >\n {stamp}\n </Text>\n </Tooltip>\n );\n};\n"],"names":["constructNow","date","constructFrom","isSameDay","laterDate","earlierDate","options","dateLeft_","dateRight_","normalizeDates","startOfDay","isToday","Timestamp","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","useMemo","format","Tooltip","jsx","Text"],"mappings":"yJA8BO,SAASA,EAAaC,EAAM,CACjC,OAAOC,gBAAcD,EAAM,KAAK,IAAG,CAAE,CACvC,CCIO,SAASE,EAAUC,EAAWC,EAAaC,EAAS,CACzD,KAAM,CAACC,EAAWC,CAAU,EAAIC,EAAc,eAC5CH,GAAS,GACTF,EACAC,CACD,EACD,MAAO,CAACK,EAAAA,WAAWH,CAAS,GAAM,CAACG,EAAAA,WAAWF,CAAU,CAC1D,CChBO,SAASG,EAAQV,EAAMK,EAAS,CACrC,OAAOH,EACLD,EAAa,cAAgBD,EAAMA,CAAI,EACvCD,EAA4BC,CAAI,CACjC,CACH,CCjBO,MAAMW,EAAY,CAAC,CACxB,KAAAX,EACA,WAAAY,EAAa,QACb,WAAAC,EAAa,SACb,2BAAAC,EAA6B,GAC7B,aAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,MAAMC,EAAQC,EAAA,QACZ,IACEC,EAAA,OACEnB,EACAU,EAAQV,CAAI,GAAKc,EAA6BF,EAAaC,CAC7D,EACF,CAACb,EAAMa,EAAYC,EAA4BF,CAAU,CAC3D,EAEA,+BACGQ,UAAQ,CAAA,SAAU,CAACL,EAAc,MAAOA,GAAgB,GACvD,SAAAM,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,UAAU,YACV,cAAY,mBACZ,QAAQ,SACR,KAAK,KACL,cAAc,YACb,GAAGN,EAEH,SAAAC,CAAA,CAAA,EAEL,CAEJ","x_google_ignoreList":[0,1,2]}

package/dist/chunks/toaster.records-BJo0j1IZ.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const c=require("./index-CZ42b9rT.js"),K=require("./index-BGwwyukg.js");var W=c.createAnatomy("toast").parts("group","root","title","description","actionTrigger","closeTrigger"),D=W.build(),q=t=>`toast-group:${t}`,L=(t,e)=>t.getById(`toast-group:${e}`),B=t=>`toast:${t.id}`,H=t=>t.getById(B(t)),U=t=>`toast:${t.id}:title`,V=t=>`toast:${t.id}:description`,j=t=>`toast${t.id}:close`,$={info:5e3,error:5e3,success:2e3,loading:1/0,DEFAULT:5e3};function w(t,e){return t??$[e]??$.DEFAULT}var X=t=>typeof t=="string"?{left:t,right:t,bottom:t,top:t}:t;function Q(t,e){const{prop:o,computed:s,context:i}=t,{offsets:r,gap:l}=o("store").attrs,u=i.get("heights"),g=X(r),v=o("dir")==="rtl",d=e.replace("-start",v?"-right":"-left").replace("-end",v?"-left":"-right"),m=d.includes("right"),E=d.includes("left"),f={position:"fixed",pointerEvents:s("count")>0?void 0:"none",display:"flex",flexDirection:"column","--gap":`${l}px`,"--first-height":`${u[0]?.height\|\|0}px`,zIndex:c.MAX_Z_INDEX};let h="center";if(m&&(h="flex-end"),E&&(h="flex-start"),f.alignItems=h,d.includes("top")){const y=g.top;f.top=`max(env(safe-area-inset-top, 0px), ${y})`}if(d.includes("bottom")){const y=g.bottom;f.bottom=`max(env(safe-area-inset-bottom, 0px), ${y})`}if(!d.includes("left")){const y=g.right;f.insetInlineEnd=`calc(env(safe-area-inset-right, 0px) + ${y})`}if(!d.includes("right")){const y=g.left;f.insetInlineStart=`calc(env(safe-area-inset-left, 0px) + ${y})`}return f}function Y(t,e){const{prop:o,context:s,computed:i}=t,r=o("parent"),l=r.computed("placement"),{gap:u}=r.prop("store").attrs,[g]=l.split("-"),v=s.get("mounted"),d=s.get("remainingTime"),m=i("height"),E=i("frontmost"),f=!E,h=!o("stacked"),y=o("stacked"),M=o("type")==="loading"?Number.MAX_SAFE_INTEGER:d,A=i("heightIndex")u+i("heightBefore"),k={position:"absolute",pointerEvents:"auto","--opacity":"0","--remove-delay":`${o("removeDelay")}ms`,"--duration":`${M}ms`,"--initial-height":`${m}px`,"--offset":`${A}px`,"--index":o("index"),"--z-index":i("zIndex"),"--lift-amount":"calc(var(--lift) var(--gap))","--y":"100%","--x":"0"},p=N=>Object.assign(k,N);return g==="top"?p({top:"0","--sign":"-1","--y":"-100%","--lift":"1"}):g==="bottom"&&p({bottom:"0","--sign":"1","--y":"100%","--lift":"-1"}),v&&(p({"--y":"0","--opacity":"1"}),y&&p({"--y":"calc(var(--lift) * var(--offset))","--height":"var(--initial-height)"})),e\|\|p({"--opacity":"0",pointerEvents:"none"}),f&&h&&(p({"--base-scale":"var(--index) * 0.05 + 1","--y":"calc(var(--lift-amount) * var(--index))","--scale":"calc(-1 * var(--base-scale))","--height":"var(--first-height)"}),e\|\|p({"--y":"calc(var(--sign) * 40%)"})),f&&y&&!e&&p({"--y":"calc(var(--lift) * var(--offset) + var(--lift) * -100%)"}),E&&!e&&p({"--y":"calc(var(--lift) * -100%)"}),k}function Z(t,e){const{computed:o}=t,s={position:"absolute",inset:"0",scale:"1 2",pointerEvents:e?"none":"auto"},i=r=>Object.assign(s,r);return o("frontmost")&&!e&&i({height:"calc(var(--initial-height) + 80%)"}),s}function J(){return{position:"absolute",left:"0",height:"calc(var(--gap) + 2px)",bottom:"100%",width:"100%"}}function z(t,e){const{context:o,prop:s,send:i,refs:r,computed:l}=t;return{getCount(){return o.get("toasts").length},getToasts(){return o.get("toasts")},getGroupProps(u={}){const{label:g="Notifications"}=u,{hotkey:v}=s("store").attrs,d=v.join("+").replace(/Key/g,"").replace(/Digit/g,""),m=l("placement"),[E,f="center"]=m.split("-");return e.element({...D.group.attrs,dir:s("dir"),tabIndex:-1,"aria-label":`${m} ${g} ${d}`,id:q(m),"data-placement":m,"data-side":E,"data-align":f,"aria-live":"polite",role:"region",style:Q(t,m),onMouseMove(){i({type:"REGION.POINTER_ENTER",placement:m})},onMouseLeave(){i({type:"REGION.POINTER_LEAVE",placement:m})},onFocus(h){i({type:"REGION.FOCUS",target:h.relatedTarget})},onBlur(h){r.get("isFocusWithin")&&!c.contains(h.currentTarget,h.relatedTarget)&&queueMicrotask(()=>i({type:"REGION.BLUR"}))}})},subscribe(u){return s("store").subscribe(()=>u(o.get("toasts")))}}}var tt=c.createMachine({props({props:t}){return{dir:"ltr",id:c.uuid(),...t,store:t.store}},initialState({prop:t}){return t("store").attrs.overlap?"overlap":"stack"},refs(){return{lastFocusedEl:null,isFocusWithin:!1,dismissableCleanup:void 0}},context({bindable:t}){return{toasts:t(()=>({defaultValue:[],sync:!0,hash:e=>e.map(o=>o.id).join(",")})),heights:t(()=>({defaultValue:[],sync:!0}))}},computed:{count:({context:t})=>t.get("toasts").length,overlap:({prop:t})=>t("store").attrs.overlap,placement:({prop:t})=>t("store").attrs.placement},effects:["subscribeToStore","trackDocumentVisibility","trackHotKeyPress"],watch({track:t,context:e,action:o}){t([()=>e.hash("toasts")],()=>{queueMicrotask(()=>{o(["collapsedIfEmpty","setDismissableBranch"])})})},exit:["clearDismissableBranch","clearLastFocusedEl"],on:{"DOC.HOTKEY":{actions:["focusRegionEl"]},"REGION.BLUR":[{guard:"isOverlapping",target:"overlap",actions:["collapseToasts","resumeToasts","restoreLastFocusedEl"]},{target:"stack",actions:["resumeToasts","restoreLastFocusedEl"]}],"TOAST.REMOVE":{actions:["removeToast","removeHeight"]},"TOAST.PAUSE":{actions:["pauseToasts"]}},states:{stack:{on:{"REGION.POINTER_LEAVE":[{guard:"isOverlapping",target:"overlap",actions:["resumeToasts","collapseToasts"]},{actions:["resumeToasts"]}],"REGION.OVERLAP":{target:"overlap",actions:["collapseToasts"]},"REGION.FOCUS":{actions:["setLastFocusedEl","pauseToasts"]},"REGION.POINTER_ENTER":{actions:["pauseToasts"]}}},overlap:{on:{"REGION.STACK":{target:"stack",actions:["expandToasts"]},"REGION.POINTER_ENTER":{target:"stack",actions:["pauseToasts","expandToasts"]},"REGION.FOCUS":{target:"stack",actions:["setLastFocusedEl","pauseToasts","expandToasts"]}}}},implementations:{guards:{isOverlapping:({computed:t})=>t("overlap")},effects:{subscribeToStore({context:t,prop:e}){return e("store").subscribe(o=>{if(o.dismiss){t.set("toasts",s=>s.filter(i=>i.id!==o.id));return}t.set("toasts",s=>{const i=s.findIndex(r=>r.id===o.id);return i!==-1?[...s.slice(0,i),{...s[i],...o},...s.slice(i+1)]:[o,...s]})})},trackHotKeyPress({prop:t,send:e}){const o=s=>{const{hotkey:i}=t("store").attrs;i.every(l=>s[l]\|\|s.code===l)&&e({type:"DOC.HOTKEY"})};return c.addDomEvent(document,"keydown",o,{capture:!0})},trackDocumentVisibility({prop:t,send:e,scope:o}){const{pauseOnPageIdle:s}=t("store").attrs;if(!s)return;const i=o.getDoc();return c.addDomEvent(i,"visibilitychange",()=>{const r=i.visibilityState==="hidden";e({type:r?"PAUSE_ALL":"RESUME_ALL"})})}},actions:{setDismissableBranch({refs:t,context:e,computed:o,scope:s}){const i=e.get("toasts"),r=o("placement"),l=i.length>0;if(!l){t.get("dismissableCleanup")?.();return}if(l&&t.get("dismissableCleanup"))return;const u=()=>L(s,r),g=K.trackDismissableBranch(u,{defer:!0});t.set("dismissableCleanup",g)},clearDismissableBranch({refs:t}){t.get("dismissableCleanup")?.()},focusRegionEl({scope:t,computed:e}){queueMicrotask(()=>{L(t,e("placement"))?.focus()})},pauseToasts({prop:t}){t("store").pause()},resumeToasts({prop:t}){t("store").resume()},expandToasts({prop:t}){t("store").expand()},collapseToasts({prop:t}){t("store").collapse()},removeToast({prop:t,event:e}){t("store").remove(e.id)},removeHeight({event:t,context:e}){t?.id!=null&&queueMicrotask(()=>{e.set("heights",o=>o.filter(s=>s.id!==t.id))})},collapsedIfEmpty({send:t,computed:e}){!e("overlap")\|\|e("count")>1\|\|t({type:"REGION.OVERLAP"})},setLastFocusedEl({refs:t,event:e}){t.get("isFocusWithin")\|\|!e.target\|\|(t.set("isFocusWithin",!0),t.set("lastFocusedEl",e.target))},restoreLastFocusedEl({refs:t}){t.get("lastFocusedEl")&&(t.get("lastFocusedEl")?.focus({preventScroll:!0}),t.set("lastFocusedEl",null),t.set("isFocusWithin",!1))},clearLastFocusedEl({refs:t}){t.get("lastFocusedEl")&&(t.get("lastFocusedEl")?.focus({preventScroll:!0}),t.set("lastFocusedEl",null),t.set("isFocusWithin",!1))}}}});function et(t,e){const{state:o,send:s,prop:i,scope:r,context:l,computed:u}=t,g=o.hasTag("visible"),v=o.hasTag("paused"),d=l.get("mounted"),m=u("frontmost"),E=i("parent").computed("placement"),f=i("type"),h=i("stacked"),y=i("title"),F=i("description"),M=i("action"),[A,k="center"]=E.split("-");return{type:f,title:y,description:F,placement:E,visible:g,paused:v,closable:!!i("closable"),pause(){s({type:"PAUSE"})},resume(){s({type:"RESUME"})},dismiss(){s({type:"DISMISS",src:"programmatic"})},getRootProps(){return e.element({...D.root.attrs,dir:i("dir"),id:B(r),"data-state":g?"open":"closed","data-type":f,"data-placement":E,"data-align":k,"data-side":A,"data-mounted":c.dataAttr(d),"data-paused":c.dataAttr(v),"data-first":c.dataAttr(m),"data-sibling":c.dataAttr(!m),"data-stack":c.dataAttr(h),"data-overlap":c.dataAttr(!h),role:"status","aria-atomic":"true","aria-describedby":F?V(r):void 0,"aria-labelledby":y?U(r):void 0,tabIndex:0,style:Y(t,g),onKeyDown(p){p.defaultPrevented\|\|p.key=="Escape"&&(s({type:"DISMISS",src:"keyboard"}),p.preventDefault())}})},getGhostBeforeProps(){return e.element({"data-ghost":"before",style:Z(t,g)})},getGhostAfterProps(){return e.element({"data-ghost":"after",style:J()})},getTitleProps(){return e.element({...D.title.attrs,id:U(r)})},getDescriptionProps(){return e.element({...D.description.attrs,id:V(r)})},getActionTriggerProps(){return e.button({...D.actionTrigger.attrs,type:"button",onClick(p){p.defaultPrevented\|\|(M?.onClick?.(),s({type:"DISMISS",src:"user"}))}})},getCloseTriggerProps(){return e.button({id:j(r),...D.closeTrigger.attrs,type:"button","aria-label":"Dismiss notification",onClick(p){p.defaultPrevented\|\|s({type:"DISMISS",src:"user"})}})}}}var{not:st}=c.createGuards(),ot=c.createMachine({props({props:t}){return c.ensureProps(t,["id","type","parent","removeDelay"],"toast"),{closable:!0,...t,duration:w(t.duration,t.type)}},initialState({prop:t}){return t("type")==="loading"\|\|t("duration")===1/0?"visible:persist":"visible"},context({prop:t,bindable:e}){return{remainingTime:e(()=>({defaultValue:w(t("duration"),t("type"))})),createdAt:e(()=>({defaultValue:Date.now()})),mounted:e(()=>({defaultValue:!1})),initialHeight:e(()=>({defaultValue:0}))}},refs(){return{closeTimerStartTime:Date.now(),lastCloseStartTimerStartTime:0}},computed:{zIndex:({prop:t})=>{const e=t("parent").context.get("toasts"),o=e.findIndex(s=>s.id===t("id"));return e.length-o},height:({prop:t})=>t("parent").context.get("heights").find(s=>s.id===t("id"))?.height??0,heightIndex:({prop:t})=>t("parent").context.get("heights").findIndex(o=>o.id===t("id")),frontmost:({prop:t})=>t("index")===0,heightBefore:({prop:t})=>{const e=t("parent").context.get("heights"),o=e.findIndex(s=>s.id===t("id"));return e.reduce((s,i,r)=>r>=o?s:s+i.height,0)},shouldPersist:({prop:t})=>t("type")==="loading"\|\|t("duration")===1/0},watch({track:t,prop:e,send:o}){t([()=>e("message")],()=>{const s=e("message");s&&o({type:s,src:"programmatic"})}),t([()=>e("type"),()=>e("duration")],()=>{o({type:"UPDATE"})})},on:{UPDATE:[{guard:"shouldPersist",target:"visible:persist",actions:["resetCloseTimer"]},{target:"visible:updating",actions:["resetCloseTimer"]}],MEASURE:{actions:["measureHeight"]}},entry:["setMounted","measureHeight","invokeOnVisible"],effects:["trackHeight"],states:{"visible:updating":{tags:["visible","updating"],effects:["waitForNextTick"],on:{SHOW:{target:"visible"}}},"visible:persist":{tags:["visible","paused"],on:{RESUME:{guard:st("isLoadingType"),target:"visible",actions:["setCloseTimer"]},DISMISS:{target:"dismissing"}}},visible:{tags:["visible"],effects:["waitForDuration"],on:{DISMISS:{target:"dismissing"},PAUSE:{target:"visible:persist",actions:["syncRemainingTime"]}}},dismissing:{entry:["invokeOnDismiss"],effects:["waitForRemoveDelay"],on:{REMOVE:{target:"unmounted",actions:["notifyParentToRemove"]}}},unmounted:{entry:["invokeOnUnmount"]}},implementations:{effects:{waitForRemoveDelay({prop:t,send:e}){return c.setRafTimeout(()=>{e({type:"REMOVE",src:"timer"})},t("removeDelay"))},waitForDuration({send:t,context:e,computed:o}){if(!o("shouldPersist"))return c.setRafTimeout(()=>{t({type:"DISMISS",src:"timer"})},e.get("remainingTime"))},waitForNextTick({send:t}){return c.setRafTimeout(()=>{t({type:"SHOW",src:"timer"})},0)},trackHeight({scope:t,prop:e}){let o;return c.raf(()=>{const s=H(t);if(!s)return;const i=()=>{const u=s.style.height;s.style.height="auto";const g=s.getBoundingClientRect().height;s.style.height=u;const v={id:e("id"),height:g};G(e("parent"),v)},r=t.getWin(),l=new r.MutationObserver(i);l.observe(s,{childList:!0,subtree:!0,characterData:!0}),o=()=>l.disconnect()}),()=>o?.()}},guards:{isLoadingType:({prop:t})=>t("type")==="loading",shouldPersist:({computed:t})=>t("shouldPersist")},actions:{setMounted({context:t}){c.raf(()=>{t.set("mounted",!0)})},measureHeight({scope:t,prop:e,context:o}){queueMicrotask(()=>{const s=H(t);if(!s)return;const i=s.style.height;s.style.height="auto";const r=s.getBoundingClientRect().height;s.style.height=i,o.set("initialHeight",r);const l={id:e("id"),height:r};G(e("parent"),l)})},setCloseTimer({refs:t}){t.set("closeTimerStartTime",Date.now())},resetCloseTimer({context:t,refs:e,prop:o}){e.set("closeTimerStartTime",Date.now()),t.set("remainingTime",w(o("duration"),o("type")))},syncRemainingTime({context:t,refs:e}){t.set("remainingTime",o=>{const s=e.get("closeTimerStartTime"),i=Date.now()-s;return e.set("lastCloseStartTimerStartTime",Date.now()),o-i})},notifyParentToRemove({prop:t}){t("parent").send({type:"TOAST.REMOVE",id:t("id")})},invokeOnDismiss({prop:t,event:e}){t("onStatusChange")?.({status:"dismissing",src:e.src})},invokeOnUnmount({prop:t}){t("onStatusChange")?.({status:"unmounted"})},invokeOnVisible({prop:t}){t("onStatusChange")?.({status:"visible"})}}}});function G(t,e){const{id:o,height:s}=e;t.context.set("heights",i=>i.find(l=>l.id===o)?i.map(l=>l.id===o?{...l,height:s}:l):[{id:o,height:s},...i])}var nt=(t,e)=>({...e,...c.compact(t)});function it(t){const e=nt(t,{placement:"bottom",overlap:!1,max:24,gap:16,offsets:"1rem",hotkey:["altKey","KeyT"],removeDelay:200,pauseOnPageIdle:!0});let o=[],s=[],i=new Set,r=[];const l=n=>(o.push(n),()=>{const a=o.indexOf(n);o.splice(a,1)}),u=n=>(o.forEach(a=>a(n)),n),g=n=>{if(s.length>=e.max){r.push(n);return}u(n),s.unshift(n)},v=()=>{for(;r.length>0&&s.length<e.max;){const n=r.shift();n&&(u(n),s.unshift(n))}},d=n=>{const a=n.id??`toast:${c.uuid()}`,S=s.find(T=>T.id===a);return i.has(a)&&i.delete(a),S?s=s.map(T=>T.id===a?u({...T,...n,id:a}):T):g({id:a,duration:e.duration,removeDelay:e.removeDelay,type:"info",...n,stacked:!e.overlap,gap:e.gap}),a},m=n=>(i.add(n),n?(o.forEach(a=>a({id:n,dismiss:!0})),s=s.filter(a=>a.id!==n),v()):(s.forEach(a=>{o.forEach(S=>S({id:a.id,dismiss:!0}))}),s=[],r=[]),n);return{attrs:e,subscribe:l,create:d,update:(n,a)=>d({id:n,...a}),remove:m,dismiss:n=>{n!=null?s=s.map(a=>a.id===n?u({...a,message:"DISMISS"}):a):s=s.map(a=>u({...a,message:"DISMISS"}))},error:n=>d({...n,type:"error"}),success:n=>d({...n,type:"success"}),info:n=>d({...n,type:"info"}),warning:n=>d({...n,type:"warning"}),loading:n=>d({...n,type:"loading"}),getVisibleToasts:()=>s.filter(n=>!i.has(n.id)),getCount:()=>s.length,promise:(n,a,S={})=>{if(!a)return;let T;a.loading!==void 0&&(T=d({...S,...a.loading,promise:n,type:"loading"}));let C=T!==void 0,P;const _=c.runIfFn(n).then(async b=>{if(P=["resolve",b],at(b)&&!b.ok){C=!1;const I=c.runIfFn(a.error,`HTTP Error! status: ${b.status}`);d({...S,...I,id:T,type:"error"})}else if(a.success!==void 0){C=!1;const I=c.runIfFn(a.success,b);d({...S,...I,id:T,type:"success"})}}).catch(async b=>{if(P=["reject",b],a.error!==void 0){C=!1;const I=c.runIfFn(a.error,b);d({...S,...I,id:T,type:"error"})}}).finally(()=>{C&&(m(T),T=void 0),a.finally?.()});return{id:T,unwrap:()=>new Promise((b,I)=>_.then(()=>P[0]==="reject"?I(P[1]):b(P[1])).catch(I))}},pause:n=>{n!=null?s=s.map(a=>a.id===n?u({...a,message:"PAUSE"}):a):s=s.map(a=>u({...a,message:"PAUSE"}))},resume:n=>{n!=null?s=s.map(a=>a.id===n?u({...a,message:"RESUME"}):a):s=s.map(a=>u({...a,message:"RESUME"}))},isVisible:n=>!i.has(n)&&!!s.find(a=>a.id===n),isDismissed:n=>i.has(n),expand:()=>{s=s.map(n=>u({...n,stacked:!0}))},collapse:()=>{s=s.map(n=>u({...n,stacked:!1}))}}}var at=t=>t&&typeof t=="object"&&"ok"in t&&typeof t.ok=="boolean"&&"status"in t&&typeof t.status=="number",rt={connect:z,machine:tt};const O=t=>it(t),x={duration:5e3,hotkey:void 0,max:24,offsets:"1rem",overlap:!1,pauseOnPageIdle:!0,removeDelay:0},R={bottom:{...x,placement:"bottom"},"bottom-end":{...x,placement:"bottom-end"},"bottom-start":{...x,placement:"bottom-start"},top:{...x,placement:"top"},"top-end":{...x,placement:"top-end"},"top-start":{...x,placement:"top-start"}},ct=O(R.bottom),lt=O(R["bottom-end"]),ut=O(R["bottom-start"]),dt=O(R.top),gt=O(R["top-end"]),pt=O(R["top-start"]);exports.bottomEndToaster=lt;exports.bottomStartToaster=ut;exports.bottomToaster=ct;exports.connect=et;exports.defaultToasterConfig=x;exports.group=rt;exports.machine=ot;exports.topEndToaster=gt;exports.topStartToaster=pt;exports.topToaster=dt;
2	+ //# sourceMappingURL=toaster.records-BJo0j1IZ.js.map