@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/esm/components/infinite-scroll-area/use-infinite-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-infinite-scroll.js","names":["root","el"],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { assignRef, useCallbackRef } from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n  const style = getComputedStyle(el)\n\n  if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n  if (vertical) {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n  } else {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n  }\n}\n\nexport interface UseInfiniteScrollProps extends Omit<\n  IntersectionObserverInit,\n  \"root\"\n> {\n  /**\n   * Determines whether scrolling is instant or animates smoothly.\n   */\n  behavior?: ScrollBehavior\n  /**\n   * If `true`, the infinite scroll is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Ref to a reset index function.\n   */\n  indexRef?: RefObject<(index: number) => void>\n  /**\n   * If `true`, invoke `onLoad` function for the first time.\n   *\n   * @default false\n   */\n  initialLoad?: boolean\n  /**\n   * The orientation of the infinite scroll.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n  /**\n   *  If `true`, reverse direction.\n   *\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Margin around the root. Can have values similar to the CSS margin property,\n   * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n   */\n  rootMargin?: string\n  /**\n   * The element that is used as the viewport for checking visibility of the target.\n   * Defaults to the browser viewport if not specified or if `null`.\n   */\n  rootRef?: null | RefObject<HTMLElement | null>\n  /**\n   * If set the `onLoad` function will start from the given index.\n   * If `initialLoad` is `true`, index starts from `0`.\n   *\n   * @default 1\n   */\n  startIndex?: number\n  /**\n   * Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n   */\n  threshold?: number | number[]\n  /**\n   * The callback invoked when trigger is intersect.\n   */\n  onLoad?: ({\n    entry,\n    finish,\n    index,\n  }: {\n    index: number\n    finish: () => void\n    entry?: IntersectionObserverEntry\n  }) => Promise<void> | void\n}\n\n/**\n * `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n *\n * @see https://yamada-ui.com/docs/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <Y extends HTMLElement = HTMLDivElement>({\n  behavior,\n  disabled = false,\n  indexRef: indexRefProp,\n  initialLoad = false,\n  orientation = \"vertical\",\n  resetRef,\n  reverse = false,\n  rootMargin,\n  rootRef,\n  startIndex = initialLoad ? 0 : 1,\n  threshold,\n  onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n  const ref = useRef<Y>(null)\n  const { getDocument, getWindow } = useEnvironment()\n  const indexRef = useRef<number>(startIndex)\n  const processingRef = useRef<boolean>(false)\n  const observerRef = useRef<IntersectionObserver | undefined>(undefined)\n  const [finish, setFinish] = useState<boolean>(false)\n  const onLoad = useCallbackRef(onLoadProp)\n  const vertical = orientation === \"vertical\"\n  const direction = vertical ? \"top\" : \"left\"\n\n  const onReset = useCallback(\n    (index = 1, runScroll = true) => {\n      indexRef.current = index\n\n      setFinish(false)\n\n      if (runScroll) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = reverse\n            ? vertical\n              ? el.scrollHeight\n              : el.scrollWidth\n            : 0\n\n          target?.scrollTo({ behavior, [direction]: position })\n        }\n      }\n\n      if (disabled) return\n\n      setTimeout(() => {\n        const observer = observerRef.current\n        const el = ref.current\n\n        if (el) observer?.observe(el)\n      })\n    },\n    [\n      disabled,\n      rootRef,\n      getDocument,\n      vertical,\n      getWindow,\n      reverse,\n      behavior,\n      direction,\n    ],\n  )\n\n  const onFinish = useCallback(() => {\n    const observer = observerRef.current\n    const el = ref.current\n\n    if (el) observer?.unobserve(el)\n\n    setFinish(true)\n  }, [])\n\n  const createObserver = useCallback(() => {\n    const root = rootRef?.current ?? null\n\n    const observer = new IntersectionObserver(\n      async ([entry]) => {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (!entry?.isIntersecting || processingRef.current || !el) return\n\n        const props = { entry, finish: onFinish, index: indexRef.current }\n\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        let prevScrollPosition = 0\n\n        if (reverse)\n          prevScrollPosition = vertical ? el.scrollHeight : el.scrollWidth\n\n        await onLoad(props)\n\n        if (reverse)\n          setTimeout(() => {\n            const target = el === body ? getWindow() : el\n            const position =\n              (vertical ? el.scrollHeight : el.scrollWidth) - prevScrollPosition\n\n            target?.scrollTo({ [direction]: position })\n          })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      },\n      { root, rootMargin, threshold },\n    )\n\n    return observer\n  }, [\n    rootRef,\n    rootMargin,\n    threshold,\n    getDocument,\n    vertical,\n    onFinish,\n    reverse,\n    onLoad,\n    getWindow,\n    direction,\n  ])\n\n  useEffect(() => {\n    const setTabIndexAttribute = () => {\n      const root = rootRef?.current\n      if (\n        root &&\n        isScrollable(root, vertical) &&\n        !root.hasAttribute(\"tabindex\")\n      ) {\n        root.setAttribute(\"tabindex\", \"0\")\n      }\n    }\n\n    const setupObserver = async () => {\n      const el = ref.current\n      const index = indexRef.current\n      const root = rootRef?.current\n\n      if (initialLoad) {\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        await onLoad({ finish: onFinish, index })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      }\n\n      if (disabled) return\n\n      observerRef.current = createObserver()\n\n      const observer = observerRef.current\n\n      if (reverse) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = vertical ? el.scrollHeight : el.scrollWidth\n\n          target?.scrollTo({ [direction]: position })\n        }\n      }\n\n      setTimeout(() => {\n        if (el) observer.observe(el)\n      })\n\n      return () => {\n        if (el) observer.unobserve(el)\n      }\n    }\n\n    setTabIndexAttribute()\n    setupObserver()\n  }, [\n    createObserver,\n    initialLoad,\n    disabled,\n    reverse,\n    vertical,\n    onFinish,\n    onLoad,\n    rootRef,\n    getDocument,\n    getWindow,\n    direction,\n  ])\n\n  assignRef(resetRef, onReset)\n  assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n  return { ref, finish }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-infinite-scroll.js","names":[],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { assignRef, useCallbackRef } from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n  const style = getComputedStyle(el)\n\n  if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n  if (vertical) {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n  } else {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n  }\n}\n\nexport interface UseInfiniteScrollProps extends Omit<\n  IntersectionObserverInit,\n  \"root\"\n> {\n  /**\n   * Determines whether scrolling is instant or animates smoothly.\n   */\n  behavior?: ScrollBehavior\n  /**\n   * If `true`, the infinite scroll is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Ref to a reset index function.\n   */\n  indexRef?: RefObject<(index: number) => void>\n  /**\n   * If `true`, invoke `onLoad` function for the first time.\n   *\n   * @default false\n   */\n  initialLoad?: boolean\n  /**\n   * The orientation of the infinite scroll.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n  /**\n   *  If `true`, reverse direction.\n   *\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Margin around the root. Can have values similar to the CSS margin property,\n   * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n   */\n  rootMargin?: string\n  /**\n   * The element that is used as the viewport for checking visibility of the target.\n   * Defaults to the browser viewport if not specified or if `null`.\n   */\n  rootRef?: null | RefObject<HTMLElement | null>\n  /**\n   * If set the `onLoad` function will start from the given index.\n   * If `initialLoad` is `true`, index starts from `0`.\n   *\n   * @default 1\n   */\n  startIndex?: number\n  /**\n   * Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n   */\n  threshold?: number | number[]\n  /**\n   * The callback invoked when trigger is intersect.\n   */\n  onLoad?: ({\n    entry,\n    finish,\n    index,\n  }: {\n    index: number\n    finish: () => void\n    entry?: IntersectionObserverEntry\n  }) => Promise<void> | void\n}\n\n/**\n * `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n *\n * @see https://yamada-ui.com/docs/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <Y extends HTMLElement = HTMLDivElement>({\n  behavior,\n  disabled = false,\n  indexRef: indexRefProp,\n  initialLoad = false,\n  orientation = \"vertical\",\n  resetRef,\n  reverse = false,\n  rootMargin,\n  rootRef,\n  startIndex = initialLoad ? 0 : 1,\n  threshold,\n  onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n  const ref = useRef<Y>(null)\n  const { getDocument, getWindow } = useEnvironment()\n  const indexRef = useRef<number>(startIndex)\n  const processingRef = useRef<boolean>(false)\n  const observerRef = useRef<IntersectionObserver | undefined>(undefined)\n  const [finish, setFinish] = useState<boolean>(false)\n  const onLoad = useCallbackRef(onLoadProp)\n  const vertical = orientation === \"vertical\"\n  const direction = vertical ? \"top\" : \"left\"\n\n  const onReset = useCallback(\n    (index = 1, runScroll = true) => {\n      indexRef.current = index\n\n      setFinish(false)\n\n      if (runScroll) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = reverse\n            ? vertical\n              ? el.scrollHeight\n              : el.scrollWidth\n            : 0\n\n          target?.scrollTo({ behavior, [direction]: position })\n        }\n      }\n\n      if (disabled) return\n\n      setTimeout(() => {\n        const observer = observerRef.current\n        const el = ref.current\n\n        if (el) observer?.observe(el)\n      })\n    },\n    [\n      disabled,\n      rootRef,\n      getDocument,\n      vertical,\n      getWindow,\n      reverse,\n      behavior,\n      direction,\n    ],\n  )\n\n  const onFinish = useCallback(() => {\n    const observer = observerRef.current\n    const el = ref.current\n\n    if (el) observer?.unobserve(el)\n\n    setFinish(true)\n  }, [])\n\n  const createObserver = useCallback(() => {\n    const root = rootRef?.current ?? null\n\n    const observer = new IntersectionObserver(\n      async ([entry]) => {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (!entry?.isIntersecting || processingRef.current || !el) return\n\n        const props = { entry, finish: onFinish, index: indexRef.current }\n\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        let prevScrollPosition = 0\n\n        if (reverse)\n          prevScrollPosition = vertical ? el.scrollHeight : el.scrollWidth\n\n        await onLoad(props)\n\n        if (reverse)\n          setTimeout(() => {\n            const target = el === body ? getWindow() : el\n            const position =\n              (vertical ? el.scrollHeight : el.scrollWidth) - prevScrollPosition\n\n            target?.scrollTo({ [direction]: position })\n          })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      },\n      { root, rootMargin, threshold },\n    )\n\n    return observer\n  }, [\n    rootRef,\n    rootMargin,\n    threshold,\n    getDocument,\n    vertical,\n    onFinish,\n    reverse,\n    onLoad,\n    getWindow,\n    direction,\n  ])\n\n  useEffect(() => {\n    const setTabIndexAttribute = () => {\n      const root = rootRef?.current\n      if (\n        root &&\n        isScrollable(root, vertical) &&\n        !root.hasAttribute(\"tabindex\")\n      ) {\n        root.setAttribute(\"tabindex\", \"0\")\n      }\n    }\n\n    const setupObserver = async () => {\n      const el = ref.current\n      const index = indexRef.current\n      const root = rootRef?.current\n\n      if (initialLoad) {\n        processingRef.current = true\n\n        if (root) root.ariaBusy = \"true\"\n\n        await onLoad({ finish: onFinish, index })\n\n        indexRef.current += 1\n        processingRef.current = false\n\n        if (root) root.ariaBusy = \"false\"\n      }\n\n      if (disabled) return\n\n      observerRef.current = createObserver()\n\n      const observer = observerRef.current\n\n      if (reverse) {\n        const root = rootRef?.current\n        const body = getDocument()?.body\n        const el = root && isScrollable(root, vertical) ? root : body\n\n        if (el) {\n          const target = el === body ? getWindow() : el\n          const position = vertical ? el.scrollHeight : el.scrollWidth\n\n          target?.scrollTo({ [direction]: position })\n        }\n      }\n\n      setTimeout(() => {\n        if (el) observer.observe(el)\n      })\n\n      return () => {\n        if (el) observer.unobserve(el)\n      }\n    }\n\n    setTabIndexAttribute()\n    setupObserver()\n  }, [\n    createObserver,\n    initialLoad,\n    disabled,\n    reverse,\n    vertical,\n    onFinish,\n    onLoad,\n    rootRef,\n    getDocument,\n    getWindow,\n    direction,\n  ])\n\n  assignRef(resetRef, onReset)\n  assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n  return { ref, finish }\n}\n"],"mappings":"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"}

