@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-6DN4ZULV.js

@@ -0,0 +1,139 @@
+// src/components/form/Command/Command.hooks.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+var COMMAND_DEFAULTS = {
+  open: false,
+  items: [],
+  placeholder: "Type a command or search...",
+  value: "",
+  variant: "default",
+  size: "md",
+  color: "primary",
+  glow: false,
+  pulse: false,
+  loading: false,
+  disabled: false,
+  maxHeight: 400,
+  emptyMessage: "No results found",
+  showCategories: true,
+  showShortcuts: true,
+  showDescriptions: true,
+  autoFocus: true,
+  closeOnSelect: true
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveCommandProps = (props) => ({ ...COMMAND_DEFAULTS, ...definedProps(props) });
+var matches = (item, search) => {
+  const searchTargets = [
+    item.label.toLowerCase(),
+    item.description?.toLowerCase(),
+    ...(item.keywords || []).map((k) => k.toLowerCase())
+  ];
+  return searchTargets.some((target) => target?.includes(search));
+};
+var useFilteredItems = (items, search, customFilter) => useMemo(() => {
+  if (!search) return items;
+  if (customFilter) {
+    return items.filter((item) => customFilter(item, search));
+  }
+  const searchLower = search.toLowerCase();
+  return items.filter((item) => matches(item, searchLower));
+}, [items, search, customFilter]);
+var useAutoFocus = (open, autoFocus) => {
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (open && autoFocus) {
+      window.setTimeout(() => inputRef.current?.focus(), 100);
+    }
+  }, [open, autoFocus]);
+};
+var useKeyboardNavigation = ({
+  items,
+  selectedIndex,
+  setSelectedIndex,
+  onSelect,
+  onClose
+}) => useCallback(
+  (e) => {
+    const step = (delta) => {
+      e.preventDefault();
+      setSelectedIndex((prev) => (prev + delta + items.length) % items.length);
+    };
+    switch (e.key) {
+      case "ArrowDown":
+        return step(1);
+      case "ArrowUp":
+        return step(-1);
+      case "Enter":
+        e.preventDefault();
+        if (items[selectedIndex]) {
+          onSelect(items[selectedIndex]);
+        }
+        return;
+      case "Escape":
+        e.preventDefault();
+        onClose();
+        return;
+      default:
+        return;
+    }
+  },
+  [items, selectedIndex, setSelectedIndex, onSelect, onClose]
+);
+var useCommandPalette = (props) => {
+  const { open, items, value, autoFocus, customFilter } = props;
+  const { onValueChange, onSelect, onOpenChange, closeOnSelect } = props;
+  const [internalValue, setInternalValue] = useState(value);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useAutoFocus(open, autoFocus);
+  useEffect(() => {
+    setInternalValue(value);
+  }, [value]);
+  const handleValueChange = useCallback(
+    (newValue) => {
+      setInternalValue(newValue);
+      onValueChange?.(newValue);
+      setSelectedIndex(0);
+    },
+    [onValueChange]
+  );
+  const filteredItems = useFilteredItems(items, internalValue, customFilter);
+  const selectableItems = useMemo(
+    () => filteredItems.filter((item) => !item.disabled),
+    [filteredItems]
+  );
+  const handleSelect = useCallback(
+    (item) => {
+      if (item.disabled) return;
+      item.action?.();
+      onSelect?.(item);
+      if (closeOnSelect) {
+        onOpenChange?.(false);
+        setInternalValue("");
+      }
+    },
+    [onSelect, onOpenChange, closeOnSelect]
+  );
+  const handleKeyDown = useKeyboardNavigation({
+    items: selectableItems,
+    selectedIndex,
+    setSelectedIndex,
+    onSelect: handleSelect,
+    onClose: () => onOpenChange?.(false)
+  });
+  return {
+    internalValue,
+    filteredItems,
+    highlightedId: selectableItems[selectedIndex]?.id,
+    handleValueChange,
+    handleSelect,
+    handleKeyDown
+  };
+};
+
+export {
+  resolveCommandProps,
+  useCommandPalette
+};
+//# sourceMappingURL=chunk-6DN4ZULV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Command/Command.hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { CommandItem, CommandProps } from './Command.types';\n\ntype CommandDefaultedKeys =\n  | 'open'\n  | 'items'\n  | 'placeholder'\n  | 'value'\n  | 'variant'\n  | 'size'\n  | 'color'\n  | 'glow'\n  | 'pulse'\n  | 'loading'\n  | 'disabled'\n  | 'maxHeight'\n  | 'emptyMessage'\n  | 'showCategories'\n  | 'showShortcuts'\n  | 'showDescriptions'\n  | 'autoFocus'\n  | 'closeOnSelect';\n\ntype ResolvedCommandProps = CommandProps &\n  Required<Pick<CommandProps, CommandDefaultedKeys>>;\n\nconst COMMAND_DEFAULTS: Pick<CommandProps, CommandDefaultedKeys> = {\n  open: false,\n  items: [],\n  placeholder: 'Type a command or search...',\n  value: '',\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  loading: false,\n  disabled: false,\n  maxHeight: 400,\n  emptyMessage: 'No results found',\n  showCategories: true,\n  showShortcuts: true,\n  showDescriptions: true,\n  autoFocus: true,\n  closeOnSelect: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CommandProps): Partial<CommandProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CommandProps>;\n\nexport const resolveCommandProps = (props: CommandProps): ResolvedCommandProps =>\n  ({ ...COMMAND_DEFAULTS, ...definedProps(props) }) as ResolvedCommandProps;\n\n/** An item matches on its label, its description, or any of its keywords. */\nconst matches = (item: CommandItem, search: string): boolean => {\n  const searchTargets = [\n    item.label.toLowerCase(),\n    item.description?.toLowerCase(),\n    ...(item.keywords || []).map((k) => k.toLowerCase()),\n  ];\n  return searchTargets.some((target) => target?.includes(search));\n};\n\nconst useFilteredItems = (\n  items: CommandItem[],\n  search: string,\n  customFilter: CommandProps['customFilter'],\n) =>\n  useMemo(() => {\n    if (!search) return items;\n\n    if (customFilter) {\n      return items.filter((item) => customFilter(item, search));\n    }\n\n    const searchLower = search.toLowerCase();\n    return items.filter((item) => matches(item, searchLower));\n  }, [items, search, customFilter]);\n\n/**\n * Kept as it was: the ref is never attached to an element, so this focus call has\n * always been a no-op. The input does get focus — CommandInput passes `autoFocus`\n * straight to its TextField — so removing it is a behaviour question, not a\n * cleanup, and is left alone here.\n */\nconst useAutoFocus = (open: boolean, autoFocus: boolean) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (open && autoFocus) {\n      window.setTimeout(() => inputRef.current?.focus(), 100);\n    }\n  }, [open, autoFocus]);\n};\n\ninterface NavigationArgs {\n  items: CommandItem[];\n  selectedIndex: number;\n  setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;\n  onSelect: (item: CommandItem) => void;\n  onClose: () => void;\n}\n\n/** Arrows wrap around the list; Enter takes the highlighted item, Escape closes. */\nconst useKeyboardNavigation = ({\n  items,\n  selectedIndex,\n  setSelectedIndex,\n  onSelect,\n  onClose,\n}: NavigationArgs) =>\n  useCallback(\n    (e: React.KeyboardEvent) => {\n      const step = (delta: number) => {\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev + delta + items.length) % items.length);\n      };\n\n      switch (e.key) {\n        case 'ArrowDown':\n          return step(1);\n        case 'ArrowUp':\n          return step(-1);\n        case 'Enter':\n          e.preventDefault();\n          if (items[selectedIndex]) {\n            onSelect(items[selectedIndex]);\n          }\n          return;\n        case 'Escape':\n          e.preventDefault();\n          onClose();\n          return;\n        default:\n          return;\n      }\n    },\n    [items, selectedIndex, setSelectedIndex, onSelect, onClose],\n  );\n\nexport const useCommandPalette = (props: ResolvedCommandProps) => {\n  const { open, items, value, autoFocus, customFilter } = props;\n  const { onValueChange, onSelect, onOpenChange, closeOnSelect } = props;\n\n  const [internalValue, setInternalValue] = useState(value);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  useAutoFocus(open, autoFocus);\n\n  useEffect(() => {\n    setInternalValue(value);\n  }, [value]);\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      setInternalValue(newValue);\n      onValueChange?.(newValue);\n      setSelectedIndex(0);\n    },\n    [onValueChange],\n  );\n\n  const filteredItems = useFilteredItems(items, internalValue, customFilter);\n\n  // Arrow keys and Enter address the enabled items only, so a disabled row never\n  // becomes the highlighted one.\n  const selectableItems = useMemo(\n    () => filteredItems.filter((item) => !item.disabled),\n    [filteredItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: CommandItem) => {\n      if (item.disabled) return;\n\n      item.action?.();\n      onSelect?.(item);\n\n      if (closeOnSelect) {\n        onOpenChange?.(false);\n        setInternalValue('');\n      }\n    },\n    [onSelect, onOpenChange, closeOnSelect],\n  );\n\n  const handleKeyDown = useKeyboardNavigation({\n    items: selectableItems,\n    selectedIndex,\n    setSelectedIndex,\n    onSelect: handleSelect,\n    onClose: () => onOpenChange?.(false),\n  });\n\n  return {\n    internalValue,\n    filteredItems,\n    highlightedId: selectableItems[selectedIndex]?.id,\n    handleValueChange,\n    handleSelect,\n    handleKeyDown,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-6DPAWXZ3.js

