@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-67LNVBFO.js

@@ -1,72 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-MQ277OLB.js";
-import {
-  default as default2
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-RIZRF5XR.js";
-import {
-  Text
-} from "./chunk-MKLIMY3D.js";
-
-// src/components/data-display/DataViews/DeleteViewDialog.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function DeleteViewDialog({
-  view,
-  onClose,
-  onConfirm,
-  /** What this table holds, for the "your records are safe" line. */
-  entityLabel = "Os registros",
-  testIdPrefix = "view"
-}) {
-  const copy = useDataViewsCopy();
-  if (!view) return null;
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open: true,
-      onClose,
-      title: copy.deleteView.title,
-      size: "sm",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-delete-modal`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default2, { spacing: 1.5, children: [
-        /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", "data-testid": `${testIdPrefix}-delete-target`, children: copy.deleteView.target(view.name) }),
-        view.shared && /* @__PURE__ */ jsx(Text, { variant: "body", color: "warning", as: "p", "data-testid": `${testIdPrefix}-delete-shared`, children: copy.deleteView.sharedWarning }),
-        /* @__PURE__ */ jsx(Text, { variant: "body", color: "secondary", as: "p", children: copy.deleteView.rowsUnaffected(entityLabel) }),
-        /* @__PURE__ */ jsxs(default2, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end", pt: 0.5 }, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              color: "neutral",
-              onClick: onClose,
-              dataTestId: `${testIdPrefix}-delete-cancel`,
-              children: copy.deleteView.cancel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              color: "danger",
-              onClick: () => onConfirm(view),
-              dataTestId: `${testIdPrefix}-delete-confirm`,
-              children: copy.deleteView.confirm
-            }
-          )
-        ] })
-      ] }) })
-    }
-  );
-}
-
-export {
-  DeleteViewDialog
-};
-//# sourceMappingURL=chunk-67LNVBFO.js.map

package/dist/chunk-6H73SHHN.js

@@ -1,241 +0,0 @@
-import {
-  fieldHeight
-} from "./chunk-2TZ6X265.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/layout/ContentToolbar/SavedViewsMenu.tsx
-import CheckIcon from "@mui/icons-material/Check";
-import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import KebabIcon from "@mui/icons-material/MoreVert";
-import ViewIcon from "@mui/icons-material/Visibility";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var RECENT_LIMIT = 5;
-function DefaultTag({ label, testId }) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "span",
-      "data-testid": testId,
-      sx: { px: 0.75, py: 0.125, borderRadius: 1, fontSize: sxRem(11.2), bgcolor: "primary.main", color: "primary.contrastText" },
-      children: label
-    }
-  );
-}
-function buildActions(view, handlers, labels) {
-  const actions = [{ id: "apply", label: labels.apply, run: () => handlers.apply(view) }];
-  if (!view.isOwner) return actions;
-  if (!view.isDefault) {
-    actions.push({ id: "default", label: labels.setDefault, run: () => handlers.onSetDefault(view) });
-  }
-  actions.push({ id: "pin", label: view.pinned ? labels.unpin : labels.pin, run: () => handlers.onTogglePin(view) });
-  actions.push({ id: "share", label: view.shared ? labels.unshare : labels.share, run: () => handlers.onToggleShare(view) });
-  actions.push({ id: "edit", label: labels.edit, run: () => handlers.onEdit(view) });
-  actions.push({ id: "delete", label: labels.remove, danger: true, run: () => handlers.onDelete(view) });
-  return actions;
-}
-function ViewKebab({
-  view,
-  handlers,
-  labels,
-  testIdPrefix
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const close = () => setAnchorEl(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "aria-label": `${labels.apply} ${view.name}`,
-        "data-testid": `${testIdPrefix}-kebab-${view.id}`,
-        onClick: (event) => setAnchorEl(event.currentTarget),
-        sx: { width: sxRem(28), height: sxRem(28), color: "text.secondary" },
-        children: /* @__PURE__ */ jsx(KebabIcon, { sx: { fontSize: sxRem(16) } })
-      }
-    ),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open: Boolean(anchorEl), onClose: close, children: buildActions(view, handlers, labels).map((action) => /* @__PURE__ */ jsx(
-      MenuItem,
-      {
-        "data-testid": `${testIdPrefix}-item-${action.id}-${view.id}`,
-        onClick: () => {
-          action.run();
-          close();
-        },
-        sx: action.danger ? { color: "error.main" } : void 0,
-        children: action.label
-      },
-      action.id
-    )) })
-  ] });
-}
-function ViewRow({
-  view,
-  handlers,
-  labels,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, "data-testid": `${testIdPrefix}-row-${view.id}`, children: [
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        onClick: () => handlers.apply(view),
-        sx: { flex: 1, minWidth: 0, cursor: "pointer", display: "flex", alignItems: "center", gap: 0.75 },
-        "data-testid": `${testIdPrefix}-apply-${view.id}`,
-        children: [
-          /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: sxRem(14) }, children: view.name }),
-          view.isDefault && /* @__PURE__ */ jsx(DefaultTag, { label: labels.defaultTag, testId: `${testIdPrefix}-default-${view.id}` })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(ViewKebab, { view, handlers, labels, testIdPrefix })
-  ] });
-}
-function ViewSection({
-  title,
-  list,
-  sectionKey,
-  handlers,
-  labels,
-  testIdPrefix
-}) {
-  if (list.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-section-${sectionKey}`, children: [
-    /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: sxRem(12), fontWeight: 600, color: "text.secondary" }, children: title }),
-    /* @__PURE__ */ jsx(Stack, { spacing: 0.5, sx: { mt: 0.5 }, children: list.map((view) => /* @__PURE__ */ jsx(ViewRow, { view, handlers, labels, testIdPrefix }, view.id)) })
-  ] });
-}
-function FooterButton({
-  label,
-  testId,
-  onClick
-}) {
-  return /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", color: "inherit", onClick, "data-testid": testId, sx: { textTransform: "none" }, children: label });
-}
-function PopoverBody({
-  views,
-  pinned,
-  recent,
-  activeViewName,
-  labels,
-  handlers,
-  onSelectMain,
-  onSaveCurrent,
-  onManageAll,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 1.5, sx: { p: 1.5, width: sxRem(300) }, "data-testid": `${testIdPrefix}-popover`, children: [
-    /* @__PURE__ */ jsxs(MenuItem, { "data-testid": `${testIdPrefix}-main`, selected: !activeViewName, onClick: onSelectMain, sx: { borderRadius: 1, px: 1, gap: 1 }, children: [
-      /* @__PURE__ */ jsx(Box, { component: "span", sx: { flex: 1, minWidth: 0, fontSize: sxRem(14) }, children: labels.mainView }),
-      !activeViewName && /* @__PURE__ */ jsx(CheckIcon, { sx: { fontSize: sxRem(16), color: "primary.main" } })
-    ] }),
-    views.length === 0 ? /* @__PURE__ */ jsx(Typography, { sx: { fontSize: sxRem(12), color: "text.secondary" }, children: labels.empty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ViewSection, { title: labels.pinned, list: pinned, sectionKey: "pinned", handlers, labels, testIdPrefix }),
-      /* @__PURE__ */ jsx(ViewSection, { title: labels.recent, list: recent, sectionKey: "recent", handlers, labels, testIdPrefix })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { sx: { borderTop: 1, borderColor: "divider", pt: 1 }, children: /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: { alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ jsx(FooterButton, { label: labels.saveCurrent, testId: `${testIdPrefix}-save-current`, onClick: onSaveCurrent }),
-      /* @__PURE__ */ jsx(FooterButton, { label: labels.manageAll, testId: `${testIdPrefix}-manage-all`, onClick: onManageAll })
-    ] }) })
-  ] });
-}
-function SavedViewsMenu({
-  views,
-  activeViewName,
-  onApply,
-  onSelectMain,
-  onSaveCurrent,
-  onEdit,
-  onDelete,
-  onSetDefault,
-  onTogglePin,
-  onToggleShare,
-  onManageAll,
-  labels: labelOverrides,
-  testIdPrefix = "views"
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const close = () => setAnchorEl(null);
-  const runAndClose = (action) => () => {
-    action();
-    close();
-  };
-  const labels = labelOverrides;
-  const pinned = views.filter((view) => view.pinned);
-  const recent = views.filter((view) => !view.pinned).slice(0, RECENT_LIMIT);
-  const handlers = {
-    apply: (view) => {
-      onApply(view);
-      close();
-    },
-    onEdit,
-    onDelete,
-    onSetDefault,
-    onTogglePin,
-    onToggleShare
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "text",
-        size: "small",
-        color: "inherit",
-        onClick: (event) => setAnchorEl(event.currentTarget),
-        "data-testid": `${testIdPrefix}-button`,
-        "aria-haspopup": "menu",
-        "aria-expanded": Boolean(anchorEl),
-        "aria-label": activeViewName ?? labels.mainView,
-        sx: { minWidth: 0, height: fieldHeight, px: 1, gap: 0.5, borderRadius: fieldRadiusPx, color: "text.primary", textTransform: "none", fontWeight: 600 },
-        children: [
-          /* @__PURE__ */ jsx(ViewIcon, { sx: { fontSize: sxRem(18), display: { xs: "inline-flex", md: "none" } } }),
-          /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: { xs: "none", md: "inline" } }, children: activeViewName ?? labels.mainView }),
-          /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: sxRem(14) } })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchorEl),
-        anchorEl,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        children: /* @__PURE__ */ jsx(
-          PopoverBody,
-          {
-            views,
-            pinned,
-            recent,
-            activeViewName,
-            labels,
-            handlers,
-            onSelectMain: runAndClose(onSelectMain),
-            onSaveCurrent: runAndClose(onSaveCurrent),
-            onManageAll: runAndClose(onManageAll),
-            testIdPrefix
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  SavedViewsMenu
-};
-//# sourceMappingURL=chunk-6H73SHHN.js.map

package/dist/chunk-6J54X3ES.js

@@ -1,197 +0,0 @@
-import {
-  paginationStyles
-} from "./chunk-BWMHGENX.js";
-import {
-  ItemsPerPageSelect,
-  PageInfo
-} from "./chunk-GFTZLQ2B.js";
-import {
-  makeTestId,
-  muiSizeFor,
-  resolvePaginationProps
-} from "./chunk-Z6TIAVEG.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/Pagination/Pagination.tsx
-import FirstPage from "@mui/icons-material/FirstPage";
-import LastPage from "@mui/icons-material/LastPage";
-import NavigateBefore from "@mui/icons-material/NavigateBefore";
-import NavigateNext from "@mui/icons-material/NavigateNext";
-import Box from "@mui/material/Box/index.js";
-import MuiPagination from "@mui/material/Pagination/index.js";
-import PaginationItem from "@mui/material/PaginationItem/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledPagination = styled(MuiPagination, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize"].includes(prop)
-})(({ theme, customVariant, customSize }) => ({
-  ...paginationStyles({ theme, customVariant, customSize })
-}));
-var PaginationContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  flexWrap: "wrap",
-  gap: theme.spacing(1)
-}));
-var ITEM_TEST_SUFFIX = {
-  first: "first",
-  last: "last",
-  previous: "prev",
-  next: "next"
-};
-var paginationItemTestId = (base, item) => {
-  const prefix = base ?? "pagination";
-  if (item.type === "page") return `${prefix}-page-${item.page}`;
-  const suffix = ITEM_TEST_SUFFIX[item.type];
-  return suffix ? `${prefix}-${suffix}` : void 0;
-};
-var renderPaginationItem = ({
-  item,
-  variant,
-  size: _size,
-  dataTestId,
-  icons
-}) => {
-  const { firstIcon, lastIcon, previousIcon, nextIcon } = icons;
-  const itemTestId = paginationItemTestId(dataTestId, item);
-  if (variant === "dots") {
-    if (item.type === "page") {
-      return /* @__PURE__ */ jsx(
-        PaginationItem,
-        {
-          ...item,
-          "data-testid": itemTestId,
-          sx: {
-            "&.MuiPaginationItem-page": {
-              fontSize: 0,
-              overflow: "hidden",
-              textIndent: sxRem(-9999)
-            }
-          }
-        }
-      );
-    }
-    return null;
-  }
-  const iconMap = {
-    first: firstIcon,
-    last: lastIcon,
-    previous: previousIcon,
-    next: nextIcon
-  };
-  return /* @__PURE__ */ jsx(
-    PaginationItem,
-    {
-      ...item,
-      "data-testid": itemTestId,
-      components: {
-        first: () => iconMap.first || /* @__PURE__ */ jsx(FirstPage, {}),
-        last: () => iconMap.last || /* @__PURE__ */ jsx(LastPage, {}),
-        previous: () => iconMap.previous || /* @__PURE__ */ jsx(NavigateBefore, {}),
-        next: () => iconMap.next || /* @__PURE__ */ jsx(NavigateNext, {})
-      }
-    }
-  );
-};
-var PaginationControl = ({ innerRef, renderItem, rest, ...p }) => {
-  const isDots = p.variant === "dots";
-  return /* @__PURE__ */ jsx(
-    StyledPagination,
-    {
-      ref: innerRef,
-      page: p.page,
-      count: p.count,
-      onChange: p.onChange,
-      customVariant: p.variant,
-      customSize: p.size,
-      variant: "outlined",
-      size: muiSizeFor(p.size),
-      boundaryCount: isDots ? 0 : p.boundaryCount,
-      siblingCount: isDots ? 0 : p.siblingCount,
-      hideNextButton: p.hideNextButton || isDots,
-      hidePrevButton: p.hidePrevButton || isDots,
-      showFirstButton: p.showFirstButton && !isDots,
-      showLastButton: p.showLastButton && !isDots,
-      disabled: p.disabled,
-      color: p.color === void 0 ? void 0 : p.color === "neutral" ? "standard" : p.color,
-      renderItem,
-      ...rest
-    }
-  );
-};
-var Pagination = React.forwardRef(
-  (componentProps, ref) => {
-    const resolved = resolvePaginationProps(componentProps);
-    const {
-      pageSizeLabel,
-      variant,
-      size,
-      page,
-      count,
-      onChange: _onChange,
-      boundaryCount: _boundaryCount,
-      siblingCount: _siblingCount,
-      hideNextButton: _hideNextButton,
-      hidePrevButton: _hidePrevButton,
-      showFirstButton: _showFirstButton,
-      showLastButton: _showLastButton,
-      firstIcon,
-      lastIcon,
-      previousIcon,
-      nextIcon,
-      disabled,
-      color: _color,
-      showPageInfo,
-      pageInfoFormat,
-      showItemsPerPage,
-      itemsPerPageOptions,
-      itemsPerPage,
-      onItemsPerPageChange,
-      className,
-      dataTestId,
-      ...props
-    } = resolved;
-    const testId = makeTestId(dataTestId);
-    const renderItem = (item) => renderPaginationItem({
-      item,
-      variant,
-      size,
-      dataTestId,
-      icons: { firstIcon, lastIcon, previousIcon, nextIcon }
-    });
-    return /* @__PURE__ */ jsxs(PaginationContainer, { className, "data-testid": dataTestId || "pagination", children: [
-      showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsx(
-        ItemsPerPageSelect,
-        {
-          pageSizeLabel,
-          value: itemsPerPage,
-          options: itemsPerPageOptions,
-          size,
-          disabled,
-          testId: testId("items-per-page"),
-          onChange: onItemsPerPageChange
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PaginationControl,
-        {
-          ...resolved,
-          innerRef: ref,
-          renderItem,
-          rest: props
-        }
-      ),
-      showPageInfo && /* @__PURE__ */ jsx(PageInfo, { size, testId: testId("info"), children: pageInfoFormat(page, count) })
-    ] });
-  }
-);
-Pagination.displayName = "Pagination";
-
-export {
-  Pagination
-};
-//# sourceMappingURL=chunk-6J54X3ES.js.map

package/dist/chunk-6JAIFIPW.js

@@ -1,111 +0,0 @@
-// src/tokens/color.ts
-var FORMATS = ["rgb", "rgba", "hsl", "hsla"];
-var clamp = (value, min = 0, max = 1) => Math.min(Math.max(min, value), max);
-function hexToRgb(color) {
-  const hex = color.slice(1);
-  const pair = new RegExp(`.{1,${hex.length >= 6 ? 2 : 1}}`, "g");
-  let channels = hex.match(pair);
-  if (channels && channels[0]?.length === 1) {
-    channels = channels.map((channel) => channel + channel);
-  }
-  if (!channels) return "";
-  const parts = channels.map(
-    (channel, index) => index < 3 ? parseInt(channel, 16) : Math.round(parseInt(channel, 16) / 255 * 1e3) / 1e3
-  );
-  return `rgb${channels.length === 4 ? "a" : ""}(${parts.join(", ")})`;
-}
-function decomposeColor(color) {
-  if (color.charAt(0) === "#") {
-    return decomposeColor(hexToRgb(color));
-  }
-  const marker = color.indexOf("(");
-  const type = color.substring(0, marker);
-  if (!FORMATS.includes(type)) {
-    throw new Error(
-      `@12-apps/ui: unsupported colour "${color}". Use #nnn, #nnnnnn, rgb(), rgba(), hsl() or hsla().`
-    );
-  }
-  const values = color.substring(marker + 1, color.length - 1).split(",").map((value) => parseFloat(value));
-  return { type, values };
-}
-function recomposeColor({ type, values }) {
-  const parts = type.startsWith("rgb") ? values.map((value, index) => index < 3 ? Math.trunc(value) : value) : [values[0] ?? 0, `${values[1] ?? 0}%`, `${values[2] ?? 0}%`, ...values.slice(3)];
-  return `${type}(${parts.join(", ")})`;
-}
-function hslToRgb(color) {
-  const { type, values } = decomposeColor(color);
-  const h = values[0] ?? 0;
-  const s = (values[1] ?? 0) / 100;
-  const l = (values[2] ?? 0) / 100;
-  const a = s * Math.min(l, 1 - l);
-  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
-  if (type === "hsla") {
-    return recomposeColor({ type: "rgba", values: [...rgb, values[3] ?? 1] });
-  }
-  return recomposeColor({ type: "rgb", values: rgb });
-}
-function getLuminance(color) {
-  const decomposed = decomposeColor(color);
-  const channels = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(color)).values : decomposed.values;
-  const [r, g, b] = channels.slice(0, 3).map((value) => {
-    const c = value / 255;
-    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
-  });
-  return Number((0.2126 * (r ?? 0) + 0.7152 * (g ?? 0) + 0.0722 * (b ?? 0)).toFixed(3));
-}
-function getContrastRatio(foreground, background) {
-  const lumA = getLuminance(foreground);
-  const lumB = getLuminance(background);
-  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
-}
-function alpha(color, value) {
-  const decomposed = decomposeColor(color);
-  const type = decomposed.type.endsWith("a") ? decomposed.type : `${decomposed.type}a`;
-  const values = decomposed.values.slice(0, 3);
-  values[3] = clamp(value);
-  return recomposeColor({ type, values });
-}
-function darken(color, coefficient) {
-  const decomposed = decomposeColor(color);
-  const amount = clamp(coefficient);
-  const values = [...decomposed.values];
-  if (decomposed.type.startsWith("hsl")) {
-    values[2] = (values[2] ?? 0) * (1 - amount);
-  } else {
-    for (let index = 0; index < 3; index += 1) {
-      values[index] = (values[index] ?? 0) * (1 - amount);
-    }
-  }
-  return recomposeColor({ type: decomposed.type, values });
-}
-function lighten(color, coefficient) {
-  const decomposed = decomposeColor(color);
-  const amount = clamp(coefficient);
-  const values = [...decomposed.values];
-  if (decomposed.type.startsWith("hsl")) {
-    values[2] = (values[2] ?? 0) + (100 - (values[2] ?? 0)) * amount;
-  } else {
-    for (let index = 0; index < 3; index += 1) {
-      values[index] = (values[index] ?? 0) + (255 - (values[index] ?? 0)) * amount;
-    }
-  }
-  return recomposeColor({ type: decomposed.type, values });
-}
-function emphasize(color, coefficient = 0.15) {
-  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
-}
-
-export {
-  hexToRgb,
-  decomposeColor,
-  recomposeColor,
-  hslToRgb,
-  getLuminance,
-  getContrastRatio,
-  alpha,
-  darken,
-  lighten,
-  emphasize
-};
-//# sourceMappingURL=chunk-6JAIFIPW.js.map