package/dist/esm/components/input/index.js

@@ -7,5 +7,4 @@ import { InputAddon, InputAddonPropsContext, useInputAddonPropsContext } from ".
 import { InputElement, InputElementPropsContext, useInputElementPropsContext } from "./input-element.js";
 import { InputGroupRoot } from "./input-group.js";
 import { namespace_exports } from "./namespace.js";
-
-export { Input, InputAddon, InputAddonPropsContext, InputElement, InputElementPropsContext, namespace_exports as InputGroup, InputGroupRoot, InputPropsContext, getInputHeightStyle, getInputPaddingEndResetStyle, getInputPaddingStartResetStyle, inputAddonStyle, inputElementStyle, inputStyle, useInputAddonPropsContext, useInputBorder, useInputElementPropsContext, useInputPropsContext };
+export { Input, InputAddon, InputAddonPropsContext, InputElement, InputElementPropsContext, namespace_exports as InputGroup, InputGroupRoot, InputPropsContext, getInputHeightStyle, getInputPaddingEndResetStyle, getInputPaddingStartResetStyle, inputAddonStyle, inputElementStyle, inputStyle, useInputAddonPropsContext, useInputBorder, useInputElementPropsContext, useInputPropsContext };

package/dist/esm/components/input/input-addon.js

@@ -1,10 +1,7 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { inputAddonStyle } from "./input-addon.style.js";
 import { useInputBorder } from "./use-input-border.js";
-
 //#region src/components/input/input-addon.tsx
 const { PropsContext: InputAddonPropsContext, usePropsContext: useInputAddonPropsContext, withContext } = createComponent("input-addon", inputAddonStyle);
 const InputAddon = withContext("div")(void 0, ({ errorBorderColor, focusBorderColor, ...rest }) => {
@@ -16,7 +13,7 @@ const InputAddon = withContext("div")(void 0, ({ errorBorderColor, focusBorderCo
 		...rest
 	};
 });
-
 //#endregion
 export { InputAddon, InputAddonPropsContext, useInputAddonPropsContext };
+
 //# sourceMappingURL=input-addon.js.map

package/dist/esm/components/input/input-addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-addon.js","names":[],"sources":["../../../../src/components/input/input-addon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InputProps } from \"./input\"\nimport type { InputAddonStyle } from \"./input-addon.style\"\nimport { createComponent } from \"../../core\"\nimport { inputAddonStyle } from \"./input-addon.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputAddonProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<InputAddonStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\"> {}\n\nconst {\n  PropsContext: InputAddonPropsContext,\n  usePropsContext: useInputAddonPropsContext,\n  withContext,\n} = createComponent<InputAddonProps, InputAddonStyle>(\n  \"input-addon\",\n  inputAddonStyle,\n)\n\nexport { InputAddonPropsContext, useInputAddonPropsContext }\n\nexport const InputAddon = withContext(\"div\")(\n  undefined,\n  ({ errorBorderColor, focusBorderColor, ...rest }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return { ...varProps, ...rest }\n  },\n)\n"],"mappings":";;;;;;;;AAeA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;AAID,MAAa,aAAa,YAAY,MAAM,CAC1C,SACC,EAAE,kBAAkB,kBAAkB,GAAG,WAAW;AAGnD,QAAO;EAAE,GAFQ,eAAe;GAAE;GAAkB;GAAkB,CAAC;EAEjD,GAAG;EAAM;EAElC"}
+{"version":3,"file":"input-addon.js","names":[],"sources":["../../../../src/components/input/input-addon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InputProps } from \"./input\"\nimport type { InputAddonStyle } from \"./input-addon.style\"\nimport { createComponent } from \"../../core\"\nimport { inputAddonStyle } from \"./input-addon.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputAddonProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<InputAddonStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\"> {}\n\nconst {\n  PropsContext: InputAddonPropsContext,\n  usePropsContext: useInputAddonPropsContext,\n  withContext,\n} = createComponent<InputAddonProps, InputAddonStyle>(\n  \"input-addon\",\n  inputAddonStyle,\n)\n\nexport { InputAddonPropsContext, useInputAddonPropsContext }\n\nexport const InputAddon = withContext(\"div\")(\n  undefined,\n  ({ errorBorderColor, focusBorderColor, ...rest }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return { ...varProps, ...rest }\n  },\n)\n"],"mappings":";;;;;AAeA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;AAID,MAAa,aAAa,YAAY,MAAM,CAC1C,KAAA,IACC,EAAE,kBAAkB,kBAAkB,GAAG,WAAW;CAGnD,OAAO;EAAE,GAFQ,eAAe;GAAE;GAAkB;GAAkB,CAElD;EAAE,GAAG;EAAM;EAElC"}

package/dist/esm/components/input/input-addon.style.js

@@ -1,7 +1,5 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
 import { inputStyle } from "./input.style.js";
-
 //#region src/components/input/input-addon.style.ts
 const inputAddonStyle = defineComponentStyle({
 	base: {
@@ -47,7 +45,7 @@ const inputAddonStyle = defineComponentStyle({
 		variant: "outline"
 	}
 });
-
 //#endregion
 export { inputAddonStyle };
+
 //# sourceMappingURL=input-addon.style.js.map

package/dist/esm/components/input/input-addon.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-addon.style.js","names":[],"sources":["../../../../src/components/input/input-addon.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { inputStyle } from \"./input.style\"\n\nexport const inputAddonStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n    \"--focus-border-color\": \"colorScheme.outline\",\n    alignItems: \"center\",\n    alignSelf: \"stretch\",\n    display: \"flex\",\n    flex: \"0 0 auto\",\n    rounded: \"l2\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    w: \"auto\",\n    whiteSpace: \"nowrap\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n\n  variants: {\n    filled: {\n      layerStyle: \"surface\",\n      border: \"1px solid transparent\",\n    },\n    flushed: {\n      bg: \"transparent\",\n      borderBottomColor: \"colorScheme.muted\",\n      borderBottomWidth: \"1px\",\n      color: \"colorScheme.fg\",\n      rounded: \"0px\",\n      _peerFocusVisible: {\n        borderColor: \"{focus-border-color}\",\n        boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n      },\n      _peerInvalid: {\n        borderColor: \"{error-border-color}\",\n        _peerFocusVisible: {\n          boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n        },\n      },\n    },\n    outline: {\n      layerStyle: \"surface\",\n    },\n    plain: {},\n  },\n\n  sizes: inputStyle.sizes,\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputAddonStyle = typeof inputAddonStyle\n"],"mappings":";;;;;AAGA,MAAa,kBAAkB,qBAAqB;CAClD,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,WAAW;EACX,SAAS;EACT,MAAM;EACN,SAAS;EACT,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,YAAY;EACZ,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,YAAY;GACZ,QAAQ;GACT;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,OAAO;GACP,SAAS;GACT,mBAAmB;IACjB,aAAa;IACb,WAAW;IACZ;GACD,cAAc;IACZ,aAAa;IACb,mBAAmB,EACjB,WAAW,wCACZ;IACF;GACF;EACD,SAAS,EACP,YAAY,WACb;EACD,OAAO,EAAE;EACV;CAED,OAAO,WAAW;CAElB,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"input-addon.style.js","names":[],"sources":["../../../../src/components/input/input-addon.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { inputStyle } from \"./input.style\"\n\nexport const inputAddonStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n    \"--focus-border-color\": \"colorScheme.outline\",\n    alignItems: \"center\",\n    alignSelf: \"stretch\",\n    display: \"flex\",\n    flex: \"0 0 auto\",\n    rounded: \"l2\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    w: \"auto\",\n    whiteSpace: \"nowrap\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n\n  variants: {\n    filled: {\n      layerStyle: \"surface\",\n      border: \"1px solid transparent\",\n    },\n    flushed: {\n      bg: \"transparent\",\n      borderBottomColor: \"colorScheme.muted\",\n      borderBottomWidth: \"1px\",\n      color: \"colorScheme.fg\",\n      rounded: \"0px\",\n      _peerFocusVisible: {\n        borderColor: \"{focus-border-color}\",\n        boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n      },\n      _peerInvalid: {\n        borderColor: \"{error-border-color}\",\n        _peerFocusVisible: {\n          boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n        },\n      },\n    },\n    outline: {\n      layerStyle: \"surface\",\n    },\n    plain: {},\n  },\n\n  sizes: inputStyle.sizes,\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputAddonStyle = typeof inputAddonStyle\n"],"mappings":";;;AAGA,MAAa,kBAAkB,qBAAqB;CAClD,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,WAAW;EACX,SAAS;EACT,MAAM;EACN,SAAS;EACT,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,YAAY;EACZ,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,YAAY;GACZ,QAAQ;GACT;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,OAAO;GACP,SAAS;GACT,mBAAmB;IACjB,aAAa;IACb,WAAW;IACZ;GACD,cAAc;IACZ,aAAa;IACb,mBAAmB,EACjB,WAAW,wCACZ;IACF;GACF;EACD,SAAS,EACP,YAAY,WACb;EACD,OAAO,EAAE;EACV;CAED,OAAO,WAAW;CAElB,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/esm/components/input/input-element.js

