@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Input/index.ts","../src/components/elemental/Input/src/PopperInput/PopperInput.tsx","../src/components/elemental/Overlay/src/index.ts","../src/components/elemental/Box/src/BorderBox/BorderBox.tsx","../src/_utils/_func/sx.ts","../src/components/elemental/Box/src/index.ts","../src/components/elemental/Input/src/StackInput/StackInput.tsx","../src/components/elemental/Paper/src/Paper/Paper.tsx","../src/components/elemental/Button/src/IconButton/IconButton.tsx","../src/components/elemental/Tooltip/src/Tooltip/index.ts","../src/components/elemental/Divider/src/index.ts","../src/components/elemental/Input/src/StackInput/theme.ts","../src/components/elemental/Input/src/TelPhoneInput/TelPhoneInput.tsx","../src/components/elemental/Input/src/TextField/index.ts","../src/components/elemental/Input/src/TextField/theme.ts","../src/components/elemental/Input/src/TelPhoneInput/theme.ts","../src/components/elemental/Input/src/TelPhoneInput/CountrySelect.tsx","../src/components/Icons/MuiIcon/index.ts","../src/components/elemental/Input/src/LineInput.tsx","../src/components/elemental/Input/src/lineInputTheme.ts"],"sourcesContent":["export * from './src'","'use client'\nimport { useState, forwardRef, useImperativeHandle } from 'react'\nimport { Popper, ClickAwayListener } from '@/ele/Overlay'\nimport { styled } from '@mui/material/styles'\nimport { Box } from '@/ele/Box'\nimport MuiTextField from '@mui/material/TextField'\n\nimport {BorderBox} from '@/ele/Box'\n\ntype Props = {\n\tmargin?: 'dense' | 'normal' | 'none';\n\tinputProps?: [string,React.Dispatch<React.SetStateAction<string>>];\n\tlineHeight?: string;\n\tplacement?: 'top' | 'bottom' | 'left' | 'right';\n\tlabel?: string;\n} & React.ComponentProps<typeof MuiTextField>\nexport type PopperInputRef = {\n\tgetValue: () => string;\n}\n\n/**\n * A Input component that uses Popper to display the input field.\n * \n * has get value method if ref is provided.\n * \n * [Doc](https://mui.com/material-ui/api/text-field/)\n */\nconst PopperInput = forwardRef<PopperInputRef,Props>(({\n\tmargin=\"dense\",inputProps,\n\tlineHeight=\"1rem\",\n\tplacement=\"bottom\",label,\n\t...props\n},ref) => {\n\tconst [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n\tconst [value, setValue] = inputProps??[]\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tgetValue: () => value??\"\",\n\t\t}\n\t})\n\t\n\treturn (\n\t\t<>\n\t\t\t<BorderBox onClick={(event) => {setAnchorEl(anchorEl ? null : event.currentTarget)}}\n\t\t\ttitle={label}\n\t\t\tsx={{\n\t\t\t\twidth:\"-webkit-fill-available\",\n\t\t\t\tflex:1,\n        cursor: 'pointer',\n\t\t\t}}\n\t\t\t>\n\t\t\t\t<Box \n\t\t\t\tstyle={{\n\t\t\t\t\t\"--lh\":lineHeight,\n\t\t\t\t} as React.CSSProperties}\n\t\t\t\tsx={{\n\t\t\t\t\tlineHeight:\"var(--lh)\",\n\t\t\t\t\twidth:\"100%\",\n\t\t\t\t\ttextOverflow:\"ellipsis\",\n\t\t\t\t\twhiteSpace:\"nowrap\",\n\t\t\t\t\toverflow:\"hidden\",\n\t\t\t\t}}>{value}</Box>\n\t\t\t</BorderBox>\n\t\t\t<StyledPopper {...{\n\t\t\t\tanchorEl,\n\t\t\t\topen:Boolean(anchorEl),\n\t\t\t\tplacement,\n\t\t\t}}>\n\t\t\t\t<ClickAwayListener onClickAway={()=>setAnchorEl(null)}>\n\t\t\t\t\t<Box sx={{\n\t\t\t\t\t\t\"&>.MuiTextField-root\":{\n\t\t\t\t\t\t\twidth:\"100%\",\n              mb:0,\n\t\t\t\t\t\t}\n\t\t\t\t\t}}>\n\t\t\t\t\t\t<MuiTextField\n\t\t\t\t\t\tmargin={margin}\n\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\tvalue={value} onChange={setValue?(e) => setValue(e.target.value):undefined}\n\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\tmaxRows={10}\n\t\t\t\t\t\tonFocus={e=>e\n\t\t\t\t\t\t\t.currentTarget\n\t\t\t\t\t\t\t.setSelectionRange(\n\t\t\t\t\t\t\t\te.currentTarget.value.length, \n\t\t\t\t\t\t\t\te.currentTarget.value.length\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t</ClickAwayListener>\n\t\t\t</StyledPopper>\n\t\t</>\n\n\t)\n})\n\nexport default PopperInput\n\nconst StyledPopper = styled(Popper)(\n\t({ theme }) => ({\n\t\tpadding: theme.spacing(0.5),\n\t\tboxShadow: `var(--shadow-outset-2)`,\n\t\tborderRadius: 6,\n    maxWidth: '95vw',\n    width: 700,\n\t\tzIndex: theme.zIndex.modal,\n\t\tfontSize: 13,\n\t\tbackgroundColor: 'transparent',\n    backdropFilter: 'blur(2px)',\n\t})\n)","export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';\nexport { default as Popper } from '@mui/material/Popper';\n","import React, { forwardRef, } from 'react'\nimport Box, { type BoxProps} from '@mui/material/Box'\nimport { mergeSx } from '@/_utils/_func'\n\nconst spanPx = 5\nconst fieldsetPx = 4\n\ntype Props = {\n\tchildren: React.ReactNode, \n\ttitle?: string,\n\terror?: boolean,\n\tpyPx?: number,\n\tpxPx?: number,\n} & BoxProps\n/**\n * A Mui TextField like Box with a title and a border.\n * \n * Props options:\n * \n * @property {ReactNode} children - Whatever go inside the box.\n * @property {string} title - The left top title.\n * @property {string} error - change border-color to red.\n * @property {number} pyPx - padding top and bottom.\n * @property {number} pxPx - padding left and right.\n * @property {Record<string, unknown>} ...rest - Box props to the outer box.\n * @example\n * ### Example\n * ```js\n * const B = () => (\n * <BorderBox title=\"title\" error={false} ref={ref}>\n *  something inside\n * </BorderBox>)\n * ```\n */\nconst BorderBox = forwardRef<HTMLDivElement,Props>(({ \n\ttitle, children,pyPx=8,pxPx=12, error=false,\n  sx,\n\t...rest\n},ref) => {\n\t\n\treturn (\n\t\t<Box // control-root\n\t\tcomponent=\"div\"\n\t\tref={ref}\n\t\tstyle={{\n\t\t\t\"--border-radius\": \"var(--mui-shape-borderRadius)\",\n\t\t\t\"--py\": `${pyPx}px`,\n\t\t\t\"--px\": `${pxPx}px`,\n\t\t\t\"--span-px\": `${spanPx}px`,\n\t\t\t\"--fieldset-px\": `${fieldsetPx}px`,   \n\t\t\t\"--border-color-local\": error ? \"var(--mui-palette-error-main)\" : \"var(--mui-palette-border-1)\",\n\t\t\t\"--color-content-local\": error ? \"var(--mui-palette-error-main)\" : \"var(--mui-palette-text-primary)\",\n\t\t\t\"--color-local\": error ? \"var(--mui-palette-error-main)\" : \"var(--mui-palette-text-grey-1)\",\n\t\t\t\"--hover-border-color-local\": error ? \"var(--mui-palette-error-dark)\" : \"var(--mui-palette-border-hover-1)\",\n\t\t\tminWidth: 0,\n\t\t}}\n\t\tsx={mergeSx(\n\t\t\t{ // inputbase-root\n\t\t\tdisplay: 'inline-flex',\n\t\t\tflexDirection: 'column',\n\t\t\tposition: 'relative',\n\t\t\tminWidth: 0,\n\t\t\tpadding: 0, \n\t\t\tpaddingTop:`var(--py)`, paddingBottom:`var(--py)`, // avoid title overlap\n\t\t\tmargin: 0,\n\t\t\tborder: 0,\n\t\t\tverticalAlign: 'top',\n\t\t\tcursor: 'auto',\n\t\t\t\"&:hover>div>fieldset\": {\n\t\t\t\tborderColor:\"var(--hover-border-color-local)\",\n\t\t\t},\n\t\t},\n\t\t\tsx,\n\t\t)}\n\t\t{...rest}\n\t\t>\n\t\t\t<Box sx={{ // input\n\t\t\t\tletterSpacing: '0.00938em',\n\t\t\t\tboxSizing: 'border-box',\n\t\t\t\tposition: 'relative',\n\t\t\t\talignItems: 'center',\n\t\t\t\tdisplay: 'block',\n\t\t\t\tborderRadius:'var(--border-radius)',\n\t\t\t\twidth:\"100%\",\n\t\t\t}}>\n\t\t\t\t<Box sx={{\n\t\t\t\t\tpaddingLeft:`var(--px)`, paddingRight:`var(--px)`,\n\t\t\t\t\tpaddingTop:`var(--py)`, paddingBottom:`var(--py)`,\n\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\tfontSize: '1rem',\n\t\t\t\t\tlineHeight: '1.4375em',\n\t\t\t\t\twidth:\"-webkit-fill-available\",\n\t\t\t\t\tminHeight:\"1rem\",\n\t\t\t\t\tcolor:\"var(--color-content-local)\",\n\t\t\t\t}} >{children}</Box>\n\t\t\t\t<Box component=\"fieldset\" sx={{\n\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\tright: 0,\n\t\t\t\t\ttop: `calc(var(--py)*-1)`,\n\t\t\t\t\tleft: 0,\n\t\t\t\t\tpaddingLeft:\"var(--fieldset-px)\", paddingRight:\"var(--fieldset-px)\",\n\t\t\t\t\tmargin:0,\n\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\tborderRadius: 'inherit',\n\t\t\t\t\tborder:\"1px solid\",\n\t\t\t\t\tborderColor:\"var(--border-color-local)\",\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\tminWidth: '0%',\n\t\t\t\t\t\n\t\t\t\t}}>\n\t\t\t\t\t<Box component=\"legend\" sx={{\n\t\t\t\t\t\tfloat: 'unset',\n\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\theight: \"1em\",\n\t\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}>\n\t\t\t\t\t\t{title && <Box component=\"span\" sx={{\n\t\t\t\t\t\t\tpaddingLeft:\"var(--span-px)\", paddingRight:\"var(--span-px)\",\n\t\t\t\t\t\t\tvisibility: 'visible',\n\t\t\t\t\t\t\tfontSize: '0.7em',\n\t\t\t\t\t\t\tlineHeight: '1.4375em',\n\t\t\t\t\t\t\tletterSpacing: '0.00938em',\n\t\t\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tfontFamily: 'inherit',\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\tcolor:\"var(--color-local)\",\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Box>}\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Box>\n\t\t</Box>\n\t)\n})\n\nexport default BorderBox\n\n/*\nshift = px-5+8\n*/","import type { SxProps, Theme } from '@mui/material/styles'\n\n/** Values accepted by {@link mergeSx}: objects, callbacks, arrays (nested ok), or omitted. */\nexport type SxMergePart =\n  | SxProps<Theme>\n  | Record<string, unknown>\n  | ReadonlyArray<SxMergePart>\n  | false\n  | null\n  | undefined\n\nfunction flattenSx(part: unknown): unknown[] {\n  if (part == null || typeof part === 'boolean') {\n    return []\n  }\n  if (Array.isArray(part)) {\n    return part.flatMap(flattenSx)\n  }\n  if (typeof part === 'function' || typeof part === 'object') {\n    return [part]\n  }\n  return []\n}\n\n/**\n * Combine MUI `sx` values into one prop.\n *\n * Nested arrays are flattened (`[base, [a, b]]` → `[base, a, b]`).\n * `null` / `undefined` / `false` entries are dropped. Later parts win,\n * same as MUI's `sx` array merge.\n */\nexport function mergeSx(...parts: SxMergePart[]): SxProps<Theme> | undefined {\n  const list = parts.flatMap(flattenSx)\n  if (list.length === 0) {\n    return undefined\n  }\n  if (list.length === 1) {\n    return list[0] as SxProps<Theme>\n  }\n  return list as SxProps<Theme>\n}\n","export * from './BorderBox'\nexport {default as Box} from '@mui/material/Box'\nexport {default as Stack} from '@mui/material/Stack'\nexport {default as Grid} from '@mui/material/Grid'\n","import React, { Fragment, forwardRef } from 'react'\nimport InputBase, { InputBaseProps } from '@mui/material/InputBase'\nimport { Box } from '@/ele/Box'\nimport { Paper as MuiPaper } from '@/ele/Paper'\nimport { IconButton } from '@/ele/Button'\nimport { Divider as MuiDivider } from '@/ele/Divider'\n\nimport { BorderBox } from '@/ele/Box'\nimport { stackInputVars } from './theme'\nimport { mergeSx } from '@/_utils/_func'\n\ntype buttonOptions = {\n\ticon: React.ReactNode;\n} & Omit<React.ComponentProps<typeof IconButton>,\"children\"|\"size\">\ntype Props = {\n\tmultiline?: boolean;\n\trows?: number;\n\tmargin?: 'dense' | 'normal' | 'none';\n\tsize?: 'small' | 'medium';\n\tlabel?: string;\n\tvalue?: string;\n\tplaceholder?: string;\n  inputProps?: Record<string, unknown>;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  startButtons?:buttonOptions[];\n  endButtons?: buttonOptions[];\n  br?: number; // border-radius\n  haveBorder?: boolean; // have border\n  borderTitle?: React.ComponentProps<typeof Wrapper>[\"title\"];\n  /** Optional custom input component (e.g. raw phone input) */\n  InputComponent?: React.ElementType;\n  /** Props forwarded to the custom input component */\n  inputComponentProps?: Record<string, unknown>;\n  slotProps?:{\n    input?: Partial<React.ComponentProps<typeof InputBase>[\"slotProps\"]>;\n    paper?: Partial<React.ComponentProps<typeof MuiPaper>>;\n    wrapper?: Partial<React.ComponentProps<typeof BorderBox>>;\n  }\n} & InputBaseProps\n/**\n * A input component stacked with buttons on the left and right side.\n * \n * [Doc](https://mui.com/material-ui/api/text-field/)\n */\nconst StackInput = forwardRef(({\n\tvalue,onChange,\n\tstartButtons=[], // [{icon: <Icon />, onClick: ()=>{},...props}]\n\tendButtons=[],  // [{icon: <Icon />, onClick: ()=>{},...props}]\n\tplaceholder=\"\",\n\n\thaveBorder=true,\n\tborderTitle,\n\tinputProps={},\n\tbr=4,\n  slotProps,\n  InputComponent,\n  inputComponentProps,\n\t...rest\n}:Props,ref) => {\n\n  const {sx: paperSX, ...restPaperProps} = slotProps?.paper || {}\n\n\treturn (\n\t\t<Wrapper haveBorder={haveBorder} title={borderTitle} {...slotProps?.wrapper}>\n\t\t\t<MuiPaper\n\n      variant=\"elevation\"\n\t\t\tstyle={{\n\t\t\t\t'--br': `${br}px`,\n\t\t\t\t'--pd': haveBorder?\"0px\":\"8px 4px\",\n\t\t\t\t...stackInputVars,\n\t\t\t} as React.CSSProperties}\n\t\t\tsx={{ \n        boxShadow:'none',\n\t\t\t\tpadding:\"var(--pd)\",\n\t\t\t\tdisplay: 'flex', \n\t\t\t\talignItems: 'center',\n\t\t\t\tborderRadius: \"var(--br)\",\n        background: \"var(--stack-input-bg)\",\n        ...paperSX,\n\t\t\t}}\n      {...restPaperProps}\n\t\t\t>\n\t\t\t\t{startButtons.map(({icon,onClick,...rest}, index) => (\n\t\t\t\t\t<IconButton \n\t\t\t\t\tkey={index} \n\t\t\t\t\tsx={{ padding: 0 }} \n\t\t\t\t\tonClick={onClick} {...rest}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</IconButton>\n\t\t\t\t))}\n\n        {(() => {\n          const InputComp = (InputComponent || InputBase) as React.ElementType\n          return (\n            <InputComp ref={ref}\n              slotProps={slotProps?.input}\n              value={value} onChange={onChange}\n              sx={mergeSx(\n                slotProps?.input?.sx,\n                {\n                  \"&.MuiInputBase-root\":{\n                    marginLeft: \"8px\", \n                    flex: 1,\n                  },\n                },\n              )}\n              placeholder={placeholder}\n              {...rest}\n              inputProps={{...inputProps}}\n              {...(inputComponentProps || {})}\n            />\n          )\n        })()} \n\n\t\t\t\t<Box \n\t\t\t\tsx={{\n\t\t\t\t\tdisplay:\"flex\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t}}>\n\t\t\t\t\t{endButtons.map(({icon,onClick,...rest}, index) => (\n\t\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t\t<IconButton \n\t\t\t\t\t\t\tsx={{ p: 0 }} \n\t\t\t\t\t\t\tonClick={onClick} {...rest}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{icon}\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t{index<endButtons.length-1 && \n\t\t\t\t\t\t\t<MuiDivider sx={{ height: 28, m: 0.5,borderLeftWidth:0 }} \n\t\t\t\t\t\t\torientation=\"vertical\" />}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t</MuiPaper>\n\t\t</Wrapper>\n\t)\n})\n\nexport default StackInput\n\nfunction Wrapper(p:{\n\tchildren:React.ReactNode;\n\thaveBorder:boolean;\n\ttitle?:React.ComponentProps<typeof BorderBox>[\"title\"];\n} & React.ComponentProps<typeof BorderBox>){\n  const {children, haveBorder, title, ...rest} = p;\n  \n\tif(haveBorder)return (<BorderBox title={title} \n\t\tsx={{\n\t\t\twidth:\"-webkit-fill-available\",\n\t\t}} {...rest}>\n\t\t\t{children}\n\t\t</BorderBox>)\n\treturn children\n}","import Paper, { type PaperProps } from '@mui/material/Paper'\n\n/**\n * A wrapper for Mui Paper\n */\nexport default function MuiPaper(props: PaperProps) {\n  return <Paper {...props} />\n}\n","'use client'\nimport {forwardRef} from 'react'\nimport MuiIconButton from '@mui/material/IconButton'\nimport { Tooltip } from '@/ele/Tooltip'\nimport { type TooltipProps } from '@mui/material/Tooltip'\nimport { Box } from '@/ele/Box'\n\ntype IconButtonProps = React.ComponentProps<typeof MuiIconButton>\ntype Props = {\n  /** The Icon to render */\n  children: React.ReactNode;\n  /** The title of the tooltip */\n  title?: string;\n  /** \n   * The color theme of the entire component.\n   * @default 'secondary' (from theme)\n   */\n  color?: IconButtonProps['color'];\n  /**\n   * The size of the component.\n   * @default 'small' (from theme)\n   */\n  size?: IconButtonProps['size'];\n  \n  selected?: boolean;\n  \n  slotProps?: {\n    tooltip?: Omit<TooltipProps, \"children\">\n  };\n} & Omit<IconButtonProps, \"color\" | \"size\">;\n\n/**\n * A MuiIconButton wrapped in a MuiTooltip.\n * Default props like `size` and `color` are handled by the theme.\n */\nconst IconButton = forwardRef<HTMLButtonElement, Props>(({\n  title = \"\",\n  children,\n  color,\n  size,\n  slotProps,\n  selected,\n  className,\n  ...props\n}, ref) => {\n  return (\n    <Tooltip \n      title={title} \n      slotProps={{\n        popper: {\n          sx: {\n            textTransform: \"capitalize\",\n          }\n        },\n        ...slotProps?.tooltip\n      }}\n    >\n      <Box component=\"span\" sx={{width: \"fit-content\"}}>\n        <MuiIconButton\n          ref={ref}\n          color={color}\n          size={size}\n          className={[className, selected ? 'Mui-selected' : ''].filter(Boolean).join(' ')}\n          {...props}\n        >\n          {children}\n        </MuiIconButton>\n      </Box>\n    </Tooltip>\n  )\n})\n\nexport default IconButton","export {default as Tooltip} from '@mui/material/Tooltip'\nexport * from './theme'\n","export {default as Divider} from '@mui/material/Divider'\nexport * from './theme'\nexport * from './theme'","/**\n * Root-level CSS variable aliases for StackInput.\n * MuiPaper spreads these; palette refs are declared only here.\n */\nexport const stackInputVars = {\n  '--stack-input-bg': 'var(--mui-palette-background-default)',\n} as const\n","'use client'\n\nimport 'react-phone-number-input/style.css'\nimport PhoneInput from 'react-phone-number-input'\nimport React, { forwardRef, memo, useMemo } from 'react'\nimport { TextField as MuiTextField } from '../TextField'\nimport { Box } from '@/ele/Box'\nimport { styled } from '@mui/material/styles'\n\nimport { telPhoneInputVars, telPhoneInputErrorVars } from './theme'\nimport { MuiCountrySelect, type MuiCountrySelectProps } from './CountrySelect'\n\nconst stackPhoneSlotProps = {\n  input: {\n    sx: {\n      border: 'none',\n      \"&::before, &::after\": { borderBottom: 'none' },\n      \"&:hover:not(.Mui-disabled, .Mui-error):before\": { borderBottom: 'none' },\n      '& .MuiInputBase-input': { padding: '8px 0' },\n    },\n  },\n} as const\n\nconst StackPhoneNumberInput = memo(forwardRef<HTMLInputElement, React.ComponentProps<typeof MuiTextField>>(\n  (p, ref) => (\n    <MuiTextField\n      {...p}\n      inputRef={ref}\n      variant='standard'\n      slotProps={stackPhoneSlotProps}\n    />\n  ),\n))\n\nexport default function TelPhoneInput(p: React.ComponentProps<typeof PhoneInput> & {\n  error?: boolean;\n  iconComponent?: React.ElementType;\n}) {\n  const { error = false, countrySelectComponent, iconComponent, ...rest } = p;\n\n  const CountryComponent = useMemo(() => {\n    if (countrySelectComponent) {\n      return countrySelectComponent\n    }\n\n    if (!iconComponent) {\n      return MuiCountrySelect\n    }\n\n    return function CountrySelectWithIcon(props: MuiCountrySelectProps) {\n      return <MuiCountrySelect {...props} iconComponent={iconComponent} />\n    }\n  }, [countrySelectComponent, iconComponent])\n\n  return (\n    <StyledWrapper className={error ? 'mui-error' : ''}>\n      <PhoneInput\n        {...rest}\n        international\n        countrySelectComponent={CountryComponent}\n        inputComponent={rest.inputComponent ?? StackPhoneNumberInput}\n      />\n    </StyledWrapper>\n  )\n}\n\nconst StyledWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>({\n  ...telPhoneInputVars,\n  \"&.mui-error\": telPhoneInputErrorVars,\n \n  border: 'solid 1px var(--tel-phone-input-border-color)',\n  borderRadius: 'var(--tel-phone-input-border-radius)',\n  \"&:hover\": {\n    borderColor: 'var(--tel-phone-input-hover-border-color)',\n  },\n})\n","export {default as TextField} from '@mui/material/TextField'\nexport * from './theme'","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const textFieldTheme = {\n  defaultProps: {\n    size: 'small',\n  },\n\n  styleOverrides: {\n    root: {\n      \"& fieldset\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n        \n      },\n      \"& .MuiOutlinedInput-root.Mui-focused:not(.Mui-error) fieldset\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiTextField\">\n\nexport const inputBaseTheme = {\n  styleOverrides: {\n    root: {\n      \"&.MuiInputBase-root::after\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n      },\n      \"&.MuiInputBase-root::before\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n      },\n\n    },\n\n  },\n} as const satisfies MuiComponentTheme<\"MuiInputBase\">","/**\n * Root-level CSS variable aliases for TelPhoneInput.\n * StyledWrapper spreads these; palette refs are declared only here.\n */\nexport const telPhoneInputVars = {\n  '--tel-phone-input-border-color': 'var(--mui-palette-border-1)',\n  '--tel-phone-input-hover-border-color': 'var(--mui-palette-border-hover-1)',\n  '--tel-phone-input-border-radius': 'var(--mui-shape-borderRadius)',\n} as const\n\nexport const telPhoneInputErrorVars = {\n  '--tel-phone-input-border-color': 'var(--mui-palette-error-main)',\n  '--tel-phone-input-hover-border-color': 'var(--mui-palette-error-main)',\n} as const\n","'use client'\n\nimport Menu from '@mui/material/Menu'\nimport { KeyboardArrowDownIcon as KeyboardArrowDown } from '@/icons/MuiIcon'\nimport React, { memo, useCallback, useMemo, useState } from 'react'\nimport { Box } from '@/ele/Box'\nimport { getCountryCallingCode } from 'react-phone-number-input'\nimport type { CountryCode } from 'libphonenumber-js'\n\nexport type CountrySelectOption = {\n  value?: string;\n  label: string;\n  divider?: boolean;\n}\n\nexport type MuiCountrySelectProps = {\n  name?: string;\n  value?: string;\n  options: CountrySelectOption[];\n  onChange: (value?: string) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  iconComponent?: React.ElementType;\n  'aria-label'?: string;\n  onFocus?: (event: React.FocusEvent<HTMLElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLElement>) => void;\n  tabIndex?: number;\n}\n\nconst ROW_HEIGHT = 36\nconst LIST_HEIGHT = 280\nconst OVERSCAN = 4\n\nconst callingCodeCache = new Map<string, string>()\n\nfunction callingCodeLabel(code?: string) {\n  if (!code) return ''\n  const cached = callingCodeCache.get(code)\n  if (cached !== undefined) return cached\n  let next = ''\n  try {\n    next = `+${getCountryCallingCode(code as CountryCode)}`\n  } catch {\n    next = ''\n  }\n  callingCodeCache.set(code, next)\n  return next\n}\n\nconst triggerSx = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: '4px',\n  minWidth: 40,\n  px: 0.75,\n  py: 0.5,\n  border: 'none',\n  borderRadius: 1,\n  cursor: 'pointer',\n  lineHeight: 0,\n  color: 'inherit',\n  backgroundColor: 'var(--mui-palette-primary-background, transparent)',\n  '&:hover': {\n    backgroundColor: 'color-mix(in lab, var(--mui-palette-text-primary), transparent 92%)',\n  },\n  '&:disabled': {\n    cursor: 'default',\n    opacity: 0.5,\n  },\n} as const\n\nconst rowSx = {\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  width: '100%',\n  px: 1.5,\n  border: 'none',\n  background: 'none',\n  color: 'inherit',\n  cursor: 'pointer',\n  textAlign: 'left',\n  '&:hover': {\n    backgroundColor: 'color-mix(in lab, var(--mui-palette-text-primary), transparent 92%)',\n  },\n  '&[aria-selected=\"true\"]': {\n    backgroundColor: 'color-mix(in lab, var(--mui-palette-primary-main, #1976d2), transparent 88%)',\n  },\n  '& .PhoneInputCountryIcon': {\n    flexShrink: 0,\n    overflow: 'hidden',\n  },\n} as const\n\nconst CountryRow = memo(function CountryRow({\n  option,\n  selected,\n  Icon,\n  onSelect,\n  offset,\n}: {\n  option: CountrySelectOption;\n  selected: boolean;\n  Icon?: React.ElementType;\n  onSelect: (value?: string) => void;\n  offset: number;\n}) {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      role=\"option\"\n      aria-selected={selected}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={() => onSelect(option.value)}\n      sx={rowSx}\n      style={{ top: offset, height: ROW_HEIGHT }}\n    >\n      {Icon ? (\n        <Icon\n          aria-hidden\n          country={option.value}\n          label={option.label}\n          className=\"PhoneInputCountryIcon\"\n        />\n      ) : null}\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n        {option.label}\n      </Box>\n      <Box component=\"span\" sx={{ opacity: 0.7, fontSize: '0.75rem' }}>\n        {callingCodeLabel(option.value)}\n      </Box>\n    </Box>\n  )\n})\n\nfunction VirtualCountryList({\n  options,\n  value,\n  Icon,\n  onSelect,\n}: {\n  options: CountrySelectOption[];\n  value?: string;\n  Icon?: React.ElementType;\n  onSelect: (value?: string) => void;\n}) {\n  const rows = useMemo(\n    () => options.filter((option) => !option.divider),\n    [options],\n  )\n  const [scrollTop, setScrollTop] = useState(0)\n  const start = Math.max(0, Math.floor(scrollTop / ROW_HEIGHT) - OVERSCAN)\n  const visibleCount = Math.ceil(LIST_HEIGHT / ROW_HEIGHT) + OVERSCAN * 2\n  const end = Math.min(rows.length, start + visibleCount)\n  const height = Math.min(LIST_HEIGHT, rows.length * ROW_HEIGHT)\n\n  return (\n    <Box\n      role=\"listbox\"\n      onScroll={(event) => setScrollTop(event.currentTarget.scrollTop)}\n      sx={{ height, width: 320, overflow: 'auto' }}\n    >\n      <Box sx={{ height: rows.length * ROW_HEIGHT, position: 'relative' }}>\n        {rows.slice(start, end).map((option, index) => (\n          <CountryRow\n            key={option.value ?? option.label}\n            option={option}\n            selected={option.value === value}\n            Icon={Icon}\n            onSelect={onSelect}\n            offset={(start + index) * ROW_HEIGHT}\n          />\n        ))}\n      </Box>\n    </Box>\n  )\n}\n\nfunction countryOptionsAreEqual(prev: CountrySelectOption[], next: CountrySelectOption[]) {\n  if (prev === next) return true\n  if (prev.length !== next.length) return false\n  for (let i = 0; i < prev.length; i += 1) {\n    const a = prev[i]\n    const b = next[i]\n    if (a.value !== b.value || a.label !== b.label || Boolean(a.divider) !== Boolean(b.divider)) {\n      return false\n    }\n  }\n  return true\n}\n\nfunction countrySelectPropsAreEqual(prev: MuiCountrySelectProps, next: MuiCountrySelectProps) {\n  return (\n    prev.value === next.value &&\n    countryOptionsAreEqual(prev.options, next.options) &&\n    prev.onChange === next.onChange &&\n    prev.onFocus === next.onFocus &&\n    prev.onBlur === next.onBlur &&\n    prev.disabled === next.disabled &&\n    prev.readOnly === next.readOnly &&\n    prev.iconComponent === next.iconComponent &&\n    prev.name === next.name &&\n    prev['aria-label'] === next['aria-label'] &&\n    prev.tabIndex === next.tabIndex\n  )\n}\n\nexport const MuiCountrySelect = memo(function MuiCountrySelect({\n  name,\n  value,\n  options,\n  onChange,\n  disabled,\n  readOnly,\n  iconComponent: Icon,\n  'aria-label': ariaLabel,\n  onFocus,\n  onBlur,\n  tabIndex,\n}: MuiCountrySelectProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n  const open = Boolean(anchorEl)\n  const isDisabled = Boolean(disabled || readOnly)\n\n  const selectedOption = useMemo(\n    () => options.find((option) => !option.divider && option.value === value),\n    [options, value],\n  )\n\n  const handleOpen = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled) return\n    setAnchorEl(event.currentTarget)\n  }, [isDisabled])\n\n  const handleClose = useCallback(() => {\n    setAnchorEl(null)\n  }, [])\n\n  const handleSelect = useCallback((next?: string) => {\n    onChange(next)\n    setAnchorEl(null)\n  }, [onChange])\n\n  return (\n    <>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        name={name}\n        tabIndex={tabIndex}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open ? 'true' : 'false'}\n        onClick={handleOpen}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        sx={triggerSx}\n      >\n        {Icon && selectedOption ? (\n          <Icon\n            aria-hidden\n            country={value}\n            label={selectedOption.label}\n            className=\"PhoneInputCountryIcon\"\n          />\n        ) : null}\n        <KeyboardArrowDown fontSize=\"small\" />\n      </Box>\n\n      {open ? (\n        <Menu\n          open\n          anchorEl={anchorEl}\n          onClose={handleClose}\n          transitionDuration={0}\n          disableAutoFocusItem\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n          slotProps={{\n            list: {\n              'aria-label': ariaLabel,\n              sx: { p: 0 },\n            },\n          }}\n        >\n          <VirtualCountryList\n            options={options}\n            value={value}\n            Icon={Icon}\n            onSelect={handleSelect}\n          />\n        </Menu>\n      ) : null}\n    </>\n  )\n}, countrySelectPropsAreEqual)\n","// display\nexport {default as ArrowIcon} from '@mui/icons-material/ArrowRightAlt'\nexport {default as FileIcon} from '@mui/icons-material/DescriptionOutlined'\nexport {default as DescriptionIcon} from '@mui/icons-material/Description'\nexport {default as PictureAsPdfIcon} from '@mui/icons-material/PictureAsPdf'\nexport {default as AudioFileIcon} from '@mui/icons-material/AudioFile'\nexport {default as VideoFileIcon} from '@mui/icons-material/VideoFile'\nexport {default as TableChartIcon} from '@mui/icons-material/TableChart'\nexport {default as FolderZipIcon} from '@mui/icons-material/FolderZip'\nexport {default as InsertDriveFileIcon} from '@mui/icons-material/InsertDriveFile'\nexport {default as ImageIcon} from '@mui/icons-material/ImageOutlined'\nexport {default as LayersIcon} from '@mui/icons-material/LayersOutlined'\nexport {default as TextIcon} from '@mui/icons-material/TextFormat'\nexport {default as RemoveIcon} from '@mui/icons-material/Remove'\nexport {default as AddFileIcon} from '@mui/icons-material/PostAdd'\nexport {default as ErrorIcon} from '@mui/icons-material/ErrorOutline'\nexport {default as QuestionIcon} from '@mui/icons-material/QuestionMarkOutlined'\nexport {default as RoomIcon} from '@mui/icons-material/MeetingRoomOutlined'\nexport {default as BlacklistIcon} from '@mui/icons-material/PlaylistRemove'\nexport {default as WhitelistIcon} from '@mui/icons-material/ChecklistRtl'\nexport {default as NoImageIcon} from '@mui/icons-material/HideImageOutlined'\nexport {default as EyeIcon} from '@mui/icons-material/RemoveRedEyeTwoTone'\nexport {default as CropSizeIcon} from '@mui/icons-material/PhotoSizeSelectLarge'\nexport {default as AdminIcon} from '@mui/icons-material/LockPersonOutlined'\nexport {default as UserIcon} from '@mui/icons-material/Person'\nexport {default as EmoticonIcon} from '@mui/icons-material/InsertEmoticon'\nexport {default as DisabledSelectionIcon} from '@mui/icons-material/RemoveDoneOutlined'\nexport {default as TagIcon} from '@mui/icons-material/Tag'\nexport {default as AudioIcon} from '@mui/icons-material/Audiotrack'\nexport {default as VideoIcon} from '@mui/icons-material/Videocam'\nexport {default as CodeIcon} from '@mui/icons-material/Code'\nexport {default as ChartIcon} from '@mui/icons-material/Equalizer'\nexport {default as TableIcon} from '@mui/icons-material/PivotTableChart'\nexport {default as SearchIcon} from '@mui/icons-material/Search'\nexport {default as DataObjectIcon} from '@mui/icons-material/DataObject'\nexport {default as A2ZIcon} from '@mui/icons-material/SortByAlpha'\nexport {default as ThumbUpIcon} from '@mui/icons-material/ThumbUp'\nexport {default as MoneyIcon} from '@mui/icons-material/AttachMoneyOutlined'\nexport {default as ServerIcon} from '@mui/icons-material/Storage'\nexport {default as CerticateIcon} from '@mui/icons-material/WorkspacePremium'\nexport {default as NumberIcon} from '@mui/icons-material/Numbers'\nexport {default as SumIcon} from '@mui/icons-material/Functions'\nexport {default as LightBulbIcon} from '@mui/icons-material/Lightbulb'\nexport {default as RotateIcon} from '@mui/icons-material/CropRotate'\nexport {default as ImageSzieScaleIcon} from '@mui/icons-material/PhotoSizeSelectLarge'\nexport {default as CollectionIcon} from '@mui/icons-material/CollectionsBookmark'\nexport {default as HistoryIcon} from '@mui/icons-material/Schedule'\nexport {default as StyleIcon} from '@mui/icons-material/Style'\nexport {default as ARHorizontalIcon} from '@mui/icons-material/Crop169'\nexport {default as ARSquareIcon} from '@mui/icons-material/CropSquare'\nexport {default as VoiceIcon} from '@mui/icons-material/GraphicEqRounded'\nexport {default as MemoryIcon} from '@mui/icons-material/MemoryRounded'\n\n// button\nexport {default as AddCircleIcon} from '@mui/icons-material/AddCircleOutlineRounded'\nexport {default as AddIcon} from '@mui/icons-material/Add'\nexport {default as CloseIcon} from '@mui/icons-material/Close'\nexport {default as ExpandMoreIcon} from '@mui/icons-material/ExpandMore'\nexport {default as AutorenewIcon} from '@mui/icons-material/Autorenew'\nexport {default as CheckCircleIcon} from '@mui/icons-material/CheckCircle'\nexport {default as MenuIcon} from '@mui/icons-material/Menu'\nexport {default as MoreIcon} from '@mui/icons-material/MoreVert'\nexport {default as MoreHorizIcon} from '@mui/icons-material/MoreHoriz'\nexport {default as CopyIcon} from '@mui/icons-material/ContentCopy'\nexport {default as PasteIcon} from '@mui/icons-material/ContentPaste'\nexport {default as CloudIcon} from '@mui/icons-material/Cloud'\nexport {default as DownloadIcon} from '@mui/icons-material/DownloadOutlined'\nexport {default as DownloadDoneIcon} from '@mui/icons-material/DownloadDoneOutlined'\nexport {default as StartIcon} from '@mui/icons-material/StarBorderOutlined'\nexport {default as DeleteIcon} from '@mui/icons-material/DeleteForever'\nexport {default as LayerClearIcon } from '@mui/icons-material/LayersClear'\nexport {default as CheckIcon } from '@mui/icons-material/Check'\nexport {default as CheckAllIcon } from '@mui/icons-material/DoneAll'\nexport {default as PowerIcon } from '@mui/icons-material/PowerSettingsNew'\nexport {default as SendIcon } from '@mui/icons-material/Send'\nexport {default as ZoomInIcon } from '@mui/icons-material/ZoomInMap'\nexport {default as ZoomOutIcon } from '@mui/icons-material/ZoomOutMap'\nexport {default as ToolIcon } from '@mui/icons-material/HomeRepairService'\nexport {default as ConstructionIcon } from '@mui/icons-material/Construction'\nexport {default as HelpIcon } from '@mui/icons-material/Help'\nexport {default as ReportIcon } from '@mui/icons-material/EmojiFlags'\nexport {default as EditIcon } from '@mui/icons-material/Edit'\nexport {default as ForkIcon } from '@mui/icons-material/ForkRight'\nexport {default as SettingIcon } from '@mui/icons-material/Settings'\nexport {default as RestoreIcon } from '@mui/icons-material/Restore'\nexport {default as EditListIcon } from '@mui/icons-material/EditNote'\nexport {default as HomeIcon } from '@mui/icons-material/HomeOutlined'\nexport {default as EnterRoomIcon } from '@mui/icons-material/ExitToAppOutlined'\nexport {default as SunIcon} from '@mui/icons-material/WbSunnyOutlined'\nexport {default as MoonIcon} from '@mui/icons-material/DarkModeOutlined'\nexport {default as AttachFileIcon} from '@mui/icons-material/AttachFileOutlined'\nexport {default as NoteAddIcon} from '@mui/icons-material/NoteAdd'\nexport {default as CloudUploadIcon} from '@mui/icons-material/CloudUpload'\nexport {default as DoubleRightArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowRight'\nexport {default as DoubleLeftArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowLeft'\nexport {default as DoubleArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowRightRounded'\nexport {default as FitScreenIcon} from '@mui/icons-material/FitScreen'\nexport {default as FullscreenIcon} from '@mui/icons-material/Fullscreen'\nexport {default as TestIcon} from '@mui/icons-material/Biotech'\nexport {default as ShareIcon} from '@mui/icons-material/Share'\nexport {default as FilterIcon}  from '@mui/icons-material/FilterAlt'\nexport {default as SyncIcon} from '@mui/icons-material/Sync'\nexport {default as PlayIcon} from '@mui/icons-material/PlayArrow'\nexport {default as PauseIcon} from '@mui/icons-material/PauseOutlined'\nexport {default as RandomIcon} from '@mui/icons-material/Casino'\nexport {default as CoinIcon} from '@mui/icons-material/Paid'\nexport {default as SaveChangesIcon} from '@mui/icons-material/Save'\nexport {default as StopIcon} from '@mui/icons-material/StopRounded'\nexport {default as ReplayIcon}  from '@mui/icons-material/Replay'\nexport {default as TreeIcon} from '@mui/icons-material/AccountTree'\nexport {default as ClearIcon} from '@mui/icons-material/Close'\nexport {default as KeyboardArrowDownIcon} from '@mui/icons-material/KeyboardArrowDown'\nexport {default as KeyboardArrowRightIcon} from '@mui/icons-material/KeyboardArrowRight'\nexport {default as SearchRoundedIcon} from '@mui/icons-material/SearchRounded'\nexport {default as CloseRoundedIcon} from '@mui/icons-material/CloseRounded'\nexport {default as SortByAlphaRoundedIcon} from '@mui/icons-material/SortByAlphaRounded'\nexport {default as FilterAltOutlinedIcon} from '@mui/icons-material/FilterAltOutlined'\nexport {default as InboxOutlinedIcon} from '@mui/icons-material/InboxOutlined'\nexport {default as SearchOffIcon} from '@mui/icons-material/SearchOff'\nexport {default as ClearRoundedIcon} from '@mui/icons-material/ClearRounded'\nexport {default as ArrowDropDownRoundedIcon} from '@mui/icons-material/ArrowDropDownRounded'\n\n// login\nexport {default as AccountIcon} from '@mui/icons-material/AccountBox'\nexport {default as LogoutIcon} from '@mui/icons-material/Logout'\nexport {default as LoginIcon} from '@mui/icons-material/Login'\nexport {default as DashboardIcon} from '@mui/icons-material/Dashboard'\n\n//logo\nexport {default as WorkFlowIcon} from '@mui/icons-material/AccountTreeOutlined'\nexport {default as HelpOutlineIcon} from '@mui/icons-material/HelpOutline'\nexport {default as NavigateBeforeIcon} from '@mui/icons-material/NavigateBefore'\nexport {default as NavigateNextIcon} from '@mui/icons-material/NavigateNext'\nexport {default as PersonIcon} from '@mui/icons-material/Person'\nexport {default as CalendarTodayIcon} from '@mui/icons-material/CalendarToday'\nexport {default as ChatIcon} from '@mui/icons-material/QuestionAnswerOutlined'\nexport {default as TodayIcon} from '@mui/icons-material/Today'\nexport {default as DeleteForeverIcon} from '@mui/icons-material/DeleteForever'\n\nexport {default as AdsClickIcon} from '@mui/icons-material/AdsClick'\nexport {default as FingerprintIcon} from '@mui/icons-material/Fingerprint'\nexport {default as SportsEsportsOutlinedIcon} from '@mui/icons-material/SportsEsportsOutlined'\nexport {default as HelpOutlineRoundedIcon} from '@mui/icons-material/HelpOutlineRounded'\nexport {default as AccountTreeOutlinedIcon} from '@mui/icons-material/AccountTreeOutlined'\nexport {default as SmartToyOutlinedIcon} from '@mui/icons-material/SmartToyOutlined'\nexport {default as AcUnitIcon} from '@mui/icons-material/AcUnit'\nexport {default as LoopIcon} from '@mui/icons-material/Loop'\nexport {default as PendingIcon} from '@mui/icons-material/Pending'\nexport {default as AllInclusiveIcon} from '@mui/icons-material/AllInclusive'\nexport {default as WarningOutlinedIcon} from '@mui/icons-material/WarningOutlined'\nexport {default as InfoOutlinedIcon} from '@mui/icons-material/InfoOutlined'\nexport {default as AutoAwesomeRoundedIcon} from '@mui/icons-material/AutoAwesomeRounded'\nexport {default as ErrorOutlineOutlinedIcon} from '@mui/icons-material/ErrorOutlineOutlined'\nexport {default as DownloadFilledIcon} from '@mui/icons-material/Download'","'use client'\nimport { forwardRef } from 'react'\nimport { styled } from '@mui/material/styles'\nimport TextField, { type TextFieldProps } from '@mui/material/TextField'\nimport { lineInputVars } from './lineInputTheme'\n\ntype Props = {\n    multiline?: boolean;\n    rows?: number;\n    margin?: 'dense' | 'normal' | 'none';\n    size?: 'small' | 'medium';\n    label?: string;\n} & TextFieldProps\n/**\n * A TextField Variant \n * \n * `variant=\"standard\"`\n * \n * [Doc](https://mui.com/material-ui/api/text-field/)\n */\nconst LineInput = forwardRef<HTMLInputElement,Props>(({\n    value,label,style,...props\n},ref) => {\n    return (\n        <DefaultStyled value={value} label={label} {...props} ref={ref}\n        variant=\"standard\"\n        style={{\n            '--mt-scale':label?2:0,\n            ...style,\n        } as React.CSSProperties}\n        />\n    )\n})\n\nexport default LineInput\n\nconst DefaultStyled = styled(TextField)(\n    ()=>({\n        \"&.MuiTextField-root\":{\n            ...lineInputVars,\n            flex: 1,\n            \"& .MuiInput-input\":{\n                paddingTop:0,paddingBottom:0,\n            },\n            \"& .MuiInput-root::before\":{\n                borderBottomColor:\"var(--line-input-divider)\",\n            },\n            \"& .MuiOutlinedInput-root\": {\n                color:\"var(--line-input-text-primary)\",\n                '& fieldset': {\n                    border: 'unset',\n                    boxShadow:\"inset 0 0 0 2px var(--line-input-divider)\",\n                    color: \"var(--line-input-text-secondary)\",\n                },\n                '&:hover fieldset': {\n                    border: 'unset',\n                    boxShadow:\"inset 0 0 0 2px var(--line-input-text-secondary)\",\n                },\n                '&.Mui-focused fieldset': {\n                    border: 'unset',\n                    boxShadow:\"inset 0 0 0 2px var(--line-input-text-secondary)\",\n                },\n            },\n            \"& .MuiInputLabel-root\": {\n                border: \"unset\",\n                backgroundColor: \"var(--line-input-bg)\",\n                color: \"var(--line-input-text-secondary)\",\n                \"&.Mui-focused\":{\n                    color: \"var(--line-input-text-secondary)\",\n                },\n                \"&.Mui-focused.Mui-error\":{\n                    color: \"var(--line-input-error)\",\n                }\n            },\n            // hide placeholder ghost bug fix with css\n            // https://mui.com/material-ui/react-text-field/#shrink\n            // hide placeholder ghost\n            ' & .MuiInputLabel-root:not([data-shrink=\"true\"])~.MuiInputBase-root>.MuiInputBase-input':{\n                color:\"transparent\",\n            },\n            \"& .MuiFormHelperText-root\":{\n                color:\"var(--line-input-text-primary)\",\n            },\n            \"& .Mui-error\":{\n                color: \"var(--line-input-error)\",\n            },\n            \"& .MuiInputBase-root\":{\n                fontSize:\"inherit\",\n                color:\"var(--line-input-text-primary)\",\n                marginTop: `calc(8px * var(--mt-scale))`,\n            },\n    \n            \"& .MuiInputBase-root:after\":{\n                borderColor:\"var(--line-input-text-primary)\",\n            },\n        },\n    })\n)\n","/**\n * Root-level CSS variable aliases for LineInput.\n * Spread inside DefaultStyled's root selector; palette refs are declared only here.\n */\nexport const lineInputVars = {\n  '--line-input-bg': 'var(--mui-palette-background-default)',\n  '--line-input-divider': 'var(--mui-palette-divider)',\n  '--line-input-text-primary': 'var(--mui-palette-text-primary)',\n  '--line-input-text-secondary': 'var(--mui-palette-text-secondary)',\n  '--line-input-error': 'var(--mui-palette-error-main)',\n} as const\n"],"mappings":"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","names":["import_react","Box","import_Box","import_jsx_runtime","MuiTextField","import_react","import_jsx_runtime","Paper","import_react","import_jsx_runtime","MuiIconButton","import_jsx_runtime","rest","InputBase","import_react_phone_number_input","import_react","import_TextField","import_styles","import_Menu","import_PhotoSizeSelectLarge","import_Close","import_Person","import_DeleteForever","import_AccountTreeOutlined","import_react","import_jsx_runtime","CountryRow","MuiCountrySelect","Menu","import_jsx_runtime","PhoneInput","import_react","import_styles","import_TextField","import_jsx_runtime","TextField"]}

package/dist/input.mjs

@@ -0,0 +1,32 @@
+import {
+  LineInput_default,
+  PopperInput_default,
+  StackInput_default
+} from "./chunk-ZG3NQI77.mjs";
+import {
+  TelPhoneInput
+} from "./chunk-OGNGPI3M.mjs";
+import {
+  default as default2,
+  inputBaseTheme,
+  textFieldTheme
+} from "./chunk-VYD3PDBB.mjs";
+import "./chunk-3DQINB57.mjs";
+import "./chunk-3VUAM2GY.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  LineInput_default as LineInput,
+  PopperInput_default as PopperInput,
+  StackInput_default as StackInput,
+  TelPhoneInput,
+  default2 as TextField,
+  inputBaseTheme,
+  textFieldTheme
+};
+//# sourceMappingURL=input.mjs.map

