@makeswift/runtime 0.13.1 → 0.14.1

package/dist/Countdown.cjs.js

@@ -1,421 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var css = require("@emotion/css");
-var React = require("react");
-var reactPage = require("./react-page.cjs.js");
-var next = require("./index.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-require("redux");
-require("redux-thunk");
-require("./actions.cjs.js");
-require("zod");
-require("./breakpoints.cjs.js");
-require("ts-pattern");
-require("corporate-ipsum");
-require("slate");
-require("uuid");
-require("escape-html");
-require("slate-hyperscript");
-require("parse5");
-require("is-hotkey");
-require("@emotion/serialize");
-require("@emotion/utils");
-require("use-sync-external-store/shim/with-selector");
-require("next/dynamic");
-require("./number.cjs.js");
-require("./combobox.cjs.js");
-require("use-sync-external-store/shim");
-require("./types.cjs.js");
-require("./box-models.cjs.js");
-require("css-box-model");
-require("color");
-require("scroll-into-view-if-needed");
-require("react-dom");
-require("html-react-parser");
-require("next/head");
-require("@emotion/server/create-instance");
-require("next/document");
-require("cors");
-require("path-to-regexp");
-require("cookie");
-require("http-proxy");
-require("set-cookie-parser");
-require("./constants.cjs.js");
-const BLOCK_CLASS_NAME = "block";
-function Block(_a) {
-  var _b = _a, {
-    className
-  } = _b, restOfProps = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(BLOCK_CLASS_NAME, reactPage.useStyle({
-      display: "block",
-      padding: "0.5em",
-      fontSize: "1em"
-    }), className)
-  }));
-}
-const LABEL_CLASS_NAME = "label";
-function Label(_c) {
-  var _d = _c, {
-    className
-  } = _d, restOfProps = __objRest(_d, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(LABEL_CLASS_NAME, reactPage.useStyle({
-      marginTop: "0.25em"
-    }), className)
-  }));
-}
-const SEGMENT_CLASS_NAME = "segment";
-function Segment(_e) {
-  var _f = _e, {
-    className
-  } = _f, restOfProps = __objRest(_f, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(SEGMENT_CLASS_NAME, reactPage.useStyle({
-      flex: 1,
-      textAlign: "center"
-    }), className)
-  }));
-}
-const Container = React.forwardRef(function Container2(_g, ref) {
-  var _h = _g, {
-    className,
-    width,
-    margin,
-    variant,
-    size,
-    shape,
-    gap,
-    labelColor,
-    numberFont,
-    numberColor,
-    blockColor,
-    labelFont
-  } = _h, restOfProps = __objRest(_h, [
-    "className",
-    "width",
-    "margin",
-    "variant",
-    "size",
-    "shape",
-    "gap",
-    "labelColor",
-    "numberFont",
-    "numberColor",
-    "blockColor",
-    "labelFont"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    className: css.cx(reactPage.useStyle({
-      display: "flex"
-    }), width, margin, reactPage.useStyle(next.useResponsiveStyle([size], ([size2 = "medium"]) => {
-      switch (size2) {
-        case "small":
-          return {
-            fontSize: 18,
-            [`.${LABEL_CLASS_NAME}`]: {
-              fontSize: 14
-            }
-          };
-        case "large":
-          return {
-            fontSize: 32,
-            [`.${LABEL_CLASS_NAME}`]: {
-              fontSize: 18
-            }
-          };
-        default:
-          return {
-            fontSize: 24,
-            [`.${LABEL_CLASS_NAME}`]: {
-              fontSize: 16
-            }
-          };
-      }
-    })), reactPage.useStyle({
-      [`.${SEGMENT_CLASS_NAME}`]: next.useResponsiveStyle([gap], ([gap2]) => ({
-        margin: `0 ${gap2 == null ? 0 : `${gap2.value / 2}${gap2.unit}`}`,
-        "&:first-child": {
-          marginLeft: 0
-        },
-        "&:last-child": {
-          marginRight: 0
-        }
-      }))
-    }), reactPage.useStyle({
-      [`.${BLOCK_CLASS_NAME}`]: next.useResponsiveStyle([shape], ([shape2 = "rounded"]) => {
-        switch (shape2) {
-          case "pill":
-            return {
-              borderRadius: 500
-            };
-          case "rounded":
-            return {
-              borderRadius: 6
-            };
-          default:
-            return {
-              borderRadius: 0
-            };
-        }
-      })
-    }), reactPage.useStyle({
-      [`.${BLOCK_CLASS_NAME}`]: next.useResponsiveStyle([variant, blockColor, numberColor, numberFont], ([variant2 = "filled", blockColor2 = {
-        swatch: {
-          hue: 0,
-          saturation: 0,
-          lightness: 0
-        },
-        alpha: 1
-      }, numberColor2 = {
-        swatch: {
-          hue: 0,
-          saturation: 0,
-          lightness: 100
-        },
-        alpha: 1
-      }, numberFont2 = "sans-serif"]) => {
-        switch (variant2) {
-          case "filled":
-            return {
-              fontFamily: `"${numberFont2}"`,
-              color: next.colorToString(numberColor2),
-              background: next.colorToString(blockColor2)
-            };
-          case "filled-split":
-            return {
-              position: "relative",
-              color: next.colorToString(numberColor2),
-              fontFamily: `"${numberFont2}"`,
-              "> span": {
-                position: "relative",
-                zIndex: 1
-              },
-              "::before": {
-                content: '""',
-                position: "absolute",
-                top: 0,
-                left: 0,
-                right: 0,
-                bottom: "calc(50% + 1px)",
-                borderTopLeftRadius: "inherit",
-                borderTopRightRadius: "inherit",
-                background: next.colorToString(blockColor2)
-              },
-              "::after": {
-                content: '""',
-                position: "absolute",
-                left: 0,
-                right: 0,
-                top: "calc(50% + 1px)",
-                bottom: 0,
-                borderBottomLeftRadius: "inherit",
-                borderBottomRightRadius: "inherit",
-                background: next.colorToString(blockColor2)
-              }
-            };
-          case "outline":
-            return {
-              fontFamily: `"${numberFont2}"`,
-              color: next.colorToString(numberColor2),
-              background: "transparent",
-              border: `2px solid ${next.colorToString(blockColor2)}`
-            };
-          case "outline-split":
-            return {
-              position: "relative",
-              fontFamily: `"${numberFont2}"`,
-              color: next.colorToString(numberColor2),
-              border: `2px solid ${next.colorToString(blockColor2)}`,
-              "> span": {
-                position: "relative",
-                zIndex: 1
-              },
-              "::before": {
-                content: '""',
-                position: "absolute",
-                top: "50%",
-                left: 0,
-                right: 0,
-                height: 2,
-                marginTop: -1,
-                background: next.colorToString(blockColor2)
-              }
-            };
-          default:
-            return {
-              fontFamily: `"${numberFont2}"`,
-              background: "transparent",
-              color: next.colorToString(numberColor2),
-              paddingTop: 0,
-              paddingBottom: 0
-            };
-        }
-      })
-    }), reactPage.useStyle({
-      [`.${LABEL_CLASS_NAME}`]: next.useResponsiveStyle([labelColor, labelFont], ([labelColor2 = {
-        swatch: {
-          hue: 0,
-          saturation: 0,
-          lightness: 0
-        },
-        alpha: 1
-      }, labelFont2 = "sans-serif"]) => ({
-        fontFamily: `"${labelFont2}"`,
-        color: next.colorToString(labelColor2)
-      }))
-    }), className)
-  }));
-});
-const getRemaining = (date) => {
-  if (date == null)
-    return {
-      days: "0",
-      hours: "0",
-      minutes: "0",
-      seconds: "0"
-    };
-  const timeDiff = new Date(date).getTime() - Date.now();
-  if (timeDiff <= 0)
-    return {
-      days: 0,
-      hours: 0,
-      minutes: 0,
-      seconds: 0
-    };
-  let delta = Math.abs(timeDiff) / 1e3;
-  const days = Math.floor(delta / 86400);
-  delta -= days * 86400;
-  const hours = Math.floor(delta / 3600) % 24;
-  delta -= hours * 3600;
-  const minutes = Math.floor(delta / 60) % 60;
-  delta -= minutes * 60;
-  const seconds = parseInt(String(delta % 60), 10);
-  return {
-    days: days.toString(),
-    hours: hours.toString(),
-    minutes: minutes.toString(),
-    seconds: seconds.toString()
-  };
-};
-const Countdown = React.forwardRef(function Countdown2({
-  id,
-  margin,
-  width,
-  date,
-  variant,
-  size,
-  shape,
-  gap,
-  labelColor,
-  labelFont,
-  numberColor,
-  numberFont,
-  blockColor,
-  daysLabel,
-  hoursLabel,
-  minutesLabel,
-  secondsLabel
-}, ref) {
-  const [{
-    days,
-    hours,
-    minutes,
-    seconds
-  }, setRemaining] = React.useState(getRemaining(null));
-  React.useEffect(() => {
-    setRemaining(getRemaining(date));
-    const intervalId = setInterval(() => {
-      setRemaining(getRemaining(date));
-    }, 1e3);
-    return () => clearInterval(intervalId);
-  }, [date]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, {
-    ref,
-    id,
-    width,
-    margin,
-    variant,
-    size,
-    shape,
-    labelColor,
-    labelFont,
-    numberColor,
-    numberFont,
-    blockColor,
-    gap,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-          children: days
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Label, {
-        children: daysLabel == null ? "Days" : daysLabel
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-          children: hours
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Label, {
-        children: hoursLabel == null ? "Hours" : hoursLabel
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-          children: minutes
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Label, {
-        children: minutesLabel == null ? "Minutes" : minutesLabel
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(Segment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Block, {
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-          children: seconds
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Label, {
-        children: secondsLabel == null ? "Seconds" : secondsLabel
-      })]
-    })]
-  });
-});
-exports["default"] = Countdown;
-//# sourceMappingURL=Countdown.cjs.js.map