@@ -1,10 +1,7 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { inputElementStyle } from "./input-element.style.js";
 import { useInputBorder } from "./use-input-border.js";
-
 //#region src/components/input/input-element.tsx
 const { PropsContext: InputElementPropsContext, usePropsContext: useInputElementPropsContext, withContext } = createComponent("input-element", inputElementStyle);
 const InputElement = withContext("div")({ "data-input-element": "" }, ({ errorBorderColor, focusBorderColor, ...rest }) => {
@@ -16,7 +13,7 @@ const InputElement = withContext("div")({ "data-input-element": "" }, ({ errorBo
 		...rest
 	};
 });
-
 //#endregion
 export { InputElement, InputElementPropsContext, useInputElementPropsContext };
+
 //# sourceMappingURL=input-element.js.map

package/dist/esm/components/input/input-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-element.js","names":[],"sources":["../../../../src/components/input/input-element.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InputProps } from \"./input\"\nimport type { InputElementStyle } from \"./input-element.style\"\nimport { createComponent } from \"../../core\"\nimport { inputElementStyle } from \"./input-element.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputElementProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<InputElementStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\"> {}\n\nconst {\n  PropsContext: InputElementPropsContext,\n  usePropsContext: useInputElementPropsContext,\n  withContext,\n} = createComponent<InputElementProps, InputElementStyle>(\n  \"input-element\",\n  inputElementStyle,\n)\n\nexport { InputElementPropsContext, useInputElementPropsContext }\n\nexport const InputElement = withContext(\"div\")(\n  { \"data-input-element\": \"\" },\n  ({ errorBorderColor, focusBorderColor, ...rest }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return { ...varProps, ...rest }\n  },\n)\n"],"mappings":";;;;;;;;AAeA,MAAM,EACJ,cAAc,0BACd,iBAAiB,6BACjB,gBACE,gBACF,iBACA,kBACD;AAID,MAAa,eAAe,YAAY,MAAM,CAC5C,EAAE,sBAAsB,IAAI,GAC3B,EAAE,kBAAkB,kBAAkB,GAAG,WAAW;AAGnD,QAAO;EAAE,GAFQ,eAAe;GAAE;GAAkB;GAAkB,CAAC;EAEjD,GAAG;EAAM;EAElC"}
+{"version":3,"file":"input-element.js","names":[],"sources":["../../../../src/components/input/input-element.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InputProps } from \"./input\"\nimport type { InputElementStyle } from \"./input-element.style\"\nimport { createComponent } from \"../../core\"\nimport { inputElementStyle } from \"./input-element.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputElementProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<InputElementStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\"> {}\n\nconst {\n  PropsContext: InputElementPropsContext,\n  usePropsContext: useInputElementPropsContext,\n  withContext,\n} = createComponent<InputElementProps, InputElementStyle>(\n  \"input-element\",\n  inputElementStyle,\n)\n\nexport { InputElementPropsContext, useInputElementPropsContext }\n\nexport const InputElement = withContext(\"div\")(\n  { \"data-input-element\": \"\" },\n  ({ errorBorderColor, focusBorderColor, ...rest }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return { ...varProps, ...rest }\n  },\n)\n"],"mappings":";;;;;AAeA,MAAM,EACJ,cAAc,0BACd,iBAAiB,6BACjB,gBACE,gBACF,iBACA,kBACD;AAID,MAAa,eAAe,YAAY,MAAM,CAC5C,EAAE,sBAAsB,IAAI,GAC3B,EAAE,kBAAkB,kBAAkB,GAAG,WAAW;CAGnD,OAAO;EAAE,GAFQ,eAAe;GAAE;GAAkB;GAAkB,CAElD;EAAE,GAAG;EAAM;EAElC"}

package/dist/esm/components/input/input-element.style.js

@@ -1,6 +1,4 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/input/input-element.style.ts
 const inputElementStyle = defineComponentStyle({
 	base: {
@@ -14,17 +12,27 @@ const inputElementStyle = defineComponentStyle({
 		zIndex: "kurillin"
 	},
 	props: {
+		/**
+		* If `true`, the element clickable.
+		*
+		* @default false
+		*/
 		clickable: {
 			false: { pointerEvents: "none" },
 			true: { pointerEvents: "auto" }
 		},
+		/**
+		* The placement of the element.
+		*
+		* @default 'start'
+		*/
 		placement: {
 			end: { insetInlineEnd: "0" },
 			start: { insetInlineStart: "0" }
 		}
 	}
 });
-
 //#endregion
 export { inputElementStyle };
+
 //# sourceMappingURL=input-element.style.js.map

package/dist/esm/components/input/input-element.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-element.style.js","names":[],"sources":["../../../../src/components/input/input-element.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const inputElementStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    color: \"fg.subtle\",\n    display: \"flex\",\n    fontSize: \"1em\",\n    height: \"full\",\n    justifyContent: \"center\",\n    position: \"absolute\",\n    zIndex: \"kurillin\",\n  },\n\n  props: {\n    /**\n     * If `true`, the element clickable.\n     *\n     * @default false\n     */\n    clickable: {\n      false: {\n        pointerEvents: \"none\",\n      },\n      true: {\n        pointerEvents: \"auto\",\n      },\n    },\n    /**\n     * The placement of the element.\n     *\n     * @default 'start'\n     */\n    placement: {\n      end: {\n        insetInlineEnd: \"0\",\n      },\n      start: {\n        insetInlineStart: \"0\",\n      },\n    },\n  },\n})\n\nexport type InputElementStyle = typeof inputElementStyle\n"],"mappings":";;;;AAEA,MAAa,oBAAoB,qBAAqB;CACpD,MAAM;EACJ,YAAY;EACZ,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,UAAU;EACV,QAAQ;EACT;CAED,OAAO;EAML,WAAW;GACT,OAAO,EACL,eAAe,QAChB;GACD,MAAM,EACJ,eAAe,QAChB;GACF;EAMD,WAAW;GACT,KAAK,EACH,gBAAgB,KACjB;GACD,OAAO,EACL,kBAAkB,KACnB;GACF;EACF;CACF,CAAC"}
+{"version":3,"file":"input-element.style.js","names":[],"sources":["../../../../src/components/input/input-element.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const inputElementStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    color: \"fg.subtle\",\n    display: \"flex\",\n    fontSize: \"1em\",\n    height: \"full\",\n    justifyContent: \"center\",\n    position: \"absolute\",\n    zIndex: \"kurillin\",\n  },\n\n  props: {\n    /**\n     * If `true`, the element clickable.\n     *\n     * @default false\n     */\n    clickable: {\n      false: {\n        pointerEvents: \"none\",\n      },\n      true: {\n        pointerEvents: \"auto\",\n      },\n    },\n    /**\n     * The placement of the element.\n     *\n     * @default 'start'\n     */\n    placement: {\n      end: {\n        insetInlineEnd: \"0\",\n      },\n      start: {\n        insetInlineStart: \"0\",\n      },\n    },\n  },\n})\n\nexport type InputElementStyle = typeof inputElementStyle\n"],"mappings":";;AAEA,MAAa,oBAAoB,qBAAqB;CACpD,MAAM;EACJ,YAAY;EACZ,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,UAAU;EACV,QAAQ;EACT;CAED,OAAO;;;;;;EAML,WAAW;GACT,OAAO,EACL,eAAe,QAChB;GACD,MAAM,EACJ,eAAe,QAChB;GACF;;;;;;EAMD,WAAW;GACT,KAAK,EACH,gBAAgB,KACjB;GACD,OAAO,EACL,kBAAkB,KACnB;GACF;EACF;CACF,CAAC"}