package/dist/input.mjs.map

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

package/dist/jsonEditor.d.mts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { JsonEditor as JsonEditor$1 } from 'json-edit-react';
+
+/**
+ * using json-edit-react to build a structured output
+ *
+ * [Doc] https://github.com/CarlosNZ/json-edit-react
+ */
+declare const JsonEditor: React.FC<React.ComponentProps<typeof JsonEditor$1> & {
+    error?: boolean;
+}>;
+
+export { JsonEditor };

package/dist/jsonEditor.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { JsonEditor as JsonEditor$1 } from 'json-edit-react';
+
+/**
+ * using json-edit-react to build a structured output
+ *
+ * [Doc] https://github.com/CarlosNZ/json-edit-react
+ */
+declare const JsonEditor: React.FC<React.ComponentProps<typeof JsonEditor$1> & {
+    error?: boolean;
+}>;
+
+export { JsonEditor };

package/dist/jsonEditor.js

@@ -0,0 +1,247 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/elemental/JsonEditor/src/JsonEditor/CodeEditor.tsx
+var CodeEditor_exports = {};
+__export(CodeEditor_exports, {
+  default: () => CodeEditor_default
+});
+var import_react_codemirror, import_lang_json, import_codemirror_theme_github, import_styles, import_jsx_runtime, jsonExtensions, CodeEditor, CodeEditor_default;
+var init_CodeEditor = __esm({
+  "src/components/elemental/JsonEditor/src/JsonEditor/CodeEditor.tsx"() {
+    "use strict";
+    "use client";
+    import_react_codemirror = __toESM(require("@uiw/react-codemirror"));
+    import_lang_json = require("@codemirror/lang-json");
+    import_codemirror_theme_github = require("@uiw/codemirror-theme-github");
+    import_styles = require("@mui/material/styles");
+    import_jsx_runtime = require("react/jsx-runtime");
+    jsonExtensions = [(0, import_lang_json.json)()];
+    CodeEditor = ({
+      value,
+      onChange,
+      onKeyDown
+    }) => {
+      const { mode } = (0, import_styles.useColorScheme)();
+      const theme = mode === "light" ? import_codemirror_theme_github.githubLight : import_codemirror_theme_github.githubDark;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_codemirror.default,
+        {
+          theme,
+          value,
+          width: "100%",
+          extensions: jsonExtensions,
+          onChange,
+          onKeyDown
+        }
+      );
+    };
+    CodeEditor_default = CodeEditor;
+  }
+});
+
+// src/components/elemental/JsonEditor/index.ts
+var JsonEditor_exports = {};
+__export(JsonEditor_exports, {
+  JsonEditor: () => JsonEditor_default
+});
+module.exports = __toCommonJS(JsonEditor_exports);
+
+// src/components/elemental/JsonEditor/src/JsonEditor/JsonEditor.tsx
+var import_react = __toESM(require("react"));
+var import_json_edit_react = require("json-edit-react");
+var import_styles2 = require("@mui/material/styles");
+
+// src/components/elemental/Box/src/index.ts
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_Grid = __toESM(require("@mui/material/Grid"));
+
+// src/components/elemental/JsonEditor/src/JsonEditor/theme.ts
+var jsonEditorVars = {
+  "--json-editor-text-primary": "var(--mui-palette-text-primary)",
+  "--json-editor-shadow-border-1": "var(--mui-palette-shadow-border-1)",
+  "--json-editor-wrapper-border-color": "var(--mui-palette-border-1)",
+  "--json-editor-select-border-color": "var(--mui-palette-border-1)",
+  "--json-editor-select-option-bg": "var(--mui-palette-background-default)",
+  "--json-editor-wrapper-border-color-error": "var(--mui-palette-error-main)"
+};
+
+// src/components/elemental/JsonEditor/src/JsonEditor/JsonEditor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CodeEditor2 = import_react.default.lazy(() => Promise.resolve().then(() => (init_CodeEditor(), CodeEditor_exports)));
+var JsonEditor = ({
+  error = false,
+  ...jsonEditorProps
+}) => {
+  const { mode } = (0, import_styles2.useColorScheme)();
+  const dataRef = (0, import_react.useRef)(jsonEditorProps.data);
+  dataRef.current = jsonEditorProps.data;
+  const customedTheme = (0, import_react.useMemo)(() => {
+    const theme = mode === "light" ? import_json_edit_react.githubLightTheme : import_json_edit_react.githubDarkTheme;
+    return {
+      ...theme,
+      styles: {
+        ...theme.styles,
+        input: ["var(--json-editor-text-primary)", {
+          border: "none",
+          boxShadow: "var(--json-editor-shadow-border-1)"
+        }]
+      }
+    };
+  }, [mode]);
+  const TextEditor = (0, import_react.useCallback)((props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react.Suspense,
+    {
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "loading", style: { height: `${getLineHeight(dataRef.current)}lh` }, children: "Loading code editor..." }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CodeEditor2, { ...props })
+    }
+  ), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledWrapper, { error, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_json_edit_react.JsonEditor,
+    {
+      maxWidth: "unset",
+      translations: {
+        ITEM_SINGLE: "{{count}} item",
+        ITEMS_MULTIPLE: "{{count}} items",
+        KEY_NEW: "Enter_new_key",
+        ERROR_KEY_EXISTS: "Key already exists",
+        ERROR_INVALID_JSON: "Invalid JSON",
+        ERROR_UPDATE: "Update unsuccessful",
+        ERROR_DELETE: "Delete unsuccessful",
+        ERROR_ADD: "Adding node unsuccessful",
+        DEFAULT_STRING: "New data!",
+        DEFAULT_NEW_KEY: "key",
+        SHOW_LESS: "(Show less)"
+      },
+      theme: customedTheme,
+      ...jsonEditorProps,
+      TextEditor
+    }
+  ) });
+};
+var JsonEditor_default = JsonEditor;
+var getLineHeight = (data) => JSON.stringify(data, null, 2).split("\n").length;
+var StyledWrapper = (0, import_styles2.styled)(import_Box.default, {
+  shouldForwardProp: (prop) => prop !== "error"
+})(({ theme }) => ({
+  ...jsonEditorVars,
+  // box
+  "&": {
+    flex: 1,
+    minWidth: 0,
+    minHeight: 0,
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+  },
+  "& > *": {
+    flex: 1,
+    minHeight: 0,
+    minWidth: 0,
+    boxShadow: "inset 0 0 0px 2px var(--json-editor-wrapper-border-color)",
+    overflow: "auto"
+  },
+  // json-edit-react does not set a pointer on collapse
+  "& .jer-collapse-icon, & .jer-accordion-icon, & .jer-clickzone, & .jer-collection-header-row": {
+    cursor: "pointer"
+  },
+  // select
+  "& .jer-select": {
+    background: "transparent",
+    border: "1px solid var(--json-editor-select-border-color)",
+    boxShadow: "none",
+    "& select": {
+      color: "var(--json-editor-text-primary)",
+      padding: "0 8px",
+      "& option": {
+        background: "var(--json-editor-select-option-bg)"
+      }
+    }
+  },
+  // boolean
+  "& .jer-input-boolean": {
+    accentColor: theme.palette.primary.main,
+    border: "1px solid var(--json-editor-select-border-color)"
+  },
+  // button group
+  "& .jer-confirm-buttons": {
+    "&>div": {
+      display: "flex"
+      // center align the entire group
+    }
+  },
+  // input 
+  "& .jer-input-text": {
+    boxShadow: "none"
+  },
+  "& .jer-input-component": {
+    "&>input": {
+      padding: "2px 8px",
+      color: theme.palette.text.primary,
+      background: "transparent",
+      border: `1px solid ${theme.palette.divider}`
+    }
+  },
+  "& .jer-input-new-key": {
+    padding: "5px 8px",
+    color: theme.palette.text.primary,
+    background: "transparent",
+    border: `1px solid ${theme.palette.divider}`
+  },
+  // key
+  "& .jer-key-edit": {
+    border: "none",
+    padding: "0 8px",
+    ":focus": {
+      border: "none"
+    }
+  },
+  // row
+  "& .jer-value-main-row": {
+    alignItems: "flex-start"
+  },
+  variants: [
+    {
+      props: { error: true },
+      style: {
+        "--json-editor-wrapper-border-color": "var(--json-editor-wrapper-border-color-error)"
+      }
+    }
+  ]
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  JsonEditor
+});
+//# sourceMappingURL=jsonEditor.js.map

package/dist/jsonEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/JsonEditor/src/JsonEditor/CodeEditor.tsx","../src/components/elemental/JsonEditor/index.ts","../src/components/elemental/JsonEditor/src/JsonEditor/JsonEditor.tsx","../src/components/elemental/Box/src/index.ts","../src/components/elemental/JsonEditor/src/JsonEditor/theme.ts"],"sourcesContent":["'use client'\nimport React from 'react'\nimport CodeMirror from '@uiw/react-codemirror'\nimport { json } from '@codemirror/lang-json'\nimport {  type TextEditorProps, } from 'json-edit-react'\nimport { githubLight, githubDark } from '@uiw/codemirror-theme-github'\nimport { useColorScheme } from '@mui/material/styles'\n\nconst jsonExtensions = [json()]\n\nconst CodeEditor: React.FC<TextEditorProps> = ({\n  value,\n  onChange,\n  onKeyDown,\n}) => {\n  const { mode } = useColorScheme()\n  const theme = mode===\"light\"?githubLight:githubDark\n\n  return (\n    <CodeMirror\n      theme={theme}\n      value={value}\n      width=\"100%\"\n      extensions={jsonExtensions}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n    />\n  )\n}\n\nexport default CodeEditor\n","export * from './src'\n","'use client'\nimport React, { Suspense, useCallback, useMemo, useRef } from 'react'\nimport { \n  JsonEditor as OriginalJsonEditor, githubDarkTheme, githubLightTheme, \n  type JsonData,\n  type TextEditorProps,\n} from 'json-edit-react'\nimport { useColorScheme, styled } from '@mui/material/styles'\nimport { Box } from '@/ele/Box'\n\nimport { jsonEditorVars } from './theme'\n\nconst CodeEditor = React.lazy(() => import('./CodeEditor'))\n\n/**\n * using json-edit-react to build a structured output\n * \n * [Doc] https://github.com/CarlosNZ/json-edit-react\n */\nconst JsonEditor:React.FC<React.ComponentProps<typeof OriginalJsonEditor> & {\n  error?: boolean\n}> = ({\n  error=false,...jsonEditorProps\n}) => {\n  const { mode } = useColorScheme()\n  const dataRef = useRef(jsonEditorProps.data)\n  dataRef.current = jsonEditorProps.data\n\n  const customedTheme = useMemo(() => {\n    const theme = mode===\"light\"?githubLightTheme:githubDarkTheme\n    return {\n      ...theme,\n      styles:{\n        ...theme.styles,\n        input:[\"var(--json-editor-text-primary)\",{\n          border:\"none\",\n          boxShadow:\"var(--json-editor-shadow-border-1)\",\n        }],\n      },\n    }\n  }, [mode])\n\n  const TextEditor = useCallback((props: TextEditorProps) => (\n    <Suspense\n      fallback={\n        <div className=\"loading\" style={{ height: `${getLineHeight(dataRef.current)}lh` }}>\n          Loading code editor...\n        </div>\n      }\n    >\n      <CodeEditor {...props}/>\n    </Suspense>\n  ), [])\n\n  return (\n    <StyledWrapper error={error}>\n      <OriginalJsonEditor\n        maxWidth=\"unset\"\n        translations={{\n          ITEM_SINGLE: '{{count}} item',\n          ITEMS_MULTIPLE: '{{count}} items',\n          KEY_NEW: 'Enter_new_key',\n          ERROR_KEY_EXISTS: 'Key already exists',\n          ERROR_INVALID_JSON: 'Invalid JSON',\n          ERROR_UPDATE: 'Update unsuccessful',\n          ERROR_DELETE: 'Delete unsuccessful',\n          ERROR_ADD: 'Adding node unsuccessful',\n          DEFAULT_STRING: 'New data!',\n          DEFAULT_NEW_KEY: 'key',\n          SHOW_LESS: '(Show less)',\n        }}\n        theme={customedTheme}\n        {...jsonEditorProps}\n        \n        TextEditor={TextEditor}\n      />\n    </StyledWrapper>    \n  )\n\n}\n\nexport default JsonEditor\n\n/**\n * get the line height of the json data\n * \n * https://github.com/CarlosNZ/json-edit-react/blob/d6e3c39d1fe876fa8ed267301ebecf128132b602/demo/src/App.tsx#L9\n */\nconst getLineHeight = (data: JsonData) => JSON.stringify(data, null, 2).split('\\n').length\n\nconst StyledWrapper = styled(Box,{\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error: boolean }>(({ theme, }) => ({\n  ...jsonEditorVars,\n\n  // box\n  \"&\": {\n    flex: 1,\n    minWidth: 0,\n    minHeight: 0,\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n  },\n  \"& > *\": {\n    flex: 1,\n    minHeight: 0,\n    minWidth: 0,\n    boxShadow: \"inset 0 0 0px 2px var(--json-editor-wrapper-border-color)\",\n    overflow: \"auto\",\n  },\n\n  // json-edit-react does not set a pointer on collapse\n  \"& .jer-collapse-icon, & .jer-accordion-icon, & .jer-clickzone, & .jer-collection-header-row\": {\n    cursor: \"pointer\",\n  },\n  \n  // select\n  \"& .jer-select\":{\n    background:\"transparent\",\n    border:\"1px solid var(--json-editor-select-border-color)\",\n    boxShadow: \"none\",\n\n    \"& select\":{\n      color: 'var(--json-editor-text-primary)',\n      padding:\"0 8px\",\n\n      \"& option\":{\n        background: \"var(--json-editor-select-option-bg)\",\n      },\n    },\n  },\n\n  // boolean\n  \"& .jer-input-boolean\":{\n    accentColor: theme.palette.primary.main,\n    border:\"1px solid var(--json-editor-select-border-color)\",\n  },\n\n  // button group\n  \"& .jer-confirm-buttons\":{\n    \"&>div\":{\n      display:\"flex\", // center align the entire group\n    },\n  },\n\n  // input \n  \"& .jer-input-text\":{\n    boxShadow: \"none\",\n  },\n  \"& .jer-input-component\":{\n    \"&>input\":{\n      padding:\"2px 8px\",\n      color: theme.palette.text.primary,\n      background: 'transparent',\n      border: `1px solid ${theme.palette.divider}`,\n    }\n  },\n  \"& .jer-input-new-key\":{\n    padding:\"5px 8px\",\n    color: theme.palette.text.primary,\n    background: 'transparent',\n    border: `1px solid ${theme.palette.divider}`,\n  },\n\n  // key\n  \"& .jer-key-edit\":{\n    border:\"none\",\n    padding:\"0 8px\",\n    \":focus\":{\n      border:\"none\",\n    }\n  },\n\n  // row\n  \"& .jer-value-main-row\":{\n    alignItems:\"flex-start\",\n  },\n\n  variants: [\n    {\n      props: { error: true },\n      style: {\n        \"--json-editor-wrapper-border-color\": \"var(--json-editor-wrapper-border-color-error)\",\n      },\n    }\n  ]\n}))\n","export * from './BorderBox'\nexport {default as Box} from '@mui/material/Box'\nexport {default as Stack} from '@mui/material/Stack'\nexport {default as Grid} from '@mui/material/Grid'\n","export const jsonEditorVars = {\n  '--json-editor-text-primary': 'var(--mui-palette-text-primary)',\n  '--json-editor-shadow-border-1': 'var(--mui-palette-shadow-border-1)',\n  '--json-editor-wrapper-border-color': 'var(--mui-palette-border-1)',\n  '--json-editor-select-border-color': 'var(--mui-palette-border-1)',\n  '--json-editor-select-option-bg': 'var(--mui-palette-background-default)',\n  '--json-editor-wrapper-border-color-error': 'var(--mui-palette-error-main)',\n} as const\n"],"mappings":"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","names":["CodeMirror","import_styles","import_jsx_runtime","CodeEditor","React","OriginalJsonEditor"]}

