@cerberus-design/react 0.18.4 → 0.19.0

package/build/modern/chunk-J76SGDYP.js

@@ -1,59 +0,0 @@
-import {
-  DatePickerClearTrigger,
-  DatePickerContent,
-  DatePickerContext,
-  DatePickerControl,
-  DatePickerInputEl,
-  DatePickerLabel,
-  DatePickerMonthSelect,
-  DatePickerNextTrigger,
-  DatePickerPositioner,
-  DatePickerPrevTrigger,
-  DatePickerRangeText,
-  DatePickerRoot,
-  DatePickerTable,
-  DatePickerTableBody,
-  DatePickerTableCell,
-  DatePickerTableCellTrigger,
-  DatePickerTableHead,
-  DatePickerTableHeader,
-  DatePickerTableRow,
-  DatePickerTrigger,
-  DatePickerView,
-  DatePickerViewControl,
-  DatePickerViewTrigger,
-  DatePickerYearSelect
-} from "./chunk-RW3YEBDW.js";
-
-// src/components/date-picker/parts.ts
-var DatePickerParts = {
-  Root: DatePickerRoot,
-  Label: DatePickerLabel,
-  Control: DatePickerControl,
-  Input: DatePickerInputEl,
-  Trigger: DatePickerTrigger,
-  ClearTrigger: DatePickerClearTrigger,
-  Positioner: DatePickerPositioner,
-  Content: DatePickerContent,
-  YearSelect: DatePickerYearSelect,
-  MonthSelect: DatePickerMonthSelect,
-  View: DatePickerView,
-  Context: DatePickerContext,
-  ViewControl: DatePickerViewControl,
-  PrevTrigger: DatePickerPrevTrigger,
-  NextTrigger: DatePickerNextTrigger,
-  ViewTrigger: DatePickerViewTrigger,
-  RangeText: DatePickerRangeText,
-  Table: DatePickerTable,
-  TableHead: DatePickerTableHead,
-  TableRow: DatePickerTableRow,
-  TableHeader: DatePickerTableHeader,
-  TableBody: DatePickerTableBody,
-  TableCell: DatePickerTableCell,
-  TableCellTrigger: DatePickerTableCellTrigger
-};
-
-export {
-  DatePickerParts
-};
-//# sourceMappingURL=chunk-J76SGDYP.js.map

package/build/modern/chunk-JQYW4IOC.js

@@ -1,21 +0,0 @@
-import {
-  AdmonitionContent,
-  AdmonitionDescription,
-  AdmonitionHeading,
-  AdmonitionIndicator,
-  AdmonitionRoot
-} from "./chunk-OY33UHBG.js";
-
-// src/components/admonition/parts.ts
-var AdmonitionParts = {
-  Root: AdmonitionRoot,
-  Indicator: AdmonitionIndicator,
-  Content: AdmonitionContent,
-  Heading: AdmonitionHeading,
-  Description: AdmonitionDescription
-};
-
-export {
-  AdmonitionParts
-};
-//# sourceMappingURL=chunk-JQYW4IOC.js.map

package/build/modern/chunk-JXWNDJJW.js