package/dist/esm/components/input/input-group.js

@@ -1,17 +1,13 @@
 "use client";
-
 import { isSomeElement, useValidChildren } from "../../utils/children.js";
 import { utils_exports } from "../../utils/index.js";
 import { Group } from "../group/group.js";
-import "../group/index.js";
 import { useFieldProps } from "../field/use-field-props.js";
-import "../field/index.js";
 import { InputPropsContext } from "./input.js";
 import { InputAddonPropsContext } from "./input-addon.js";
 import { InputElement, InputElementPropsContext } from "./input-element.js";
 import { cloneElement, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/input/input-group.tsx
 const InputGroupRoot = ((props) => {
 	const { props: { id: _id, size, variant, children, disabled, errorBorderColor, focusBorderColor, readOnly, required, ...rest }, dataProps } = useFieldProps(props);
@@ -66,7 +62,7 @@ const InputGroupRoot = ((props) => {
 		})
 	});
 });
-
 //#endregion
 export { InputGroupRoot };
+
 //# sourceMappingURL=input-group.js.map

package/dist/esm/components/input/input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.js","names":[],"sources":["../../../../src/components/input/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps } from \"./input\"\nimport type { InputStyle } from \"./input.style\"\nimport { cloneElement, useMemo } from \"react\"\nimport { isSomeElement, isTruthyDataAttr, useValidChildren } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { InputPropsContext } from \"./input\"\nimport { InputAddonPropsContext } from \"./input-addon\"\nimport { InputElement, InputElementPropsContext } from \"./input-element\"\n\nexport interface InputGroupRootProps\n  extends\n    WithoutThemeProps<GroupProps, InputStyle>,\n    ThemeProps<InputStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\">,\n    FieldProps {}\n\nexport const InputGroupRoot = ((props: InputGroupRootProps) => {\n  const {\n    props: {\n      id: _id,\n      size,\n      variant,\n      children,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      readOnly,\n      required,\n      ...rest\n    },\n    dataProps,\n  } = useFieldProps(props)\n  const validChildren = useValidChildren(children)\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child, index) => {\n        const first = !index\n\n        if (isSomeElement(child.type, InputElement)) {\n          return cloneElement(child, {\n            \"data-ungrouped\": \"\",\n            placement: first ? \"start\" : \"end\",\n            ...child.props,\n          })\n        } else {\n          return child\n        }\n      }),\n    [validChildren],\n  )\n  const sharedContext = useMemo(\n    () => ({\n      size,\n      variant,\n      errorBorderColor,\n      focusBorderColor,\n      ...dataProps,\n    }),\n    [size, variant, errorBorderColor, focusBorderColor, dataProps],\n  )\n  const inputContext = useMemo(\n    () => ({\n      ...sharedContext,\n      disabled,\n      invalid: isTruthyDataAttr(sharedContext[\"data-invalid\"]),\n      readOnly,\n      required,\n    }),\n    [sharedContext, disabled, readOnly, required],\n  )\n\n  return (\n    <InputPropsContext value={inputContext}>\n      <InputAddonPropsContext value={sharedContext}>\n        <InputElementPropsContext value={sharedContext}>\n          <Group attached minW=\"0\" w=\"full\" {...rest}>\n            {cloneChildren}\n          </Group>\n        </InputElementPropsContext>\n      </InputAddonPropsContext>\n    </InputPropsContext>\n  )\n}) as Component<\"div\", InputGroupRootProps>\n"],"mappings":";;;;;;;;;;;;;;;AAsBA,MAAa,mBAAmB,UAA+B;CAC7D,MAAM,EACJ,OAAO,EACL,IAAI,KACJ,MACA,SACA,UACA,UACA,kBACA,kBACA,UACA,UACA,GAAG,QAEL,cACE,cAAc,MAAM;CACxB,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,gBAAgB,cAElB,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,QAAQ,CAAC;AAEf,MAAI,cAAc,MAAM,MAAM,aAAa,CACzC,QAAO,aAAa,OAAO;GACzB,kBAAkB;GAClB,WAAW,QAAQ,UAAU;GAC7B,GAAG,MAAM;GACV,CAAC;MAEF,QAAO;GAET,EACJ,CAAC,cAAc,CAChB;CACD,MAAM,gBAAgB,eACb;EACL;EACA;EACA;EACA;EACA,GAAG;EACJ,GACD;EAAC;EAAM;EAAS;EAAkB;EAAkB;EAAU,CAC/D;AAYD,QACE,oBAAC;EAAkB,OAZA,eACZ;GACL,GAAG;GACH;GACA,6CAA0B,cAAc,gBAAgB;GACxD;GACA;GACD,GACD;GAAC;GAAe;GAAU;GAAU;GAAS,CAC9C;YAIG,oBAAC;GAAuB,OAAO;aAC7B,oBAAC;IAAyB,OAAO;cAC/B,oBAAC;KAAM;KAAS,MAAK;KAAI,GAAE;KAAO,GAAI;eACnC;MACK;KACiB;IACJ;GACP"}
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../../src/components/input/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps } from \"./input\"\nimport type { InputStyle } from \"./input.style\"\nimport { cloneElement, useMemo } from \"react\"\nimport { isSomeElement, isTruthyDataAttr, useValidChildren } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { InputPropsContext } from \"./input\"\nimport { InputAddonPropsContext } from \"./input-addon\"\nimport { InputElement, InputElementPropsContext } from \"./input-element\"\n\nexport interface InputGroupRootProps\n  extends\n    WithoutThemeProps<GroupProps, InputStyle>,\n    ThemeProps<InputStyle>,\n    Pick<InputProps, \"errorBorderColor\" | \"focusBorderColor\">,\n    FieldProps {}\n\nexport const InputGroupRoot = ((props: InputGroupRootProps) => {\n  const {\n    props: {\n      id: _id,\n      size,\n      variant,\n      children,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      readOnly,\n      required,\n      ...rest\n    },\n    dataProps,\n  } = useFieldProps(props)\n  const validChildren = useValidChildren(children)\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child, index) => {\n        const first = !index\n\n        if (isSomeElement(child.type, InputElement)) {\n          return cloneElement(child, {\n            \"data-ungrouped\": \"\",\n            placement: first ? \"start\" : \"end\",\n            ...child.props,\n          })\n        } else {\n          return child\n        }\n      }),\n    [validChildren],\n  )\n  const sharedContext = useMemo(\n    () => ({\n      size,\n      variant,\n      errorBorderColor,\n      focusBorderColor,\n      ...dataProps,\n    }),\n    [size, variant, errorBorderColor, focusBorderColor, dataProps],\n  )\n  const inputContext = useMemo(\n    () => ({\n      ...sharedContext,\n      disabled,\n      invalid: isTruthyDataAttr(sharedContext[\"data-invalid\"]),\n      readOnly,\n      required,\n    }),\n    [sharedContext, disabled, readOnly, required],\n  )\n\n  return (\n    <InputPropsContext value={inputContext}>\n      <InputAddonPropsContext value={sharedContext}>\n        <InputElementPropsContext value={sharedContext}>\n          <Group attached minW=\"0\" w=\"full\" {...rest}>\n            {cloneChildren}\n          </Group>\n        </InputElementPropsContext>\n      </InputAddonPropsContext>\n    </InputPropsContext>\n  )\n}) as Component<\"div\", InputGroupRootProps>\n"],"mappings":";;;;;;;;;;;AAsBA,MAAa,mBAAmB,UAA+B;CAC7D,MAAM,EACJ,OAAO,EACL,IAAI,KACJ,MACA,SACA,UACA,UACA,kBACA,kBACA,UACA,UACA,GAAG,QAEL,cACE,cAAc,MAAM;CACxB,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,gBAAgB,cAElB,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,QAAQ,CAAC;EAEf,IAAI,cAAc,MAAM,MAAM,aAAa,EACzC,OAAO,aAAa,OAAO;GACzB,kBAAkB;GAClB,WAAW,QAAQ,UAAU;GAC7B,GAAG,MAAM;GACV,CAAC;OAEF,OAAO;GAET,EACJ,CAAC,cAAc,CAChB;CACD,MAAM,gBAAgB,eACb;EACL;EACA;EACA;EACA;EACA,GAAG;EACJ,GACD;EAAC;EAAM;EAAS;EAAkB;EAAkB;EAAU,CAC/D;CAYD,OACE,oBAAC,mBAAD;EAAmB,OAZA,eACZ;GACL,GAAG;GACH;GACA,UAAA,GAAA,cAAA,kBAA0B,cAAc,gBAAgB;GACxD;GACA;GACD,GACD;GAAC;GAAe;GAAU;GAAU;GAAS,CAIP;YACpC,oBAAC,wBAAD;GAAwB,OAAO;aAC7B,oBAAC,0BAAD;IAA0B,OAAO;cAC/B,oBAAC,OAAD;KAAO,UAAA;KAAS,MAAK;KAAI,GAAE;KAAO,GAAI;eACnC;KACK,CAAA;IACiB,CAAA;GACJ,CAAA;EACP,CAAA"}

package/dist/esm/components/input/input.js

@@ -1,12 +1,8 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { useFieldProps } from "../field/use-field-props.js";
-import "../field/index.js";
 import { inputStyle } from "./input.style.js";
 import { useInputBorder } from "./use-input-border.js";
