@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-ZG3NQI77.mjs

@@ -0,0 +1,353 @@
+import {
+  default as default5
+} from "./chunk-3DQINB57.mjs";
+import {
+  MuiPaper
+} from "./chunk-3VUAM2GY.mjs";
+import {
+  default as default3,
+  default2 as default4
+} from "./chunk-MDAUF7IL.mjs";
+import {
+  IconButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  BorderBox_default,
+  default as default2,
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/elemental/Input/src/PopperInput/PopperInput.tsx
+import { useState, forwardRef, useImperativeHandle } from "react";
+import { styled } from "@mui/material/styles";
+import MuiTextField from "@mui/material/TextField";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PopperInput = forwardRef(({
+  margin = "dense",
+  inputProps,
+  lineHeight = "1rem",
+  placement = "bottom",
+  label,
+  ...props
+}, ref) => {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [value, setValue] = inputProps ?? [];
+  useImperativeHandle(ref, () => {
+    return {
+      getValue: () => value ?? ""
+    };
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      BorderBox_default,
+      {
+        onClick: (event) => {
+          setAnchorEl(anchorEl ? null : event.currentTarget);
+        },
+        title: label,
+        sx: {
+          width: "-webkit-fill-available",
+          flex: 1,
+          cursor: "pointer"
+        },
+        children: /* @__PURE__ */ jsx(
+          default2,
+          {
+            style: {
+              "--lh": lineHeight
+            },
+            sx: {
+              lineHeight: "var(--lh)",
+              width: "100%",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              overflow: "hidden"
+            },
+            children: value
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(StyledPopper, { ...{
+      anchorEl,
+      open: Boolean(anchorEl),
+      placement
+    }, children: /* @__PURE__ */ jsx(default3, { onClickAway: () => setAnchorEl(null), children: /* @__PURE__ */ jsx(default2, { sx: {
+      "&>.MuiTextField-root": {
+        width: "100%",
+        mb: 0
+      }
+    }, children: /* @__PURE__ */ jsx(
+      MuiTextField,
+      {
+        margin,
+        multiline: true,
+        value,
+        onChange: setValue ? (e) => setValue(e.target.value) : void 0,
+        autoFocus: true,
+        maxRows: 10,
+        onFocus: (e) => e.currentTarget.setSelectionRange(
+          e.currentTarget.value.length,
+          e.currentTarget.value.length
+        ),
+        ...props
+      }
+    ) }) }) })
+  ] });
+});
+var PopperInput_default = PopperInput;
+var StyledPopper = styled(default4)(
+  ({ theme }) => ({
+    padding: theme.spacing(0.5),
+    boxShadow: `var(--shadow-outset-2)`,
+    borderRadius: 6,
+    maxWidth: "95vw",
+    width: 700,
+    zIndex: theme.zIndex.modal,
+    fontSize: 13,
+    backgroundColor: "transparent",
+    backdropFilter: "blur(2px)"
+  })
+);
+
+// src/components/elemental/Input/src/StackInput/StackInput.tsx
+import { Fragment as Fragment2, forwardRef as forwardRef2 } from "react";
+import InputBase from "@mui/material/InputBase";
+
+// src/components/elemental/Input/src/StackInput/theme.ts
+var stackInputVars = {
+  "--stack-input-bg": "var(--mui-palette-background-default)"
+};
+
+// src/components/elemental/Input/src/StackInput/StackInput.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var StackInput = forwardRef2(({
+  value,
+  onChange,
+  startButtons = [],
+  // [{icon: <Icon />, onClick: ()=>{},...props}]
+  endButtons = [],
+  // [{icon: <Icon />, onClick: ()=>{},...props}]
+  placeholder = "",
+  haveBorder = true,
+  borderTitle,
+  inputProps = {},
+  br = 4,
+  slotProps,
+  InputComponent,
+  inputComponentProps,
+  ...rest
+}, ref) => {
+  const { sx: paperSX, ...restPaperProps } = slotProps?.paper || {};
+  return /* @__PURE__ */ jsx2(Wrapper, { haveBorder, title: borderTitle, ...slotProps?.wrapper, children: /* @__PURE__ */ jsxs2(
+    MuiPaper,
+    {
+      variant: "elevation",
+      style: {
+        "--br": `${br}px`,
+        "--pd": haveBorder ? "0px" : "8px 4px",
+        ...stackInputVars
+      },
+      sx: {
+        boxShadow: "none",
+        padding: "var(--pd)",
+        display: "flex",
+        alignItems: "center",
+        borderRadius: "var(--br)",
+        background: "var(--stack-input-bg)",
+        ...paperSX
+      },
+      ...restPaperProps,
+      children: [
+        startButtons.map(({ icon, onClick, ...rest2 }, index) => /* @__PURE__ */ jsx2(
+          IconButton_default,
+          {
+            sx: { padding: 0 },
+            onClick,
+            ...rest2,
+            size: "small",
+            children: icon
+          },
+          index
+        )),
+        (() => {
+          const InputComp = InputComponent || InputBase;
+          return /* @__PURE__ */ jsx2(
+            InputComp,
+            {
+              ref,
+              slotProps: slotProps?.input,
+              value,
+              onChange,
+              sx: mergeSx(
+                slotProps?.input?.sx,
+                {
+                  "&.MuiInputBase-root": {
+                    marginLeft: "8px",
+                    flex: 1
+                  }
+                }
+              ),
+              placeholder,
+              ...rest,
+              inputProps: { ...inputProps },
+              ...inputComponentProps || {}
+            }
+          );
+        })(),
+        /* @__PURE__ */ jsx2(
+          default2,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center"
+            },
+            children: endButtons.map(({ icon, onClick, ...rest2 }, index) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
+              /* @__PURE__ */ jsx2(
+                IconButton_default,
+                {
+                  sx: { p: 0 },
+                  onClick,
+                  ...rest2,
+                  size: "small",
+                  children: icon
+                }
+              ),
+              index < endButtons.length - 1 && /* @__PURE__ */ jsx2(
+                default5,
+                {
+                  sx: { height: 28, m: 0.5, borderLeftWidth: 0 },
+                  orientation: "vertical"
+                }
+              )
+            ] }, index))
+          }
+        )
+      ]
+    }
+  ) });
+});
+var StackInput_default = StackInput;
+function Wrapper(p) {
+  const { children, haveBorder, title, ...rest } = p;
+  if (haveBorder) return /* @__PURE__ */ jsx2(
+    BorderBox_default,
+    {
+      title,
+      sx: {
+        width: "-webkit-fill-available"
+      },
+      ...rest,
+      children
+    }
+  );
+  return children;
+}
+
+// src/components/elemental/Input/src/LineInput.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { styled as styled2 } from "@mui/material/styles";
+import TextField from "@mui/material/TextField";
+
+// src/components/elemental/Input/src/lineInputTheme.ts
+var lineInputVars = {
+  "--line-input-bg": "var(--mui-palette-background-default)",
+  "--line-input-divider": "var(--mui-palette-divider)",
+  "--line-input-text-primary": "var(--mui-palette-text-primary)",
+  "--line-input-text-secondary": "var(--mui-palette-text-secondary)",
+  "--line-input-error": "var(--mui-palette-error-main)"
+};
+
+// src/components/elemental/Input/src/LineInput.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var LineInput = forwardRef3(({
+  value,
+  label,
+  style,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsx3(
+    DefaultStyled,
+    {
+      value,
+      label,
+      ...props,
+      ref,
+      variant: "standard",
+      style: {
+        "--mt-scale": label ? 2 : 0,
+        ...style
+      }
+    }
+  );
+});
+var LineInput_default = LineInput;
+var DefaultStyled = styled2(TextField)(
+  () => ({
+    "&.MuiTextField-root": {
+      ...lineInputVars,
+      flex: 1,
+      "& .MuiInput-input": {
+        paddingTop: 0,
+        paddingBottom: 0
+      },
+      "& .MuiInput-root::before": {
+        borderBottomColor: "var(--line-input-divider)"
+      },
+      "& .MuiOutlinedInput-root": {
+        color: "var(--line-input-text-primary)",
+        "& fieldset": {
+          border: "unset",
+          boxShadow: "inset 0 0 0 2px var(--line-input-divider)",
+          color: "var(--line-input-text-secondary)"
+        },
+        "&:hover fieldset": {
+          border: "unset",
+          boxShadow: "inset 0 0 0 2px var(--line-input-text-secondary)"
+        },
+        "&.Mui-focused fieldset": {
+          border: "unset",
+          boxShadow: "inset 0 0 0 2px var(--line-input-text-secondary)"
+        }
+      },
+      "& .MuiInputLabel-root": {
+        border: "unset",
+        backgroundColor: "var(--line-input-bg)",
+        color: "var(--line-input-text-secondary)",
+        "&.Mui-focused": {
+          color: "var(--line-input-text-secondary)"
+        },
+        "&.Mui-focused.Mui-error": {
+          color: "var(--line-input-error)"
+        }
+      },
+      // hide placeholder ghost bug fix with css
+      // https://mui.com/material-ui/react-text-field/#shrink
+      // hide placeholder ghost
+      ' & .MuiInputLabel-root:not([data-shrink="true"])~.MuiInputBase-root>.MuiInputBase-input': {
+        color: "transparent"
+      },
+      "& .MuiFormHelperText-root": {
+        color: "var(--line-input-text-primary)"
+      },
+      "& .Mui-error": {
+        color: "var(--line-input-error)"
+      },
+      "& .MuiInputBase-root": {
+        fontSize: "inherit",
+        color: "var(--line-input-text-primary)",
+        marginTop: `calc(8px * var(--mt-scale))`
+      },
+      "& .MuiInputBase-root:after": {
+        borderColor: "var(--line-input-text-primary)"
+      }
+    }
+  })
+);
+
+export {
+  PopperInput_default,
+  StackInput_default,
+  LineInput_default
+};
+//# sourceMappingURL=chunk-ZG3NQI77.mjs.map