@@ -0,0 +1,8 @@
+// src/mui/Box.ts
+import { default as default2, default as default3 } from "@mui/material/Box/index.js";
+
+export {
+  default2 as default,
+  default3 as default2
+};
+//# sourceMappingURL=chunk-6DPAWXZ3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mui/Box.ts"],"sourcesContent":["export type { BoxProps } from '@mui/material/Box/index.js';\nexport { default as Box, default } from '@mui/material/Box/index.js';\n"],"mappings":";AACA,SAAoB,WAAXA,UAAgB,WAAAA,gBAAe;","names":["default"]}

package/dist/chunk-6GP2DOOO.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-6GP2DOOO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6HLRXICF.js

@@ -0,0 +1,108 @@
+import {
+  buttonEmphasisStyles,
+  buttonSize,
+  buttonVariantStyles,
+  getColorFromTheme,
+  iconAlignmentStyles
+} from "./chunk-NYUGX76C.js";
+import {
+  resolveButtonProps
+} from "./chunk-AUYC5K5K.js";
+
+// src/components/form/Button/Button.tsx
+import MuiButton from "@mui/material/Button/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledButton = styled(MuiButton, {
+  shouldForwardProp: (prop) => ["glow", "pulse", "loading", "customVariant", "customColor", "ripple"].indexOf(
+    prop
+  ) === -1
+})(({ theme, customVariant, customColor = "primary", glow, pulse }) => {
+  const colorPalette = getColorFromTheme(theme, customColor);
+  return {
+    textTransform: "none",
+    fontWeight: 500,
+    borderRadius: theme.spacing(1),
+    transition: "all 0.3s ease",
+    position: "relative",
+    overflow: "hidden",
+    ...iconAlignmentStyles(theme),
+    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),
+    ...buttonEmphasisStyles(colorPalette, glow, pulse)
+  };
+});
+var muiVariantFor = (variant) => {
+  if (variant === "outline") return "outlined";
+  return variant === "text" ? "text" : "contained";
+};
+var muiColorFor = (color) => {
+  if (color === "danger") return "error";
+  return color === "neutral" ? "inherit" : color;
+};
+function isIconOnly({
+  loading,
+  icon,
+  children
+}) {
+  return !loading && icon != null && children == null;
+}
+var Button = React.forwardRef(
+  (rawProps, ref) => {
+    const {
+      variant,
+      color,
+      size,
+      loading,
+      icon,
+      iconPosition,
+      glow,
+      pulse,
+      ripple,
+      active,
+      children,
+      disabled,
+      onClick,
+      onFocus,
+      onBlur,
+      dataTestId,
+      ...props
+    } = resolveButtonProps(rawProps);
+    const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `button-${suffix}`;
+    const iconWithTestId = !loading && icon ? /* @__PURE__ */ jsx("span", { "data-testid": testId("icon"), children: icon }) : void 0;
+    const iconOnly = isIconOnly({ loading, icon, children });
+    const mergedClassName = [active ? "active" : "", props.className].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ jsx(
+      StyledButton,
+      {
+        ref,
+        variant: muiVariantFor(variant),
+        color: muiColorFor(color),
+        customVariant: variant,
+        customColor: color,
+        glow,
+        pulse,
+        ripple,
+        disabled: disabled || loading,
+        disableRipple: !ripple,
+        startIcon: iconPosition === "left" ? iconWithTestId : void 0,
+        endIcon: iconPosition === "right" ? iconWithTestId : void 0,
+        onClick,
+        onFocus,
+        onBlur,
+        sx: buttonSize(size, iconOnly),
+        "data-testid": dataTestId || "button",
+        ...props,
+        className: mergedClassName,
+        children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16, color: "inherit", "data-testid": testId("loading") }) : children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-6HLRXICF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Button/Button.tsx"],"sourcesContent":["import MuiButton from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport * as React from 'react';\n\nimport { resolveButtonProps } from './Button.helpers';\nimport {\n  buttonEmphasisStyles,\n  buttonVariantStyles,\n  getColorFromTheme,\n  iconAlignmentStyles,\n  buttonSize,\n} from './Button.styles';\nimport type { ButtonProps } from './Button.types';\n\nconst StyledButton = styled(MuiButton, {\n  shouldForwardProp: (prop) =>\n    ['glow', 'pulse', 'loading', 'customVariant', 'customColor', 'ripple'].indexOf(\n      prop as string,\n    ) === -1,\n})<{\n  customVariant?: string;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  ripple?: boolean;\n}>(({ theme, customVariant, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    textTransform: 'none',\n    fontWeight: 500,\n    borderRadius: theme.spacing(1),\n    transition: 'all 0.3s ease',\n    position: 'relative',\n    overflow: 'hidden',\n    ...iconAlignmentStyles(theme),\n    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),\n    ...buttonEmphasisStyles(colorPalette, glow, pulse),\n  };\n});\n\n/** Our six variants collapse onto MUI's three; only outline and text differ. */\nconst muiVariantFor = (variant?: string): 'outlined' | 'text' | 'contained' => {\n  if (variant === 'outline') return 'outlined';\n  return variant === 'text' ? 'text' : 'contained';\n};\n\ntype MuiButtonColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/** `danger` and `neutral` are ours; the rest are MUI's own names already. */\nconst muiColorFor = (color: NonNullable<ButtonProps['color']>): MuiButtonColor => {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? 'inherit' : color;\n};\n\n/**\n * An icon and nothing else — the shape that should render square.\n *\n * A separate predicate rather than three clauses inline: the component function\n * is already at the complexity ceiling, and \"what counts as an icon button\" is\n * a rule worth naming anyway. `loading` disqualifies, because a spinner\n * replaces the children and would otherwise make every loading button square.\n */\nfunction isIconOnly({\n  loading,\n  icon,\n  children,\n}: Pick<ButtonProps, 'loading' | 'icon' | 'children'>): boolean {\n  return !loading && icon != null && children == null;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      color,\n      size,\n      loading,\n      icon,\n      iconPosition,\n      glow,\n      pulse,\n      ripple,\n      active,\n      children,\n      disabled,\n      onClick,\n      onFocus,\n      onBlur,\n      dataTestId,\n      ...props\n    } = resolveButtonProps(rawProps);\n    const testId = (suffix: string) =>\n      dataTestId ? `${dataTestId}-${suffix}` : `button-${suffix}`;\n\n    // Wrap icon with testId if provided\n    const iconWithTestId =\n      !loading && icon ? <span data-testid={testId('icon')}>{icon}</span> : undefined;\n\n    // Only an icon, so the button is a square rather than a 64px slab.\n    const iconOnly = isIconOnly({ loading, icon, children });\n\n    const mergedClassName =\n      [active ? 'active' : '', props.className].filter(Boolean).join(' ') || undefined;\n\n    return (\n      <StyledButton\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        color={muiColorFor(color)}\n        customVariant={variant}\n        customColor={color}\n        glow={glow}\n        pulse={pulse}\n        ripple={ripple}\n        disabled={disabled || loading}\n        disableRipple={!ripple}\n        startIcon={iconPosition === 'left' ? iconWithTestId : undefined}\n        endIcon={iconPosition === 'right' ? iconWithTestId : undefined}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        sx={buttonSize(size, iconOnly)}\n        data-testid={dataTestId || 'button'}\n        {...props}\n        className={mergedClassName}\n      >\n        {loading ? (\n          <CircularProgress size={16} color=\"inherit\" data-testid={testId('loading')} />\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,eAAe;AACtB,OAAO,sBAAsB;AAC7B,SAAS,cAAc;AACvB,YAAY,WAAW;AA+FE;AAnFzB,IAAM,eAAe,OAAO,WAAW;AAAA,EACrC,mBAAmB,CAAC,SAClB,CAAC,QAAQ,SAAS,WAAW,iBAAiB,eAAe,QAAQ,EAAE;AAAA,IACrE;AAAA,EACF,MAAM;AACV,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,cAAc,WAAW,MAAM,MAAM,MAAM;AACrE,QAAM,eAAe,kBAAkB,OAAO,WAAW;AAEzD,SAAO;AAAA,IACL,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG,oBAAoB,KAAK;AAAA,IAC5B,GAAG,oBAAoB,OAAO,eAAe,cAAc,WAAW;AAAA,IACtE,GAAG,qBAAqB,cAAc,MAAM,KAAK;AAAA,EACnD;AACF,CAAC;AAGD,IAAM,gBAAgB,CAAC,YAAwD;AAC7E,MAAI,YAAY,UAAW,QAAO;AAClC,SAAO,YAAY,SAAS,SAAS;AACvC;AAKA,IAAM,cAAc,CAAC,UAA6D;AAChF,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAUA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAAgE;AAC9D,SAAO,CAAC,WAAW,QAAQ,QAAQ,YAAY;AACjD;AAEO,IAAM,SAAe;AAAA,EAC1B,CAAC,UAAU,QAAQ;AACjB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,mBAAmB,QAAQ;AAC/B,UAAM,SAAS,CAAC,WACd,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,UAAU,MAAM;AAG3D,UAAM,iBACJ,CAAC,WAAW,OAAO,oBAAC,UAAK,eAAa,OAAO,MAAM,GAAI,gBAAK,IAAU;AAGxE,UAAM,WAAW,WAAW,EAAE,SAAS,MAAM,SAAS,CAAC;AAEvD,UAAM,kBACJ,CAAC,SAAS,WAAW,IAAI,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAEzE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,OAAO;AAAA,QAC9B,OAAO,YAAY,KAAK;AAAA,QACxB,eAAe;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,eAAe,CAAC;AAAA,QAChB,WAAW,iBAAiB,SAAS,iBAAiB;AAAA,QACtD,SAAS,iBAAiB,UAAU,iBAAiB;AAAA,QACrD;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI,WAAW,MAAM,QAAQ;AAAA,QAC7B,eAAa,cAAc;AAAA,QAC1B,GAAG;AAAA,QACJ,WAAW;AAAA,QAEV,oBACC,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU,eAAa,OAAO,SAAS,GAAG,IAE5E;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-6HLWZR3X.js

@@ -0,0 +1,32 @@
+// src/components/form/AddressAutocomplete/AddressAutocomplete.mapper.ts
+var componentReader = (components) => (type) => components.find((component) => component.types.includes(type))?.long_name || "";
+var coordinatesOf = (geometry) => ({
+  lat: geometry?.location?.lat() || 0,
+  lng: geometry?.location?.lng() || 0
+});
+var toAddressDetails = ({
+  components,
+  formatted,
+  coordinates
+}) => {
+  const read = componentReader(components);
+  const street = `${read("street_number")} ${read("route")}`.trim();
+  return {
+    formatted,
+    // A street number on its own is not an address; fall back to the route name.
+    street: street || read("route"),
+    city: read("locality") || read("administrative_area_level_2"),
+    state: read("administrative_area_level_1"),
+    country: read("country"),
+    postalCode: read("postal_code"),
+    coordinates
+  };
+};
+var freeSoloAddress = (value) => toAddressDetails({ components: [], formatted: value, coordinates: { lat: 0, lng: 0 } });
+
+export {
+  coordinatesOf,
+  toAddressDetails,
+  freeSoloAddress
+};
+//# sourceMappingURL=chunk-6HLWZR3X.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressAutocomplete.mapper.ts"],"sourcesContent":["import type { AddressDetails } from './AddressAutocomplete.types';\n\n// The shape shared by google.maps.GeocoderAddressComponent and the canned mock\n// components: enough to read a part out by type.\ninterface AddressComponentLike {\n  long_name: string;\n  types: string[];\n}\n\ninterface LatLngLike {\n  lat: () => number;\n  lng: () => number;\n}\n\n// Google reports address parts as an unordered list tagged by type, so every part\n// has to be looked up rather than indexed.\nconst componentReader =\n  (components: readonly AddressComponentLike[]) =>\n  (type: string): string =>\n    components.find((component) => component.types.includes(type))?.long_name || '';\n\n// Places and Geocoder results both make the whole geometry chain optional.\nexport const coordinatesOf = (geometry?: { location?: LatLngLike }): AddressDetails['coordinates'] => ({\n  lat: geometry?.location?.lat() || 0,\n  lng: geometry?.location?.lng() || 0,\n});\n\n// The four ways an address can arrive — a mock or live prediction, a mock or live\n// reverse geocode — all land here, so they agree on how a place becomes an\n// AddressDetails.\nexport const toAddressDetails = ({\n  components,\n  formatted,\n  coordinates,\n}: {\n  components: readonly AddressComponentLike[];\n  formatted: string;\n  coordinates: AddressDetails['coordinates'];\n}): AddressDetails => {\n  const read = componentReader(components);\n  const street = `${read('street_number')} ${read('route')}`.trim();\n\n  return {\n    formatted,\n    // A street number on its own is not an address; fall back to the route name.\n    street: street || read('route'),\n    city: read('locality') || read('administrative_area_level_2'),\n    state: read('administrative_area_level_1'),\n    country: read('country'),\n    postalCode: read('postal_code'),\n    coordinates,\n  };\n};\n\n// freeSolo mode hands back whatever was typed, with no components to read.\nexport const freeSoloAddress = (value: string): AddressDetails =>\n  toAddressDetails({ components: [], formatted: value, coordinates: { lat: 0, lng: 0 } });\n"],"mappings":";AAgBA,IAAM,kBACJ,CAAC,eACD,CAAC,SACC,WAAW,KAAK,CAAC,cAAc,UAAU,MAAM,SAAS,IAAI,CAAC,GAAG,aAAa;AAG1E,IAAM,gBAAgB,CAAC,cAAyE;AAAA,EACrG,KAAK,UAAU,UAAU,IAAI,KAAK;AAAA,EAClC,KAAK,UAAU,UAAU,IAAI,KAAK;AACpC;AAKO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAIsB;AACpB,QAAM,OAAO,gBAAgB,UAAU;AACvC,QAAM,SAAS,GAAG,KAAK,eAAe,CAAC,IAAI,KAAK,OAAO,CAAC,GAAG,KAAK;AAEhE,SAAO;AAAA,IACL;AAAA;AAAA,IAEA,QAAQ,UAAU,KAAK,OAAO;AAAA,IAC9B,MAAM,KAAK,UAAU,KAAK,KAAK,6BAA6B;AAAA,IAC5D,OAAO,KAAK,6BAA6B;AAAA,IACzC,SAAS,KAAK,SAAS;AAAA,IACvB,YAAY,KAAK,aAAa;AAAA,IAC9B;AAAA,EACF;AACF;AAGO,IAAM,kBAAkB,CAAC,UAC9B,iBAAiB,EAAE,YAAY,CAAC,GAAG,WAAW,OAAO,aAAa,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE,CAAC;","names":[]}

package/dist/chunk-6I3TYKE2.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-6I3TYKE2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6I4BQRZ7.js

@@ -0,0 +1,196 @@
+// src/components/typography/Code/Code.tsx
+import Check from "@mui/icons-material/Check";
+import ContentCopy from "@mui/icons-material/ContentCopy";
+import Box from "@mui/material/Box/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Tooltip from "@mui/material/Tooltip/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledCodeContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["customVariant", "customSize", "copyable"].includes(prop)
+})(({ theme, customVariant = "inline", customSize = "md", copyable }) => {
+  const sizeMap = {
+    xs: { fontSize: "0.75rem", padding: "2px 4px" },
+    sm: { fontSize: "0.8125rem", padding: "3px 6px" },
+    md: { fontSize: "0.875rem", padding: "4px 8px" },
+    lg: { fontSize: "1rem", padding: "6px 12px" }
+  };
+  const blockSizeMap = {
+    xs: { fontSize: "0.75rem", padding: "8px 12px" },
+    sm: { fontSize: "0.8125rem", padding: "12px 16px" },
+    md: { fontSize: "0.875rem", padding: "16px 20px" },
+    lg: { fontSize: "1rem", padding: "20px 24px" }
+  };
+  const baseStyles = {
+    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
+    lineHeight: 1.5,
+    borderRadius: theme.shape.borderRadius,
+    transition: "all 0.2s ease",
+    position: "relative"
+  };
+  const variantStyles = {
+    inline: {
+      ...baseStyles,
+      display: "inline",
+      backgroundColor: alpha(theme.palette.primary.main, 0.08),
+      color: theme.palette.primary.main,
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,
+      ...sizeMap[customSize]
+    },
+    block: {
+      ...baseStyles,
+      display: "block",
+      backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.grey[900], 0.95) : alpha(theme.palette.grey[100], 0.95),
+      color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+      overflow: "auto",
+      whiteSpace: "pre",
+      ...blockSizeMap[customSize],
+      ...copyable && {
+        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
+        paddingRight: "60px"
+      }
+    },
+    highlight: {
+      ...baseStyles,
+      display: "block",
+      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,
+      color: theme.palette.text.primary,
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+      borderLeft: `4px solid ${theme.palette.primary.main}`,
+      overflow: "auto",
+      whiteSpace: "pre",
+      ...blockSizeMap[customSize],
+      ...copyable && {
+        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
+        paddingRight: "60px"
+      }
+    }
+  };
+  return variantStyles[customVariant] || variantStyles.inline;
+});
+var StyledCode = styled("code")({
+  margin: 0,
+  padding: 0,
+  backgroundColor: "transparent",
+  border: "none",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  lineHeight: "inherit",
+  color: "inherit"
+});
+var CopyButton = styled(IconButton)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(1),
+  right: theme.spacing(1),
+  width: 32,
+  height: 32,
+  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
+  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "none",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none",
+  "&:hover": {
+    backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.9) : theme.palette.grey[100],
+    transform: "scale(1.05)"
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: 16
+  }
+}));
+var LanguageLabel = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(1),
+  left: theme.spacing(2),
+  fontSize: "0.75rem",
+  fontWeight: 500,
+  color: alpha(theme.palette.text.primary, 0.6),
+  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
+  padding: "2px 8px",
+  borderRadius: theme.shape.borderRadius / 2,
+  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "none",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none"
+}));
+var renderNumberedLines = (source) => source.split("\n").map((line, index) => {
+  const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\s+/g, "")}-${line.length}`;
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          display: "inline-block",
+          minWidth: "3em",
+          opacity: 0.5,
+          userSelect: "none",
+          marginRight: "1em",
+          textAlign: "right"
+        },
+        children: index + 1
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { children: line })
+  ] }, stableKey);
+});
+var resolveCodeFlags = (variant, copyable, language) => {
+  const isBlock = variant === "block" || variant === "highlight";
+  return {
+    isBlock,
+    showCopy: copyable && isBlock,
+    showLanguage: Boolean(language) && isBlock
+  };
+};
+var CodeCopyButton = ({ source }) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    if (typeof source !== "string") return;
+    try {
+      await navigator.clipboard.writeText(source);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { title: copied ? "Copied!" : "Copy code", children: /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, size: "small", color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ContentCopy, {}) }) });
+};
+var Code = React.forwardRef(
+  ({
+    variant = "inline",
+    language,
+    copyable = false,
+    lineNumbers = false,
+    size = "md",
+    children,
+    ...props
+  }, ref) => {
+    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);
+    const processedChildren = React.useMemo(() => {
+      if (!lineNumbers || !isBlock || typeof children !== "string") {
+        return children;
+      }
+      return renderNumberedLines(children);
+    }, [children, lineNumbers, isBlock]);
+    return /* @__PURE__ */ jsxs(
+      StyledCodeContainer,
+      {
+        ref,
+        component: variant === "inline" ? "span" : "div",
+        customVariant: variant,
+        customSize: size,
+        copyable: showCopy,
+        ...props,
+        children: [
+          showLanguage && /* @__PURE__ */ jsx(LanguageLabel, { children: language }),
+          /* @__PURE__ */ jsx(StyledCode, { children: processedChildren }),
+          showCopy && /* @__PURE__ */ jsx(CodeCopyButton, { source: children })
+        ]
+      }
+    );
+  }
+);
+Code.displayName = "Code";
+
+export {
+  Code
+};
+//# sourceMappingURL=chunk-6I4BQRZ7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Code/Code.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport ContentCopy from '@mui/icons-material/ContentCopy';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React, { useState } from 'react';\n\nimport type { CodeProps } from './Code.types';\n\nconst StyledCodeContainer = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'copyable'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  copyable?: boolean;\n  component?: React.ElementType;\n}>(({ theme, customVariant = 'inline', customSize = 'md', copyable }) => {\n  // Size mapping\n  const sizeMap = {\n    xs: { fontSize: '0.75rem', padding: '2px 4px' },\n    sm: { fontSize: '0.8125rem', padding: '3px 6px' },\n    md: { fontSize: '0.875rem', padding: '4px 8px' },\n    lg: { fontSize: '1rem', padding: '6px 12px' },\n  };\n\n  const blockSizeMap = {\n    xs: { fontSize: '0.75rem', padding: '8px 12px' },\n    sm: { fontSize: '0.8125rem', padding: '12px 16px' },\n    md: { fontSize: '0.875rem', padding: '16px 20px' },\n    lg: { fontSize: '1rem', padding: '20px 24px' },\n  };\n\n  const baseStyles = {\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n    lineHeight: 1.5,\n    borderRadius: theme.shape.borderRadius,\n    transition: 'all 0.2s ease',\n    position: 'relative' as const,\n  };\n\n  // Variant-specific styles\n  const variantStyles = {\n    inline: {\n      ...baseStyles,\n      display: 'inline',\n      backgroundColor: alpha(theme.palette.primary.main, 0.08),\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,\n      ...sizeMap[customSize as keyof typeof sizeMap],\n    },\n    block: {\n      ...baseStyles,\n      display: 'block',\n      backgroundColor:\n        theme.palette.mode === 'dark'\n          ? alpha(theme.palette.grey[900], 0.95)\n          : alpha(theme.palette.grey[100], 0.95),\n      color:\n        theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n    highlight: {\n      ...baseStyles,\n      display: 'block',\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,\n      color: theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n      borderLeft: `4px solid ${theme.palette.primary.main}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n  };\n\n  return variantStyles[customVariant as keyof typeof variantStyles] || variantStyles.inline;\n});\n\nconst StyledCode = styled('code')({\n  margin: 0,\n  padding: 0,\n  backgroundColor: 'transparent',\n  border: 'none',\n  fontFamily: 'inherit',\n  fontSize: 'inherit',\n  lineHeight: 'inherit',\n  color: 'inherit',\n});\n\nconst CopyButton = styled(IconButton)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  right: theme.spacing(1),\n  width: 32,\n  height: 32,\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n  '&:hover': {\n    backgroundColor:\n      theme.palette.mode === 'dark'\n        ? alpha(theme.palette.background.paper, 0.9)\n        : theme.palette.grey[100],\n    transform: 'scale(1.05)',\n  },\n  '& .MuiSvgIcon-root': {\n    fontSize: 16,\n  },\n}));\n\nconst LanguageLabel = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  left: theme.spacing(2),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  color: alpha(theme.palette.text.primary, 0.6),\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  padding: '2px 8px',\n  borderRadius: theme.shape.borderRadius / 2,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n}));\n\n// Renders each source line beside a gutter number. Keys combine the line number\n// with a slice of the content and its length, so editing one line in place does\n// not reshuffle the keys of the lines around it.\nconst renderNumberedLines = (source: string) =>\n  source.split('\\n').map((line, index) => {\n    const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\\s+/g, '')}-${line.length}`;\n\n    return (\n      <div key={stableKey} style={{ display: 'flex' }}>\n        <span\n          style={{\n            display: 'inline-block',\n            minWidth: '3em',\n            opacity: 0.5,\n            userSelect: 'none',\n            marginRight: '1em',\n            textAlign: 'right',\n          }}\n        >\n          {index + 1}\n        </span>\n        <span>{line}</span>\n      </div>\n    );\n  });\n\n// Only block-ish variants get a language label or a copy affordance.\nconst resolveCodeFlags = (\n  variant: CodeProps['variant'],\n  copyable: boolean,\n  language: CodeProps['language'],\n) => {\n  const isBlock = variant === 'block' || variant === 'highlight';\n  return {\n    isBlock,\n    showCopy: copyable && isBlock,\n    showLanguage: Boolean(language) && isBlock,\n  };\n};\n\n// Owns its own \"just copied\" flash. Keeping it here rather than inline in Code\n// means the copied/not-copied branches do not count against the main render, and\n// the flash re-renders only the button. Non-string children are still a no-op on\n// click, exactly as before.\nconst CodeCopyButton: React.FC<{ source: React.ReactNode }> = ({ source }) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    if (typeof source !== 'string') return;\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // Silently fail if clipboard access is denied\n    }\n  };\n\n  return (\n    <Tooltip title={copied ? 'Copied!' : 'Copy code'}>\n      <CopyButton onClick={handleCopy} size=\"small\" color={copied ? 'success' : 'default'}>\n        {copied ? <Check /> : <ContentCopy />}\n      </CopyButton>\n    </Tooltip>\n  );\n};\n\nexport const Code = React.forwardRef<HTMLElement, CodeProps>(\n  (\n    {\n      variant = 'inline',\n      language,\n      copyable = false,\n      lineNumbers = false,\n      size = 'md',\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);\n\n    // Process children for line numbers if needed\n    const processedChildren = React.useMemo(() => {\n      if (!lineNumbers || !isBlock || typeof children !== 'string') {\n        return children;\n      }\n\n      return renderNumberedLines(children);\n    }, [children, lineNumbers, isBlock]);\n\n    return (\n      <StyledCodeContainer\n        ref={ref}\n        component={variant === 'inline' ? 'span' : 'div'}\n        customVariant={variant}\n        customSize={size}\n        copyable={showCopy}\n        {...props}\n      >\n        {showLanguage && <LanguageLabel>{language}</LanguageLabel>}\n\n        <StyledCode>{processedChildren}</StyledCode>\n\n        {showCopy && <CodeCopyButton source={children} />}\n      </StyledCodeContainer>\n    );\n  },\n);\n\nCode.displayName = 'Code';"],"mappings":"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","names":[]}