-
 //#region src/components/input/input.tsx
 const { PropsContext: InputPropsContext, usePropsContext: useInputPropsContext, withContext } = createComponent("input", inputStyle);
 /**
@@ -29,7 +25,7 @@ const Input = withContext("input")(void 0, (props) => {
 		...rest
 	};
 });
-
 //#endregion
 export { Input, InputPropsContext, useInputPropsContext };
+
 //# sourceMappingURL=input.js.map

package/dist/esm/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { InputStyle } from \"./input.style\"\nimport type { UseInputBorderProps } from \"./use-input-border\"\nimport { createComponent } from \"../../core\"\nimport { useFieldProps } from \"../field\"\nimport { inputStyle } from \"./input.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputProps\n  extends\n    Omit<HTMLStyledProps<\"input\">, \"size\">,\n    ThemeProps<InputStyle>,\n    UseInputBorderProps,\n    FieldProps {\n  /**\n   * The native HTML `size` attribute to be passed to the `input`.\n   */\n  htmlSize?: number\n}\n\nconst {\n  PropsContext: InputPropsContext,\n  usePropsContext: useInputPropsContext,\n  withContext,\n} = createComponent<InputProps, InputStyle>(\"input\", inputStyle)\n\nexport { InputPropsContext, useInputPropsContext }\n\n/**\n * `Input` is a component used to obtain text input from the user.\n *\n * @see https://yamada-ui.com/docs/components/input\n */\nexport const Input = withContext(\"input\")(undefined, (props) => {\n  const {\n    props: { errorBorderColor, focusBorderColor, htmlSize, ...rest },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n  return {\n    size: htmlSize,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...varProps,\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;AAuBA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,QAAQ,CAAC,SAAY,UAAU;CAC9D,MAAM,EACJ,OAAO,EAAE,kBAAkB,kBAAkB,UAAU,GAAG,QAC1D,WACA,WACA,eACE,cAAc,MAAM;CACxB,MAAM,WAAW,eAAe;EAAE;EAAkB;EAAkB,CAAC;AAEvE,QAAO;EACL,MAAM;EACN,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACJ;EACD"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../../src/components/input/input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { InputStyle } from \"./input.style\"\nimport type { UseInputBorderProps } from \"./use-input-border\"\nimport { createComponent } from \"../../core\"\nimport { useFieldProps } from \"../field\"\nimport { inputStyle } from \"./input.style\"\nimport { useInputBorder } from \"./use-input-border\"\n\nexport interface InputProps\n  extends\n    Omit<HTMLStyledProps<\"input\">, \"size\">,\n    ThemeProps<InputStyle>,\n    UseInputBorderProps,\n    FieldProps {\n  /**\n   * The native HTML `size` attribute to be passed to the `input`.\n   */\n  htmlSize?: number\n}\n\nconst {\n  PropsContext: InputPropsContext,\n  usePropsContext: useInputPropsContext,\n  withContext,\n} = createComponent<InputProps, InputStyle>(\"input\", inputStyle)\n\nexport { InputPropsContext, useInputPropsContext }\n\n/**\n * `Input` is a component used to obtain text input from the user.\n *\n * @see https://yamada-ui.com/docs/components/input\n */\nexport const Input = withContext(\"input\")(undefined, (props) => {\n  const {\n    props: { errorBorderColor, focusBorderColor, htmlSize, ...rest },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n  return {\n    size: htmlSize,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...varProps,\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;AAuBA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,QAAQ,CAAC,KAAA,IAAY,UAAU;CAC9D,MAAM,EACJ,OAAO,EAAE,kBAAkB,kBAAkB,UAAU,GAAG,QAC1D,WACA,WACA,eACE,cAAc,MAAM;CACxB,MAAM,WAAW,eAAe;EAAE;EAAkB;EAAkB,CAAC;CAEvE,OAAO;EACL,MAAM;EACN,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACJ;EACD"}

package/dist/esm/components/input/input.style.js

@@ -1,7 +1,5 @@
 import { utils_exports } from "../../utils/index.js";
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/input/input.style.ts
 const getInputPaddingStartResetStyle = (key) => ({ "&:not([data-input-element] ~ &)": (0, utils_exports.wrapWithKey)({ ps: "0px" }, key) });
 const getInputPaddingEndResetStyle = (key) => ({ "&:not(:has(~ [data-input-element]))": (0, utils_exports.wrapWithKey)({ pe: "0px" }, key) });
@@ -164,7 +162,7 @@ const inputStyle = defineComponentStyle({
 		variant: "outline"
 	}
 });
-
 //#endregion
 export { getInputHeightStyle, getInputPaddingEndResetStyle, getInputPaddingStartResetStyle, inputStyle };
+
 //# sourceMappingURL=input.style.js.map

package/dist/esm/components/input/input.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.style.js","names":[],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n  ({\n    \"&:not([data-input-element] ~ &)\": wrapWithKey({ ps: \"0px\" }, key),\n  }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n  ({\n    \"&:not(:has(~ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n  }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n  ({\n    \"&:has(~ [data-input-element])\": wrapWithKey({ pe: height }, key),\n    \"& ~ [data-input-element]\": { minW: height },\n    \"--height\": height,\n    \"[data-input-element]:has(~ &)\": { minW: height },\n    \"[data-input-element] ~ &\": wrapWithKey({ ps: height }, key),\n    minH: height,\n  }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n    \"--focus-border-color\": \"colorScheme.outline\",\n    appearance: \"none\",\n    minW: \"0\",\n    position: \"relative\",\n    rounded: \"l2\",\n    textAlign: \"start\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    w: \"full\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n\n  variants: {\n    filled: {\n      bg: \"bg.panel\",\n      border: \"1px solid transparent\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    flushed: {\n      bg: \"transparent\",\n      borderBottomColor: \"colorScheme.muted\",\n      borderBottomWidth: \"1px\",\n      rounded: \"0px\",\n      _focusVisible: {\n        borderColor: \"{focus-border-color}\",\n        boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n        outline: \"none\",\n      },\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        _focusVisible: {\n          boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n        },\n      },\n    },\n    outline: {\n      border: \"1px solid {colors.border}\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    plain: {\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--space-x\": \"spaces.2\",\n      \"--space-y\": \"spaces.1.5\",\n      fontSize: \"xs\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.8}\"),\n    },\n    sm: {\n      \"--space-x\": \"spaces.2.5\",\n      \"--space-y\": \"spaces.2\",\n      fontSize: \"sm\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.9}\"),\n    },\n    md: {\n      \"--space-x\": \"spaces.3\",\n      \"--space-y\": \"spaces.2\",\n      fontSize: \"md\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.10}\"),\n    },\n    lg: {\n      \"--space-x\": \"spaces.3.5\",\n      \"--space-y\": \"spaces.2.5\",\n      fontSize: \"lg\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.11}\"),\n    },\n    xl: {\n      \"--space-x\": \"spaces.4\",\n      \"--space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.12}\"),\n    },\n    \"2xl\": {\n      \"--space-x\": \"spaces.4\",\n      \"--space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.14}\"),\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        ...getInputPaddingStartResetStyle(),\n        ...getInputPaddingEndResetStyle(),\n      },\n      variant: \"flushed\",\n      layer: \"variant\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;;AAIA,MAAa,kCAAkC,SAC5C,EACC,kEAA+C,EAAE,IAAI,OAAO,EAAE,IAAI,EACnE;AAEH,MAAa,gCAAgC,SAC1C,EACC,sEAAmD,EAAE,IAAI,OAAO,EAAE,IAAI,EACvE;AAEH,MAAa,uBAAuB,QAAiB,SAClD;CACC,gEAA6C,EAAE,IAAI,QAAQ,EAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,QAAQ;CAC5C,YAAY;CACZ,iCAAiC,EAAE,MAAM,QAAQ;CACjD,2DAAwC,EAAE,IAAI,QAAQ,EAAE,IAAI;CAC5D,MAAM;CACP;AAEH,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,wCACZ;IACF;GACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAG,gCAAgC;GACnC,GAAG,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"input.style.js","names":[],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n  ({\n    \"&:not([data-input-element] ~ &)\": wrapWithKey({ ps: \"0px\" }, key),\n  }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n  ({\n    \"&:not(:has(~ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n  }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n  ({\n    \"&:has(~ [data-input-element])\": wrapWithKey({ pe: height }, key),\n    \"& ~ [data-input-element]\": { minW: height },\n    \"--height\": height,\n    \"[data-input-element]:has(~ &)\": { minW: height },\n    \"[data-input-element] ~ &\": wrapWithKey({ ps: height }, key),\n    minH: height,\n  }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n    \"--focus-border-color\": \"colorScheme.outline\",\n    appearance: \"none\",\n    minW: \"0\",\n    position: \"relative\",\n    rounded: \"l2\",\n    textAlign: \"start\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    w: \"full\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n\n  variants: {\n    filled: {\n      bg: \"bg.panel\",\n      border: \"1px solid transparent\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    flushed: {\n      bg: \"transparent\",\n      borderBottomColor: \"colorScheme.muted\",\n      borderBottomWidth: \"1px\",\n      rounded: \"0px\",\n      _focusVisible: {\n        borderColor: \"{focus-border-color}\",\n        boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n        outline: \"none\",\n      },\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        _focusVisible: {\n          boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n        },\n      },\n    },\n    outline: {\n      border: \"1px solid {colors.border}\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    plain: {\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--space-x\": \"spaces.2\",\n      \"--space-y\": \"spaces.1.5\",\n      fontSize: \"xs\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.8}\"),\n    },\n    sm: {\n      \"--space-x\": \"spaces.2.5\",\n      \"--space-y\": \"spaces.2\",\n      fontSize: \"sm\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.9}\"),\n    },\n    md: {\n      \"--space-x\": \"spaces.3\",\n      \"--space-y\": \"spaces.2\",\n      fontSize: \"md\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.10}\"),\n    },\n    lg: {\n      \"--space-x\": \"spaces.3.5\",\n      \"--space-y\": \"spaces.2.5\",\n      fontSize: \"lg\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.11}\"),\n    },\n    xl: {\n      \"--space-x\": \"spaces.4\",\n      \"--space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.12}\"),\n    },\n    \"2xl\": {\n      \"--space-x\": \"spaces.4\",\n      \"--space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{space-x}\",\n      ...getInputHeightStyle(\"{sizes.14}\"),\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        ...getInputPaddingStartResetStyle(),\n        ...getInputPaddingEndResetStyle(),\n      },\n      variant: \"flushed\",\n      layer: \"variant\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":"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"}

