@yamada-ui/input 1.0.42-dev-20240919133550 → 1.0.42-dev-20240920025829

package/dist/{chunk-ZNGNHH5S.mjs → chunk-5UF5TTHV.mjs}

@@ -11,4 +11,4 @@ export {
   InputGroupProvider,
   useInputGroup
 };
-//# sourceMappingURL=chunk-ZNGNHH5S.mjs.map
+//# sourceMappingURL=chunk-5UF5TTHV.mjs.map

package/dist/chunk-5UF5TTHV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  styles: { [key: string]: CSSUIObject }\n  fieldHeight: string | undefined\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;AACA,SAAS,qBAAqB;AAOvB,IAAM,CAAC,oBAAoB,aAAa,IAC7C,cAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;","names":[]}

package/dist/{chunk-OYJRHTQL.mjs → chunk-OEJ5NONO.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   useInputGroup
-} from "./chunk-ZNGNHH5S.mjs";
+} from "./chunk-5UF5TTHV.mjs";
 
 // src/input-addon.tsx
 import { ui, forwardRef } from "@yamada-ui/core";
@@ -9,17 +9,15 @@ import { cx } from "@yamada-ui/utils";
 import { jsx } from "react/jsx-runtime";
 var InputAddon = forwardRef(
   ({ className, placement = "left", ...rest }, ref) => {
-    const styles = useInputGroup();
+    const { styles } = useInputGroup();
     const placementStyles = {
       left: {
         me: "-1px",
-        roundedRight: 0,
-        borderEndColor: "transparent"
+        roundedRight: "0px !important"
       },
       right: {
         ms: "-1px",
-        roundedLeft: 0,
-        borderStartColor: "transparent"
+        roundedLeft: "0px !important"
       }
     };
     const css = {
@@ -73,4 +71,4 @@ export {
   InputLeftAddon,
   InputRightAddon
 };
-//# sourceMappingURL=chunk-OYJRHTQL.mjs.map
+//# sourceMappingURL=chunk-OEJ5NONO.mjs.map

package/dist/chunk-OEJ5NONO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-addon.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const { styles } = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: \"0px !important\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: \"0px !important\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAwCb;AA1BN,IAAM,aAAa;AAAA,EACjB,CAAC,EAAE,WAAW,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AACnD,UAAM,EAAE,OAAO,IAAI,cAAc;AAEjC,UAAM,kBAAkB;AAAA,MACtB,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,MAChB;AAAA,MACA,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,aAAa;AAAA,MACf;AAAA,IACF;AAEA,UAAM,MAAmB;AAAA,MACvB,MAAM;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,GAAG,OAAO;AAAA,MACV,GAAG,gBAAgB,SAAS;AAAA,IAC9B;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,yBAAyB,SAAS;AAAA,QAChD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,0BAA0B,SAAS;AAAA,QACjD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/{chunk-ITQBVWTU.mjs → chunk-Q6WRYI3A.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   useInputGroup
-} from "./chunk-ZNGNHH5S.mjs";
+} from "./chunk-5UF5TTHV.mjs";
 
 // src/input-element.tsx
 import { ui, forwardRef } from "@yamada-ui/core";
@@ -9,8 +9,8 @@ import { cx } from "@yamada-ui/utils";
 import { jsx } from "react/jsx-runtime";
 var InputElement = forwardRef(
   ({ className, isClick = false, placement = "left", ...rest }, ref) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const styles = useInputGroup();
+    var _a;
+    const { styles, fieldHeight } = useInputGroup();
     const css = {
       position: "absolute",
       top: "0",
@@ -19,9 +19,9 @@ var InputElement = forwardRef(
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      w: (_g = (_e = (_c = (_a = styles.field) == null ? void 0 : _a.height) != null ? _c : (_b = styles.field) == null ? void 0 : _b.h) != null ? _e : (_d = styles.field) == null ? void 0 : _d.minHeight) != null ? _g : (_f = styles.field) == null ? void 0 : _f.minH,
+      w: fieldHeight,
       h: "100%",
-      fontSize: (_h = styles.field) == null ? void 0 : _h.fontSize,
+      fontSize: (_a = styles.field) == null ? void 0 : _a.fontSize,
       pointerEvents: isClick ? "auto" : "none",
       cursor: isClick ? "pointer" : "auto",
       ...styles.element
@@ -68,4 +68,4 @@ export {
   InputLeftElement,
   InputRightElement
 };
-//# sourceMappingURL=chunk-ITQBVWTU.mjs.map
+//# sourceMappingURL=chunk-Q6WRYI3A.mjs.map

package/dist/chunk-Q6WRYI3A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-element.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const { styles, fieldHeight } = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w: fieldHeight,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAyCb;AArBN,IAAM,eAAe;AAAA,EACnB,CAAC,EAAE,WAAW,UAAU,OAAO,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AAvBxE;AAwBI,UAAM,EAAE,QAAQ,YAAY,IAAI,cAAc;AAE9C,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,KAAK;AAAA,MACL,CAAC,cAAc,SAAS,eAAe,UAAU,GAAG;AAAA,MACpD,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAU,YAAO,UAAP,mBAAc;AAAA,MACxB,eAAe,UAAU,SAAS;AAAA,MAClC,QAAQ,UAAU,YAAY;AAAA,MAC9B,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,mBAAmB;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,QAClD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,QACnD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-S3TRD6FG.mjs

@@ -0,0 +1,91 @@
+"use client"
+import {
+  InputLeftAddon,
+  InputRightAddon
+} from "./chunk-OEJ5NONO.mjs";
+import {
+  InputLeftElement,
+  InputRightElement
+} from "./chunk-Q6WRYI3A.mjs";
+import {
+  InputGroupProvider
+} from "./chunk-5UF5TTHV.mjs";
+
+// src/input-group.tsx
+import {
+  ui,
+  forwardRef,
+  useComponentMultiStyle,
+  omitThemeProps,
+  useCreateVars
+} from "@yamada-ui/core";
+import { cx, filterUndefined, getValidChildren } from "@yamada-ui/utils";
+import { cloneElement } from "react";
+import { jsx } from "react/jsx-runtime";
+var InputGroup = forwardRef((props, ref) => {
+  var _a, _b;
+  const [styles] = useComponentMultiStyle("Input", props);
+  const { className, children, ...rest } = omitThemeProps(props);
+  const [vars, variableProps] = useCreateVars({ ...styles.field, ...rest }, [
+    "minHeight",
+    "minH",
+    "height",
+    "h"
+  ]);
+  const minHeight = (_a = variableProps.minHeight) != null ? _a : variableProps.minH;
+  const height = (_b = variableProps.height) != null ? _b : variableProps.h;
+  const fieldHeight = minHeight != null ? minHeight : height;
+  const css = {
+    width: "100%",
+    display: "flex",
+    position: "relative",
+    vars,
+    ...styles.container
+  };
+  const groupProps = {};
+  const validChildren = getValidChildren(children);
+  validChildren.forEach((child) => {
+    if (fieldHeight && child.type === InputLeftElement)
+      groupProps.paddingStart = `${fieldHeight} !important`;
+    if (fieldHeight && child.type === InputRightElement)
+      groupProps.paddingEnd = `${fieldHeight} !important`;
+    if (child.type === InputLeftAddon) groupProps.roundedLeft = "0px !important";
+    if (child.type === InputRightAddon)
+      groupProps.roundedRight = "0px !important";
+  });
+  const cloneChildren = validChildren.map((child) => {
+    var _a2, _b2, _c, _d;
+    const isAddonElement = [
+      InputLeftAddon,
+      InputRightAddon,
+      InputLeftElement,
+      InputRightElement
+    ].some((type) => child.type === type);
+    if (isAddonElement) {
+      return child;
+    } else {
+      const childProps = filterUndefined({
+        size: (_b2 = (_a2 = child.props) == null ? void 0 : _a2.size) != null ? _b2 : props.size,
+        variant: (_d = (_c = child.props) == null ? void 0 : _c.variant) != null ? _d : props.variant,
+        ...child.props
+      });
+      return cloneElement(child, Object.assign(childProps, groupProps));
+    }
+  });
+  return /* @__PURE__ */ jsx(InputGroupProvider, { value: { styles, fieldHeight }, children: /* @__PURE__ */ jsx(
+    ui.div,
+    {
+      ref,
+      className: cx("ui-input-group", className),
+      role: "group",
+      __css: css,
+      ...rest,
+      children: cloneChildren
+    }
+  ) });
+});
+
+export {
+  InputGroup
+};
+//# sourceMappingURL=chunk-S3TRD6FG.mjs.map

package/dist/chunk-S3TRD6FG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-group.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIProps,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useComponentMultiStyle,\n  omitThemeProps,\n  useCreateVars,\n} from \"@yamada-ui/core\"\nimport { cx, filterUndefined, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement } from \"react\"\nimport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nimport { InputGroupProvider } from \"./input-context\"\nimport { InputRightElement, InputLeftElement } from \"./input-element\"\n\nexport interface InputGroupProps extends HTMLUIProps, ThemeProps<\"Input\"> {}\n\nexport const InputGroup = forwardRef<InputGroupProps, \"div\">((props, ref) => {\n  const [styles] = useComponentMultiStyle(\"Input\", props)\n  const { className, children, ...rest } = omitThemeProps(props)\n\n  const [vars, variableProps] = useCreateVars({ ...styles.field, ...rest }, [\n    \"minHeight\",\n    \"minH\",\n    \"height\",\n    \"h\",\n  ])\n  const minHeight = variableProps.minHeight ?? variableProps.minH\n  const height = variableProps.height ?? variableProps.h\n  const fieldHeight = minHeight ?? height\n\n  const css: CSSUIObject = {\n    width: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n    vars,\n    ...styles.container,\n  }\n\n  const groupProps: CSSUIProps = {}\n\n  const validChildren = getValidChildren(children)\n\n  validChildren.forEach((child: any) => {\n    if (fieldHeight && child.type === InputLeftElement)\n      groupProps.paddingStart = `${fieldHeight} !important`\n\n    if (fieldHeight && child.type === InputRightElement)\n      groupProps.paddingEnd = `${fieldHeight} !important`\n\n    if (child.type === InputLeftAddon) groupProps.roundedLeft = \"0px !important\"\n\n    if (child.type === InputRightAddon)\n      groupProps.roundedRight = \"0px !important\"\n  })\n\n  const cloneChildren = validChildren.map((child) => {\n    const isAddonElement = [\n      InputLeftAddon,\n      InputRightAddon,\n      InputLeftElement,\n      InputRightElement,\n    ].some((type) => child.type === type)\n\n    if (isAddonElement) {\n      return child\n    } else {\n      const childProps = filterUndefined({\n        size: child.props?.size ?? props.size,\n        variant: child.props?.variant ?? props.variant,\n        ...child.props,\n      })\n\n      return cloneElement(child, Object.assign(childProps, groupProps))\n    }\n  })\n\n  return (\n    <InputGroupProvider value={{ styles, fieldHeight }}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input-group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n      </ui.div>\n    </InputGroupProvider>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;AAMA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,IAAI,iBAAiB,wBAAwB;AACtD,SAAS,oBAAoB;AAqEvB;AA9DC,IAAM,aAAa,WAAmC,CAAC,OAAO,QAAQ;AArB7E;AAsBE,QAAM,CAAC,MAAM,IAAI,uBAAuB,SAAS,KAAK;AACtD,QAAM,EAAE,WAAW,UAAU,GAAG,KAAK,IAAI,eAAe,KAAK;AAE7D,QAAM,CAAC,MAAM,aAAa,IAAI,cAAc,EAAE,GAAG,OAAO,OAAO,GAAG,KAAK,GAAG;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAY,mBAAc,cAAd,YAA2B,cAAc;AAC3D,QAAM,UAAS,mBAAc,WAAd,YAAwB,cAAc;AACrD,QAAM,cAAc,gCAAa;AAEjC,QAAM,MAAmB;AAAA,IACvB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA,GAAG,OAAO;AAAA,EACZ;AAEA,QAAM,aAAyB,CAAC;AAEhC,QAAM,gBAAgB,iBAAiB,QAAQ;AAE/C,gBAAc,QAAQ,CAAC,UAAe;AACpC,QAAI,eAAe,MAAM,SAAS;AAChC,iBAAW,eAAe,GAAG,WAAW;AAE1C,QAAI,eAAe,MAAM,SAAS;AAChC,iBAAW,aAAa,GAAG,WAAW;AAExC,QAAI,MAAM,SAAS,eAAgB,YAAW,cAAc;AAE5D,QAAI,MAAM,SAAS;AACjB,iBAAW,eAAe;AAAA,EAC9B,CAAC;AAED,QAAM,gBAAgB,cAAc,IAAI,CAAC,UAAU;AA5DrD,QAAAA,KAAAC,KAAA;AA6DI,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,KAAK,CAAC,SAAS,MAAM,SAAS,IAAI;AAEpC,QAAI,gBAAgB;AAClB,aAAO;AAAA,IACT,OAAO;AACL,YAAM,aAAa,gBAAgB;AAAA,QACjC,OAAMA,OAAAD,MAAA,MAAM,UAAN,gBAAAA,IAAa,SAAb,OAAAC,MAAqB,MAAM;AAAA,QACjC,UAAS,iBAAM,UAAN,mBAAa,YAAb,YAAwB,MAAM;AAAA,QACvC,GAAG,MAAM;AAAA,MACX,CAAC;AAED,aAAO,aAAa,OAAO,OAAO,OAAO,YAAY,UAAU,CAAC;AAAA,IAClE;AAAA,EACF,CAAC;AAED,SACE,oBAAC,sBAAmB,OAAO,EAAE,QAAQ,YAAY,GAC/C;AAAA,IAAC,GAAG;AAAA,IAAH;AAAA,MACC;AAAA,MACA,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACzC,MAAK;AAAA,MACL,OAAO;AAAA,MACN,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;","names":["_a","_b"]}

package/dist/index.js

@@ -54,8 +54,6 @@ var Input = (0, import_core.forwardRef)((props, ref) => {
 
 // src/input-group.tsx
 var import_core4 = require("@yamada-ui/core");
-var import_file_input = require("@yamada-ui/file-input");
-var import_use_token = require("@yamada-ui/use-token");
 var import_utils5 = require("@yamada-ui/utils");
 var import_react = require("react");
 
@@ -74,17 +72,15 @@ var [InputGroupProvider, useInputGroup] = (0, import_utils2.createContext)({
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var InputAddon = (0, import_core2.forwardRef)(
   ({ className, placement = "left", ...rest }, ref) => {
-    const styles = useInputGroup();
+    const { styles } = useInputGroup();
     const placementStyles = {
       left: {
         me: "-1px",
-        roundedRight: 0,
-        borderEndColor: "transparent"
+        roundedRight: "0px !important"
       },
       right: {
         ms: "-1px",
-        roundedLeft: 0,
-        borderStartColor: "transparent"
+        roundedLeft: "0px !important"
       }
     };
     const css = {
@@ -140,8 +136,8 @@ var import_utils4 = require("@yamada-ui/utils");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var InputElement = (0, import_core3.forwardRef)(
   ({ className, isClick = false, placement = "left", ...rest }, ref) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const styles = useInputGroup();
+    var _a;
+    const { styles, fieldHeight } = useInputGroup();
     const css = {
       position: "absolute",
       top: "0",
@@ -150,9 +146,9 @@ var InputElement = (0, import_core3.forwardRef)(
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      w: (_g = (_e = (_c = (_a = styles.field) == null ? void 0 : _a.height) != null ? _c : (_b = styles.field) == null ? void 0 : _b.h) != null ? _e : (_d = styles.field) == null ? void 0 : _d.minHeight) != null ? _g : (_f = styles.field) == null ? void 0 : _f.minH,
+      w: fieldHeight,
       h: "100%",
-      fontSize: (_h = styles.field) == null ? void 0 : _h.fontSize,
+      fontSize: (_a = styles.field) == null ? void 0 : _a.fontSize,
       pointerEvents: isClick ? "auto" : "none",
       cursor: isClick ? "pointer" : "auto",
       ...styles.element
@@ -198,37 +194,56 @@ var InputRightElement = (0, import_core3.forwardRef)(
 // src/input-group.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var InputGroup = (0, import_core4.forwardRef)((props, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b;
   const [styles] = (0, import_core4.useComponentMultiStyle)("Input", props);
   const { className, children, ...rest } = (0, import_core4.omitThemeProps)(props);
+  const [vars, variableProps] = (0, import_core4.useCreateVars)({ ...styles.field, ...rest }, [
+    "minHeight",
+    "minH",
+    "height",
+    "h"
+  ]);
+  const minHeight = (_a = variableProps.minHeight) != null ? _a : variableProps.minH;
+  const height = (_b = variableProps.height) != null ? _b : variableProps.h;
+  const fieldHeight = minHeight != null ? minHeight : height;
   const css = {
     width: "100%",
     display: "flex",
     position: "relative",
+    vars,
     ...styles.container
   };
   const groupProps = {};
-  const minHeight = (_g = (_e = (0, import_use_token.useToken)("sizes", (_c = (_a = styles.field) == null ? void 0 : _a.minHeight) != null ? _c : (_b = styles.field) == null ? void 0 : _b.minH)) != null ? _e : (_d = styles.field) == null ? void 0 : _d.minHeight) != null ? _g : (_f = styles.field) == null ? void 0 : _f.minH;
-  const height = (_n = (_l = (0, import_use_token.useToken)("sizes", (_j = (_h = styles.field) == null ? void 0 : _h.height) != null ? _j : (_i = styles.field) == null ? void 0 : _i.h)) != null ? _l : (_k = styles.field) == null ? void 0 : _k.height) != null ? _n : (_m = styles.field) == null ? void 0 : _m.h;
   const validChildren = (0, import_utils5.getValidChildren)(children);
   validChildren.forEach((child) => {
-    if ((minHeight || height) && child.type === InputLeftElement)
-      groupProps.paddingStart = height != null ? height : minHeight;
-    if ((minHeight || height) && child.type === InputRightElement)
-      groupProps.paddingEnd = height != null ? height : minHeight;
-    if (child.type === InputLeftAddon) groupProps.roundedLeft = 0;
-    if (child.type === InputRightAddon) groupProps.roundedRight = 0;
+    if (fieldHeight && child.type === InputLeftElement)
+      groupProps.paddingStart = `${fieldHeight} !important`;
+    if (fieldHeight && child.type === InputRightElement)
+      groupProps.paddingEnd = `${fieldHeight} !important`;
+    if (child.type === InputLeftAddon) groupProps.roundedLeft = "0px !important";
+    if (child.type === InputRightAddon)
+      groupProps.roundedRight = "0px !important";
   });
   const cloneChildren = validChildren.map((child) => {
-    var _a2, _b2;
-    const childProps = (0, import_utils5.filterUndefined)({
-      size: ((_a2 = child.props) == null ? void 0 : _a2.size) || props.size,
-      variant: ((_b2 = child.props) == null ? void 0 : _b2.variant) || props.variant,
-      ...child.props
-    });
-    return child.type !== Input && child.type !== import_file_input.FileInput ? (0, import_react.cloneElement)(child, childProps) : (0, import_react.cloneElement)(child, Object.assign(childProps, groupProps));
+    var _a2, _b2, _c, _d;
+    const isAddonElement = [
+      InputLeftAddon,
+      InputRightAddon,
+      InputLeftElement,
+      InputRightElement
+    ].some((type) => child.type === type);
+    if (isAddonElement) {
+      return child;
+    } else {
+      const childProps = (0, import_utils5.filterUndefined)({
+        size: (_b2 = (_a2 = child.props) == null ? void 0 : _a2.size) != null ? _b2 : props.size,
+        variant: (_d = (_c = child.props) == null ? void 0 : _c.variant) != null ? _d : props.variant,
+        ...child.props
+      });
+      return (0, import_react.cloneElement)(child, Object.assign(childProps, groupProps));
+    }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InputGroupProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InputGroupProvider, { value: { styles, fieldHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_core4.ui.div,
     {
       ref,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/input.tsx","../src/input-group.tsx","../src/input-addon.tsx","../src/input-context.tsx","../src/input-element.tsx"],"sourcesContent":["export { Input } from \"./input\"\nexport type { InputProps } from \"./input\"\nexport { InputGroup } from \"./input-group\"\nexport type { InputGroupProps } from \"./input-group\"\nexport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nexport type { InputAddonProps } from \"./input-addon\"\nexport { InputLeftElement, InputRightElement } from \"./input-element\"\nexport type { InputElementProps } from \"./input-element\"\n","import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  ColorModeToken,\n  CSS,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  omitThemeProps,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControlProps } from \"@yamada-ui/form-control\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface InputOptions {\n  /**\n   * The border color when the input is focused.\n   */\n  focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * The border color when the input is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * The native HTML `size` attribute to be passed to the `input`.\n   */\n  htmlSize?: number\n}\n\nexport interface InputProps\n  extends Omit<\n      HTMLUIProps<\"input\">,\n      \"disabled\" | \"required\" | \"readOnly\" | \"size\"\n    >,\n    ThemeProps<\"Input\">,\n    InputOptions,\n    FormControlOptions {}\n\n/**\n * `Input` is a component used to obtain text input from the user.\n *\n * @see Docs https://yamada-ui.com/components/forms/input\n */\nexport const Input = forwardRef<InputProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Input\", props)\n  let { className, htmlSize, __css, ...rest } = omitThemeProps(mergedProps)\n\n  rest = useFormControlProps(rest)\n\n  const css: CSSUIObject = { ...styles.field, ...__css }\n\n  return (\n    <ui.input\n      ref={ref}\n      className={cx(\"ui-input\", className)}\n      size={htmlSize}\n      __css={css}\n      {...rest}\n    />\n  )\n})\n","import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIProps,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useComponentMultiStyle,\n  omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { FileInput } from \"@yamada-ui/file-input\"\nimport { useToken } from \"@yamada-ui/use-token\"\nimport { cx, filterUndefined, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement } from \"react\"\nimport { Input } from \"./input\"\nimport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nimport { InputGroupProvider } from \"./input-context\"\nimport { InputRightElement, InputLeftElement } from \"./input-element\"\n\nexport interface InputGroupProps extends HTMLUIProps, ThemeProps<\"Input\"> {}\n\nexport const InputGroup = forwardRef<InputGroupProps, \"div\">((props, ref) => {\n  const [styles] = useComponentMultiStyle(\"Input\", props)\n  const { className, children, ...rest } = omitThemeProps(props)\n\n  const css: CSSUIObject = {\n    width: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n    ...styles.container,\n  }\n  const groupProps: CSSUIProps = {}\n  const minHeight: any =\n    useToken(\"sizes\", (styles.field?.minHeight ?? styles.field?.minH) as any) ??\n    styles.field?.minHeight ??\n    styles.field?.minH\n  const height: any =\n    useToken(\"sizes\", (styles.field?.height ?? styles.field?.h) as any) ??\n    styles.field?.height ??\n    styles.field?.h\n\n  const validChildren = getValidChildren(children)\n\n  validChildren.forEach((child: any) => {\n    if ((minHeight || height) && child.type === InputLeftElement)\n      groupProps.paddingStart = height ?? minHeight\n\n    if ((minHeight || height) && child.type === InputRightElement)\n      groupProps.paddingEnd = height ?? minHeight\n\n    if (child.type === InputLeftAddon) groupProps.roundedLeft = 0\n\n    if (child.type === InputRightAddon) groupProps.roundedRight = 0\n  })\n\n  const cloneChildren = validChildren.map((child) => {\n    const childProps = filterUndefined({\n      size: child.props?.size || props.size,\n      variant: child.props?.variant || props.variant,\n      ...child.props,\n    })\n\n    return child.type !== Input && child.type !== FileInput\n      ? cloneElement(child, childProps)\n      : cloneElement(child, Object.assign(childProps, groupProps))\n  })\n\n  return (\n    <InputGroupProvider value={styles}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input-group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n      </ui.div>\n    </InputGroupProvider>\n  )\n})\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: 0,\n        borderEndColor: \"transparent\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: 0,\n        borderStartColor: \"transparent\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w:\n        styles.field?.height ??\n        styles.field?.h ??\n        styles.field?.minHeight ??\n        styles.field?.minH,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":"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","names":["import_core","import_utils","import_core","import_utils","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_jsx_runtime","_a","_b"]}
+{"version":3,"sources":["../src/index.ts","../src/input.tsx","../src/input-group.tsx","../src/input-addon.tsx","../src/input-context.tsx","../src/input-element.tsx"],"sourcesContent":["export { Input } from \"./input\"\nexport type { InputProps } from \"./input\"\nexport { InputGroup } from \"./input-group\"\nexport type { InputGroupProps } from \"./input-group\"\nexport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nexport type { InputAddonProps } from \"./input-addon\"\nexport { InputLeftElement, InputRightElement } from \"./input-element\"\nexport type { InputElementProps } from \"./input-element\"\n","import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  ColorModeToken,\n  CSS,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  omitThemeProps,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControlProps } from \"@yamada-ui/form-control\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface InputOptions {\n  /**\n   * The border color when the input is focused.\n   */\n  focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * The border color when the input is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * The native HTML `size` attribute to be passed to the `input`.\n   */\n  htmlSize?: number\n}\n\nexport interface InputProps\n  extends Omit<\n      HTMLUIProps<\"input\">,\n      \"disabled\" | \"required\" | \"readOnly\" | \"size\"\n    >,\n    ThemeProps<\"Input\">,\n    InputOptions,\n    FormControlOptions {}\n\n/**\n * `Input` is a component used to obtain text input from the user.\n *\n * @see Docs https://yamada-ui.com/components/forms/input\n */\nexport const Input = forwardRef<InputProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Input\", props)\n  let { className, htmlSize, __css, ...rest } = omitThemeProps(mergedProps)\n\n  rest = useFormControlProps(rest)\n\n  const css: CSSUIObject = { ...styles.field, ...__css }\n\n  return (\n    <ui.input\n      ref={ref}\n      className={cx(\"ui-input\", className)}\n      size={htmlSize}\n      __css={css}\n      {...rest}\n    />\n  )\n})\n","import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIProps,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useComponentMultiStyle,\n  omitThemeProps,\n  useCreateVars,\n} from \"@yamada-ui/core\"\nimport { cx, filterUndefined, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement } from \"react\"\nimport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nimport { InputGroupProvider } from \"./input-context\"\nimport { InputRightElement, InputLeftElement } from \"./input-element\"\n\nexport interface InputGroupProps extends HTMLUIProps, ThemeProps<\"Input\"> {}\n\nexport const InputGroup = forwardRef<InputGroupProps, \"div\">((props, ref) => {\n  const [styles] = useComponentMultiStyle(\"Input\", props)\n  const { className, children, ...rest } = omitThemeProps(props)\n\n  const [vars, variableProps] = useCreateVars({ ...styles.field, ...rest }, [\n    \"minHeight\",\n    \"minH\",\n    \"height\",\n    \"h\",\n  ])\n  const minHeight = variableProps.minHeight ?? variableProps.minH\n  const height = variableProps.height ?? variableProps.h\n  const fieldHeight = minHeight ?? height\n\n  const css: CSSUIObject = {\n    width: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n    vars,\n    ...styles.container,\n  }\n\n  const groupProps: CSSUIProps = {}\n\n  const validChildren = getValidChildren(children)\n\n  validChildren.forEach((child: any) => {\n    if (fieldHeight && child.type === InputLeftElement)\n      groupProps.paddingStart = `${fieldHeight} !important`\n\n    if (fieldHeight && child.type === InputRightElement)\n      groupProps.paddingEnd = `${fieldHeight} !important`\n\n    if (child.type === InputLeftAddon) groupProps.roundedLeft = \"0px !important\"\n\n    if (child.type === InputRightAddon)\n      groupProps.roundedRight = \"0px !important\"\n  })\n\n  const cloneChildren = validChildren.map((child) => {\n    const isAddonElement = [\n      InputLeftAddon,\n      InputRightAddon,\n      InputLeftElement,\n      InputRightElement,\n    ].some((type) => child.type === type)\n\n    if (isAddonElement) {\n      return child\n    } else {\n      const childProps = filterUndefined({\n        size: child.props?.size ?? props.size,\n        variant: child.props?.variant ?? props.variant,\n        ...child.props,\n      })\n\n      return cloneElement(child, Object.assign(childProps, groupProps))\n    }\n  })\n\n  return (\n    <InputGroupProvider value={{ styles, fieldHeight }}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input-group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n      </ui.div>\n    </InputGroupProvider>\n  )\n})\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const { styles } = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: \"0px !important\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: \"0px !important\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  styles: { [key: string]: CSSUIObject }\n  fieldHeight: string | undefined\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const { styles, fieldHeight } = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w: fieldHeight,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":"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","names":["import_core","import_utils","import_core","import_utils","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_jsx_runtime","_a","_b"]}

package/dist/index.mjs

@@ -1,16 +1,16 @@
 "use client"
 import {
   InputGroup
-} from "./chunk-3AEWRGHP.mjs";
+} from "./chunk-S3TRD6FG.mjs";
 import {
   InputLeftAddon,
   InputRightAddon
-} from "./chunk-OYJRHTQL.mjs";
+} from "./chunk-OEJ5NONO.mjs";
 import {
   InputLeftElement,
   InputRightElement
-} from "./chunk-ITQBVWTU.mjs";
-import "./chunk-ZNGNHH5S.mjs";
+} from "./chunk-Q6WRYI3A.mjs";
+import "./chunk-5UF5TTHV.mjs";
 import {
   Input
 } from "./chunk-ZARK2Q4J.mjs";

package/dist/input-addon.js

@@ -39,17 +39,15 @@ var [InputGroupProvider, useInputGroup] = (0, import_utils.createContext)({
 var import_jsx_runtime = require("react/jsx-runtime");
 var InputAddon = (0, import_core.forwardRef)(
   ({ className, placement = "left", ...rest }, ref) => {
-    const styles = useInputGroup();
+    const { styles } = useInputGroup();
     const placementStyles = {
       left: {
         me: "-1px",
-        roundedRight: 0,
-        borderEndColor: "transparent"
+        roundedRight: "0px !important"
       },
       right: {
         ms: "-1px",
-        roundedLeft: 0,
-        borderStartColor: "transparent"
+        roundedLeft: "0px !important"
       }
     };
     const css = {

package/dist/input-addon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-addon.tsx","../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: 0,\n        borderEndColor: \"transparent\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: 0,\n        borderStartColor: \"transparent\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,IAAAA,gBAAmB;;;ACDnB,mBAA8B;AAMvB,IAAM,CAAC,oBAAoB,aAAa,QAC7C,4BAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;ADiCG;AA5BN,IAAM,iBAAa;AAAA,EACjB,CAAC,EAAE,WAAW,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AACnD,UAAM,SAAS,cAAc;AAE7B,UAAM,kBAAkB;AAAA,MACtB,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,gBAAgB;AAAA,MAClB;AAAA,MACA,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,kBAAkB;AAAA,MACpB;AAAA,IACF;AAEA,UAAM,MAAmB;AAAA,MACvB,MAAM;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,GAAG,OAAO;AAAA,MACV,GAAG,gBAAgB,SAAS;AAAA,IAC9B;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,qBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,yBAAyB,SAAS;AAAA,QAChD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,0BAA0B,SAAS;AAAA,QACjD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_utils"]}
+{"version":3,"sources":["../src/input-addon.tsx","../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const { styles } = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: \"0px !important\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: \"0px !important\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  styles: { [key: string]: CSSUIObject }\n  fieldHeight: string | undefined\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,IAAAA,gBAAmB;;;ACDnB,mBAA8B;AAOvB,IAAM,CAAC,oBAAoB,aAAa,QAC7C,4BAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;AD8BG;AA1BN,IAAM,iBAAa;AAAA,EACjB,CAAC,EAAE,WAAW,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AACnD,UAAM,EAAE,OAAO,IAAI,cAAc;AAEjC,UAAM,kBAAkB;AAAA,MACtB,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,MAChB;AAAA,MACA,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,aAAa;AAAA,MACf;AAAA,IACF;AAEA,UAAM,MAAmB;AAAA,MACvB,MAAM;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,GAAG,OAAO;AAAA,MACV,GAAG,gBAAgB,SAAS;AAAA,IAC9B;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,qBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,yBAAyB,SAAS;AAAA,QAChD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,0BAA0B,SAAS;AAAA,QACjD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_utils"]}

package/dist/input-addon.mjs

@@ -2,8 +2,8 @@
 import {
   InputLeftAddon,
   InputRightAddon
-} from "./chunk-OYJRHTQL.mjs";
-import "./chunk-ZNGNHH5S.mjs";
+} from "./chunk-OEJ5NONO.mjs";
+import "./chunk-5UF5TTHV.mjs";
 export {
   InputLeftAddon,
   InputRightAddon

package/dist/input-context.d.mts

@@ -2,7 +2,10 @@ import * as react from 'react';
 import { CSSUIObject } from '@yamada-ui/core';
 
 interface InputGroupContext {
-    [key: string]: CSSUIObject;
+    styles: {
+        [key: string]: CSSUIObject;
+    };
+    fieldHeight: string | undefined;
 }
 declare const InputGroupProvider: react.Provider<InputGroupContext>;
 declare const useInputGroup: () => InputGroupContext;

package/dist/input-context.d.ts

@@ -2,7 +2,10 @@ import * as react from 'react';
 import { CSSUIObject } from '@yamada-ui/core';
 
 interface InputGroupContext {
-    [key: string]: CSSUIObject;
+    styles: {
+        [key: string]: CSSUIObject;
+    };
+    fieldHeight: string | undefined;
 }
 declare const InputGroupProvider: react.Provider<InputGroupContext>;
 declare const useInputGroup: () => InputGroupContext;

package/dist/input-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA8B;AAMvB,IAAM,CAAC,oBAAoB,aAAa,QAC7C,4BAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;","names":[]}
+{"version":3,"sources":["../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  styles: { [key: string]: CSSUIObject }\n  fieldHeight: string | undefined\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA8B;AAOvB,IAAM,CAAC,oBAAoB,aAAa,QAC7C,4BAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;","names":[]}

package/dist/input-context.mjs

@@ -2,7 +2,7 @@
 import {
   InputGroupProvider,
   useInputGroup
-} from "./chunk-ZNGNHH5S.mjs";
+} from "./chunk-5UF5TTHV.mjs";
 export {
   InputGroupProvider,
   useInputGroup

package/dist/input-element.js

@@ -39,8 +39,8 @@ var [InputGroupProvider, useInputGroup] = (0, import_utils.createContext)({
 var import_jsx_runtime = require("react/jsx-runtime");
 var InputElement = (0, import_core.forwardRef)(
   ({ className, isClick = false, placement = "left", ...rest }, ref) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const styles = useInputGroup();
+    var _a;
+    const { styles, fieldHeight } = useInputGroup();
     const css = {
       position: "absolute",
       top: "0",
@@ -49,9 +49,9 @@ var InputElement = (0, import_core.forwardRef)(
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      w: (_g = (_e = (_c = (_a = styles.field) == null ? void 0 : _a.height) != null ? _c : (_b = styles.field) == null ? void 0 : _b.h) != null ? _e : (_d = styles.field) == null ? void 0 : _d.minHeight) != null ? _g : (_f = styles.field) == null ? void 0 : _f.minH,
+      w: fieldHeight,
       h: "100%",
-      fontSize: (_h = styles.field) == null ? void 0 : _h.fontSize,
+      fontSize: (_a = styles.field) == null ? void 0 : _a.fontSize,
       pointerEvents: isClick ? "auto" : "none",
       cursor: isClick ? "pointer" : "auto",
       ...styles.element

package/dist/input-element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-element.tsx","../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w:\n        styles.field?.height ??\n        styles.field?.h ??\n        styles.field?.minHeight ??\n        styles.field?.minH,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,IAAAA,gBAAmB;;;ACDnB,mBAA8B;AAMvB,IAAM,CAAC,oBAAoB,aAAa,QAC7C,4BAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;ADoCG;AAzBN,IAAM,mBAAe;AAAA,EACnB,CAAC,EAAE,WAAW,UAAU,OAAO,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AAvBxE;AAwBI,UAAM,SAAS,cAAc;AAE7B,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,KAAK;AAAA,MACL,CAAC,cAAc,SAAS,eAAe,UAAU,GAAG;AAAA,MACpD,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IACE,8BAAO,UAAP,mBAAc,WAAd,aACA,YAAO,UAAP,mBAAc,MADd,aAEA,YAAO,UAAP,mBAAc,cAFd,aAGA,YAAO,UAAP,mBAAc;AAAA,MAChB,GAAG;AAAA,MACH,WAAU,YAAO,UAAP,mBAAc;AAAA,MACxB,eAAe,UAAU,SAAS;AAAA,MAClC,QAAQ,UAAU,YAAY;AAAA,MAC9B,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,uBAAmB;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,2BAA2B,SAAS;AAAA,QAClD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,wBAAoB;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,4BAA4B,SAAS;AAAA,QACnD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_utils"]}
+{"version":3,"sources":["../src/input-element.tsx","../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const { styles, fieldHeight } = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w: fieldHeight,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  styles: { [key: string]: CSSUIObject }\n  fieldHeight: string | undefined\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,IAAAA,gBAAmB;;;ACDnB,mBAA8B;AAOvB,IAAM,CAAC,oBAAoB,aAAa,QAC7C,4BAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;AD+BG;AArBN,IAAM,mBAAe;AAAA,EACnB,CAAC,EAAE,WAAW,UAAU,OAAO,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AAvBxE;AAwBI,UAAM,EAAE,QAAQ,YAAY,IAAI,cAAc;AAE9C,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,KAAK;AAAA,MACL,CAAC,cAAc,SAAS,eAAe,UAAU,GAAG;AAAA,MACpD,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAU,YAAO,UAAP,mBAAc;AAAA,MACxB,eAAe,UAAU,SAAS;AAAA,MAClC,QAAQ,UAAU,YAAY;AAAA,MAC9B,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,uBAAmB;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,2BAA2B,SAAS;AAAA,QAClD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,wBAAoB;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,4BAA4B,SAAS;AAAA,QACnD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_utils"]}

package/dist/input-element.mjs

@@ -2,8 +2,8 @@
 import {
   InputLeftElement,
   InputRightElement
-} from "./chunk-ITQBVWTU.mjs";
-import "./chunk-ZNGNHH5S.mjs";
+} from "./chunk-Q6WRYI3A.mjs";
+import "./chunk-5UF5TTHV.mjs";
 export {
   InputLeftElement,
   InputRightElement

package/dist/input-group.js

@@ -24,60 +24,34 @@ __export(input_group_exports, {
   InputGroup: () => InputGroup
 });
 module.exports = __toCommonJS(input_group_exports);
-var import_core4 = require("@yamada-ui/core");
-var import_file_input = require("@yamada-ui/file-input");
-var import_use_token = require("@yamada-ui/use-token");
-var import_utils5 = require("@yamada-ui/utils");
+var import_core3 = require("@yamada-ui/core");
+var import_utils4 = require("@yamada-ui/utils");
 var import_react = require("react");
 
-// src/input.tsx
-var import_core = require("@yamada-ui/core");
-var import_form_control = require("@yamada-ui/form-control");
-var import_utils = require("@yamada-ui/utils");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Input = (0, import_core.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core.useComponentMultiStyle)("Input", props);
-  let { className, htmlSize, __css, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
-  rest = (0, import_form_control.useFormControlProps)(rest);
-  const css = { ...styles.field, ...__css };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.input,
-    {
-      ref,
-      className: (0, import_utils.cx)("ui-input", className),
-      size: htmlSize,
-      __css: css,
-      ...rest
-    }
-  );
-});
-
 // src/input-addon.tsx
-var import_core2 = require("@yamada-ui/core");
-var import_utils3 = require("@yamada-ui/utils");
+var import_core = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
 
 // src/input-context.tsx
-var import_utils2 = require("@yamada-ui/utils");
-var [InputGroupProvider, useInputGroup] = (0, import_utils2.createContext)({
+var import_utils = require("@yamada-ui/utils");
+var [InputGroupProvider, useInputGroup] = (0, import_utils.createContext)({
   name: "InputGroupContext",
   errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in "<InputGroup />" `
 });
 
 // src/input-addon.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var InputAddon = (0, import_core2.forwardRef)(
+var import_jsx_runtime = require("react/jsx-runtime");
+var InputAddon = (0, import_core.forwardRef)(
   ({ className, placement = "left", ...rest }, ref) => {
-    const styles = useInputGroup();
+    const { styles } = useInputGroup();
     const placementStyles = {
       left: {
         me: "-1px",
-        roundedRight: 0,
-        borderEndColor: "transparent"
+        roundedRight: "0px !important"
       },
       right: {
         ms: "-1px",
-        roundedLeft: 0,
-        borderStartColor: "transparent"
+        roundedLeft: "0px !important"
       }
     };
     const css = {
@@ -89,37 +63,37 @@ var InputAddon = (0, import_core2.forwardRef)(
       ...styles.addon,
       ...placementStyles[placement]
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_core2.ui.div,
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.div,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-input__addon", className),
+        className: (0, import_utils2.cx)("ui-input__addon", className),
         __css: css,
         ...rest
       }
     );
   }
 );
-var InputLeftAddon = (0, import_core2.forwardRef)(
+var InputLeftAddon = (0, import_core.forwardRef)(
   ({ className, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       InputAddon,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-input__addon--left", className),
+        className: (0, import_utils2.cx)("ui-input__addon--left", className),
         placement: "left",
         ...rest
       }
     );
   }
 );
-var InputRightAddon = (0, import_core2.forwardRef)(
+var InputRightAddon = (0, import_core.forwardRef)(
   ({ className, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       InputAddon,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-input__addon--right", className),
+        className: (0, import_utils2.cx)("ui-input__addon--right", className),
         placement: "right",
         ...rest
       }
@@ -128,13 +102,13 @@ var InputRightAddon = (0, import_core2.forwardRef)(
 );
 
 // src/input-element.tsx
-var import_core3 = require("@yamada-ui/core");
-var import_utils4 = require("@yamada-ui/utils");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var InputElement = (0, import_core3.forwardRef)(
+var import_core2 = require("@yamada-ui/core");
+var import_utils3 = require("@yamada-ui/utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var InputElement = (0, import_core2.forwardRef)(
   ({ className, isClick = false, placement = "left", ...rest }, ref) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const styles = useInputGroup();
+    var _a;
+    const { styles, fieldHeight } = useInputGroup();
     const css = {
       position: "absolute",
       top: "0",
@@ -143,44 +117,44 @@ var InputElement = (0, import_core3.forwardRef)(
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      w: (_g = (_e = (_c = (_a = styles.field) == null ? void 0 : _a.height) != null ? _c : (_b = styles.field) == null ? void 0 : _b.h) != null ? _e : (_d = styles.field) == null ? void 0 : _d.minHeight) != null ? _g : (_f = styles.field) == null ? void 0 : _f.minH,
+      w: fieldHeight,
       h: "100%",
-      fontSize: (_h = styles.field) == null ? void 0 : _h.fontSize,
+      fontSize: (_a = styles.field) == null ? void 0 : _a.fontSize,
       pointerEvents: isClick ? "auto" : "none",
       cursor: isClick ? "pointer" : "auto",
       ...styles.element
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_core3.ui.div,
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.div,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-input__element", className),
+        className: (0, import_utils3.cx)("ui-input__element", className),
         __css: css,
         ...rest
       }
     );
   }
 );
-var InputLeftElement = (0, import_core3.forwardRef)(
+var InputLeftElement = (0, import_core2.forwardRef)(
   ({ className, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       InputElement,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-input__element--left", className),
+        className: (0, import_utils3.cx)("ui-input__element--left", className),
         placement: "left",
         ...rest
       }
     );
   }
 );
-var InputRightElement = (0, import_core3.forwardRef)(
+var InputRightElement = (0, import_core2.forwardRef)(
   ({ className, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       InputElement,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-input__element--right", className),
+        className: (0, import_utils3.cx)("ui-input__element--right", className),
         placement: "right",
         ...rest
       }
@@ -189,43 +163,62 @@ var InputRightElement = (0, import_core3.forwardRef)(
 );
 
 // src/input-group.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var InputGroup = (0, import_core4.forwardRef)((props, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const [styles] = (0, import_core4.useComponentMultiStyle)("Input", props);
-  const { className, children, ...rest } = (0, import_core4.omitThemeProps)(props);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var InputGroup = (0, import_core3.forwardRef)((props, ref) => {
+  var _a, _b;
+  const [styles] = (0, import_core3.useComponentMultiStyle)("Input", props);
+  const { className, children, ...rest } = (0, import_core3.omitThemeProps)(props);
+  const [vars, variableProps] = (0, import_core3.useCreateVars)({ ...styles.field, ...rest }, [
+    "minHeight",
+    "minH",
+    "height",
+    "h"
+  ]);
+  const minHeight = (_a = variableProps.minHeight) != null ? _a : variableProps.minH;
+  const height = (_b = variableProps.height) != null ? _b : variableProps.h;
+  const fieldHeight = minHeight != null ? minHeight : height;
   const css = {
     width: "100%",
     display: "flex",
     position: "relative",
+    vars,
     ...styles.container
   };
   const groupProps = {};
-  const minHeight = (_g = (_e = (0, import_use_token.useToken)("sizes", (_c = (_a = styles.field) == null ? void 0 : _a.minHeight) != null ? _c : (_b = styles.field) == null ? void 0 : _b.minH)) != null ? _e : (_d = styles.field) == null ? void 0 : _d.minHeight) != null ? _g : (_f = styles.field) == null ? void 0 : _f.minH;
-  const height = (_n = (_l = (0, import_use_token.useToken)("sizes", (_j = (_h = styles.field) == null ? void 0 : _h.height) != null ? _j : (_i = styles.field) == null ? void 0 : _i.h)) != null ? _l : (_k = styles.field) == null ? void 0 : _k.height) != null ? _n : (_m = styles.field) == null ? void 0 : _m.h;
-  const validChildren = (0, import_utils5.getValidChildren)(children);
+  const validChildren = (0, import_utils4.getValidChildren)(children);
   validChildren.forEach((child) => {
-    if ((minHeight || height) && child.type === InputLeftElement)
-      groupProps.paddingStart = height != null ? height : minHeight;
-    if ((minHeight || height) && child.type === InputRightElement)
-      groupProps.paddingEnd = height != null ? height : minHeight;
-    if (child.type === InputLeftAddon) groupProps.roundedLeft = 0;
-    if (child.type === InputRightAddon) groupProps.roundedRight = 0;
+    if (fieldHeight && child.type === InputLeftElement)
+      groupProps.paddingStart = `${fieldHeight} !important`;
+    if (fieldHeight && child.type === InputRightElement)
+      groupProps.paddingEnd = `${fieldHeight} !important`;
+    if (child.type === InputLeftAddon) groupProps.roundedLeft = "0px !important";
+    if (child.type === InputRightAddon)
+      groupProps.roundedRight = "0px !important";
   });
   const cloneChildren = validChildren.map((child) => {
-    var _a2, _b2;
-    const childProps = (0, import_utils5.filterUndefined)({
-      size: ((_a2 = child.props) == null ? void 0 : _a2.size) || props.size,
-      variant: ((_b2 = child.props) == null ? void 0 : _b2.variant) || props.variant,
-      ...child.props
-    });
-    return child.type !== Input && child.type !== import_file_input.FileInput ? (0, import_react.cloneElement)(child, childProps) : (0, import_react.cloneElement)(child, Object.assign(childProps, groupProps));
+    var _a2, _b2, _c, _d;
+    const isAddonElement = [
+      InputLeftAddon,
+      InputRightAddon,
+      InputLeftElement,
+      InputRightElement
+    ].some((type) => child.type === type);
+    if (isAddonElement) {
+      return child;
+    } else {
+      const childProps = (0, import_utils4.filterUndefined)({
+        size: (_b2 = (_a2 = child.props) == null ? void 0 : _a2.size) != null ? _b2 : props.size,
+        variant: (_d = (_c = child.props) == null ? void 0 : _c.variant) != null ? _d : props.variant,
+        ...child.props
+      });
+      return (0, import_react.cloneElement)(child, Object.assign(childProps, groupProps));
+    }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InputGroupProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_core4.ui.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InputGroupProvider, { value: { styles, fieldHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_core3.ui.div,
     {
       ref,
-      className: (0, import_utils5.cx)("ui-input-group", className),
+      className: (0, import_utils4.cx)("ui-input-group", className),
       role: "group",
       __css: css,
       ...rest,

package/dist/input-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-group.tsx","../src/input.tsx","../src/input-addon.tsx","../src/input-context.tsx","../src/input-element.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIProps,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useComponentMultiStyle,\n  omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { FileInput } from \"@yamada-ui/file-input\"\nimport { useToken } from \"@yamada-ui/use-token\"\nimport { cx, filterUndefined, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement } from \"react\"\nimport { Input } from \"./input\"\nimport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nimport { InputGroupProvider } from \"./input-context\"\nimport { InputRightElement, InputLeftElement } from \"./input-element\"\n\nexport interface InputGroupProps extends HTMLUIProps, ThemeProps<\"Input\"> {}\n\nexport const InputGroup = forwardRef<InputGroupProps, \"div\">((props, ref) => {\n  const [styles] = useComponentMultiStyle(\"Input\", props)\n  const { className, children, ...rest } = omitThemeProps(props)\n\n  const css: CSSUIObject = {\n    width: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n    ...styles.container,\n  }\n  const groupProps: CSSUIProps = {}\n  const minHeight: any =\n    useToken(\"sizes\", (styles.field?.minHeight ?? styles.field?.minH) as any) ??\n    styles.field?.minHeight ??\n    styles.field?.minH\n  const height: any =\n    useToken(\"sizes\", (styles.field?.height ?? styles.field?.h) as any) ??\n    styles.field?.height ??\n    styles.field?.h\n\n  const validChildren = getValidChildren(children)\n\n  validChildren.forEach((child: any) => {\n    if ((minHeight || height) && child.type === InputLeftElement)\n      groupProps.paddingStart = height ?? minHeight\n\n    if ((minHeight || height) && child.type === InputRightElement)\n      groupProps.paddingEnd = height ?? minHeight\n\n    if (child.type === InputLeftAddon) groupProps.roundedLeft = 0\n\n    if (child.type === InputRightAddon) groupProps.roundedRight = 0\n  })\n\n  const cloneChildren = validChildren.map((child) => {\n    const childProps = filterUndefined({\n      size: child.props?.size || props.size,\n      variant: child.props?.variant || props.variant,\n      ...child.props,\n    })\n\n    return child.type !== Input && child.type !== FileInput\n      ? cloneElement(child, childProps)\n      : cloneElement(child, Object.assign(childProps, groupProps))\n  })\n\n  return (\n    <InputGroupProvider value={styles}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input-group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n      </ui.div>\n    </InputGroupProvider>\n  )\n})\n","import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  ColorModeToken,\n  CSS,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  omitThemeProps,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControlProps } from \"@yamada-ui/form-control\"\nimport { cx } from \"@yamada-ui/utils\"\n\ninterface InputOptions {\n  /**\n   * The border color when the input is focused.\n   */\n  focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * The border color when the input is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * The native HTML `size` attribute to be passed to the `input`.\n   */\n  htmlSize?: number\n}\n\nexport interface InputProps\n  extends Omit<\n      HTMLUIProps<\"input\">,\n      \"disabled\" | \"required\" | \"readOnly\" | \"size\"\n    >,\n    ThemeProps<\"Input\">,\n    InputOptions,\n    FormControlOptions {}\n\n/**\n * `Input` is a component used to obtain text input from the user.\n *\n * @see Docs https://yamada-ui.com/components/forms/input\n */\nexport const Input = forwardRef<InputProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Input\", props)\n  let { className, htmlSize, __css, ...rest } = omitThemeProps(mergedProps)\n\n  rest = useFormControlProps(rest)\n\n  const css: CSSUIObject = { ...styles.field, ...__css }\n\n  return (\n    <ui.input\n      ref={ref}\n      className={cx(\"ui-input\", className)}\n      size={htmlSize}\n      __css={css}\n      {...rest}\n    />\n  )\n})\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: 0,\n        borderEndColor: \"transparent\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: 0,\n        borderStartColor: \"transparent\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w:\n        styles.field?.height ??\n        styles.field?.h ??\n        styles.field?.minHeight ??\n        styles.field?.minH,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":"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","names":["import_core","import_utils","import_core","import_utils","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_jsx_runtime","_a","_b"]}
+{"version":3,"sources":["../src/input-group.tsx","../src/input-addon.tsx","../src/input-context.tsx","../src/input-element.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIProps,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useComponentMultiStyle,\n  omitThemeProps,\n  useCreateVars,\n} from \"@yamada-ui/core\"\nimport { cx, filterUndefined, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement } from \"react\"\nimport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nimport { InputGroupProvider } from \"./input-context\"\nimport { InputRightElement, InputLeftElement } from \"./input-element\"\n\nexport interface InputGroupProps extends HTMLUIProps, ThemeProps<\"Input\"> {}\n\nexport const InputGroup = forwardRef<InputGroupProps, \"div\">((props, ref) => {\n  const [styles] = useComponentMultiStyle(\"Input\", props)\n  const { className, children, ...rest } = omitThemeProps(props)\n\n  const [vars, variableProps] = useCreateVars({ ...styles.field, ...rest }, [\n    \"minHeight\",\n    \"minH\",\n    \"height\",\n    \"h\",\n  ])\n  const minHeight = variableProps.minHeight ?? variableProps.minH\n  const height = variableProps.height ?? variableProps.h\n  const fieldHeight = minHeight ?? height\n\n  const css: CSSUIObject = {\n    width: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n    vars,\n    ...styles.container,\n  }\n\n  const groupProps: CSSUIProps = {}\n\n  const validChildren = getValidChildren(children)\n\n  validChildren.forEach((child: any) => {\n    if (fieldHeight && child.type === InputLeftElement)\n      groupProps.paddingStart = `${fieldHeight} !important`\n\n    if (fieldHeight && child.type === InputRightElement)\n      groupProps.paddingEnd = `${fieldHeight} !important`\n\n    if (child.type === InputLeftAddon) groupProps.roundedLeft = \"0px !important\"\n\n    if (child.type === InputRightAddon)\n      groupProps.roundedRight = \"0px !important\"\n  })\n\n  const cloneChildren = validChildren.map((child) => {\n    const isAddonElement = [\n      InputLeftAddon,\n      InputRightAddon,\n      InputLeftElement,\n      InputRightElement,\n    ].some((type) => child.type === type)\n\n    if (isAddonElement) {\n      return child\n    } else {\n      const childProps = filterUndefined({\n        size: child.props?.size ?? props.size,\n        variant: child.props?.variant ?? props.variant,\n        ...child.props,\n      })\n\n      return cloneElement(child, Object.assign(childProps, groupProps))\n    }\n  })\n\n  return (\n    <InputGroupProvider value={{ styles, fieldHeight }}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input-group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n      </ui.div>\n    </InputGroupProvider>\n  )\n})\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const { styles } = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: \"0px !important\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: \"0px !important\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  styles: { [key: string]: CSSUIObject }\n  fieldHeight: string | undefined\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const { styles, fieldHeight } = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w: fieldHeight,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":"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","names":["import_core","import_utils","import_utils","import_core","import_utils","import_jsx_runtime","import_jsx_runtime","_a","_b"]}

package/dist/input-group.mjs

@@ -1,11 +1,10 @@
 "use client"
 import {
   InputGroup
-} from "./chunk-3AEWRGHP.mjs";
-import "./chunk-OYJRHTQL.mjs";
-import "./chunk-ITQBVWTU.mjs";
-import "./chunk-ZNGNHH5S.mjs";
-import "./chunk-ZARK2Q4J.mjs";
+} from "./chunk-S3TRD6FG.mjs";
+import "./chunk-OEJ5NONO.mjs";
+import "./chunk-Q6WRYI3A.mjs";
+import "./chunk-5UF5TTHV.mjs";
 export {
   InputGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/input",
-  "version": "1.0.42-dev-20240919133550",
+  "version": "1.0.42-dev-20240920025829",
   "description": "Yamada UI input component",
   "keywords": [
     "yamada",
@@ -36,11 +36,11 @@
     "url": "https://github.com/yamada-ui/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "1.15.0-dev-20240919133550",
-    "@yamada-ui/file-input": "1.0.42-dev-20240919133550",
-    "@yamada-ui/form-control": "2.1.2-dev-20240919133550",
-    "@yamada-ui/use-token": "1.1.25-dev-20240919133550",
-    "@yamada-ui/utils": "1.5.1-dev-20240919133550"
+    "@yamada-ui/core": "1.15.0-dev-20240920025829",
+    "@yamada-ui/file-input": "1.0.42-dev-20240920025829",
+    "@yamada-ui/form-control": "2.1.2-dev-20240920025829",
+    "@yamada-ui/use-token": "1.1.25-dev-20240920025829",
+    "@yamada-ui/utils": "1.5.1-dev-20240920025829"
   },
   "devDependencies": {
     "clean-package": "2.2.0",

package/dist/chunk-3AEWRGHP.mjs

@@ -1,76 +0,0 @@
-"use client"
-import {
-  InputLeftAddon,
-  InputRightAddon
-} from "./chunk-OYJRHTQL.mjs";
-import {
-  InputLeftElement,
-  InputRightElement
-} from "./chunk-ITQBVWTU.mjs";
-import {
-  InputGroupProvider
-} from "./chunk-ZNGNHH5S.mjs";
-import {
-  Input
-} from "./chunk-ZARK2Q4J.mjs";
-
-// src/input-group.tsx
-import {
-  ui,
-  forwardRef,
-  useComponentMultiStyle,
-  omitThemeProps
-} from "@yamada-ui/core";
-import { FileInput } from "@yamada-ui/file-input";
-import { useToken } from "@yamada-ui/use-token";
-import { cx, filterUndefined, getValidChildren } from "@yamada-ui/utils";
-import { cloneElement } from "react";
-import { jsx } from "react/jsx-runtime";
-var InputGroup = forwardRef((props, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const [styles] = useComponentMultiStyle("Input", props);
-  const { className, children, ...rest } = omitThemeProps(props);
-  const css = {
-    width: "100%",
-    display: "flex",
-    position: "relative",
-    ...styles.container
-  };
-  const groupProps = {};
-  const minHeight = (_g = (_e = useToken("sizes", (_c = (_a = styles.field) == null ? void 0 : _a.minHeight) != null ? _c : (_b = styles.field) == null ? void 0 : _b.minH)) != null ? _e : (_d = styles.field) == null ? void 0 : _d.minHeight) != null ? _g : (_f = styles.field) == null ? void 0 : _f.minH;
-  const height = (_n = (_l = useToken("sizes", (_j = (_h = styles.field) == null ? void 0 : _h.height) != null ? _j : (_i = styles.field) == null ? void 0 : _i.h)) != null ? _l : (_k = styles.field) == null ? void 0 : _k.height) != null ? _n : (_m = styles.field) == null ? void 0 : _m.h;
-  const validChildren = getValidChildren(children);
-  validChildren.forEach((child) => {
-    if ((minHeight || height) && child.type === InputLeftElement)
-      groupProps.paddingStart = height != null ? height : minHeight;
-    if ((minHeight || height) && child.type === InputRightElement)
-      groupProps.paddingEnd = height != null ? height : minHeight;
-    if (child.type === InputLeftAddon) groupProps.roundedLeft = 0;
-    if (child.type === InputRightAddon) groupProps.roundedRight = 0;
-  });
-  const cloneChildren = validChildren.map((child) => {
-    var _a2, _b2;
-    const childProps = filterUndefined({
-      size: ((_a2 = child.props) == null ? void 0 : _a2.size) || props.size,
-      variant: ((_b2 = child.props) == null ? void 0 : _b2.variant) || props.variant,
-      ...child.props
-    });
-    return child.type !== Input && child.type !== FileInput ? cloneElement(child, childProps) : cloneElement(child, Object.assign(childProps, groupProps));
-  });
-  return /* @__PURE__ */ jsx(InputGroupProvider, { value: styles, children: /* @__PURE__ */ jsx(
-    ui.div,
-    {
-      ref,
-      className: cx("ui-input-group", className),
-      role: "group",
-      __css: css,
-      ...rest,
-      children: cloneChildren
-    }
-  ) });
-});
-
-export {
-  InputGroup
-};
-//# sourceMappingURL=chunk-3AEWRGHP.mjs.map

package/dist/chunk-3AEWRGHP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/input-group.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIProps,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  useComponentMultiStyle,\n  omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { FileInput } from \"@yamada-ui/file-input\"\nimport { useToken } from \"@yamada-ui/use-token\"\nimport { cx, filterUndefined, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement } from \"react\"\nimport { Input } from \"./input\"\nimport { InputLeftAddon, InputRightAddon } from \"./input-addon\"\nimport { InputGroupProvider } from \"./input-context\"\nimport { InputRightElement, InputLeftElement } from \"./input-element\"\n\nexport interface InputGroupProps extends HTMLUIProps, ThemeProps<\"Input\"> {}\n\nexport const InputGroup = forwardRef<InputGroupProps, \"div\">((props, ref) => {\n  const [styles] = useComponentMultiStyle(\"Input\", props)\n  const { className, children, ...rest } = omitThemeProps(props)\n\n  const css: CSSUIObject = {\n    width: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n    ...styles.container,\n  }\n  const groupProps: CSSUIProps = {}\n  const minHeight: any =\n    useToken(\"sizes\", (styles.field?.minHeight ?? styles.field?.minH) as any) ??\n    styles.field?.minHeight ??\n    styles.field?.minH\n  const height: any =\n    useToken(\"sizes\", (styles.field?.height ?? styles.field?.h) as any) ??\n    styles.field?.height ??\n    styles.field?.h\n\n  const validChildren = getValidChildren(children)\n\n  validChildren.forEach((child: any) => {\n    if ((minHeight || height) && child.type === InputLeftElement)\n      groupProps.paddingStart = height ?? minHeight\n\n    if ((minHeight || height) && child.type === InputRightElement)\n      groupProps.paddingEnd = height ?? minHeight\n\n    if (child.type === InputLeftAddon) groupProps.roundedLeft = 0\n\n    if (child.type === InputRightAddon) groupProps.roundedRight = 0\n  })\n\n  const cloneChildren = validChildren.map((child) => {\n    const childProps = filterUndefined({\n      size: child.props?.size || props.size,\n      variant: child.props?.variant || props.variant,\n      ...child.props,\n    })\n\n    return child.type !== Input && child.type !== FileInput\n      ? cloneElement(child, childProps)\n      : cloneElement(child, Object.assign(childProps, groupProps))\n  })\n\n  return (\n    <InputGroupProvider value={styles}>\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input-group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n      </ui.div>\n    </InputGroupProvider>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;AAMA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,IAAI,iBAAiB,wBAAwB;AACtD,SAAS,oBAAoB;AAwDvB;AAhDC,IAAM,aAAa,WAAmC,CAAC,OAAO,QAAQ;AAvB7E;AAwBE,QAAM,CAAC,MAAM,IAAI,uBAAuB,SAAS,KAAK;AACtD,QAAM,EAAE,WAAW,UAAU,GAAG,KAAK,IAAI,eAAe,KAAK;AAE7D,QAAM,MAAmB;AAAA,IACvB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,GAAG,OAAO;AAAA,EACZ;AACA,QAAM,aAAyB,CAAC;AAChC,QAAM,aACJ,oBAAS,UAAU,kBAAO,UAAP,mBAAc,cAAd,aAA2B,YAAO,UAAP,mBAAc,IAAY,MAAxE,aACA,YAAO,UAAP,mBAAc,cADd,aAEA,YAAO,UAAP,mBAAc;AAChB,QAAM,UACJ,oBAAS,UAAU,kBAAO,UAAP,mBAAc,WAAd,aAAwB,YAAO,UAAP,mBAAc,CAAS,MAAlE,aACA,YAAO,UAAP,mBAAc,WADd,aAEA,YAAO,UAAP,mBAAc;AAEhB,QAAM,gBAAgB,iBAAiB,QAAQ;AAE/C,gBAAc,QAAQ,CAAC,UAAe;AACpC,SAAK,aAAa,WAAW,MAAM,SAAS;AAC1C,iBAAW,eAAe,0BAAU;AAEtC,SAAK,aAAa,WAAW,MAAM,SAAS;AAC1C,iBAAW,aAAa,0BAAU;AAEpC,QAAI,MAAM,SAAS,eAAgB,YAAW,cAAc;AAE5D,QAAI,MAAM,SAAS,gBAAiB,YAAW,eAAe;AAAA,EAChE,CAAC;AAED,QAAM,gBAAgB,cAAc,IAAI,CAAC,UAAU;AAzDrD,QAAAA,KAAAC;AA0DI,UAAM,aAAa,gBAAgB;AAAA,MACjC,QAAMD,MAAA,MAAM,UAAN,gBAAAA,IAAa,SAAQ,MAAM;AAAA,MACjC,WAASC,MAAA,MAAM,UAAN,gBAAAA,IAAa,YAAW,MAAM;AAAA,MACvC,GAAG,MAAM;AAAA,IACX,CAAC;AAED,WAAO,MAAM,SAAS,SAAS,MAAM,SAAS,YAC1C,aAAa,OAAO,UAAU,IAC9B,aAAa,OAAO,OAAO,OAAO,YAAY,UAAU,CAAC;AAAA,EAC/D,CAAC;AAED,SACE,oBAAC,sBAAmB,OAAO,QACzB;AAAA,IAAC,GAAG;AAAA,IAAH;AAAA,MACC;AAAA,MACA,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACzC,MAAK;AAAA,MACL,OAAO;AAAA,MACN,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;","names":["_a","_b"]}

package/dist/chunk-ITQBVWTU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/input-element.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputElementOptions {\n  /**\n   * If `true`, the element clickable.\n   *\n   * @default false\n   */\n  isClick?: boolean\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputElementProps extends HTMLUIProps, InputElementOptions {}\n\nconst InputElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, isClick = false, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      top: \"0\",\n      [placement === \"left\" ? \"insetStart\" : \"insetEnd\"]: \"0\",\n      zIndex: \"fallback(kurillin, 9)\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      w:\n        styles.field?.height ??\n        styles.field?.h ??\n        styles.field?.minHeight ??\n        styles.field?.minH,\n      h: \"100%\",\n      fontSize: styles.field?.fontSize,\n      pointerEvents: isClick ? \"auto\" : \"none\",\n      cursor: isClick ? \"pointer\" : \"auto\",\n      ...styles.element,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__element\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightElement = forwardRef<InputElementProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputElement\n        ref={ref}\n        className={cx(\"ui-input__element--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AA6Cb;AAzBN,IAAM,eAAe;AAAA,EACnB,CAAC,EAAE,WAAW,UAAU,OAAO,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AAvBxE;AAwBI,UAAM,SAAS,cAAc;AAE7B,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,KAAK;AAAA,MACL,CAAC,cAAc,SAAS,eAAe,UAAU,GAAG;AAAA,MACpD,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IACE,8BAAO,UAAP,mBAAc,WAAd,aACA,YAAO,UAAP,mBAAc,MADd,aAEA,YAAO,UAAP,mBAAc,cAFd,aAGA,YAAO,UAAP,mBAAc;AAAA,MAChB,GAAG;AAAA,MACH,WAAU,YAAO,UAAP,mBAAc;AAAA,MACxB,eAAe,UAAU,SAAS;AAAA,MAClC,QAAQ,UAAU,YAAY;AAAA,MAC9B,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,mBAAmB;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,QAClD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,QACnD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-OYJRHTQL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/input-addon.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useInputGroup } from \"./input-context\"\n\ninterface InputAddonOptions {\n  /**\n   * The placement of the element.\n   *\n   * @default 'left'\n   */\n  placement?: \"left\" | \"right\"\n}\n\nexport interface InputAddonProps extends HTMLUIProps, InputAddonOptions {}\n\nconst InputAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, placement = \"left\", ...rest }, ref) => {\n    const styles = useInputGroup()\n\n    const placementStyles = {\n      left: {\n        me: \"-1px\",\n        roundedRight: 0,\n        borderEndColor: \"transparent\",\n      },\n      right: {\n        ms: \"-1px\",\n        roundedLeft: 0,\n        borderStartColor: \"transparent\",\n      },\n    }\n\n    const css: CSSUIObject = {\n      flex: \"0 0 auto\",\n      w: \"auto\",\n      display: \"flex\",\n      alignItems: \"center\",\n      whiteSpace: \"nowrap\",\n      ...styles.addon,\n      ...placementStyles[placement],\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-input__addon\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputLeftAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--left\", className)}\n        placement=\"left\"\n        {...rest}\n      />\n    )\n  },\n)\n\nexport const InputRightAddon = forwardRef<InputAddonProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    return (\n      <InputAddon\n        ref={ref}\n        className={cx(\"ui-input__addon--right\", className)}\n        placement=\"right\"\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AA0Cb;AA5BN,IAAM,aAAa;AAAA,EACjB,CAAC,EAAE,WAAW,YAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ;AACnD,UAAM,SAAS,cAAc;AAE7B,UAAM,kBAAkB;AAAA,MACtB,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,gBAAgB;AAAA,MAClB;AAAA,MACA,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,kBAAkB;AAAA,MACpB;AAAA,IACF;AAEA,UAAM,MAAmB;AAAA,MACvB,MAAM;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,GAAG,OAAO;AAAA,MACV,GAAG,gBAAgB,SAAS;AAAA,IAC9B;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,yBAAyB,SAAS;AAAA,QAChD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,0BAA0B,SAAS;AAAA,QACjD,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-ZNGNHH5S.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/input-context.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface InputGroupContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [InputGroupProvider, useInputGroup] =\n  createContext<InputGroupContext>({\n    name: \"InputGroupContext\",\n    errorMessage: `useInputGroup returned is 'undefined'. Seems you forgot to wrap the components in \"<InputGroup />\" `,\n  })\n"],"mappings":";;;AACA,SAAS,qBAAqB;AAMvB,IAAM,CAAC,oBAAoB,aAAa,IAC7C,cAAiC;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;","names":[]}