@@ -1,226 +0,0 @@
-import {
-  Field
-} from "./chunk-RTLS6K4E.js";
-import {
-  FieldHelperText
-} from "./chunk-OK3VJFQL.js";
-import {
-  Avatar
-} from "./chunk-CF4TCMJI.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  IconButton
-} from "./chunk-UH6XSYYD.js";
-import {
-  ProgressBar
-} from "./chunk-Q737W5KJ.js";
-
-// src/components/FileStatus.tsx
-import {
-  useCallback,
-  useMemo
-} from "react";
-import { fileStatus } from "styled-system/recipes";
-import { css, cx } from "styled-system/css";
-import { hstack, vstack } from "styled-system/patterns";
-import { jsx, jsxs } from "react/jsx-runtime";
-var processStatus = /* @__PURE__ */ ((processStatus2) => {
-  processStatus2["TODO"] = "todo";
-  processStatus2["PROCESSING"] = "processing";
-  processStatus2["DONE"] = "done";
-  processStatus2["ERROR"] = "error";
-  return processStatus2;
-})(processStatus || {});
-function FileStatus(props) {
-  const { file, now, status, onClick, ...nativeProps } = props;
-  const actionLabel = useMemo(() => getStatusActionLabel(status), [status]);
-  const palette = useMemo(() => getPalette(status), [status]);
-  const modalIconPalette = useMemo(() => getModalIconPalette(status), [status]);
-  const styles = useMemo(() => {
-    switch (status) {
-      case "todo" /* TODO */:
-        return fileStatus({ status: "todo" });
-      case "processing" /* PROCESSING */:
-        return fileStatus({ status: "processing" });
-      case "done" /* DONE */:
-        return fileStatus({ status: "done" });
-      case "error" /* ERROR */:
-        return fileStatus({ status: "error" });
-      default:
-        return fileStatus();
-    }
-  }, [status]);
-  const handleClick = useCallback(
-    (e) => {
-      const actionStatus = getStatusActionLabel(
-        status
-      ).toLocaleLowerCase();
-      onClick(actionStatus, e);
-    },
-    [onClick]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...nativeProps,
-      className: cx(nativeProps.className, styles.root, hstack()),
-      children: [
-        /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            gradient: modalIconPalette,
-            fallback: /* @__PURE__ */ jsx(MatchFileStatusIcon, { size: 24, status })
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: vstack({
-              alignItems: "flex-start",
-              gap: "0.12rem",
-              w: "full"
-            }),
-            children: [
-              /* @__PURE__ */ jsx(
-                "small",
-                {
-                  className: css({
-                    color: "page.text.initial",
-                    textStyle: "label-sm"
-                  }),
-                  children: file
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ProgressBar,
-                {
-                  id: props.id,
-                  label: "File upload status",
-                  now,
-                  size: "sm"
-                }
-              ),
-              /* @__PURE__ */ jsx(Field, { label: "", invalid: modalIconPalette === "hades-dark", children: /* @__PURE__ */ jsx(
-                FieldHelperText,
-                {
-                  className: css({
-                    color: "page.text.100"
-                  }),
-                  id: `help:${file}`,
-                  children: /* @__PURE__ */ jsx(MatchFileStatusText, { status, now })
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            ariaLabel: actionLabel,
-            onClick: handleClick,
-            palette,
-            size: "sm",
-            children: /* @__PURE__ */ jsx(MatchStatusAction, { status })
-          }
-        )
-      ]
-    }
-  );
-}
-function MatchFileStatusIcon(props) {
-  const { icons } = useCerberusContext();
-  const {
-    waitingFileUploader: TodoIcon,
-    fileUploader: FileUploaderIcon,
-    invalidAlt: InvalidIcon,
-    successNotification: DoneIcon
-  } = icons;
-  switch (props.status) {
-    case "todo" /* TODO */:
-      return /* @__PURE__ */ jsx(TodoIcon, { size: props.size });
-    case "processing" /* PROCESSING */:
-      return /* @__PURE__ */ jsx(FileUploaderIcon, { size: props.size });
-    case "done" /* DONE */:
-      return /* @__PURE__ */ jsx(DoneIcon, { size: props.size });
-    case "error" /* ERROR */:
-      return /* @__PURE__ */ jsx(InvalidIcon, { size: props.size });
-    default:
-      throw new Error("Unknown status");
-  }
-}
-function MatchFileStatusText(props) {
-  switch (props.status) {
-    case "todo" /* TODO */:
-      return "Waiting to upload";
-    case "processing" /* PROCESSING */:
-      return `${props.now}% Complete`;
-    case "done" /* DONE */:
-      return "File uploaded successfully";
-    case "error" /* ERROR */:
-      return "There was an error uploading the file";
-    default:
-      throw new Error("Invalid status");
-  }
-}
-function MatchStatusAction(props) {
-  const { icons } = useCerberusContext();
-  const { close: CloseIcon, redo: RedoIcon, delete: TrashIcon } = icons;
-  switch (props.status) {
-    case "todo" /* TODO */:
-    case "processing" /* PROCESSING */:
-      return /* @__PURE__ */ jsx(CloseIcon, {});
-    case "error" /* ERROR */:
-      return /* @__PURE__ */ jsx(RedoIcon, {});
-    case "done" /* DONE */:
-      return /* @__PURE__ */ jsx(TrashIcon, {});
-    default:
-      throw new Error("Invalid status");
-  }
-}
-function getStatusActionLabel(status) {
-  switch (status) {
-    case "todo" /* TODO */:
-    case "processing" /* PROCESSING */:
-      return "Cancel";
-    case "error" /* ERROR */:
-      return "Retry";
-    case "done" /* DONE */:
-      return "Delete";
-    default:
-      return "";
-  }
-}
-function getPalette(status) {
-  switch (status) {
-    case "todo" /* TODO */:
-    case "processing" /* PROCESSING */:
-      return "danger";
-    case "error" /* ERROR */:
-      return "action";
-    case "done" /* DONE */:
-      return "danger";
-    default:
-      return "action";
-  }
-}
-function getModalIconPalette(status) {
-  switch (status) {
-    case "todo" /* TODO */:
-    case "processing" /* PROCESSING */:
-      return "charon-light";
-    case "error" /* ERROR */:
-      return "hades-dark";
-    case "done" /* DONE */:
-      return "thanatos-light";
-    default:
-      return "charon-light";
-  }
-}
-
-export {
-  processStatus,
-  FileStatus
-};
-//# sourceMappingURL=chunk-JXWNDJJW.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/FileStatus.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  useMemo,\n  type HTMLAttributes,\n  type MouseEvent,\n} from 'react'\nimport { fileStatus, type FileStatusVariantProps } from 'styled-system/recipes'\nimport { css, cx } from 'styled-system/css'\nimport { hstack, vstack } from 'styled-system/patterns'\nimport { useCerberusContext } from '../context/cerberus'\nimport { ProgressBar, type ProgressBarProps } from './ProgressBar'\nimport { IconButton } from './IconButton'\nimport { Avatar } from './avatar/avatar'\nimport { Field, FieldHelperText } from './field/index'\n\n/**\n * This module contains the FileStatus component.\n * @module\n */\n\n/**\n * The available values of the fileStatus helper Object.\n * @example\n * ```tsx\n * import { fileStatus } from '@cerberus/react'\n * processStatus.TODO // 'todo'\n * ```\n */\nexport type FileStatusKey = (typeof processStatus)[keyof typeof processStatus]\n\n/**\n * The actions that can be performed on a file.\n */\nexport type FileStatusActions = 'cancel' | 'retry' | 'delete'\nexport interface FileBaseStatusProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * A unique identifier for the file status. Required for accessibility.\n   */\n  id: string\n  /**\n   * The name of the file.\n   */\n  file: string\n  /**\n   * The percentage of the file that has been processed.\n   */\n  now: ProgressBarProps['now']\n  /**\n   * The status of the file.\n   */\n  status: processStatus\n  /**\n   * The action to perform on the file when a user clicks the\n   * button located at the end of the status card.\n   * @param status - The status of the file.\n   * @param e - The event object.\n   * @example\n   * ```tsx\n   * <FileStatus file=\"file.txt\" now={0} status={processStatus.TODO} action={(status, e) => console.log(status, e)} />\n   * ```\n   * @default () => {}\n   */\n  onClick: (status: FileStatusActions, e: MouseEvent<HTMLButtonElement>) => void\n}\nexport type FileStatusProps = FileBaseStatusProps & FileStatusVariantProps\n\n/**\n * A helper object to represent the status of a file.\n * @example\n * ```tsx\n * import { fileStatus } from '@cerberus/react'\n * processStatus.TODO // 'todo'\n * ```\n */\nexport const enum processStatus {\n  TODO = 'todo',\n  PROCESSING = 'processing',\n  DONE = 'done',\n  ERROR = 'error',\n}\n\n/**\n * A component that displays the status of a file during file processing.\n * @see https://cerberus.digitalu.design/react/file-uploader\n * @example\n * ```tsx\n * <FileStatus file=\"file.txt\" now={0} status={processStatus.TODO} action={(status, e) => console.log(status, e)} />\n * ```\n */\nexport function FileStatus(props: FileStatusProps) {\n  const { file, now, status, onClick, ...nativeProps } = props\n  const actionLabel = useMemo(() => getStatusActionLabel(status), [status])\n  const palette = useMemo(() => getPalette(status), [status])\n  const modalIconPalette = useMemo(() => getModalIconPalette(status), [status])\n  const styles = useMemo(() => {\n    switch (status) {\n      case processStatus.TODO:\n        return fileStatus({ status: 'todo' })\n      case processStatus.PROCESSING:\n        return fileStatus({ status: 'processing' })\n      case processStatus.DONE:\n        return fileStatus({ status: 'done' })\n      case processStatus.ERROR:\n        return fileStatus({ status: 'error' })\n      default:\n        return fileStatus()\n    }\n  }, [status])\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const actionStatus = getStatusActionLabel(\n        status,\n      ).toLocaleLowerCase() as FileStatusActions\n      onClick(actionStatus, e)\n    },\n    [onClick],\n  )\n\n  return (\n    <div\n      {...nativeProps}\n      className={cx(nativeProps.className, styles.root, hstack())}\n    >\n      <Avatar\n        gradient={modalIconPalette}\n        fallback={<MatchFileStatusIcon size={24} status={status} />}\n      />\n\n      <div\n        className={vstack({\n          alignItems: 'flex-start',\n          gap: '0.12rem',\n          w: 'full',\n        })}\n      >\n        <small\n          className={css({\n            color: 'page.text.initial',\n            textStyle: 'label-sm',\n          })}\n        >\n          {file}\n        </small>\n        <ProgressBar\n          id={props.id}\n          label=\"File upload status\"\n          now={now}\n          size=\"sm\"\n        />\n        <Field label=\"\" invalid={modalIconPalette === 'hades-dark'}>\n          <FieldHelperText\n            className={css({\n              color: 'page.text.100',\n            })}\n            id={`help:${file}`}\n          >\n            <MatchFileStatusText status={status} now={now} />\n          </FieldHelperText>\n        </Field>\n      </div>\n\n      <IconButton\n        ariaLabel={actionLabel}\n        onClick={handleClick}\n        palette={palette}\n        size=\"sm\"\n      >\n        <MatchStatusAction status={status} />\n      </IconButton>\n    </div>\n  )\n}\n\ninterface FileStatusElProps {\n  status: FileStatusProps['status']\n  size?: 16 | 20 | 24 | 32\n  now?: number\n}\n\nfunction MatchFileStatusIcon(props: FileStatusElProps) {\n  const { icons } = useCerberusContext()\n  const {\n    waitingFileUploader: TodoIcon,\n    fileUploader: FileUploaderIcon,\n    invalidAlt: InvalidIcon,\n    successNotification: DoneIcon,\n  } = icons\n\n  switch (props.status) {\n    case processStatus.TODO:\n      return <TodoIcon size={props.size} />\n    case processStatus.PROCESSING:\n      return <FileUploaderIcon size={props.size} />\n    case processStatus.DONE:\n      return <DoneIcon size={props.size} />\n    case processStatus.ERROR:\n      return <InvalidIcon size={props.size} />\n    default:\n      throw new Error('Unknown status')\n  }\n}\n\nfunction MatchFileStatusText(props: FileStatusElProps) {\n  switch (props.status) {\n    case processStatus.TODO:\n      return 'Waiting to upload'\n    case processStatus.PROCESSING:\n      return `${props.now}% Complete`\n    case processStatus.DONE:\n      return 'File uploaded successfully'\n    case processStatus.ERROR:\n      return 'There was an error uploading the file'\n    default:\n      throw new Error('Invalid status')\n  }\n}\n\nfunction MatchStatusAction(props: FileStatusElProps) {\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon, redo: RedoIcon, delete: TrashIcon } = icons\n  switch (props.status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return <CloseIcon />\n    case processStatus.ERROR:\n      return <RedoIcon />\n    case processStatus.DONE:\n      return <TrashIcon />\n    default:\n      throw new Error('Invalid status')\n  }\n}\n\nfunction getStatusActionLabel(status: FileStatusKey) {\n  switch (status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return 'Cancel'\n    case processStatus.ERROR:\n      return 'Retry'\n    case processStatus.DONE:\n      return 'Delete'\n    default:\n      return ''\n  }\n}\n\nfunction getPalette(status: FileStatusKey) {\n  switch (status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return 'danger'\n    case processStatus.ERROR:\n      return 'action'\n    case processStatus.DONE:\n      return 'danger'\n    default:\n      return 'action'\n  }\n}\n\nfunction getModalIconPalette(status: FileStatusKey) {\n  switch (status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return 'charon-light'\n    case processStatus.ERROR:\n      return 'hades-dark'\n    case processStatus.DONE:\n      return 'thanatos-light'\n    default:\n      return 'charon-light'\n  }\n}\n"],"mappings":"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","names":["processStatus"]}

package/build/modern/chunk-KEGLWDD6.js

@@ -1,45 +0,0 @@
-import {
-  DatePickerViewControlGroup
-} from "./chunk-INVZVMY4.js";
-import {
-  DatePickerParts
-} from "./chunk-J76SGDYP.js";
-
-// src/components/date-picker/day-view.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DatePickerDayView(props) {
-  function isToday(date) {
-    const today = /* @__PURE__ */ new Date();
-    const formatted = today.toISOString().split("T")[0];
-    const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
-    return formatted === arkDate;
-  }
-  function isPastDay(date) {
-    const today = /* @__PURE__ */ new Date();
-    const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
-    return new Date(arkDate) < today;
-  }
-  function getDayValue(date) {
-    if (isToday(date)) return "today";
-    if (isPastDay(date)) return "past";
-    return "future";
-  }
-  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "day", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePickerData) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
-    /* @__PURE__ */ jsxs(DatePickerParts.Table, { children: [
-      /* @__PURE__ */ jsx(DatePickerParts.TableHead, { children: /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: datePickerData.weekDays.map((weekDay, id) => /* @__PURE__ */ jsx(DatePickerParts.TableHeader, { children: weekDay.narrow }, id)) }) }),
-      /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePickerData.weeks.map((week, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: week.map((day, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: day, children: /* @__PURE__ */ jsx(
-        DatePickerParts.TableCellTrigger,
-        {
-          "data-date": getDayValue(day),
-          children: day.day
-        }
-      ) }, id2)) }, id)) })
-    ] })
-  ] }) }) });
-}
-
-export {
-  DatePickerDayView
-};
-//# sourceMappingURL=chunk-KEGLWDD6.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/day-view.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  DatePicker,\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DayView component.\n * @module 'date-picker/day-view'\n */\n\nexport type DateValue = DatePicker.DateValue\n\n/**\n * An abstraction of the DatePickerDayView that renders the day view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>) {\n  function isToday(date: DateValue): boolean {\n    const today = new Date()\n    const formatted = today.toISOString().split('T')[0]\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return formatted === arkDate\n  }\n\n  function isPastDay(date: DateValue): boolean {\n    const today = new Date()\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return new Date(arkDate) < today\n  }\n\n  function getDayValue(date: DateValue): 'today' | 'past' | 'future' {\n    if (isToday(date)) return 'today'\n    if (isPastDay(date)) return 'past'\n    return 'future'\n  }\n\n  return (\n    <DatePickerParts.View {...props} view=\"day\">\n      <DatePickerParts.Context>\n        {(datePickerData: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableHead>\n                <DatePickerParts.TableRow>\n                  {datePickerData.weekDays.map((weekDay, id) => (\n                    <DatePickerParts.TableHeader key={id}>\n                      {weekDay.narrow}\n                    </DatePickerParts.TableHeader>\n                  ))}\n                </DatePickerParts.TableRow>\n              </DatePickerParts.TableHead>\n\n              <DatePickerParts.TableBody>\n                {datePickerData.weeks.map((week, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {week.map((day, id) => (\n                      <DatePickerParts.TableCell key={id} value={day}>\n                        <DatePickerParts.TableCellTrigger\n                          data-date={getDayValue(day)}\n                        >\n                          {day.day}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":";;;;;;;;AA8CU,mBACE,KAEA,YAHF;AAxBH,SAAS,kBAAkB,OAA0C;AAC1E,WAAS,QAAQ,MAA0B;AACzC,UAAM,QAAQ,oBAAI,KAAK;AACvB,UAAM,YAAY,MAAM,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC;AAClD,UAAM,UAAU,GAAG,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,KAAK,GAAG,EAAE,SAAS,GAAG,GAAG,CAAC;AACxG,WAAO,cAAc;AAAA,EACvB;AAEA,WAAS,UAAU,MAA0B;AAC3C,UAAM,QAAQ,oBAAI,KAAK;AACvB,UAAM,UAAU,GAAG,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,KAAK,GAAG,EAAE,SAAS,GAAG,GAAG,CAAC;AACxG,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B;AAEA,WAAS,YAAY,MAA8C;AACjE,QAAI,QAAQ,IAAI,EAAG,QAAO;AAC1B,QAAI,UAAU,IAAI,EAAG,QAAO;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,OACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,mBACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,qBAAC,gBAAgB,OAAhB,EACC;AAAA,0BAAC,gBAAgB,WAAhB,EACC,8BAAC,gBAAgB,UAAhB,EACE,yBAAe,SAAS,IAAI,CAAC,SAAS,OACrC,oBAAC,gBAAgB,aAAhB,EACE,kBAAQ,UADuB,EAElC,CACD,GACH,GACF;AAAA,MAEA,oBAAC,gBAAgB,WAAhB,EACE,yBAAe,MAAM,IAAI,CAAC,MAAM,OAC/B,oBAAC,gBAAgB,UAAhB,EACE,eAAK,IAAI,CAAC,KAAKA,QACd,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,KACzC;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAW,YAAY,GAAG;AAAA,UAEzB,cAAI;AAAA;AAAA,MACP,KAL8BA,GAMhC,CACD,KAT4B,EAU/B,CACD,GACH;AAAA,OACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/chunk-KV4NRGKW.js