package/dist/jsonEditor.mjs

@@ -0,0 +1,9 @@
+import {
+  JsonEditor_default
+} from "./chunk-NJYNJLT7.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  JsonEditor_default as JsonEditor
+};
+//# sourceMappingURL=jsonEditor.mjs.map

package/dist/jsonEditor.mjs.map

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

package/dist/list.d.mts

@@ -0,0 +1,83 @@
+export { default as List } from '@mui/material/List';
+export { default as ListSubheader } from '@mui/material/ListSubheader';
+export { default as ListItemIcon } from '@mui/material/ListItemIcon';
+export { default as ListItemText } from '@mui/material/ListItemText';
+export { default as ListItemButton } from '@mui/material/ListItemButton';
+export { default as ListItem } from '@mui/material/ListItem';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type Item<T = unknown> = {
+    value: T;
+    id: string;
+};
+/**
+ * Mui Transfer List
+ *
+ * [Doc](https://mui.com/material-ui/react-transfer-list/)
+ *
+ * @param addLeft - function to add item to left list from right list by passing the selected ids
+ * @param minusLeft - function to add item to right list from left list by passing the selected ids
+ */
+declare function TransferList<T>(props: {
+    leftProps: {
+        left: Item<T>[];
+        addLeft: (rightSelectedIds: string[]) => void;
+        minusLeft: (leftSelectedIds: string[]) => void;
+    };
+    rightProps: {
+        right: Item<T>[];
+    };
+    RenderLeft: React.ComponentType<{
+        value: Item<T>;
+    }>;
+    RenderRight: React.ComponentType<{
+        value: Item<T>;
+    }>;
+    leftTitle: string;
+    rightTitle: string;
+    disabled?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare const listItemIconTheme: {
+    readonly styleOverrides: {
+        readonly root: () => {
+            '--list-item-icon-color': string;
+            color: "var(--list-item-icon-color)";
+        };
+    };
+};
+declare const listItemTextTheme: {
+    readonly styleOverrides: {
+        readonly root: () => {};
+    };
+};
+declare const listItemButtonTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly '--list-item-button-bg-hover': "var(--mui-palette-background-hover-1)";
+            readonly '--list-item-button-bg-ripple': "color-mix(in lab, var(--list-item-button-bg-hover) 50%, var(--mui-palette-focus-1))";
+            readonly "&.MuiButtonBase-root.MuiListItemButton-root": {
+                readonly transition: "none";
+                readonly "&:hover": {
+                    readonly background: "var(--list-item-button-bg-hover)";
+                };
+                readonly "& .MuiTouchRipple-root": {
+                    readonly color: "var(--list-item-button-bg-ripple)";
+                };
+            };
+        };
+    };
+};
+declare const listItemTheme: {
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+declare const listItemSubheaderTheme: {
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+
+export { TransferList, listItemButtonTheme, listItemIconTheme, listItemSubheaderTheme, listItemTextTheme, listItemTheme };