package/dist/Countdown.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Countdown.cjs.js","sources":["../src/components/builtin/Countdown/Countdown.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef, ForwardedRef, forwardRef, Ref, useEffect, useState } from 'react'\nimport {\n  DateValue,\n  ElementIDValue,\n  FontValue,\n  GapXValue,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveValue,\n  TextInputValue,\n} from '../../../prop-controllers/descriptors'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { colorToString } from '../../utils/colorToString'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { ColorValue as Color } from '../../utils/types'\n\ntype Props = {\n  id?: ElementIDValue\n  date?: DateValue\n  variant?: ResponsiveIconRadioGroupValue<\n    'filled' | 'filled-split' | 'outline' | 'outline-split' | 'clear'\n  >\n  shape?: ResponsiveIconRadioGroupValue<'pill' | 'rounded' | 'square'>\n  size?: ResponsiveIconRadioGroupValue<'small' | 'medium' | 'large'>\n  gap?: GapXValue\n  numberFont?: FontValue\n  numberColor?: ResponsiveColor | null\n  blockColor?: ResponsiveColor | null\n  labelFont?: FontValue\n  labelColor?: ResponsiveColor | null\n  width?: string\n  margin?: string\n  daysLabel?: TextInputValue\n  hoursLabel?: TextInputValue\n  minutesLabel?: TextInputValue\n  secondsLabel?: TextInputValue\n}\n\nconst BLOCK_CLASS_NAME = 'block'\n\ntype BlockProps = ComponentPropsWithoutRef<'div'>\n\nfunction Block({ className, ...restOfProps }: BlockProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        BLOCK_CLASS_NAME,\n        useStyle({ display: 'block', padding: '0.5em', fontSize: '1em' }),\n        className,\n      )}\n    />\n  )\n}\n\nconst LABEL_CLASS_NAME = 'label'\n\ntype LabelProps = ComponentPropsWithoutRef<'div'>\n\nfunction Label({ className, ...restOfProps }: LabelProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(LABEL_CLASS_NAME, useStyle({ marginTop: '0.25em' }), className)}\n    />\n  )\n}\n\nconst SEGMENT_CLASS_NAME = 'segment'\n\ntype SegmentProps = ComponentPropsWithoutRef<'div'>\n\nfunction Segment({ className, ...restOfProps }: SegmentProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(SEGMENT_CLASS_NAME, useStyle({ flex: 1, textAlign: 'center' }), className)}\n    />\n  )\n}\n\ntype ContainerBaseProps = {\n  width?: string\n  margin?: string\n  variant: Props['variant']\n  size: Props['size']\n  shape: Props['shape']\n  gap: Props['gap']\n  labelColor?: ResponsiveValue<Color> | null\n  numberFont?: ResponsiveValue<string>\n  numberColor?: ResponsiveValue<Color> | null\n  blockColor?: ResponsiveValue<Color> | null\n  labelFont?: ResponsiveValue<string>\n}\n\ntype ContainerProps = ContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof ContainerBaseProps>\n\nconst Container = forwardRef(function Container(\n  {\n    className,\n    width,\n    margin,\n    variant,\n    size,\n    shape,\n    gap,\n    labelColor,\n    numberFont,\n    numberColor,\n    blockColor,\n    labelFont,\n    ...restOfProps\n  }: ContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({ display: 'flex' }),\n        width,\n        margin,\n        useStyle(\n          useResponsiveStyle([size] as const, ([size = 'medium']) => {\n            switch (size) {\n              case 'small':\n                return { fontSize: 18, [`.${LABEL_CLASS_NAME}`]: { fontSize: 14 } }\n\n              case 'large':\n                return { fontSize: 32, [`.${LABEL_CLASS_NAME}`]: { fontSize: 18 } }\n\n              default:\n                return { fontSize: 24, [`.${LABEL_CLASS_NAME}`]: { fontSize: 16 } }\n            }\n          }),\n        ),\n        useStyle({\n          [`.${SEGMENT_CLASS_NAME}`]: useResponsiveStyle([gap] as const, ([gap]) => ({\n            margin: `0 ${gap == null ? 0 : `${gap.value / 2}${gap.unit}`}`,\n\n            '&:first-child': {\n              marginLeft: 0,\n            },\n\n            '&:last-child': {\n              marginRight: 0,\n            },\n          })),\n        }),\n        useStyle({\n          [`.${BLOCK_CLASS_NAME}`]: useResponsiveStyle([shape] as const, ([shape = 'rounded']) => {\n            switch (shape) {\n              case 'pill':\n                return { borderRadius: 500 }\n\n              case 'rounded':\n                return { borderRadius: 6 }\n\n              default:\n                return { borderRadius: 0 }\n            }\n          }),\n        }),\n        useStyle({\n          [`.${BLOCK_CLASS_NAME}`]: useResponsiveStyle(\n            [variant, blockColor, numberColor, numberFont] as const,\n            ([\n              variant = 'filled',\n              blockColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n              numberColor = { swatch: { hue: 0, saturation: 0, lightness: 100 }, alpha: 1 },\n              numberFont = 'sans-serif',\n            ]) => {\n              switch (variant) {\n                case 'filled':\n                  return {\n                    fontFamily: `\"${numberFont}\"`,\n                    color: colorToString(numberColor),\n                    background: colorToString(blockColor),\n                  }\n\n                case 'filled-split':\n                  return {\n                    position: 'relative',\n                    color: colorToString(numberColor),\n                    fontFamily: `\"${numberFont}\"`,\n\n                    '> span': {\n                      position: 'relative',\n                      zIndex: 1,\n                    },\n\n                    '::before': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      top: 0,\n                      left: 0,\n                      right: 0,\n                      bottom: 'calc(50% + 1px)',\n                      borderTopLeftRadius: 'inherit',\n                      borderTopRightRadius: 'inherit',\n                      background: colorToString(blockColor),\n                    },\n\n                    '::after': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      left: 0,\n                      right: 0,\n                      top: 'calc(50% + 1px)',\n                      bottom: 0,\n                      borderBottomLeftRadius: 'inherit',\n                      borderBottomRightRadius: 'inherit',\n                      background: colorToString(blockColor),\n                    },\n                  }\n\n                case 'outline':\n                  return {\n                    fontFamily: `\"${numberFont}\"`,\n                    color: colorToString(numberColor),\n                    background: 'transparent',\n                    border: `2px solid ${colorToString(blockColor)}`,\n                  }\n\n                case 'outline-split':\n                  return {\n                    position: 'relative',\n                    fontFamily: `\"${numberFont}\"`,\n                    color: colorToString(numberColor),\n                    border: `2px solid ${colorToString(blockColor)}`,\n\n                    '> span': {\n                      position: 'relative',\n                      zIndex: 1,\n                    },\n\n                    '::before': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      top: '50%',\n                      left: 0,\n                      right: 0,\n                      height: 2,\n                      marginTop: -1,\n                      background: colorToString(blockColor),\n                    },\n                  }\n\n                default:\n                  return {\n                    fontFamily: `\"${numberFont}\"`,\n                    background: 'transparent',\n                    color: colorToString(numberColor),\n                    paddingTop: 0,\n                    paddingBottom: 0,\n                  }\n              }\n            },\n          ),\n        }),\n        useStyle({\n          [`.${LABEL_CLASS_NAME}`]: useResponsiveStyle(\n            [labelColor, labelFont] as const,\n            ([\n              labelColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n              labelFont = 'sans-serif',\n            ]) => ({\n              fontFamily: `\"${labelFont}\"`,\n              color: colorToString(labelColor),\n            }),\n          ),\n        }),\n        className,\n      )}\n    />\n  )\n})\n\nconst getRemaining = (date: Props['date'] | null | undefined) => {\n  if (date == null) return { days: '0', hours: '0', minutes: '0', seconds: '0' }\n\n  const timeDiff = new Date(date).getTime() - Date.now()\n\n  if (timeDiff <= 0) return { days: 0, hours: 0, minutes: 0, seconds: 0 }\n\n  let delta = Math.abs(timeDiff) / 1000\n\n  const days = Math.floor(delta / 86400)\n  delta -= days * 86400\n\n  const hours = Math.floor(delta / 3600) % 24\n  delta -= hours * 3600\n\n  const minutes = Math.floor(delta / 60) % 60\n  delta -= minutes * 60\n\n  const seconds = parseInt(String(delta % 60), 10)\n\n  return {\n    days: days.toString(),\n    hours: hours.toString(),\n    minutes: minutes.toString(),\n    seconds: seconds.toString(),\n  }\n}\n\nconst Countdown = forwardRef(function Countdown(\n  {\n    id,\n    margin,\n    width,\n    date,\n    variant,\n    size,\n    shape,\n    gap,\n    labelColor,\n    labelFont,\n    numberColor,\n    numberFont,\n    blockColor,\n    daysLabel,\n    hoursLabel,\n    minutesLabel,\n    secondsLabel,\n  }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const [{ days, hours, minutes, seconds }, setRemaining] = useState(getRemaining(null))\n\n  useEffect(() => {\n    setRemaining(getRemaining(date))\n\n    const intervalId = setInterval(() => {\n      setRemaining(getRemaining(date))\n    }, 1000)\n\n    return () => clearInterval(intervalId)\n  }, [date])\n\n  return (\n    <Container\n      ref={ref}\n      id={id}\n      width={width}\n      margin={margin}\n      variant={variant}\n      size={size}\n      shape={shape}\n      labelColor={labelColor}\n      labelFont={labelFont}\n      numberColor={numberColor}\n      numberFont={numberFont}\n      blockColor={blockColor}\n      gap={gap}\n    >\n      <Segment>\n        <Block>\n          <span>{days}</span>\n        </Block>\n        <Label>{daysLabel == null ? 'Days' : daysLabel}</Label>\n      </Segment>\n      <Segment>\n        <Block>\n          <span>{hours}</span>\n        </Block>\n        <Label>{hoursLabel == null ? 'Hours' : hoursLabel}</Label>\n      </Segment>\n      <Segment>\n        <Block>\n          <span>{minutes}</span>\n        </Block>\n        <Label>{minutesLabel == null ? 'Minutes' : minutesLabel}</Label>\n      </Segment>\n      <Segment>\n        <Block>\n          <span>{seconds}</span>\n        </Block>\n        <Label>{secondsLabel == null ? 'Seconds' : secondsLabel}</Label>\n      </Segment>\n    </Container>\n  )\n})\n\nexport default Countdown\n"],"names":["BLOCK_CLASS_NAME","className","restOfProps","cx","useStyle","display","padding","fontSize","LABEL_CLASS_NAME","marginTop","SEGMENT_CLASS_NAME","flex","textAlign","Container","forwardRef","ref","width","margin","variant","size","shape","gap","labelColor","numberFont","numberColor","blockColor","labelFont","useResponsiveStyle","value","unit","marginLeft","marginRight","borderRadius","swatch","hue","saturation","lightness","alpha","fontFamily","color","colorToString","background","position","zIndex","content","top","left","right","bottom","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","border","height","paddingTop","paddingBottom","getRemaining","date","days","hours","minutes","seconds","timeDiff","Date","getTime","now","delta","Math","abs","floor","parseInt","String","toString","Countdown","id","daysLabel","hoursLabel","minutesLabel","secondsLabel","setRemaining","useState","useEffect","intervalId","setInterval","clearInterval","_jsxs","_jsx"],"mappings":"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"}