package/dist/chunk-6JAIFIPW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/color.ts"],"sourcesContent":["/**\n * COLOUR ARITHMETIC WITH NO RENDERER BEHIND IT.\n *\n * Every shade the web components paint comes out of MUI's colour manipulator:\n * `lighten(main, 0.2)` is a palette's `light`, `darken(main, 0.3)` its `dark`,\n * `alpha(main, 0.1)` the hover wash on an outline button. A native component\n * that wants the SAME pixel has to run the SAME arithmetic, and it cannot\n * import it — `@mui/material/styles` drags emotion and the DOM in behind it.\n *\n * So the arithmetic lives here, once, with nothing behind it. It is a faithful\n * port of `@mui/system/colorManipulator` (MIT), down to the truncation:\n * `lighten('#6366F1', 0.2)` is `rgb(130, 132, 243)` on both sides because both\n * TRUNCATE 132.6 rather than round it. A port that rounded would be one pixel\n * of tint away from the web on every button, forever, and nothing would flag it.\n *\n * `color()` space strings are deliberately unsupported: nothing in this package\n * emits one, and a smaller surface is a smaller thing to keep identical.\n */\n\nexport type ColorFormat = 'rgb' | 'rgba' | 'hsl' | 'hsla';\n\nexport interface DecomposedColor {\n  type: ColorFormat;\n  values: number[];\n}\n\nconst FORMATS: readonly ColorFormat[] = ['rgb', 'rgba', 'hsl', 'hsla'];\n\nconst clamp = (value: number, min = 0, max = 1): number => Math.min(Math.max(min, value), max);\n\n/** `#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa` to its `rgb()` / `rgba()` string. */\nexport function hexToRgb(color: string): string {\n  const hex = color.slice(1);\n  const pair = new RegExp(`.{1,${hex.length >= 6 ? 2 : 1}}`, 'g');\n  let channels: string[] | null = hex.match(pair);\n  if (channels && channels[0]?.length === 1) {\n    channels = channels.map((channel) => channel + channel);\n  }\n  if (!channels) return '';\n\n  const parts = channels.map((channel, index) =>\n    index < 3 ? parseInt(channel, 16) : Math.round((parseInt(channel, 16) / 255) * 1000) / 1000,\n  );\n  return `rgb${channels.length === 4 ? 'a' : ''}(${parts.join(', ')})`;\n}\n\n/** Any supported colour string to its type and numeric channels. */\nexport function decomposeColor(color: string): DecomposedColor {\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker) as ColorFormat;\n  if (!FORMATS.includes(type)) {\n    throw new Error(\n      `@12-apps/ui: unsupported colour \"${color}\". Use #nnn, #nnnnnn, rgb(), rgba(), hsl() or hsla().`,\n    );\n  }\n\n  const values = color\n    .substring(marker + 1, color.length - 1)\n    .split(',')\n    .map((value) => parseFloat(value));\n\n  return { type, values };\n}\n\n/** The inverse of {@link decomposeColor}, with MUI's channel truncation. */\nexport function recomposeColor({ type, values }: DecomposedColor): string {\n  const parts: Array<number | string> = type.startsWith('rgb')\n    ? values.map((value, index) => (index < 3 ? Math.trunc(value) : value))\n    : [values[0] ?? 0, `${values[1] ?? 0}%`, `${values[2] ?? 0}%`, ...values.slice(3)];\n\n  return `${type}(${parts.join(', ')})`;\n}\n\n/** An `hsl()` / `hsla()` string to its `rgb()` / `rgba()` equivalent. */\nexport function hslToRgb(color: string): string {\n  const { type, values } = decomposeColor(color);\n  const h = values[0] ?? 0;\n  const s = (values[1] ?? 0) / 100;\n  const l = (values[2] ?? 0) / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n: number, k = (n + h / 30) % 12): number =>\n    l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (type === 'hsla') {\n    return recomposeColor({ type: 'rgba', values: [...rgb, values[3] ?? 1] });\n  }\n  return recomposeColor({ type: 'rgb', values: rgb });\n}\n\n/** Relative luminance (WCAG 2.0), to three decimals like MUI. */\nexport function getLuminance(color: string): number {\n  const decomposed = decomposeColor(color);\n  const channels = decomposed.type.startsWith('hsl')\n    ? decomposeColor(hslToRgb(color)).values\n    : decomposed.values;\n\n  const [r, g, b] = channels.slice(0, 3).map((value) => {\n    const c = value / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n\n  return Number((0.2126 * (r ?? 0) + 0.7152 * (g ?? 0) + 0.0722 * (b ?? 0)).toFixed(3));\n}\n\n/** WCAG contrast ratio between two colours, 1 to 21. */\nexport function getContrastRatio(foreground: string, background: string): number {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/** The colour with its alpha channel set to `value` (0 to 1). */\nexport function alpha(color: string, value: number): string {\n  const decomposed = decomposeColor(color);\n  const type: ColorFormat = decomposed.type.endsWith('a')\n    ? decomposed.type\n    : (`${decomposed.type}a` as ColorFormat);\n  const values = decomposed.values.slice(0, 3);\n  values[3] = clamp(value);\n  return recomposeColor({ type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards black. */\nexport function darken(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) * (1 - amount);\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) * (1 - amount);\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards white. */\nexport function lighten(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) + (100 - (values[2] ?? 0)) * amount;\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) + (255 - (values[index] ?? 0)) * amount;\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** Darken a light colour or lighten a dark one, by `coefficient`. */\nexport function emphasize(color: string, coefficient = 0.15): string {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\n"],"mappings":"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","names":[]}