@cerberus-design/react 0.18.3 → 0.19.0

package/build/modern/chunk-P7DWMM56.js

@@ -1,210 +0,0 @@
-import {
-  Dialog
-} from "./chunk-Z2KBUTCO.js";
-import {
-  DialogDescription,
-  DialogHeading,
-  DialogProvider
-} from "./chunk-SSR3CWJZ.js";
-import {
-  Button
-} from "./chunk-GB7W3YNU.js";
-import {
-  Text
-} from "./chunk-L64HQGLQ.js";
-import {
-  FieldLabel,
-  FieldRoot,
-  Input
-} from "./chunk-WEL43I6Y.js";
-import {
-  Avatar
-} from "./chunk-CF4TCMJI.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/context/prompt-modal.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { DialogCloseTrigger } from "@ark-ui/react/dialog";
-import { HStack, VStack } from "styled-system/jsx";
-import { css } from "styled-system/css";
-import { hstack } from "styled-system/patterns";
-import { jsx, jsxs } from "react/jsx-runtime";
-var PromptModalContext = createContext(null);
-function PromptModal(props) {
-  const resolveRef = useRef(null);
-  const [open, setOpen] = useState(false);
-  const [content, setContent] = useState(null);
-  const [inputValue, setInputValue] = useState("");
-  const { icons } = useCerberusContext();
-  const { promptModal: PromptIcon } = icons;
-  const isValid = useMemo(
-    () => inputValue === content?.key,
-    [inputValue, content]
-  );
-  const palette = useMemo(
-    () => content?.kind === "destructive" ? "danger" : "action",
-    [content]
-  );
-  const handleChange = useCallback(
-    (e) => {
-      setInputValue(e.currentTarget.value);
-    },
-    [content]
-  );
-  const handleChoice = useCallback(
-    (e) => {
-      const target = e.currentTarget;
-      if (target.value === "true") {
-        resolveRef.current?.(inputValue);
-      }
-      setOpen(false);
-    },
-    [inputValue, setOpen]
-  );
-  const handleShow = useCallback(
-    (options) => {
-      return new Promise((resolve) => {
-        setContent({ ...options, kind: options.kind || "non-destructive" });
-        setOpen(true);
-        resolveRef.current = resolve;
-      });
-    },
-    [setOpen]
-  );
-  const value = useMemo(
-    () => ({
-      show: handleShow
-    }),
-    [handleShow]
-  );
-  return /* @__PURE__ */ jsxs(PromptModalContext.Provider, { value, children: [
-    props.children,
-    /* @__PURE__ */ jsx(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ jsx(Dialog, { size: "sm", children: /* @__PURE__ */ jsxs(VStack, { gap: "xl", w: "full", children: [
-      /* @__PURE__ */ jsxs(VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
-        /* @__PURE__ */ jsx(
-          HStack,
-          {
-            alignSelf: "center",
-            justify: "center",
-            paddingBlockEnd: "md",
-            w: "full",
-            children: /* @__PURE__ */ jsx(
-              Show,
-              {
-                when: palette === "danger",
-                fallback: /* @__PURE__ */ jsx(
-                  Avatar,
-                  {
-                    gradient: "charon-light",
-                    fallback: /* @__PURE__ */ jsx(PromptIcon, { size: 24 })
-                  }
-                ),
-                children: /* @__PURE__ */ jsx(
-                  Avatar,
-                  {
-                    gradient: "hades-dark",
-                    fallback: /* @__PURE__ */ jsx(PromptIcon, { size: 24 })
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(DialogHeading, { children: content?.heading }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: content?.description })
-      ] }),
-      /* @__PURE__ */ jsx(
-        VStack,
-        {
-          alignItems: "flex-start",
-          marginBlockStart: "md",
-          marginBlockEnd: "lg",
-          w: "full",
-          children: /* @__PURE__ */ jsxs(
-            FieldRoot,
-            {
-              ids: {
-                control: "confirm"
-              },
-              invalid: !isValid,
-              children: [
-                /* @__PURE__ */ jsxs(
-                  FieldLabel,
-                  {
-                    className: hstack({
-                      gap: "xs",
-                      justify: "flex-start !important",
-                      marginBlockEnd: "xs",
-                      textStyle: "label-md"
-                    }),
-                    children: [
-                      "Type",
-                      /* @__PURE__ */ jsx(Text, { as: "strong", textTransform: "uppercase", children: content?.key }),
-                      "to confirm"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(Input, { name: "confirm", onChange: handleChange, type: "text" })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxs(HStack, { gap: "md", justify: "stretch", w: "full", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            autoFocus: true,
-            className: css({
-              w: "1/2"
-            }),
-            disabled: !isValid,
-            name: "confirm",
-            onClick: handleChoice,
-            palette,
-            value: "true",
-            children: content?.actionText
-          }
-        ),
-        /* @__PURE__ */ jsx(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: css({
-              w: "1/2"
-            }),
-            name: "cancel",
-            onClick: handleChoice,
-            usage: "outlined",
-            value: "false",
-            children: content?.cancelText
-          }
-        ) })
-      ] })
-    ] }) }) })
-  ] });
-}
-function usePromptModal() {
-  const context = useContext(PromptModalContext);
-  if (context === null) {
-    throw new Error("usePromptModal must be used within a PromptModal Provider");
-  }
-  return context;
-}
-
-export {
-  PromptModal,
-  usePromptModal
-};
-//# sourceMappingURL=chunk-P7DWMM56.js.map

package/build/modern/chunk-P7DWMM56.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/prompt-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type MouseEvent,\n  type PropsWithChildren,\n} from 'react'\nimport { DialogCloseTrigger } from '@ark-ui/react/dialog'\nimport { HStack, VStack } from 'styled-system/jsx'\nimport { css } from 'styled-system/css'\nimport { hstack } from 'styled-system/patterns'\nimport { FieldLabel, FieldRoot, Input } from '../components/field/index'\nimport { Button } from '../components/button/button'\nimport { Show } from '../components/Show'\nimport { Avatar } from '../components/avatar/avatar'\nimport { Text } from '../components/Text'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../components/dialog'\nimport { useCerberusContext } from './cerberus'\n\n/**\n * This module provides a context and hook for the prompt modal.\n * @module PromptModal\n */\n\nexport interface ShowPromptModalOptions {\n  /**\n   * The kind of prompt modal to show.\n   * @default 'non-destructive'\n   */\n  kind?: 'destructive' | 'non-destructive'\n  /**\n   * The heading of the prompt modal.\n   */\n  heading: string\n  /**\n   * The description of the prompt modal.\n   */\n  description?: string\n  /**\n   * The key to confirm the action.\n   */\n  key: string\n  /**\n   * The text for the action button.\n   */\n  actionText: string\n  /**\n   * The text for the cancel button.\n   */\n  cancelText: string\n}\nexport type PromptShowResult =\n  | ((value: string | PromiseLike<string>) => void)\n  | null\n\nexport interface PromptModalValue {\n  /**\n   * The method to trigger the prompt modal.\n   * @returns the value of the key if the action is confirmed.\n   * @example\n   * ```tsx\n   * const accepted = await prompt.show({\n   *  kind: 'destructive',\n   *  heading: 'Delete channel?',\n   *  description:\n   *   'This will permanently delete a channel on your account. There is no going back.',\n   *  key: CHANNEL_NAME,\n   *  actionText: 'Yes, delete channel',\n   *  cancelText: 'No, cancel',\n   * })\n   */\n  show: (options: ShowPromptModalOptions) => Promise<string>\n}\n\nconst PromptModalContext = createContext<PromptModalValue | null>(null)\n\nexport type PromptModalProviderProps = PropsWithChildren<unknown>\n\n/**\n * Provides a prompt modal to the app.\n * @see https://cerberus.digitalu.design/react/prompt-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <PromptModal>\n *   <SomeFeatureSection />\n * </PromptModal>\n *\n * // Use the hook to show the prompt modal.\n * const prompt = usePromptModal()\n *\n * const handleClick = useCallback(async () => {\n *  const accepted = await prompt.show({\n *   kind: 'destructive',\n *   heading: 'Delete channel?',\n *  description:\n *   'This will permanently delete a channel on your account. There is no going back.',\n * key: CHANNEL_NAME,\n * actionText: 'Yes, delete channel',\n * cancelText: 'No, cancel',\n * })\n * // do something with accepted\n * }, [prompt])\n * ```\n */\nexport function PromptModal(\n  props: PropsWithChildren<PromptModalProviderProps>,\n) {\n  const resolveRef = useRef<PromptShowResult>(null)\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowPromptModalOptions | null>(null)\n  const [inputValue, setInputValue] = useState<string>('')\n\n  const { icons } = useCerberusContext()\n  const { promptModal: PromptIcon } = icons\n\n  const isValid = useMemo(\n    () => inputValue === content?.key,\n    [inputValue, content],\n  )\n\n  const palette = useMemo(\n    () => (content?.kind === 'destructive' ? 'danger' : 'action'),\n    [content],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setInputValue(e.currentTarget.value)\n    },\n    [content],\n  )\n\n  const handleChoice = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const target = e.currentTarget as HTMLButtonElement\n      if (target.value === 'true') {\n        resolveRef.current?.(inputValue)\n      }\n      setOpen(false)\n    },\n    [inputValue, setOpen],\n  )\n\n  const handleShow = useCallback(\n    (options: ShowPromptModalOptions) => {\n      return new Promise<string>((resolve) => {\n        setContent({ ...options, kind: options.kind || 'non-destructive' })\n        setOpen(true)\n        resolveRef.current = resolve\n      })\n    },\n    [setOpen],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <PromptModalContext.Provider value={value}>\n      {props.children}\n\n      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog size=\"sm\">\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <HStack\n                alignSelf=\"center\"\n                justify=\"center\"\n                paddingBlockEnd=\"md\"\n                w=\"full\"\n              >\n                <Show\n                  when={palette === 'danger'}\n                  fallback={\n                    <Avatar\n                      gradient=\"charon-light\"\n                      fallback={<PromptIcon size={24} />}\n                    />\n                  }\n                >\n                  <Avatar\n                    gradient=\"hades-dark\"\n                    fallback={<PromptIcon size={24} />}\n                  />\n                </Show>\n              </HStack>\n              <DialogHeading>{content?.heading}</DialogHeading>\n              <DialogDescription>{content?.description}</DialogDescription>\n            </VStack>\n\n            <VStack\n              alignItems=\"flex-start\"\n              marginBlockStart=\"md\"\n              marginBlockEnd=\"lg\"\n              w=\"full\"\n            >\n              <FieldRoot\n                ids={{\n                  control: 'confirm',\n                }}\n                invalid={!isValid}\n              >\n                <FieldLabel\n                  className={hstack({\n                    gap: 'xs',\n                    justify: 'flex-start !important',\n                    marginBlockEnd: 'xs',\n                    textStyle: 'label-md',\n                  })}\n                >\n                  Type\n                  <Text as=\"strong\" textTransform=\"uppercase\">\n                    {content?.key}\n                  </Text>\n                  to confirm\n                </FieldLabel>\n                <Input name=\"confirm\" onChange={handleChange} type=\"text\" />\n              </FieldRoot>\n            </VStack>\n\n            <HStack gap=\"md\" justify=\"stretch\" w=\"full\">\n              <Button\n                autoFocus\n                className={css({\n                  w: '1/2',\n                })}\n                disabled={!isValid}\n                name=\"confirm\"\n                onClick={handleChoice}\n                palette={palette}\n                value=\"true\"\n              >\n                {content?.actionText}\n              </Button>\n\n              <DialogCloseTrigger asChild>\n                <Button\n                  className={css({\n                    w: '1/2',\n                  })}\n                  name=\"cancel\"\n                  onClick={handleChoice}\n                  usage=\"outlined\"\n                  value=\"false\"\n                >\n                  {content?.cancelText}\n                </Button>\n              </DialogCloseTrigger>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\n    </PromptModalContext.Provider>\n  )\n}\n\n/**\n * Used to retrieve the context of the PromptModal provider.\n */\nexport function usePromptModal(): PromptModalValue {\n  const context = useContext(PromptModalContext)\n  if (context === null) {\n    throw new Error('usePromptModal must be used within a PromptModal Provider')\n  }\n  return context\n}\n"],"mappings":"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","names":[]}

package/build/modern/chunk-PHPXOX2Y.js

@@ -1,40 +0,0 @@
-import {
-  AccordionChevronItemIndicator
-} from "./chunk-7I7LA2EE.js";
-import {
-  AccordionParts
-} from "./chunk-QNZIH2KG.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/accordion/item-group.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Accordion(props) {
-  return /* @__PURE__ */ jsx(AccordionParts.Root, { ...props });
-}
-function AccordionItemGroup(props) {
-  const [groupProps, itemProps] = splitProps(props, [
-    "heading",
-    "children",
-    "indicatorPosition"
-  ]);
-  const indicatorPosition = groupProps.indicatorPosition ?? "end";
-  return /* @__PURE__ */ jsxs(AccordionParts.Item, { ...itemProps, children: [
-    /* @__PURE__ */ jsxs(AccordionParts.ItemTrigger, { "data-indicator-position": indicatorPosition, children: [
-      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) }),
-      groupProps.heading,
-      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) })
-    ] }),
-    /* @__PURE__ */ jsx(AccordionParts.ItemContent, { children: groupProps.children })
-  ] });
-}
-
-export {
-  Accordion,
-  AccordionItemGroup
-};
-//# sourceMappingURL=chunk-PHPXOX2Y.js.map