package/dist/esm/components/input/namespace.js

@@ -1,8 +1,7 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { InputAddon, InputAddonPropsContext, useInputAddonPropsContext } from "./input-addon.js";
 import { InputElement, InputElementPropsContext, useInputElementPropsContext } from "./input-element.js";
 import { InputGroupRoot } from "./input-group.js";
-
 //#region src/components/input/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Addon: () => InputAddon,
@@ -13,7 +12,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	useAddonPropsContext: () => useInputAddonPropsContext,
 	useElementPropsContext: () => useInputElementPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/input/use-input-border.js

@@ -1,7 +1,5 @@
 import { varAttr } from "../../core/system/var.js";
-import "../../core/index.js";
 import { useMemo } from "react";
-
 //#region src/components/input/use-input-border.ts
 const useInputBorder = ({ errorBorderColor, focusBorderColor } = {}) => {
 	return useMemo(() => ({
@@ -9,7 +7,7 @@ const useInputBorder = ({ errorBorderColor, focusBorderColor } = {}) => {
 		"--focus-border-color": varAttr(focusBorderColor, "colors")
 	}), [errorBorderColor, focusBorderColor]);
 };
-
 //#endregion
 export { useInputBorder };
+
 //# sourceMappingURL=use-input-border.js.map

package/dist/esm/components/input/use-input-border.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-border.js","names":[],"sources":["../../../../src/components/input/use-input-border.ts"],"sourcesContent":["import type { CSSProps, CSSVariableProps } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { varAttr } from \"../../core\"\n\nexport interface UseInputBorderProps {\n  /**\n   * The border color when the input is invalid.\n   */\n  errorBorderColor?: CSSProps[\"borderColor\"]\n  /**\n   * The border color when the input is focused.\n   */\n  focusBorderColor?: CSSProps[\"borderColor\"]\n}\n\nexport const useInputBorder = ({\n  errorBorderColor,\n  focusBorderColor,\n}: UseInputBorderProps = {}) => {\n  return useMemo<CSSVariableProps>(\n    () => ({\n      \"--error-border-color\": varAttr(errorBorderColor, \"colors\"),\n      \"--focus-border-color\": varAttr(focusBorderColor, \"colors\"),\n    }),\n    [errorBorderColor, focusBorderColor],\n  )\n}\n\nexport type UseInputBorderReturn = ReturnType<typeof useInputBorder>\n"],"mappings":";;;;;AAeA,MAAa,kBAAkB,EAC7B,kBACA,qBACuB,EAAE,KAAK;AAC9B,QAAO,eACE;EACL,wBAAwB,QAAQ,kBAAkB,SAAS;EAC3D,wBAAwB,QAAQ,kBAAkB,SAAS;EAC5D,GACD,CAAC,kBAAkB,iBAAiB,CACrC"}
+{"version":3,"file":"use-input-border.js","names":[],"sources":["../../../../src/components/input/use-input-border.ts"],"sourcesContent":["import type { CSSProps, CSSVariableProps } from \"../../core\"\nimport { useMemo } from \"react\"\nimport { varAttr } from \"../../core\"\n\nexport interface UseInputBorderProps {\n  /**\n   * The border color when the input is invalid.\n   */\n  errorBorderColor?: CSSProps[\"borderColor\"]\n  /**\n   * The border color when the input is focused.\n   */\n  focusBorderColor?: CSSProps[\"borderColor\"]\n}\n\nexport const useInputBorder = ({\n  errorBorderColor,\n  focusBorderColor,\n}: UseInputBorderProps = {}) => {\n  return useMemo<CSSVariableProps>(\n    () => ({\n      \"--error-border-color\": varAttr(errorBorderColor, \"colors\"),\n      \"--focus-border-color\": varAttr(focusBorderColor, \"colors\"),\n    }),\n    [errorBorderColor, focusBorderColor],\n  )\n}\n\nexport type UseInputBorderReturn = ReturnType<typeof useInputBorder>\n"],"mappings":";;;AAeA,MAAa,kBAAkB,EAC7B,kBACA,qBACuB,EAAE,KAAK;CAC9B,OAAO,eACE;EACL,wBAAwB,QAAQ,kBAAkB,SAAS;EAC3D,wBAAwB,QAAQ,kBAAkB,SAAS;EAC5D,GACD,CAAC,kBAAkB,iBAAiB,CACrC"}

package/dist/esm/components/kbd/index.js

@@ -1,4 +1,3 @@
 import { kbdStyle } from "./kbd.style.js";
 import { Kbd, KbdPropsContext, useKbdPropsContext } from "./kbd.js";
-
-export { Kbd, KbdPropsContext, kbdStyle, useKbdPropsContext };
+export { Kbd, KbdPropsContext, kbdStyle, useKbdPropsContext };

package/dist/esm/components/kbd/kbd.js

@@ -1,9 +1,6 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { kbdStyle } from "./kbd.style.js";
-
 //#region src/components/kbd/kbd.tsx
 const { PropsContext: KbdPropsContext, usePropsContext: useKbdPropsContext, withContext } = createComponent("kbd", kbdStyle);
 /**
@@ -12,7 +9,7 @@ const { PropsContext: KbdPropsContext, usePropsContext: useKbdPropsContext, with
 * @see https://yamada-ui.com/docs/components/kbd
 */
 const Kbd = withContext("kbd")();
-
 //#endregion
 export { Kbd, KbdPropsContext, useKbdPropsContext };
+
 //# sourceMappingURL=kbd.js.map

package/dist/esm/components/kbd/kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":[],"sources":["../../../../src/components/kbd/kbd.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { KbdStyle } from \"./kbd.style\"\nimport { createComponent } from \"../../core\"\nimport { kbdStyle } from \"./kbd.style\"\n\nexport interface KbdProps\n  extends HTMLStyledProps<\"kbd\">, ThemeProps<KbdStyle> {}\n\nconst {\n  PropsContext: KbdPropsContext,\n  usePropsContext: useKbdPropsContext,\n  withContext,\n} = createComponent<KbdProps, KbdStyle>(\"kbd\", kbdStyle)\n\nexport { KbdPropsContext, useKbdPropsContext }\n\n/**\n * `Kbd` is a component that represents keyboard input.\n *\n * @see https://yamada-ui.com/docs/components/kbd\n */\nexport const Kbd = withContext(\"kbd\")()\n"],"mappings":";;;;;;;AAUA,MAAM,EACJ,cAAc,iBACd,iBAAiB,oBACjB,gBACE,gBAAoC,OAAO,SAAS;;;;;;AASxD,MAAa,MAAM,YAAY,MAAM,EAAE"}
+{"version":3,"file":"kbd.js","names":[],"sources":["../../../../src/components/kbd/kbd.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { KbdStyle } from \"./kbd.style\"\nimport { createComponent } from \"../../core\"\nimport { kbdStyle } from \"./kbd.style\"\n\nexport interface KbdProps\n  extends HTMLStyledProps<\"kbd\">, ThemeProps<KbdStyle> {}\n\nconst {\n  PropsContext: KbdPropsContext,\n  usePropsContext: useKbdPropsContext,\n  withContext,\n} = createComponent<KbdProps, KbdStyle>(\"kbd\", kbdStyle)\n\nexport { KbdPropsContext, useKbdPropsContext }\n\n/**\n * `Kbd` is a component that represents keyboard input.\n *\n * @see https://yamada-ui.com/docs/components/kbd\n */\nexport const Kbd = withContext(\"kbd\")()\n"],"mappings":";;;;AAUA,MAAM,EACJ,cAAc,iBACd,iBAAiB,oBACjB,gBACE,gBAAoC,OAAO,SAAS;;;;;;AASxD,MAAa,MAAM,YAAY,MAAM,EAAE"}

package/dist/esm/components/kbd/kbd.style.js

