@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-BIIAMH47.js

@@ -1,168 +0,0 @@
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.js";
-import {
-  fieldControlStyles
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  stackedOverlayZIndex
-} from "./chunk-MFU4Y25U.js";
-
-// src/components/form/CreatableSelect/CreatableSelect.tsx
-import Autocomplete, { createFilterOptions } from "@mui/material/Autocomplete/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { useId, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CREATE_PREFIX = " create:";
-var filterOptions = createFilterOptions();
-var INDENT_STEP = 16;
-var MUI_SIZE = { xs: "small", sm: "small", md: "medium", lg: "medium", xl: "medium" };
-var fieldSx = {
-  "& .MuiOutlinedInput-root": {
-    borderRadius: fieldRadiusPx,
-    "& fieldset": {
-      borderColor: (theme) => fieldEdge(theme)
-    },
-    "&:hover fieldset": { borderColor: "primary.main" },
-    "&.Mui-focused fieldset": { borderColor: "primary.main", borderWidth: 2 },
-    "&.Mui-error fieldset": { borderColor: "error.main" }
-  }
-};
-function buildFilter(onCreate, createOptionLabel) {
-  return (available, params) => {
-    const filtered = filterOptions(available, params);
-    const input = params.inputValue.trim();
-    const alreadyExists = available.some(
-      (option) => option.label.toLowerCase() === input.toLowerCase()
-    );
-    if (input && !alreadyExists && onCreate) {
-      filtered.push({
-        value: `${CREATE_PREFIX}${input}`,
-        label: createOptionLabel(input),
-        isCreate: true
-      });
-    }
-    return filtered;
-  };
-}
-function renderIndentedOption(props, option) {
-  const { key, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      ...rest,
-      style: { paddingLeft: INDENT_STEP * (1 + (option.depth ?? 0)) },
-      children: option.label
-    },
-    key ?? option.value
-  );
-}
-function renderField(params, field) {
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      ...params,
-      id: field.inputId,
-      placeholder: field.placeholder,
-      error: Boolean(field.error),
-      size: MUI_SIZE[field.size],
-      sx: [fieldSx, (theme) => fieldControlStyles(theme, field.size)],
-      inputProps: { ...params.inputProps, "data-testid": `${field.dataTestId}-input` },
-      slotProps: {
-        input: {
-          ...params.InputProps,
-          endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-            field.loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : null,
-            params.InputProps.endAdornment
-          ] })
-        }
-      }
-    }
-  );
-}
-function useInternalOptions(options, value) {
-  const items = useMemo(
-    () => options.map(({ value: optionValue, label, depth }) => ({
-      value: optionValue,
-      label,
-      depth
-    })),
-    [options]
-  );
-  const selected = useMemo(
-    () => items.find((option) => option.value === value) ?? null,
-    [items, value]
-  );
-  return { items, selected };
-}
-function handlePick(next, onChange, onCreate) {
-  if (!next) {
-    onChange(null);
-    return;
-  }
-  if (next.isCreate) {
-    void onCreate?.(next.value.slice(CREATE_PREFIX.length));
-    return;
-  }
-  onChange(next.value);
-}
-function CreatableSelect({
-  options,
-  value,
-  onChange,
-  onCreate,
-  label,
-  error,
-  placeholder,
-  createOptionLabel,
-  noOptionsText,
-  disabled = false,
-  loading = false,
-  fullWidth = true,
-  size = "md",
-  dataTestId = "creatable-select"
-}) {
-  const inputId = useId();
-  const { items, selected } = useInternalOptions(options, value);
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth, error: Boolean(error), children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: inputId, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Autocomplete,
-      {
-        value: selected,
-        options: items,
-        disabled,
-        loading,
-        fullWidth,
-        size: MUI_SIZE[size],
-        handleHomeEndKeys: true,
-        selectOnFocus: true,
-        clearOnBlur: true,
-        "data-testid": dataTestId,
-        noOptionsText,
-        slotProps: { popper: { sx: { zIndex: stackedOverlayZIndex } } },
-        getOptionLabel: (option) => typeof option === "string" ? option : option.label,
-        isOptionEqualToValue: (option, current) => option.value === current.value,
-        renderOption: renderIndentedOption,
-        filterOptions: buildFilter(onCreate, createOptionLabel),
-        onChange: (_event, next) => handlePick(next, onChange, onCreate),
-        renderInput: (params) => renderField(params, { inputId, placeholder, error, loading, size, dataTestId })
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${dataTestId}-message`, children: error })
-  ] });
-}
-
-export {
-  CreatableSelect
-};
-//# sourceMappingURL=chunk-BIIAMH47.js.map

package/dist/chunk-BM4CGQED.js

@@ -1,193 +0,0 @@
-import {
-  MenubarToolbar
-} from "./chunk-4LMY5I5E.js";
-import {
-  barStyles
-} from "./chunk-KJHQYPKT.js";
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Menubar/Menubar.tsx
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import AppBar from "@mui/material/AppBar/index.js";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "neutral",
-  orientation: "horizontal",
-  glow: false,
-  pulse: false,
-  glass: false,
-  gradient: false,
-  loading: false,
-  disabled: false,
-  sticky: false,
-  transparent: false,
-  blur: false,
-  elevation: 4,
-  fullWidth: true
-};
-var Menubar = (props) => {
-  const {
-    ariaLabel,
-    items,
-    variant,
-    size,
-    color,
-    orientation,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    loading,
-    disabled,
-    className,
-    style,
-    logo,
-    endContent,
-    sticky,
-    transparent,
-    blur,
-    elevation,
-    fullWidth,
-    onClick,
-    onFocus,
-    onBlur,
-    "data-testid": dataTestId
-  } = withDefaults(props, DEFAULTS);
-  const theme = useTheme();
-  const { activeMenu, menuRefs, handleMenuOpen, handleMenuClose, handleItemClick } = useMenubarMenus(onClick);
-  const isVertical = orientation === "vertical";
-  const barSx = barStyles(theme, {
-    variant,
-    size,
-    color,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    blur,
-    transparent,
-    elevation
-  });
-  const content = /* @__PURE__ */ jsx(
-    MenubarToolbar,
-    {
-      ariaLabel,
-      barSx,
-      items,
-      size,
-      orientation,
-      disabled,
-      loading,
-      logo,
-      endContent,
-      fullWidth,
-      activeMenu,
-      menuRefs,
-      onOpen: handleMenuOpen,
-      onActivate: handleItemClick,
-      onClose: handleMenuClose,
-      onFocus,
-      onBlur
-    }
-  );
-  if (isVertical) {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className,
-        sx: {
-          ...style,
-          position: sticky ? "sticky" : "relative",
-          top: sticky ? 0 : "auto",
-          zIndex: theme.zIndex.appBar
-        },
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    AppBar,
-    {
-      position: sticky ? "sticky" : "static",
-      className,
-      "data-testid": dataTestId,
-      sx: { ...barSx, ...style },
-      elevation: 0,
-      component: "header",
-      children: content
-    }
-  );
-};
-var MenubarGroup = ({
-  label,
-  items,
-  icon,
-  disabled,
-  open,
-  onOpenChange,
-  onClick,
-  className,
-  style
-}) => {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const isOpen = open !== void 0 ? open : Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-    onOpenChange?.(true);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-    onOpenChange?.(false);
-  };
-  const handleItemClick = (item) => {
-    if (item.action) {
-      item.action();
-    }
-    onClick?.(item);
-    handleClose();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: handleClick,
-        disabled,
-        startIcon: icon,
-        endIcon: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {}),
-        className,
-        sx: style,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open: isOpen, onClose: handleClose, children: items.map(
-      (item) => item.divider ? /* @__PURE__ */ jsx(Divider, {}, item.id) : /* @__PURE__ */ jsxs(MenuItem, { onClick: () => handleItemClick(item), disabled: item.disabled, children: [
-        item.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: item.icon }),
-        /* @__PURE__ */ jsx(ListItemText, { children: item.label }),
-        item.shortcut && /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { ml: 2 }, children: item.shortcut })
-      ] }, item.id)
-    ) })
-  ] });
-};
-
-export {
-  Menubar,
-  MenubarGroup
-};
-//# sourceMappingURL=chunk-BM4CGQED.js.map

package/dist/chunk-BM4ZPBBT.js

@@ -1,88 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-select-all-strip.tsx
-import Checkbox from "@mui/material/Checkbox/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectAllStrip({
-  rows,
-  getRowId,
-  selectedIds,
-  onChange,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (rows.length === 0) return null;
-  const pageIds = rows.map(getRowId);
-  const selectedHere = pageIds.filter((id) => selectedIds.has(id)).length;
-  const all = selectedHere === pageIds.length;
-  const some = selectedHere > 0 && !all;
-  const toggle = () => {
-    if (all) {
-      const next = new Set(selectedIds);
-      pageIds.forEach((id) => next.delete(id));
-      onChange(next);
-      return;
-    }
-    onChange(/* @__PURE__ */ new Set([...selectedIds, ...pageIds]));
-  };
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-testid": `${testIdPrefix}-select-all-strip`,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        mt: 1.5,
-        px: 1,
-        py: 0.75,
-        borderBottom: 1,
-        borderColor: "divider",
-        bgcolor: "action.hover",
-        borderRadius: 1
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            checked: all,
-            indeterminate: some,
-            onChange: toggle,
-            "data-testid": `${testIdPrefix}-select-all-box`,
-            inputProps: { "aria-label": copy.selection.selectAllOnPage },
-            sx: { p: 0.5 }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "sm",
-            color: "secondary",
-            onClick: toggle,
-            dataTestId: `${testIdPrefix}-select-all-toggle`,
-            children: all ? copy.selection.clearSelection : copy.selection.selectAll
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { ml: "auto", color: "text.disabled", whiteSpace: "nowrap" }, children: copy.selection.onThisPage(rows.length) }) })
-      ]
-    }
-  );
-}
-
-export {
-  SelectAllStrip
-};
-//# sourceMappingURL=chunk-BM4ZPBBT.js.map

package/dist/chunk-BRMGHMYB.js

@@ -1,45 +0,0 @@
-// src/components/layout/Skeleton/Skeleton.metrics.ts
-var SKELETON_INTENSITY_OPACITY = {
-  low: 0.11,
-  medium: 0.13,
-  high: 0.15
-};
-var SKELETON_DEFAULT_DIMENSIONS = {
-  // `text` has no height of its own: MUI's line box gives it one (below).
-  text: { width: "100%", height: void 0 },
-  circular: { width: 40, height: 40 },
-  rectangular: { width: "100%", height: 40 },
-  wave: { width: "100%", height: 40 }
-};
-var GLASS_BACKGROUND_ALPHA_FROM = 0.8;
-var GLASS_BACKGROUND_ALPHA_TO = 0.4;
-var GLASS_BLUR_PX = 20;
-var GLASS_BORDER_ALPHA = 0.2;
-var GLASS_SHADOW = { offsetY: 8, blur: 32, alpha: 0.1 };
-var SHIMMER_ALPHA = 0.3;
-var SHIMMER_DURATION_MS = 2e3;
-var COMMON_BLACK = "#000";
-var COMMON_WHITE = "#fff";
-var PULSE = { durationMs: 2e3, delayMs: 500, dip: 0.4 };
-var WAVE = { durationMs: 1600, delayMs: 500 };
-var TEXT_LINE_HEIGHT_EM = 1.2;
-var TEXT_SCALE_Y = 0.6;
-
-export {
-  SKELETON_INTENSITY_OPACITY,
-  SKELETON_DEFAULT_DIMENSIONS,
-  GLASS_BACKGROUND_ALPHA_FROM,
-  GLASS_BACKGROUND_ALPHA_TO,
-  GLASS_BLUR_PX,
-  GLASS_BORDER_ALPHA,
-  GLASS_SHADOW,
-  SHIMMER_ALPHA,
-  SHIMMER_DURATION_MS,
-  COMMON_BLACK,
-  COMMON_WHITE,
-  PULSE,
-  WAVE,
-  TEXT_LINE_HEIGHT_EM,
-  TEXT_SCALE_Y
-};
-//# sourceMappingURL=chunk-BRMGHMYB.js.map

package/dist/chunk-BRMGHMYB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Skeleton/Skeleton.metrics.ts"],"sourcesContent":["import type { SkeletonIntensity, SkeletonVariant } from './Skeleton.base';\n\n/**\n * THE NUMBERS BOTH `Skeleton` RENDERERS DRAW WITH.\n *\n * `Skeleton.styles.ts` (web, emotion over MUI's own `Skeleton`) and\n * `Skeleton.native.tsx` (React Native) read this one table. The web turns them\n * into CSS strings — `blur(20px)`, `shimmer 2s infinite` — and native uses the\n * numbers as they are, so neither renderer restates a value.\n *\n * Two groups live here. The first is what the web component WRITES (the\n * intensity alphas, the default box, the glass and shimmer washes). The second\n * is what MUI's own `Skeleton` contributes on the web and the native half\n * therefore has to restate: its pulse keyframe, its wave cadence, and the\n * geometry of the `text` variant. Those are MUI's DEFAULTS — a host that\n * re-themes them moves the web only, which `NATIVE-NOTES.md` records.\n */\n\n/** The tint's alpha over the ink, per intensity. */\nexport const SKELETON_INTENSITY_OPACITY: Record<SkeletonIntensity, number> = {\n  low: 0.11,\n  medium: 0.13,\n  high: 0.15,\n};\n\n/** The box a variant draws when the caller gives no `width`/`height`. */\nexport const SKELETON_DEFAULT_DIMENSIONS: Record<\n  SkeletonVariant,\n  { width: number | string; height: number | undefined }\n> = {\n  // `text` has no height of its own: MUI's line box gives it one (below).\n  text: { width: '100%', height: undefined },\n  circular: { width: 40, height: 40 },\n  rectangular: { width: '100%', height: 40 },\n  wave: { width: '100%', height: 40 },\n};\n\n/* ── `glassmorphism` ──────────────────────────────────────────────────────── */\n\n/** The 135° wash over `background.paper`, from the first stop to the last. */\nexport const GLASS_BACKGROUND_ALPHA_FROM = 0.8;\nexport const GLASS_BACKGROUND_ALPHA_TO = 0.4;\nexport const GLASS_BLUR_PX = 20;\nexport const GLASS_BORDER_ALPHA = 0.2;\n/** `0 8px 32px 0 rgba(0, 0, 0, 0.1)`. */\nexport const GLASS_SHADOW = { offsetY: 8, blur: 32, alpha: 0.1 } as const;\n\n/* ── `shimmer` ────────────────────────────────────────────────────────────── */\n\n/** The sweep's middle stop, over white. */\nexport const SHIMMER_ALPHA = 0.3;\nexport const SHIMMER_DURATION_MS = 2000;\n\n/**\n * MUI's `palette.common`, which is a pair of fixed hexes rather than anything\n * derived — so the shared theme has no slot for them and they are named here.\n */\nexport const COMMON_BLACK = '#000';\nexport const COMMON_WHITE = '#fff';\n\n/* ── MUI's own `Skeleton`, restated for the renderer that has no MUI ──────── */\n\n/**\n * MUI's `pulseKeyframe`: opacity 1 → 0.4 → 1, `2s ease-in-out 0.5s infinite`.\n * The delay runs once on the web; native replays it each lap unless the\n * animation is sequenced, which `Skeleton.native.tsx` does.\n */\nexport const PULSE = { durationMs: 2000, delayMs: 500, dip: 0.4 } as const;\n\n/** MUI's `wave` sweep: `1.6s linear 0.5s infinite`, in `palette.action.hover`. */\nexport const WAVE = { durationMs: 1600, delayMs: 500 } as const;\n\n/**\n * The `text` variant, as MUI draws it: a line box `1.2em` tall squashed to 60%\n * of its height (`transform: scale(1, 0.60)`), with a `4px/6.7px` elliptical\n * radius that the same squash turns back into a round 4px. React Native has no\n * `em`, and its transforms do not change layout, so the native half multiplies\n * the two out into one height and draws the plain 4px radius the squash lands on.\n */\nexport const TEXT_LINE_HEIGHT_EM = 1.2;\nexport const TEXT_SCALE_Y = 0.6;\n"],"mappings":";AAmBO,IAAM,6BAAgE;AAAA,EAC3E,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AACR;AAGO,IAAM,8BAGT;AAAA;AAAA,EAEF,MAAM,EAAE,OAAO,QAAQ,QAAQ,OAAU;AAAA,EACzC,UAAU,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,EAClC,aAAa,EAAE,OAAO,QAAQ,QAAQ,GAAG;AAAA,EACzC,MAAM,EAAE,OAAO,QAAQ,QAAQ,GAAG;AACpC;AAKO,IAAM,8BAA8B;AACpC,IAAM,4BAA4B;AAClC,IAAM,gBAAgB;AACtB,IAAM,qBAAqB;AAE3B,IAAM,eAAe,EAAE,SAAS,GAAG,MAAM,IAAI,OAAO,IAAI;AAKxD,IAAM,gBAAgB;AACtB,IAAM,sBAAsB;AAM5B,IAAM,eAAe;AACrB,IAAM,eAAe;AASrB,IAAM,QAAQ,EAAE,YAAY,KAAM,SAAS,KAAK,KAAK,IAAI;AAGzD,IAAM,OAAO,EAAE,YAAY,MAAM,SAAS,IAAI;AAS9C,IAAM,sBAAsB;AAC5B,IAAM,eAAe;","names":[]}