@@ -1,51 +0,0 @@
-// src/components/fieldset/primitives.tsx
-import {
-  Fieldset
-} from "@ark-ui/react/fieldset";
-import { cx } from "styled-system/css";
-import { fieldset } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function FieldsetRoot(props) {
-  const styles = fieldset();
-  return /* @__PURE__ */ jsx(Fieldset.Root, { ...props, className: cx(styles.root, props.className) });
-}
-function FieldsetLegend(props) {
-  const { usage, ...legendProps } = props;
-  const styles = fieldset({ usage });
-  return /* @__PURE__ */ jsx(
-    Fieldset.Legend,
-    {
-      ...legendProps,
-      className: cx(styles.legend, legendProps.className)
-    }
-  );
-}
-function FieldsetHelperText(props) {
-  const { usage, ...helperTextProps } = props;
-  const styles = fieldset({ usage });
-  return /* @__PURE__ */ jsx(
-    Fieldset.HelperText,
-    {
-      ...helperTextProps,
-      className: cx(styles.helperText, helperTextProps.className)
-    }
-  );
-}
-function FieldsetErrorText(props) {
-  const styles = fieldset();
-  return /* @__PURE__ */ jsx(
-    Fieldset.ErrorText,
-    {
-      ...props,
-      className: cx(styles.errorText, props.className)
-    }
-  );
-}
-
-export {
-  FieldsetRoot,
-  FieldsetLegend,
-  FieldsetHelperText,
-  FieldsetErrorText
-};
-//# sourceMappingURL=chunk-KV4NRGKW.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/fieldset/primitives.tsx"],"sourcesContent":["import {\n  Fieldset,\n  type FieldsetHelperTextProps,\n  type FieldsetLegendProps,\n  type FieldsetRootProps,\n} from '@ark-ui/react/fieldset'\nimport { cx } from 'styled-system/css'\nimport { fieldset, type FieldsetVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains all the primitives of the Fieldset component.\n * @module 'react/fieldset'\n */\n\n/**\n * The context & container for the Fieldset components.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function FieldsetRoot(props: FieldsetRootProps) {\n  const styles = fieldset()\n  return (\n    <Fieldset.Root {...props} className={cx(styles.root, props.className)} />\n  )\n}\n\n/**\n * The legend element for the Fieldset group.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function FieldsetLegend(\n  props: FieldsetLegendProps & FieldsetVariantProps,\n) {\n  const { usage, ...legendProps } = props\n  const styles = fieldset({ usage })\n  return (\n    <Fieldset.Legend\n      {...legendProps}\n      className={cx(styles.legend, legendProps.className)}\n    />\n  )\n}\n\n/**\n * The description element for the Fieldset group.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function FieldsetHelperText(\n  props: FieldsetHelperTextProps & FieldsetVariantProps,\n) {\n  const { usage, ...helperTextProps } = props\n  const styles = fieldset({ usage })\n  return (\n    <Fieldset.HelperText\n      {...helperTextProps}\n      className={cx(styles.helperText, helperTextProps.className)}\n    />\n  )\n}\n\n/**\n * The error text element for the Fieldset group.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function FieldsetErrorText(props: FieldsetHelperTextProps) {\n  const styles = fieldset()\n  return (\n    <Fieldset.ErrorText\n      {...props}\n      className={cx(styles.errorText, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,gBAA2C;AAehD;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,SAAS,SAAS;AACxB,SACE,oBAAC,SAAS,MAAT,EAAe,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAE3E;AAOO,SAAS,eACd,OACA;AACA,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,QAAM,SAAS,SAAS,EAAE,MAAM,CAAC;AACjC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,QAAQ,YAAY,SAAS;AAAA;AAAA,EACpD;AAEJ;AAOO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,OAAO,GAAG,gBAAgB,IAAI;AACtC,QAAM,SAAS,SAAS,EAAE,MAAM,CAAC;AACjC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,YAAY,gBAAgB,SAAS;AAAA;AAAA,EAC5D;AAEJ;AAOO,SAAS,kBAAkB,OAAgC;AAChE,QAAM,SAAS,SAAS;AACxB,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;","names":[]}