@@ -1,6 +1,4 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/kbd/kbd.style.ts
 const kbdStyle = defineComponentStyle({
 	base: {
@@ -40,7 +38,7 @@ const kbdStyle = defineComponentStyle({
 		variant: "surface"
 	}
 });
-
 //#endregion
 export { kbdStyle };
+
 //# sourceMappingURL=kbd.style.js.map

package/dist/esm/components/kbd/kbd.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.style.js","names":[],"sources":["../../../../src/components/kbd/kbd.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const kbdStyle = defineComponentStyle({\n  base: {\n    textStyle: \"mono\",\n    alignItems: \"center\",\n    display: \"inline-flex\",\n    rounded: \"l1\",\n  },\n\n  variants: {\n    outline: {\n      layerStyle: \"outline\",\n    },\n    solid: {\n      layerStyle: \"solid\",\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n    },\n    surface: {\n      layerStyle: \"surface\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      fontSize: \"xs\",\n      lineHeight: \"{sizes.4}\",\n      minH: \"4\",\n      px: \"1\",\n    },\n    md: {\n      fontSize: \"sm\",\n      lineHeight: \"{sizes.5}\",\n      minH: \"5\",\n      px: \"1.5\",\n    },\n    lg: {\n      fontSize: \"md\",\n      lineHeight: \"{sizes.6}\",\n      minH: \"6\",\n      px: \"2\",\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"surface\",\n  },\n})\n\nexport type KbdStyle = typeof kbdStyle\n"],"mappings":";;;;AAEA,MAAa,WAAW,qBAAqB;CAC3C,MAAM;EACJ,WAAW;EACX,YAAY;EACZ,SAAS;EACT,SAAS;EACV;CAED,UAAU;EACR,SAAS,EACP,YAAY,WACb;EACD,OAAO,EACL,YAAY,SACb;EACD,QAAQ,EACN,YAAY,UACb;EACD,SAAS,EACP,YAAY,WACb;EACF;CAED,OAAO;EACL,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"kbd.style.js","names":[],"sources":["../../../../src/components/kbd/kbd.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const kbdStyle = defineComponentStyle({\n  base: {\n    textStyle: \"mono\",\n    alignItems: \"center\",\n    display: \"inline-flex\",\n    rounded: \"l1\",\n  },\n\n  variants: {\n    outline: {\n      layerStyle: \"outline\",\n    },\n    solid: {\n      layerStyle: \"solid\",\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n    },\n    surface: {\n      layerStyle: \"surface\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      fontSize: \"xs\",\n      lineHeight: \"{sizes.4}\",\n      minH: \"4\",\n      px: \"1\",\n    },\n    md: {\n      fontSize: \"sm\",\n      lineHeight: \"{sizes.5}\",\n      minH: \"5\",\n      px: \"1.5\",\n    },\n    lg: {\n      fontSize: \"md\",\n      lineHeight: \"{sizes.6}\",\n      minH: \"6\",\n      px: \"2\",\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"surface\",\n  },\n})\n\nexport type KbdStyle = typeof kbdStyle\n"],"mappings":";;AAEA,MAAa,WAAW,qBAAqB;CAC3C,MAAM;EACJ,WAAW;EACX,YAAY;EACZ,SAAS;EACT,SAAS;EACV;CAED,UAAU;EACR,SAAS,EACP,YAAY,WACb;EACD,OAAO,EACL,YAAY,SACb;EACD,QAAQ,EACN,YAAY,UACb;EACD,SAAS,EACP,YAAY,WACb;EACF;CAED,OAAO;EACL,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/esm/components/link/index.js

@@ -1,4 +1,3 @@
 import { linkStyle } from "./link.style.js";
 import { Link, LinkPropsContext, useLinkPropsContext } from "./link.js";
-
-export { Link, LinkPropsContext, linkStyle, useLinkPropsContext };
+export { Link, LinkPropsContext, linkStyle, useLinkPropsContext };

package/dist/esm/components/link/link.js

@@ -1,9 +1,6 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { linkStyle } from "./link.style.js";
-
 //#region src/components/link/link.tsx
 const { PropsContext: LinkPropsContext, usePropsContext: useLinkPropsContext, withContext } = createComponent("link", linkStyle);
 /**
@@ -16,7 +13,7 @@ const Link = withContext("a")(void 0, ({ external, ...rest }) => ({
 	target: external ? "_blank" : void 0,
 	...rest
 }));
-
 //#endregion
 export { Link, LinkPropsContext, useLinkPropsContext };
+
 //# sourceMappingURL=link.js.map

package/dist/esm/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":[],"sources":["../../../../src/components/link/link.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { LinkStyle } from \"./link.style\"\nimport { createComponent } from \"../../core\"\nimport { linkStyle } from \"./link.style\"\n\nexport interface LinkProps extends HTMLStyledProps<\"a\">, ThemeProps<LinkStyle> {\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n}\n\nconst {\n  PropsContext: LinkPropsContext,\n  usePropsContext: useLinkPropsContext,\n  withContext,\n} = createComponent<LinkProps, LinkStyle>(\"link\", linkStyle)\n\nexport { LinkPropsContext, useLinkPropsContext }\n\n/**\n * `Link` is a component for creating hyperlinks to different web pages, locations within the same page, or other URLs.\n *\n * @see https://yamada-ui.com/docs/components/link\n */\nexport const Link = withContext(\"a\")(undefined, ({ external, ...rest }) => ({\n  rel: external ? \"noopener\" : undefined,\n  target: external ? \"_blank\" : undefined,\n  ...rest,\n}))\n"],"mappings":";;;;;;;AAgBA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,IAAI,CAAC,SAAY,EAAE,UAAU,GAAG,YAAY;CAC1E,KAAK,WAAW,aAAa;CAC7B,QAAQ,WAAW,WAAW;CAC9B,GAAG;CACJ,EAAE"}
+{"version":3,"file":"link.js","names":[],"sources":["../../../../src/components/link/link.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { LinkStyle } from \"./link.style\"\nimport { createComponent } from \"../../core\"\nimport { linkStyle } from \"./link.style\"\n\nexport interface LinkProps extends HTMLStyledProps<\"a\">, ThemeProps<LinkStyle> {\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n}\n\nconst {\n  PropsContext: LinkPropsContext,\n  usePropsContext: useLinkPropsContext,\n  withContext,\n} = createComponent<LinkProps, LinkStyle>(\"link\", linkStyle)\n\nexport { LinkPropsContext, useLinkPropsContext }\n\n/**\n * `Link` is a component for creating hyperlinks to different web pages, locations within the same page, or other URLs.\n *\n * @see https://yamada-ui.com/docs/components/link\n */\nexport const Link = withContext(\"a\")(undefined, ({ external, ...rest }) => ({\n  rel: external ? \"noopener\" : undefined,\n  target: external ? \"_blank\" : undefined,\n  ...rest,\n}))\n"],"mappings":";;;;AAgBA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,IAAI,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,YAAY;CAC1E,KAAK,WAAW,aAAa,KAAA;CAC7B,QAAQ,WAAW,WAAW,KAAA;CAC9B,GAAG;CACJ,EAAE"}

package/dist/esm/components/link/link.style.js

@@ -1,6 +1,4 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/link/link.style.ts
 const linkStyle = defineComponentStyle({
 	base: {
@@ -31,7 +29,7 @@ const linkStyle = defineComponentStyle({
 		variant: "plain"
 	}
 });
-
 //#endregion
 export { linkStyle };
+
 //# sourceMappingURL=link.style.js.map

package/dist/esm/components/link/link.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.style.js","names":[],"sources":["../../../../src/components/link/link.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const linkStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    cursor: \"pointer\",\n    display: \"inline-flex\",\n    gap: \"3\",\n    rounded: \"l1\",\n  },\n\n  variants: {\n    plain: {\n      color: \"colorScheme.solid\",\n      _hover: {\n        textDecoration: \"underline\",\n        textDecorationColor: \"currentColor\",\n        textUnderlineOffset: \"3px\",\n      },\n    },\n    underline: {\n      color: \"colorScheme.solid\",\n      textDecoration: \"underline\",\n      textDecorationColor: \"currentColor\",\n      textUnderlineOffset: \"3px\",\n    },\n  },\n\n  defaultProps: {\n    colorScheme: \"link\",\n    variant: \"plain\",\n  },\n})\n\nexport type LinkStyle = typeof linkStyle\n"],"mappings":";;;;AAEA,MAAa,YAAY,qBAAqB;CAC5C,MAAM;EACJ,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,KAAK;EACL,SAAS;EACV;CAED,UAAU;EACR,OAAO;GACL,OAAO;GACP,QAAQ;IACN,gBAAgB;IAChB,qBAAqB;IACrB,qBAAqB;IACtB;GACF;EACD,WAAW;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,qBAAqB;GACtB;EACF;CAED,cAAc;EACZ,aAAa;EACb,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"link.style.js","names":[],"sources":["../../../../src/components/link/link.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const linkStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    cursor: \"pointer\",\n    display: \"inline-flex\",\n    gap: \"3\",\n    rounded: \"l1\",\n  },\n\n  variants: {\n    plain: {\n      color: \"colorScheme.solid\",\n      _hover: {\n        textDecoration: \"underline\",\n        textDecorationColor: \"currentColor\",\n        textUnderlineOffset: \"3px\",\n      },\n    },\n    underline: {\n      color: \"colorScheme.solid\",\n      textDecoration: \"underline\",\n      textDecorationColor: \"currentColor\",\n      textUnderlineOffset: \"3px\",\n    },\n  },\n\n  defaultProps: {\n    colorScheme: \"link\",\n    variant: \"plain\",\n  },\n})\n\nexport type LinkStyle = typeof linkStyle\n"],"mappings":";;AAEA,MAAa,YAAY,qBAAqB;CAC5C,MAAM;EACJ,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,KAAK;EACL,SAAS;EACV;CAED,UAAU;EACR,OAAO;GACL,OAAO;GACP,QAAQ;IACN,gBAAgB;IAChB,qBAAqB;IACrB,qBAAqB;IACtB;GACF;EACD,WAAW;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,qBAAqB;GACtB;EACF;CAED,cAAc;EACZ,aAAa;EACb,SAAS;EACV;CACF,CAAC"}

package/dist/esm/components/link-box/index.js

@@ -1,5 +1,4 @@
 import { linkBoxStyle } from "./link-box.style.js";
 import { LinkBoxOverlay, LinkBoxPropsContext, LinkBoxRoot, useLinkBoxPropsContext } from "./link-box.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as LinkBox, LinkBoxOverlay, LinkBoxPropsContext, LinkBoxRoot, linkBoxStyle, useLinkBoxPropsContext };
+export { namespace_exports as LinkBox, LinkBoxOverlay, LinkBoxPropsContext, LinkBoxRoot, linkBoxStyle, useLinkBoxPropsContext };

package/dist/esm/components/link-box/link-box.js

@@ -1,14 +1,11 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
 import { radiusProperties } from "../../core/css/styles.js";
 import { useExtractProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { linkBoxStyle } from "./link-box.style.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/link-box/link-box.tsx
 const { ComponentContext, PropsContext: LinkBoxPropsContext, useComponentContext, usePropsContext: useLinkBoxPropsContext, withContext, withProvider } = createSlotComponent("link-box", linkBoxStyle);
 /**
@@ -38,7 +35,7 @@ const LinkBoxOverlay = withContext("a", "overlay")(void 0, ({ external, _before,
 		...rest
 	};
 });
-
 //#endregion
 export { LinkBoxOverlay, LinkBoxPropsContext, LinkBoxRoot, useLinkBoxPropsContext };
+
 //# sourceMappingURL=link-box.js.map

package/dist/esm/components/link-box/link-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-box.js","names":[],"sources":["../../../../src/components/link-box/link-box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { LinkBoxStyle } from \"./link-box.style\"\nimport {\n  createSlotComponent,\n  radiusProperties,\n  styled,\n  useExtractProps,\n} from \"../../core\"\nimport { dataAttr } from \"../../utils\"\nimport { linkBoxStyle } from \"./link-box.style\"\n\ninterface ComponentContext extends Dict {}\n\nexport interface LinkBoxRootProps\n  extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}\n\nconst {\n  ComponentContext,\n  PropsContext: LinkBoxPropsContext,\n  useComponentContext,\n  usePropsContext: useLinkBoxPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<LinkBoxRootProps, LinkBoxStyle, ComponentContext>(\n  \"link-box\",\n  linkBoxStyle,\n)\n\nexport { LinkBoxPropsContext, useLinkBoxPropsContext }\n\n/**\n * `LinkBox` is a component that allows elements such as articles or cards to function as a single link.\n *\n * @see https://yamada-ui.com/docs/components/link-box\n */\nexport const LinkBoxRoot = withProvider<\"div\", LinkBoxRootProps>(\n  ({ children, ...rest }) => {\n    const context = useExtractProps(rest, radiusProperties)\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...rest}>{children}</styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface LinkBoxOverlayProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n}\n\nexport const LinkBoxOverlay = withContext<\"a\", LinkBoxOverlayProps>(\n  \"a\",\n  \"overlay\",\n)(undefined, ({ external, _before, ...rest }) => {\n  const context = useComponentContext()\n\n  return {\n    rel: external ? \"noopener\" : undefined,\n    target: external ? \"_blank\" : undefined,\n    \"data-link-box-overlay\": dataAttr(true),\n    _before: { ..._before, ...context },\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACE,oBACF,YACA,aACD;;;;;;AASD,MAAa,cAAc,cACxB,EAAE,UAAU,GAAG,WAAW;AAGzB,QACE,oBAAC;EAAiB,OAHJ,gBAAgB,MAAM,iBAAiB;YAInD,oBAAC,OAAO;GAAI,GAAI;GAAO;IAAsB;GAC5B;GAGvB,OACD,EAAE;AAWH,MAAa,iBAAiB,YAC5B,KACA,UACD,CAAC,SAAY,EAAE,UAAU,SAAS,GAAG,WAAW;CAC/C,MAAM,UAAU,qBAAqB;AAErC,QAAO;EACL,KAAK,WAAW,aAAa;EAC7B,QAAQ,WAAW,WAAW;EAC9B,qDAAkC,KAAK;EACvC,SAAS;GAAE,GAAG;GAAS,GAAG;GAAS;EACnC,GAAG;EACJ;EACD"}
+{"version":3,"file":"link-box.js","names":[],"sources":["../../../../src/components/link-box/link-box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { LinkBoxStyle } from \"./link-box.style\"\nimport {\n  createSlotComponent,\n  radiusProperties,\n  styled,\n  useExtractProps,\n} from \"../../core\"\nimport { dataAttr } from \"../../utils\"\nimport { linkBoxStyle } from \"./link-box.style\"\n\ninterface ComponentContext extends Dict {}\n\nexport interface LinkBoxRootProps\n  extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}\n\nconst {\n  ComponentContext,\n  PropsContext: LinkBoxPropsContext,\n  useComponentContext,\n  usePropsContext: useLinkBoxPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<LinkBoxRootProps, LinkBoxStyle, ComponentContext>(\n  \"link-box\",\n  linkBoxStyle,\n)\n\nexport { LinkBoxPropsContext, useLinkBoxPropsContext }\n\n/**\n * `LinkBox` is a component that allows elements such as articles or cards to function as a single link.\n *\n * @see https://yamada-ui.com/docs/components/link-box\n */\nexport const LinkBoxRoot = withProvider<\"div\", LinkBoxRootProps>(\n  ({ children, ...rest }) => {\n    const context = useExtractProps(rest, radiusProperties)\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...rest}>{children}</styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface LinkBoxOverlayProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n}\n\nexport const LinkBoxOverlay = withContext<\"a\", LinkBoxOverlayProps>(\n  \"a\",\n  \"overlay\",\n)(undefined, ({ external, _before, ...rest }) => {\n  const context = useComponentContext()\n\n  return {\n    rel: external ? \"noopener\" : undefined,\n    target: external ? \"_blank\" : undefined,\n    \"data-link-box-overlay\": dataAttr(true),\n    _before: { ..._before, ...context },\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;AAmBA,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACE,oBACF,YACA,aACD;;;;;;AASD,MAAa,cAAc,cACxB,EAAE,UAAU,GAAG,WAAW;CAGzB,OACE,oBAAC,kBAAD;EAAkB,OAHJ,gBAAgB,MAAM,iBAGJ;YAC9B,oBAAC,OAAO,KAAR;GAAY,GAAI;GAAO;GAAsB,CAAA;EAC5B,CAAA;GAGvB,OACD,EAAE;AAWH,MAAa,iBAAiB,YAC5B,KACA,UACD,CAAC,KAAA,IAAY,EAAE,UAAU,SAAS,GAAG,WAAW;CAC/C,MAAM,UAAU,qBAAqB;CAErC,OAAO;EACL,KAAK,WAAW,aAAa,KAAA;EAC7B,QAAQ,WAAW,WAAW,KAAA;EAC9B,0BAAA,GAAA,cAAA,UAAkC,KAAK;EACvC,SAAS;GAAE,GAAG;GAAS,GAAG;GAAS;EACnC,GAAG;EACJ;EACD"}

package/dist/esm/components/link-box/link-box.style.js

@@ -1,7 +1,5 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
 import { focusRingStyle } from "../../core/css/focus-ring.js";
-import "../../core/index.js";
-
 //#region src/components/link-box/link-box.style.ts
 const linkBoxStyle = defineComponentSlotStyle({ base: {
 	overlay: {
@@ -25,7 +23,7 @@ const linkBoxStyle = defineComponentSlotStyle({ base: {
 		position: "relative"
 	}
 } });
-
 //#endregion
 export { linkBoxStyle };
+
 //# sourceMappingURL=link-box.style.js.map

package/dist/esm/components/link-box/link-box.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-box.style.js","names":[],"sources":["../../../../src/components/link-box/link-box.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const linkBoxStyle = defineComponentSlotStyle({\n  base: {\n    overlay: {\n      focusVisibleRing: \"none\",\n      position: \"static\",\n      _before: {\n        boxSize: \"full\",\n        cursor: \"inherit\",\n        display: \"block\",\n        inset: \"0\",\n        position: \"absolute\",\n        zIndex: \"0\",\n      },\n      _focusVisible: { _before: focusRingStyle.outline },\n    },\n    root: {\n      \"a[href]:not([data-link-box-overlay]), abbr[title]\": {\n        position: \"relative\",\n        zIndex: \"yamcha\",\n      },\n      position: \"relative\",\n    },\n  },\n})\n\nexport type LinkBoxStyle = typeof linkBoxStyle\n"],"mappings":";;;;;AAEA,MAAa,eAAe,yBAAyB,EACnD,MAAM;CACJ,SAAS;EACP,kBAAkB;EAClB,UAAU;EACV,SAAS;GACP,SAAS;GACT,QAAQ;GACR,SAAS;GACT,OAAO;GACP,UAAU;GACV,QAAQ;GACT;EACD,eAAe,EAAE,SAAS,eAAe,SAAS;EACnD;CACD,MAAM;EACJ,qDAAqD;GACnD,UAAU;GACV,QAAQ;GACT;EACD,UAAU;EACX;CACF,EACF,CAAC"}
+{"version":3,"file":"link-box.style.js","names":[],"sources":["../../../../src/components/link-box/link-box.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const linkBoxStyle = defineComponentSlotStyle({\n  base: {\n    overlay: {\n      focusVisibleRing: \"none\",\n      position: \"static\",\n      _before: {\n        boxSize: \"full\",\n        cursor: \"inherit\",\n        display: \"block\",\n        inset: \"0\",\n        position: \"absolute\",\n        zIndex: \"0\",\n      },\n      _focusVisible: { _before: focusRingStyle.outline },\n    },\n    root: {\n      \"a[href]:not([data-link-box-overlay]), abbr[title]\": {\n        position: \"relative\",\n        zIndex: \"yamcha\",\n      },\n      position: \"relative\",\n    },\n  },\n})\n\nexport type LinkBoxStyle = typeof linkBoxStyle\n"],"mappings":";;;AAEA,MAAa,eAAe,yBAAyB,EACnD,MAAM;CACJ,SAAS;EACP,kBAAkB;EAClB,UAAU;EACV,SAAS;GACP,SAAS;GACT,QAAQ;GACR,SAAS;GACT,OAAO;GACP,UAAU;GACV,QAAQ;GACT;EACD,eAAe,EAAE,SAAS,eAAe,SAAS;EACnD;CACD,MAAM;EACJ,qDAAqD;GACnD,UAAU;GACV,QAAQ;GACT;EACD,UAAU;EACX;CACF,EACF,CAAC"}