package/dist/chunk-6I75JTFO.js

@@ -0,0 +1,72 @@
+import {
+  separatorMargin,
+  separatorStyles
+} from "./chunk-IFPTVHYR.js";
+
+// src/components/layout/Separator/Separator.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Separator = ({
+  variant = "solid",
+  orientation = "horizontal",
+  size = "md",
+  color,
+  margin,
+  length,
+  children,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });
+  if (children) {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className,
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          margin: separatorMargin(size, margin),
+          flexDirection: isHorizontal ? "row" : "column",
+          gap: theme.spacing(2)
+        },
+        children: [
+          /* @__PURE__ */ jsx(Box, { sx: styles }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              color: "text.secondary",
+              sx: {
+                flexShrink: 0,
+                padding: theme.spacing(0, 1),
+                backgroundColor: theme.palette.background.default
+              },
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { sx: styles })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      sx: styles,
+      role: "separator",
+      "aria-orientation": orientation,
+      "data-testid": dataTestId
+    }
+  );
+};
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-6I75JTFO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Separator/Separator.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { separatorMargin, separatorStyles } from './Separator.styles';\nimport type { SeparatorProps } from './Separator.types';\n\nexport const Separator: React.FC<SeparatorProps> = ({\n  variant = 'solid',\n  orientation = 'horizontal',\n  size = 'md',\n  color,\n  margin,\n  length,\n  children,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });\n\n  if (children) {\n    const isHorizontal = orientation === 'horizontal';\n\n    return (\n      <Box\n        className={className}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          margin: separatorMargin(size, margin),\n          flexDirection: isHorizontal ? 'row' : 'column',\n          gap: theme.spacing(2),\n        }}\n      >\n        <Box sx={styles} />\n        <Typography\n          variant=\"body2\"\n          color=\"text.secondary\"\n          sx={{\n            flexShrink: 0,\n            padding: theme.spacing(0, 1),\n            backgroundColor: theme.palette.background.default,\n          }}\n        >\n          {children}\n        </Typography>\n        <Box sx={styles} />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={styles}\n      role=\"separator\"\n      aria-orientation={orientation}\n      data-testid={dataTestId}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AAwBnB,SAUE,KAVF;AAlBC,IAAM,YAAsC,CAAC;AAAA,EAClD,UAAU;AAAA,EACV,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,gBAAgB,OAAO,EAAE,SAAS,aAAa,MAAM,OAAO,QAAQ,OAAO,CAAC;AAE3F,MAAI,UAAU;AACZ,UAAM,eAAe,gBAAgB;AAErC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,gBAAgB,MAAM,MAAM;AAAA,UACpC,eAAe,eAAe,QAAQ;AAAA,UACtC,KAAK,MAAM,QAAQ,CAAC;AAAA,QACtB;AAAA,QAEA;AAAA,8BAAC,OAAI,IAAI,QAAQ;AAAA,UACjB;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,gBAC3B,iBAAiB,MAAM,QAAQ,WAAW;AAAA,cAC5C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OAAI,IAAI,QAAQ;AAAA;AAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,oBAAkB;AAAA,MAClB,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}