package/build/modern/chunk-L2EGF5AV.js

@@ -1,33 +0,0 @@
-// src/components/Tooltip.tsx
-import {
-  Tooltip as ArkTooltip
-} from "@ark-ui/react/tooltip";
-import { cx } from "styled-system/css";
-import { tooltip } from "styled-system/recipes";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Tooltip(props) {
-  const { content, children, asChild, ...nativeProps } = props;
-  const styles = tooltip();
-  const position = {
-    placement: props.position || "top"
-  };
-  return /* @__PURE__ */ jsxs(ArkTooltip.Root, { openDelay: 400, positioning: position, children: [
-    /* @__PURE__ */ jsx(ArkTooltip.Trigger, { className: styles.trigger, asChild, children }),
-    /* @__PURE__ */ jsx(ArkTooltip.Positioner, { children: /* @__PURE__ */ jsxs(
-      ArkTooltip.Content,
-      {
-        ...nativeProps,
-        className: cx(nativeProps.className, styles.content),
-        children: [
-          /* @__PURE__ */ jsx(ArkTooltip.Arrow, { className: styles.arrow, children: /* @__PURE__ */ jsx(ArkTooltip.ArrowTip, { className: styles.arrowTip }) }),
-          content
-        ]
-      }
-    ) })
-  ] });
-}
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-L2EGF5AV.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import {\n  Tooltip as ArkTooltip,\n  type TooltipContentProps,\n} from '@ark-ui/react/tooltip'\nimport { cx } from 'styled-system/css'\nimport { tooltip } from 'styled-system/recipes'\nimport type { ReactNode } from 'react'\n\n/**\n * This module contains the Tooltip component.\n * @module Tooltip\n */\n\nexport interface TooltipProps {\n  /**\n   * The text content to display in the tooltip.\n   */\n  content: ReactNode\n  /**\n   * The position of the tooltip relative to the trigger element.\n   */\n  position?: 'top' | 'right' | 'bottom' | 'left'\n}\n\n/**\n * The Tooltip component is used to provide additional information about an element when it is hovered over.\n * @definition [Tooltip docs](https://cerberus.digitalu.design/react/tooltip)\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Information />\n * </Tooltip>\n */\nexport function Tooltip(props: TooltipProps & TooltipContentProps) {\n  const { content, children, asChild, ...nativeProps } = props\n  const styles = tooltip()\n  const position = {\n    placement: props.position || 'top',\n  }\n\n  return (\n    <ArkTooltip.Root openDelay={400} positioning={position}>\n      <ArkTooltip.Trigger className={styles.trigger} asChild={asChild}>\n        {children}\n      </ArkTooltip.Trigger>\n\n      <ArkTooltip.Positioner>\n        <ArkTooltip.Content\n          {...nativeProps}\n          className={cx(nativeProps.className, styles.content)}\n        >\n          <ArkTooltip.Arrow className={styles.arrow}>\n            <ArkTooltip.ArrowTip className={styles.arrowTip} />\n          </ArkTooltip.Arrow>\n\n          {content}\n        </ArkTooltip.Content>\n      </ArkTooltip.Positioner>\n    </ArkTooltip.Root>\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE,WAAW;AAAA,OAEN;AACP,SAAS,UAAU;AACnB,SAAS,eAAe;AAqClB,cAKE,YALF;AATC,SAAS,QAAQ,OAA2C;AACjE,QAAM,EAAE,SAAS,UAAU,SAAS,GAAG,YAAY,IAAI;AACvD,QAAM,SAAS,QAAQ;AACvB,QAAM,WAAW;AAAA,IACf,WAAW,MAAM,YAAY;AAAA,EAC/B;AAEA,SACE,qBAAC,WAAW,MAAX,EAAgB,WAAW,KAAK,aAAa,UAC5C;AAAA,wBAAC,WAAW,SAAX,EAAmB,WAAW,OAAO,SAAS,SAC5C,UACH;AAAA,IAEA,oBAAC,WAAW,YAAX,EACC;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,GAAG,YAAY,WAAW,OAAO,OAAO;AAAA,QAEnD;AAAA,8BAAC,WAAW,OAAX,EAAiB,WAAW,OAAO,OAClC,8BAAC,WAAW,UAAX,EAAoB,WAAW,OAAO,UAAU,GACnD;AAAA,UAEC;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-L5FYGWAZ.js

@@ -1,49 +0,0 @@
-// src/components/tabs/primitives.tsx
-import {
-  Tabs
-} from "@ark-ui/react/tabs";
-import { cx } from "styled-system/css";
-import { tabs } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function TabsRoot(props) {
-  const { palette, ...rootProps } = props;
-  const styles = tabs({ palette });
-  return /* @__PURE__ */ jsx(
-    Tabs.Root,
-    {
-      ...rootProps,
-      className: cx(styles.root, rootProps.className)
-    }
-  );
-}
-function TabsList(props) {
-  const styles = tabs();
-  return /* @__PURE__ */ jsx(Tabs.List, { ...props, className: cx(styles.list, props.className) });
-}
-function TabsTrigger(props) {
-  const styles = tabs();
-  return /* @__PURE__ */ jsx(Tabs.Trigger, { ...props, className: cx(styles.trigger, props.className) });
-}
-function TabsContent(props) {
-  const styles = tabs();
-  return /* @__PURE__ */ jsx(Tabs.Content, { ...props, className: cx(styles.content, props.className) });
-}
-function TabsIndicator(props) {
-  const styles = tabs();
-  return /* @__PURE__ */ jsx(
-    Tabs.Indicator,
-    {
-      ...props,
-      className: cx(styles.indicator, props.className)
-    }
-  );
-}
-
-export {
-  TabsRoot,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  TabsIndicator
-};
-//# sourceMappingURL=chunk-L5FYGWAZ.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/tabs/primitives.tsx"],"sourcesContent":["import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from 'styled-system/css'\nimport { tabs, type TabsVariantProps } from 'styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,UAAU;AACnB,SAAS,YAAmC;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,SAAS,KAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,SAAS,KAAK;AACpB,SAAO,oBAAC,KAAK,MAAL,EAAW,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,SAAS,KAAK;AACpB,SACE,oBAAC,KAAK,SAAL,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,SAAS,KAAK;AACpB,SACE,oBAAC,KAAK,SAAL,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,SAAS,KAAK;AACpB,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;","names":[]}

package/build/modern/chunk-LUGOJGMO.js

@@ -1,82 +0,0 @@
-// src/components/dialog/primitives.tsx
-import {
-  Dialog
-} from "@ark-ui/react/dialog";
-import { css, cx } from "styled-system/css";
-import { dialog } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function DialogRoot(props) {
-  return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
-}
-function DialogTrigger(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Trigger,
-    {
-      ...props,
-      className: cx(styles.trigger, props.className)
-    }
-  );
-}
-function DialogBackdrop(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Backdrop,
-    {
-      ...props,
-      className: cx(styles.backdrop, props.className)
-    }
-  );
-}
-function DialogPositioner(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Positioner,
-    {
-      ...props,
-      className: cx(styles.positioner, props.className)
-    }
-  );
-}
-function DialogContent(props) {
-  const { size, css: customStyles, ...contentProps } = props;
-  const styles = dialog({ size });
-  return /* @__PURE__ */ jsx(
-    Dialog.Content,
-    {
-      ...contentProps,
-      className: cx(styles.content, css(customStyles), contentProps.className)
-    }
-  );
-}
-function DialogHeading(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(Dialog.Title, { ...props, className: cx(styles.title, props.className) });
-}
-function DialogDescription(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Description,
-    {
-      ...props,
-      className: cx(styles.description, props.className)
-    }
-  );
-}
-function DialogCloseTrigger(props) {
-  return /* @__PURE__ */ jsx(Dialog.CloseTrigger, { ...props });
-}
-var DialogProvider = DialogRoot;
-
-export {
-  DialogRoot,
-  DialogTrigger,
-  DialogBackdrop,
-  DialogPositioner,
-  DialogContent,
-  DialogHeading,
-  DialogDescription,
-  DialogCloseTrigger,
-  DialogProvider
-};
-//# sourceMappingURL=chunk-LUGOJGMO.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/dialog/primitives.tsx"],"sourcesContent":["import {\n  Dialog,\n  type DialogBackdropProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogPositionerProps,\n  type DialogRootProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n} from '@ark-ui/react/dialog'\nimport { css, cx } from 'styled-system/css'\nimport { dialog, type DialogVariantProps } from 'styled-system/recipes'\nimport type { WithCss } from '../../types'\n\n/**\n * This module contains the primitives of the Dialog component.\n * @module 'dialog/primitives'\n */\n\n/**\n * The provider that controls the dialog components.\n */\nexport function DialogRoot(props: DialogRootProps) {\n  return <Dialog.Root {...props} />\n}\n\n/**\n * The trigger that opens the dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The overlay of the dialog.\n */\nexport function DialogBackdrop(props: DialogBackdropProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={cx(styles.backdrop, props.className)}\n    />\n  )\n}\n\n/**\n * The container that positions the dialog.\n */\nexport function DialogPositioner(props: DialogPositionerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The visible content of the dialog.\n */\nexport function DialogContent(\n  props: DialogContentProps & DialogVariantProps & WithCss,\n) {\n  const { size, css: customStyles, ...contentProps } = props\n  const styles = dialog({ size })\n  return (\n    <Dialog.Content\n      {...contentProps}\n      className={cx(styles.content, css(customStyles), contentProps.className)}\n    />\n  )\n}\n\n/**\n * The heading of the dialog.\n */\nexport function DialogHeading(props: DialogTitleProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the dialog.\n */\nexport function DialogDescription(props: DialogDescriptionProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger that closes the dialog.\n */\nexport function DialogCloseTrigger(props: DialogTriggerProps) {\n  return <Dialog.CloseTrigger {...props} />\n}\n\n/**\n * The provider that controls the dialog components. This is a named export of\n * the DialogRoot primitive.\n */\nexport const DialogProvider = DialogRoot\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAQK;AACP,SAAS,KAAK,UAAU;AACxB,SAAS,cAAuC;AAYvC;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,oBAAC,OAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,YAAY,MAAM,SAAS;AAAA;AAAA,EAClD;AAEJ;AAKO,SAAS,cACd,OACA;AACA,QAAM,EAAE,MAAM,KAAK,cAAc,GAAG,aAAa,IAAI;AACrD,QAAM,SAAS,OAAO,EAAE,KAAK,CAAC;AAC9B,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,IAAI,YAAY,GAAG,aAAa,SAAS;AAAA;AAAA,EACzE;AAEJ;AAKO,SAAS,cAAc,OAAyB;AACrD,QAAM,SAAS,OAAO;AACtB,SACE,oBAAC,OAAO,OAAP,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,mBAAmB,OAA2B;AAC5D,SAAO,oBAAC,OAAO,cAAP,EAAqB,GAAG,OAAO;AACzC;AAMO,IAAM,iBAAiB;","names":[]}