package/build/modern/chunk-PHPXOX2Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/accordion/item-group.tsx"],"sourcesContent":["import type {\n  AccordionItemProps,\n  AccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from 'styled-system/recipes'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../Show'\nimport { AccordionParts } from './parts'\nimport { AccordionChevronItemIndicator } from './item-indicator'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\nexport function Accordion(props: AccordionRootProps & AccordionVariantProps) {\n  return <AccordionParts.Root {...props} />\n}\n\nexport interface AccordionItemGroupProps\n  extends AccordionItemProps,\n    AccordionVariantProps {\n  /**\n   * The heading of the accordion item to open and close the content.\n   */\n  heading: string\n  /**\n   * The position of the arrow indicator.\n   */\n  indicatorPosition?: 'start' | 'end'\n}\n\n/**\n * The AccordionItemGroup component is an abstraction of the Accordion primitive\n * components which renders an accordion item with a heading and an indicator.\n *\n * It is a wrapper around the `AccordionParts.Item`, `AccordionParts.\n * ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.\n *\n * @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)\n * @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)\n */\nexport function AccordionItemGroup(props: AccordionItemGroupProps) {\n  const [groupProps, itemProps] = splitProps(props, [\n    'heading',\n    'children',\n    'indicatorPosition',\n  ])\n  const indicatorPosition = groupProps.indicatorPosition ?? 'end'\n\n  return (\n    <AccordionParts.Item {...itemProps}>\n      <AccordionParts.ItemTrigger data-indicator-position={indicatorPosition}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n\n        {groupProps.heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n      </AccordionParts.ItemTrigger>\n\n      <AccordionParts.ItemContent>\n        {groupProps.children}\n      </AccordionParts.ItemContent>\n    </AccordionParts.Item>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBS,cAoCH,YApCG;AADF,SAAS,UAAU,OAAmD;AAC3E,SAAO,oBAAC,eAAe,MAAf,EAAqB,GAAG,OAAO;AACzC;AAyBO,SAAS,mBAAmB,OAAgC;AACjE,QAAM,CAAC,YAAY,SAAS,IAAI,WAAW,OAAO;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,oBAAoB,WAAW,qBAAqB;AAE1D,SACE,qBAAC,eAAe,MAAf,EAAqB,GAAG,WACvB;AAAA,yBAAC,eAAe,aAAf,EAA2B,2BAAyB,mBACnD;AAAA,0BAAC,QAAK,MAAM,sBAAsB,SAChC,8BAAC,iCAA8B,GACjC;AAAA,MAEC,WAAW;AAAA,MAEZ,oBAAC,QAAK,MAAM,sBAAsB,OAChC,8BAAC,iCAA8B,GACjC;AAAA,OACF;AAAA,IAEA,oBAAC,eAAe,aAAf,EACE,qBAAW,UACd;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-PRV3HAK3.js

@@ -1,156 +0,0 @@
-import {
-  For
-} from "./chunk-I5RGBB57.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/CircularProgress.tsx
-import { circularProgress } from "styled-system/recipes";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CircularProgress(props) {
-  const { size = "1.1em" } = props;
-  const sizeProps = props.size ? {
-    height: size,
-    width: size
-  } : {};
-  const strokeW = 14;
-  const radius = `calc(50% * (1 - ${strokeW}/100))`;
-  const status = props.syntax ?? "Done";
-  const now = props.now >= 100 ? 100 : props.now;
-  const bgStyle = props.bgStyle ?? "filled";
-  const styles = circularProgress();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: props.id,
-      "aria-label": props.label,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": now,
-      className: styles.root,
-      role: "progressbar",
-      children: /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          "data-complete": now === 100,
-          className: styles.group,
-          fill: "none",
-          strokeLinecap: "round",
-          strokeWidth: strokeW,
-          viewBox: "0 0 100 100",
-          xmlns: "http://www.w3.org/2000/svg",
-          ...sizeProps,
-          children: [
-            /* @__PURE__ */ jsx("title", { children: props.title }),
-            /* @__PURE__ */ jsx("desc", { children: `${now}% ${status}` }),
-            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "gradient", children: [
-              /* @__PURE__ */ jsx(
-                "stop",
-                {
-                  offset: "0%",
-                  stopColor: "var(--cerberus-colors-data-viz-progress-start)"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "stop",
-                {
-                  offset: "100%",
-                  stopColor: "var(--cerberus-colors-data-viz-progress-end)"
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx(Show, { when: bgStyle === "filled", children: /* @__PURE__ */ jsx(
-              "circle",
-              {
-                className: styles.base,
-                cx: "50%",
-                cy: "50%",
-                r: `calc(50% * (1 - ${strokeW}/100))`,
-                pathLength: "100"
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              "circle",
-              {
-                className: styles.track,
-                cx: "50%",
-                cy: "50%",
-                r: radius,
-                pathLength: "100"
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              Show,
-              {
-                when: now > 0,
-                fallback: /* @__PURE__ */ jsx(
-                  "text",
-                  {
-                    "data-fallback": true,
-                    className: styles.description,
-                    x: "50%",
-                    y: "27%",
-                    dominantBaseline: "middle",
-                    textAnchor: "middle",
-                    textLength: "65%",
-                    children: /* @__PURE__ */ jsx(For, { each: status.split(" "), children: (word, idx) => /* @__PURE__ */ jsx("tspan", { x: "50%", dy: "1.2em", children: word }, `${word}:${idx}`) })
-                  }
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "circle",
-                    {
-                      "data-complete": now === 100,
-                      className: styles.path,
-                      cx: "50%",
-                      cy: "50%",
-                      fill: "none",
-                      r: radius,
-                      pathLength: "100",
-                      strokeDasharray: "100",
-                      strokeDashoffset: 100 - now,
-                      transform: "rotate(-90 50 50)"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("g", { children: [
-                    /* @__PURE__ */ jsxs(
-                      "text",
-                      {
-                        className: styles.title,
-                        x: "50%",
-                        y: "47%",
-                        dominantBaseline: "middle",
-                        textAnchor: "middle",
-                        children: [
-                          now,
-                          "%"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "text",
-                      {
-                        className: styles.description,
-                        x: "50%",
-                        y: "59%",
-                        dominantBaseline: "middle",
-                        textAnchor: "middle",
-                        children: status
-                      }
-                    )
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-
-export {
-  CircularProgress
-};
-//# sourceMappingURL=chunk-PRV3HAK3.js.map

package/build/modern/chunk-PRV3HAK3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/CircularProgress.tsx"],"sourcesContent":["import { circularProgress } from 'styled-system/recipes'\nimport type { SVGProps } from 'react'\nimport { Show } from './Show'\nimport { For } from './for'\n\n/**\n * This module contains the CircularProgress component.\n * @module\n */\n\nexport interface CircularProgressProps extends SVGProps<SVGSVGElement> {\n  /**\n   * A unique identifier for the progress bar. Required for accessibility.\n   */\n  id: string\n  /**\n   * A description label for the progress bar. Required for accessibility.\n   */\n  label: string\n  /**\n   * The current value of the CircularProgress\n   */\n  now: number\n  /**\n   * The title of the CircularProgress for a11y\n   */\n  title: string\n  /**\n   * What is shown below the now value (default: 'Done')\n   */\n  syntax?: string\n  /**\n   * The background style of the CircularProgress\n   */\n  bgStyle?: 'filled' | 'transparent'\n  /**\n   * The size of the CircularProgress\n   * @default '1.1em'\n   */\n  size?: string\n}\n\n/**\n * The CircularProgress component is used to display a loading indicator.\n * @param props - SVG element attributes\n * @param props.now - The current value of the CircularProgress\n * @param props.title - The title of the CircularProgress for a11y\n * @param props.label - What is shown below the now value (default: 'Done')\n * @see https://cerberus.digitalu.design/react/progress-indicators\n * @example\n * ```tsx\n * <CircularProgress now={24} title=\"Course completion\" label=\"done\" />\n * ```\n */\nexport function CircularProgress(props: CircularProgressProps) {\n  const { size = '1.1em' } = props\n  const sizeProps = props.size\n    ? {\n        height: size,\n        width: size,\n      }\n    : {}\n\n  const strokeW: number = 14\n  const radius = `calc(50% * (1 - ${strokeW}/100))`\n  const status: string = props.syntax ?? 'Done'\n  const now: number = props.now >= 100 ? 100 : props.now\n  const bgStyle: string = props.bgStyle ?? 'filled'\n\n  const styles = circularProgress()\n\n  return (\n    <div\n      id={props.id}\n      aria-label={props.label}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={now}\n      className={styles.root}\n      role=\"progressbar\"\n    >\n      <svg\n        data-complete={now === 100}\n        className={styles.group}\n        fill=\"none\"\n        strokeLinecap=\"round\"\n        strokeWidth={strokeW}\n        viewBox=\"0 0 100 100\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...sizeProps}\n      >\n        <title>{props.title}</title>\n        <desc>{`${now}% ${status}`}</desc>\n\n        <defs>\n          <linearGradient id=\"gradient\">\n            <stop\n              offset=\"0%\"\n              stopColor=\"var(--cerberus-colors-data-viz-progress-start)\"\n            />\n            <stop\n              offset=\"100%\"\n              stopColor=\"var(--cerberus-colors-data-viz-progress-end)\"\n            />\n          </linearGradient>\n        </defs>\n\n        <Show when={bgStyle === 'filled'}>\n          <circle\n            className={styles.base}\n            cx=\"50%\"\n            cy=\"50%\"\n            r={`calc(50% * (1 - ${strokeW}/100))`}\n            pathLength=\"100\"\n          />\n        </Show>\n\n        <circle\n          className={styles.track}\n          cx=\"50%\"\n          cy=\"50%\"\n          r={radius}\n          pathLength=\"100\"\n        />\n\n        <Show\n          when={now > 0}\n          fallback={\n            <text\n              data-fallback\n              className={styles.description}\n              x=\"50%\"\n              y=\"27%\"\n              dominantBaseline=\"middle\"\n              textAnchor=\"middle\"\n              textLength=\"65%\"\n            >\n              <For each={status.split(' ')}>\n                {(word, idx) => (\n                  <tspan key={`${word}:${idx}`} x=\"50%\" dy=\"1.2em\">\n                    {word}\n                  </tspan>\n                )}\n              </For>\n            </text>\n          }\n        >\n          <circle\n            data-complete={now === 100}\n            className={styles.path}\n            cx=\"50%\"\n            cy=\"50%\"\n            fill=\"none\"\n            r={radius}\n            pathLength=\"100\"\n            strokeDasharray=\"100\"\n            strokeDashoffset={100 - now}\n            transform=\"rotate(-90 50 50)\"\n          />\n          <g>\n            <text\n              className={styles.title}\n              x=\"50%\"\n              y=\"47%\"\n              dominantBaseline=\"middle\"\n              textAnchor=\"middle\"\n            >\n              {now}%\n            </text>\n            <text\n              className={styles.description}\n              x=\"50%\"\n              y=\"59%\"\n              dominantBaseline=\"middle\"\n              textAnchor=\"middle\"\n            >\n              {status}\n            </text>\n          </g>\n        </Show>\n      </svg>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/build/modern/chunk-Q737W5KJ.js

@@ -1,41 +0,0 @@
-// src/components/ProgressBar.tsx
-import { ark } from "@ark-ui/react/factory";
-import { cx } from "styled-system/css";
-import {
-  progressBar
-} from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function ProgressBar(props) {
-  const { indeterminate, size, usage, now, label, ...nativeProps } = props;
-  const styles = progressBar({ size, usage });
-  const nowClamped = Math.min(100, Math.max(0, now || 0));
-  const width = {
-    width: indeterminate ? "50%" : `${nowClamped}%`
-  };
-  return /* @__PURE__ */ jsx(
-    ark.div,
-    {
-      ...nativeProps,
-      "aria-label": label,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": indeterminate ? 0 : nowClamped,
-      className: cx(nativeProps.className, styles.root),
-      role: "progressbar",
-      children: /* @__PURE__ */ jsx(
-        ark.div,
-        {
-          ...indeterminate && { "data-indeterminate": true },
-          "data-complete": nowClamped === 100,
-          className: styles.bar,
-          style: width
-        }
-      )
-    }
-  );
-}
-
-export {
-  ProgressBar
-};
-//# sourceMappingURL=chunk-Q737W5KJ.js.map

package/build/modern/chunk-Q737W5KJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ProgressBar.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport {\n  progressBar,\n  type ProgressBarVariantProps,\n} from 'styled-system/recipes'\n\n/**\n * This module contains the ProgressBar component.\n * @module\n */\n\nexport type ProgressBarBaseProps = HTMLArkProps<'div'>\nexport type NonIndeterminateProgressBarProps = {\n  /**\n   * A unique identifier for the progress bar. Required for accessibility.\n   */\n  id: string\n  /**\n   * A description label for the progress bar. Required for accessibility.\n   */\n  label: string\n  /**\n   * The state of the progress bar.\n   */\n  indeterminate?: never\n  /**\n   * The current value of the progress bar.\n   */\n  now: number\n}\nexport type IndeterminateProgressBarProps = {\n  /**\n   * A unique identifier for the progress bar. Required for accessibility.\n   */\n  id: string\n  /**\n   * A description label for the progress bar. Required for accessibility.\n   */\n  label: string\n  /**\n   * The state of the progress bar.\n   */\n  indeterminate?: true\n  /**\n   * The current value of the progress bar.\n   */\n  now?: never\n}\nexport type ProgressBarProps = ProgressBarBaseProps &\n  ProgressBarVariantProps &\n  (NonIndeterminateProgressBarProps | IndeterminateProgressBarProps)\n\n/**\n * The ProgressBar component is used to display the progress of a task.\n * @see https://cerberus.digitalu.design/react/progress-indicators\n * @example\n * ```tsx\n * <ProgressBar value={75} />\n * ```\n */\nexport function ProgressBar(props: ProgressBarProps) {\n  const { indeterminate, size, usage, now, label, ...nativeProps } = props\n  const styles = progressBar({ size, usage })\n  const nowClamped = Math.min(100, Math.max(0, now || 0))\n  const width = {\n    width: indeterminate ? '50%' : `${nowClamped}%`,\n  }\n\n  return (\n    <ark.div\n      {...nativeProps}\n      aria-label={label}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? 0 : nowClamped}\n      className={cx(nativeProps.className, styles.root)}\n      role=\"progressbar\"\n    >\n      <ark.div\n        {...(indeterminate && { 'data-indeterminate': true })}\n        data-complete={nowClamped === 100}\n        className={styles.bar}\n        style={width}\n      />\n    </ark.div>\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AA0ED;AAlBC,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,eAAe,MAAM,OAAO,KAAK,OAAO,GAAG,YAAY,IAAI;AACnE,QAAM,SAAS,YAAY,EAAE,MAAM,MAAM,CAAC;AAC1C,QAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AACtD,QAAM,QAAQ;AAAA,IACZ,OAAO,gBAAgB,QAAQ,GAAG,UAAU;AAAA,EAC9C;AAEA,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,gBAAgB,IAAI;AAAA,MACnC,WAAW,GAAG,YAAY,WAAW,OAAO,IAAI;AAAA,MAChD,MAAK;AAAA,MAEL;AAAA,QAAC,IAAI;AAAA,QAAJ;AAAA,UACE,GAAI,iBAAiB,EAAE,sBAAsB,KAAK;AAAA,UACnD,iBAAe,eAAe;AAAA,UAC9B,WAAW,OAAO;AAAA,UAClB,OAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-QCZ5VNGU.js

@@ -1,36 +0,0 @@
-import {
-  RatingParts
-} from "./chunk-GYUCW2QK.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/rating/rating.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Rating(props) {
-  const [{ label }, styleProps, rootProps] = splitProps(
-    props,
-    ["label"],
-    ["orientation", "palette", "size"]
-  );
-  return /* @__PURE__ */ jsxs(RatingParts.Root, { ...styleProps, ...rootProps, children: [
-    /* @__PURE__ */ jsx(Show, { when: label, children: /* @__PURE__ */ jsx(RatingParts.Label, { children: label }) }),
-    /* @__PURE__ */ jsx(RatingParts.Control, { children: /* @__PURE__ */ jsx(RatingParts.Context, { children: (context) => context.items.map((item) => /* @__PURE__ */ jsx(
-      RatingParts.Item,
-      {
-        index: item,
-        palette: styleProps.palette,
-        children: /* @__PURE__ */ jsx(RatingParts.ItemContext, { children: rootProps.children })
-      },
-      item
-    )) }) })
-  ] });
-}
-
-export {
-  Rating
-};
-//# sourceMappingURL=chunk-QCZ5VNGU.js.map

package/build/modern/chunk-QCZ5VNGU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/rating/rating.tsx"],"sourcesContent":["import type {\n  RatingGroupRootProps,\n  UseRatingGroupContext,\n  UseRatingGroupItemContext,\n} from '@ark-ui/react/rating-group'\nimport type { RatingGroupVariantProps } from 'styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../Show'\nimport { RatingParts } from './parts'\n\n/**\n * This module contains the abstracted Rating component.\n * @module 'react/rating'\n */\n\nexport interface RatingProps\n  extends Omit<RatingGroupRootProps, 'children'>,\n    RatingGroupVariantProps {\n  /**\n   * The label of the rating component.\n   */\n  label?: string\n  /**\n   * The children of the rating component.\n   */\n  children: (context: UseRatingGroupItemContext) => ReactNode\n}\n\n/**\n * The Rating component is an abstraction of the primitives which provides a\n * visual rating system for a user to select a value.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/rating)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/rating-group#api-reference)\n * @example\n * ```tsx\n * <Rating count={5} defaultValue={3} allowHalf>\n *  {({ half, highlighted }) => {\n *   if (half) return <StarHalfIcon fill=\"current\" />\n *   if (highlighted) return <StarIcon fill=\"current\" />\n *   return <StarIcon />\n *  }}\n * </Rating>\n * ```\n */\nexport function Rating(props: RatingProps) {\n  const [{ label }, styleProps, rootProps] = splitProps(\n    props,\n    ['label'],\n    ['orientation', 'palette', 'size'],\n  )\n\n  return (\n    <RatingParts.Root {...styleProps} {...rootProps}>\n      <Show when={label}>\n        <RatingParts.Label>{label}</RatingParts.Label>\n      </Show>\n\n      <RatingParts.Control>\n        <RatingParts.Context>\n          {(context: UseRatingGroupContext) =>\n            context.items.map((item) => (\n              <RatingParts.Item\n                key={item}\n                index={item}\n                palette={styleProps.palette}\n              >\n                <RatingParts.ItemContext>\n                  {rootProps.children}\n                </RatingParts.ItemContext>\n              </RatingParts.Item>\n            ))\n          }\n        </RatingParts.Context>\n      </RatingParts.Control>\n    </RatingParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAqDI,SAEI,KAFJ;AARG,SAAS,OAAO,OAAoB;AACzC,QAAM,CAAC,EAAE,MAAM,GAAG,YAAY,SAAS,IAAI;AAAA,IACzC;AAAA,IACA,CAAC,OAAO;AAAA,IACR,CAAC,eAAe,WAAW,MAAM;AAAA,EACnC;AAEA,SACE,qBAAC,YAAY,MAAZ,EAAkB,GAAG,YAAa,GAAG,WACpC;AAAA,wBAAC,QAAK,MAAM,OACV,8BAAC,YAAY,OAAZ,EAAmB,iBAAM,GAC5B;AAAA,IAEA,oBAAC,YAAY,SAAZ,EACC,8BAAC,YAAY,SAAZ,EACE,WAAC,YACA,QAAQ,MAAM,IAAI,CAAC,SACjB;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QAEC,OAAO;AAAA,QACP,SAAS,WAAW;AAAA,QAEpB,8BAAC,YAAY,aAAZ,EACE,oBAAU,UACb;AAAA;AAAA,MANK;AAAA,IAOP,CACD,GAEL,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-QD3WAARV.js

@@ -1,47 +0,0 @@
-import {
-  Button
-} from "./chunk-GB7W3YNU.js";
-
-// src/components/cta-dialog/trigger-item.tsx
-import { css, cx } from "styled-system/css";
-import { ark } from "@ark-ui/react/factory";
-import { button } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function TriggerItem(props) {
-  const { asChild, children, ...buttonProps } = props;
-  if (asChild) {
-    return /* @__PURE__ */ jsx(
-      ark.div,
-      {
-        className: cx(
-          button({
-            shape: "rounded",
-            usage: "ghost"
-          }),
-          css({
-            w: "1/2"
-          })
-        ),
-        asChild: true,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ...buttonProps,
-      className: css({
-        w: "1/2"
-      }),
-      shape: "rounded",
-      usage: "outlined",
-      children
-    }
-  );
-}
-
-export {
-  TriggerItem
-};
-//# sourceMappingURL=chunk-QD3WAARV.js.map

package/build/modern/chunk-QNZIH2KG.js

@@ -1,21 +0,0 @@
-import {
-  AccordionItem,
-  AccordionItemContent,
-  AccordionItemIndicator,
-  AccordionItemTrigger,
-  AccordionRoot
-} from "./chunk-BMPMMTX3.js";
-
-// src/components/accordion/parts.ts
-var AccordionParts = {
-  Root: AccordionRoot,
-  Item: AccordionItem,
-  ItemTrigger: AccordionItemTrigger,
-  ItemContent: AccordionItemContent,
-  ItemIndicator: AccordionItemIndicator
-};
-
-export {
-  AccordionParts
-};
-//# sourceMappingURL=chunk-QNZIH2KG.js.map