package/dist/chunk-ZG3NQI77.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Input/src/PopperInput/PopperInput.tsx","../src/components/elemental/Input/src/StackInput/StackInput.tsx","../src/components/elemental/Input/src/StackInput/theme.ts","../src/components/elemental/Input/src/LineInput.tsx","../src/components/elemental/Input/src/lineInputTheme.ts"],"sourcesContent":["'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)","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}","/**\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'\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":";;;;;;;;;;;;;;;;;;;;AACA,SAAS,UAAU,YAAY,2BAA2B;AAE1D,SAAS,cAAc;AAEvB,OAAO,kBAAkB;AAsCvB,mBASE,KATF;AAhBF,IAAM,cAAc,WAAiC,CAAC;AAAA,EACrD,SAAO;AAAA,EAAQ;AAAA,EACf,aAAW;AAAA,EACX,YAAU;AAAA,EAAS;AAAA,EACnB,GAAG;AACJ,GAAE,QAAQ;AACT,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,cAAY,CAAC;AAEvC,sBAAoB,KAAK,MAAM;AAC9B,WAAO;AAAA,MACN,UAAU,MAAM,SAAO;AAAA,IACxB;AAAA,EACD,CAAC;AAED,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QAAU,SAAS,CAAC,UAAU;AAAC,sBAAY,WAAW,OAAO,MAAM,aAAa;AAAA,QAAC;AAAA,QAClF,OAAO;AAAA,QACP,IAAI;AAAA,UACH,OAAM;AAAA,UACN,MAAK;AAAA,UACD,QAAQ;AAAA,QACb;AAAA,QAEC;AAAA,UAACA;AAAA,UAAA;AAAA,YACD,OAAO;AAAA,cACN,QAAO;AAAA,YACR;AAAA,YACA,IAAI;AAAA,cACH,YAAW;AAAA,cACX,OAAM;AAAA,cACN,cAAa;AAAA,cACb,YAAW;AAAA,cACX,UAAS;AAAA,YACV;AAAA,YAAI;AAAA;AAAA,QAAM;AAAA;AAAA,IACX;AAAA,IACA,oBAAC,gBAAc,GAAG;AAAA,MACjB;AAAA,MACA,MAAK,QAAQ,QAAQ;AAAA,MACrB;AAAA,IACD,GACC,8BAACA,UAAA,EAAkB,aAAa,MAAI,YAAY,IAAI,GACnD,8BAACA,UAAA,EAAI,IAAI;AAAA,MACR,wBAAuB;AAAA,QACtB,OAAM;AAAA,QACC,IAAG;AAAA,MACX;AAAA,IACD,GACC;AAAA,MAAC;AAAA;AAAA,QACD;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QAAc,UAAU,WAAS,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK,IAAE;AAAA,QACjE,WAAW;AAAA,QACX,SAAS;AAAA,QACT,SAAS,OAAG,EACV,cACA;AAAA,UACA,EAAE,cAAc,MAAM;AAAA,UACtB,EAAE,cAAc,MAAM;AAAA,QACvB;AAAA,QAEA,GAAG;AAAA;AAAA,IACJ,GACD,GACD,GACD;AAAA,KACD;AAGF,CAAC;AAED,IAAO,sBAAQ;AAEf,IAAM,eAAe,OAAOA,QAAM;AAAA,EACjC,CAAC,EAAE,MAAM,OAAO;AAAA,IACf,SAAS,MAAM,QAAQ,GAAG;AAAA,IAC1B,WAAW;AAAA,IACX,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACT,QAAQ,MAAM,OAAO;AAAA,IACrB,UAAU;AAAA,IACV,iBAAiB;AAAA,IACf,gBAAgB;AAAA,EACnB;AACD;;;ACjHA,SAAgB,YAAAC,WAAU,cAAAC,mBAAkB;AAC5C,OAAO,eAAmC;;;ACGnC,IAAM,iBAAiB;AAAA,EAC5B,oBAAoB;AACtB;;;AD8EK,gBAAAC,MAuCC,QAAAC,aAvCD;AAxCL,IAAM,aAAaC,YAAW,CAAC;AAAA,EAC9B;AAAA,EAAM;AAAA,EACN,eAAa,CAAC;AAAA;AAAA,EACd,aAAW,CAAC;AAAA;AAAA,EACZ,cAAY;AAAA,EAEZ,aAAW;AAAA,EACX;AAAA,EACA,aAAW,CAAC;AAAA,EACZ,KAAG;AAAA,EACF;AAAA,EACA;AAAA,EACA;AAAA,EACD,GAAG;AACJ,GAAQ,QAAQ;AAEd,QAAM,EAAC,IAAI,SAAS,GAAG,eAAc,IAAI,WAAW,SAAS,CAAC;AAE/D,SACC,gBAAAF,KAAC,WAAQ,YAAwB,OAAO,aAAc,GAAG,WAAW,SACnE,0BAAAC;AAAA,IAAC;AAAA;AAAA,MAEE,SAAQ;AAAA,MACX,OAAO;AAAA,QACN,QAAQ,GAAG,EAAE;AAAA,QACb,QAAQ,aAAW,QAAM;AAAA,QACzB,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACC,WAAU;AAAA,QACd,SAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,cAAc;AAAA,QACV,YAAY;AAAA,QACZ,GAAG;AAAA,MACR;AAAA,MACI,GAAG;AAAA,MAEL;AAAA,qBAAa,IAAI,CAAC,EAAC,MAAK,SAAQ,GAAGE,MAAI,GAAG,UAC1C,gBAAAH;AAAA,UAAC;AAAA;AAAA,YAED,IAAI,EAAE,SAAS,EAAE;AAAA,YACjB;AAAA,YAAmB,GAAGG;AAAA,YACtB,MAAK;AAAA,YAEH;AAAA;AAAA,UALG;AAAA,QAML,CACA;AAAA,SAEK,MAAM;AACN,gBAAM,YAAa,kBAAkB;AACrC,iBACE,gBAAAH;AAAA,YAAC;AAAA;AAAA,cAAU;AAAA,cACT,WAAW,WAAW;AAAA,cACtB;AAAA,cAAc;AAAA,cACd,IAAI;AAAA,gBACF,WAAW,OAAO;AAAA,gBAClB;AAAA,kBACE,uBAAsB;AAAA,oBACpB,YAAY;AAAA,oBACZ,MAAM;AAAA,kBACR;AAAA,gBACF;AAAA,cACF;AAAA,cACA;AAAA,cACC,GAAG;AAAA,cACJ,YAAY,EAAC,GAAG,WAAU;AAAA,cACzB,GAAI,uBAAuB,CAAC;AAAA;AAAA,UAC/B;AAAA,QAEJ,GAAG;AAAA,QAEP,gBAAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACD,IAAI;AAAA,cACH,SAAQ;AAAA,cACR,YAAY;AAAA,YACb;AAAA,YACE,qBAAW,IAAI,CAAC,EAAC,MAAK,SAAQ,GAAGD,MAAI,GAAG,UACxC,gBAAAF,MAACI,WAAA,EACA;AAAA,8BAAAL;AAAA,gBAAC;AAAA;AAAA,kBACD,IAAI,EAAE,GAAG,EAAE;AAAA,kBACX;AAAA,kBAAmB,GAAGG;AAAA,kBACtB,MAAK;AAAA,kBAEH;AAAA;AAAA,cACF;AAAA,cACC,QAAM,WAAW,SAAO,KACzB,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBAAW,IAAI,EAAE,QAAQ,IAAI,GAAG,KAAI,iBAAgB,EAAE;AAAA,kBACvD,aAAY;AAAA;AAAA,cAAW;AAAA,iBAVT,KAWf,CACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACD,GACD;AAEF,CAAC;AAED,IAAO,qBAAQ;AAEf,SAAS,QAAQ,GAI0B;AACzC,QAAM,EAAC,UAAU,YAAY,OAAO,GAAG,KAAI,IAAI;AAEhD,MAAG,WAAW,QAAQ,gBAAAJ;AAAA,IAAC;AAAA;AAAA,MAAU;AAAA,MAChC,IAAI;AAAA,QACH,OAAM;AAAA,MACP;AAAA,MAAI,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AACD,SAAO;AACR;;;AE7JA,SAAS,cAAAM,mBAAkB;AAC3B,SAAS,UAAAC,eAAc;AACvB,OAAO,eAAwC;;;ACCxC,IAAM,gBAAgB;AAAA,EAC3B,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,sBAAsB;AACxB;;;ADcQ,gBAAAC,YAAA;AAJR,IAAM,YAAYC,YAAmC,CAAC;AAAA,EAClD;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM,GAAG;AACzB,GAAE,QAAQ;AACN,SACI,gBAAAD;AAAA,IAAC;AAAA;AAAA,MAAc;AAAA,MAAc;AAAA,MAAe,GAAG;AAAA,MAAO;AAAA,MACtD,SAAQ;AAAA,MACR,OAAO;AAAA,QACH,cAAa,QAAM,IAAE;AAAA,QACrB,GAAG;AAAA,MACP;AAAA;AAAA,EACA;AAER,CAAC;AAED,IAAO,oBAAQ;AAEf,IAAM,gBAAgBE,QAAO,SAAS;AAAA,EAClC,OAAK;AAAA,IACD,uBAAsB;AAAA,MAClB,GAAG;AAAA,MACH,MAAM;AAAA,MACN,qBAAoB;AAAA,QAChB,YAAW;AAAA,QAAE,eAAc;AAAA,MAC/B;AAAA,MACA,4BAA2B;AAAA,QACvB,mBAAkB;AAAA,MACtB;AAAA,MACA,4BAA4B;AAAA,QACxB,OAAM;AAAA,QACN,cAAc;AAAA,UACV,QAAQ;AAAA,UACR,WAAU;AAAA,UACV,OAAO;AAAA,QACX;AAAA,QACA,oBAAoB;AAAA,UAChB,QAAQ;AAAA,UACR,WAAU;AAAA,QACd;AAAA,QACA,0BAA0B;AAAA,UACtB,QAAQ;AAAA,UACR,WAAU;AAAA,QACd;AAAA,MACJ;AAAA,MACA,yBAAyB;AAAA,QACrB,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,iBAAgB;AAAA,UACZ,OAAO;AAAA,QACX;AAAA,QACA,2BAA0B;AAAA,UACtB,OAAO;AAAA,QACX;AAAA,MACJ;AAAA;AAAA;AAAA;AAAA,MAIA,2FAA0F;AAAA,QACtF,OAAM;AAAA,MACV;AAAA,MACA,6BAA4B;AAAA,QACxB,OAAM;AAAA,MACV;AAAA,MACA,gBAAe;AAAA,QACX,OAAO;AAAA,MACX;AAAA,MACA,wBAAuB;AAAA,QACnB,UAAS;AAAA,QACT,OAAM;AAAA,QACN,WAAW;AAAA,MACf;AAAA,MAEA,8BAA6B;AAAA,QACzB,aAAY;AAAA,MAChB;AAAA,IACJ;AAAA,EACJ;AACJ;","names":["default","Fragment","forwardRef","jsx","jsxs","forwardRef","rest","default","Fragment","forwardRef","styled","jsx","forwardRef","styled"]}