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

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

@@ -1,6 +1,4 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/sidebar/sidebar.style.ts
 const sidebarMenuStyle = {
 	alignItems: "center",
@@ -178,6 +176,11 @@ const sidebarStyle = defineComponentSlotStyle({
 		}
 	},
 	props: {
+		/**
+		* The mode of the sidebar
+		*
+		* @default 'offcanvas'
+		*/
 		mode: {
 			icon: {
 				footer: { "& [data-menu]": {
@@ -227,6 +230,11 @@ const sidebarStyle = defineComponentSlotStyle({
 				root: { "--side-panel-collapsed-width": "0" }
 			}
 		},
+		/**
+		* The placement of the sidebar
+		*
+		* @default 'start'
+		*/
 		placement: {
 			end: {
 				gap: { order: "2" },
@@ -259,6 +267,11 @@ const sidebarStyle = defineComponentSlotStyle({
 				sidePanel: { left: "0" }
 			}
 		},
+		/**
+		* The shape of the component
+		*
+		* @default 'rounded'
+		*/
 		shape: {
 			circle: {
 				itemLink: { ps: "calc({side-panel-space} * 2)" },
@@ -268,6 +281,11 @@ const sidebarStyle = defineComponentSlotStyle({
 			rounded: { root: { "--side-panel-item-rounded": "radii.l2" } },
 			square: { root: { "--side-panel-item-rounded": "0" } }
 		},
+		/**
+		* If `true`, display group guide lines.
+		*
+		* @default false
+		*/
 		withGroupGuideLine: { true: { groupContent: {
 			position: "relative",
 			ps: "calc({side-panel-depth-space} * 2)",
@@ -282,6 +300,11 @@ const sidebarStyle = defineComponentSlotStyle({
 				zIndex: "yamcha"
 			}
 		} } },
+		/**
+		* If `true`, display guide lines.
+		*
+		* @default false
+		*/
 		withGuideLine: {
 			false: { itemContent: { ps: "{side-panel-depth-space}" } },
 			true: { itemContent: {
@@ -374,7 +397,7 @@ const sidebarStyle = defineComponentSlotStyle({
 		withGuideLine: false
 	}
 });
-
 //#endregion
 export { sidebarStyle };
+
 //# sourceMappingURL=sidebar.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.style.js","names":["sidebarMenuStyle: CSSObject"],"sources":["../../../../src/components/sidebar/sidebar.style.ts"],"sourcesContent":["import type {\n  CSSObject,\n  DefineComponentStyleSlotModifiers,\n  DefineComponentStyleSlotProps,\n} from \"../../core\"\nimport { defineComponentSlotStyle } from \"../../core\"\n\ntype Slot =\n  | \"button\"\n  | \"content\"\n  | \"footer\"\n  | \"gap\"\n  | \"group\"\n  | \"groupContent\"\n  | \"groupLabel\"\n  | \"handle\"\n  | \"header\"\n  | \"item\"\n  | \"itemContent\"\n  | \"itemElement\"\n  | \"itemIndicator\"\n  | \"itemLabel\"\n  | \"itemLink\"\n  | \"itemTrigger\"\n  | \"mainPanel\"\n  | \"menu\"\n  | \"root\"\n  | \"sidePanel\"\n\nconst sidebarMenuStyle: CSSObject = {\n  alignItems: \"center\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  fontSize: \"{side-panel-item-font-size}\",\n  gap: \"{side-panel-space}\",\n  h: \"{side-panel-item-size}\",\n  lineHeight: \"{side-panel-item-size}\",\n  minW: \"{side-panel-item-size}\",\n  overflowX: \"hidden\",\n  px: \"{side-panel-space}\",\n  rounded: \"{side-panel-item-rounded}\",\n  transitionDuration: \"moderate\",\n  transitionProperty: \"common\",\n  userSelect: \"none\",\n  w: \"full\",\n  _hover: { bg: \"bg.subtle\" },\n  _disabled: { layerStyle: \"disabled\" },\n}\n\nconst getSidebarTransitionStyle = (\n  transitionProperty: CSSObject[\"transitionProperty\"],\n) => ({\n  transitionDuration: \"{side-panel-duration}\",\n  transitionProperty,\n  transitionTimingFunction: \"{side-panel-timing-function}\",\n})\n\nexport const sidebarStyle = defineComponentSlotStyle<\n  Slot,\n  DefineComponentStyleSlotProps<\n    Slot,\n    {\n      mode: \"icon\" | \"offcanvas\"\n      placement: \"end\" | \"start\"\n      shape: \"circle\" | \"rounded\" | \"square\"\n      withGroupGuideLine: \"true\"\n      withGuideLine: \"false\" | \"true\"\n    }\n  >,\n  DefineComponentStyleSlotModifiers<Slot>,\n  DefineComponentStyleSlotModifiers<\n    Slot,\n    \"outline\" | \"solid\" | \"subtle\" | \"surface\"\n  >\n>({\n  base: {\n    button: {},\n    content: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      overflowY: \"auto\",\n      px: \"{side-panel-space}\",\n    },\n    footer: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      p: \"{side-panel-space}\",\n    },\n    gap: {\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"width\"),\n      _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n    },\n    group: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      _notFirst: { pt: \"calc({side-panel-gap} * 3)\" },\n    },\n    groupContent: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    groupLabel: {\n      color: \"fg.muted\",\n      fontSize: \"{side-panel-group-font-size}\",\n      h: \"{side-panel-item-size}\",\n      lineHeight: \"{side-panel-item-size}\",\n      mb: \"{side-panel-gap}\",\n      minW: \"{side-panel-item-size}\",\n      px: \"{side-panel-space}\",\n      truncated: true,\n    },\n    handle: {\n      focusVisibleRing: \"none\",\n      insetY: \"0\",\n      position: \"absolute\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"backgrounds\",\n      w: \"{side-panel-handle-width}\",\n      zIndex: \"yamcha\",\n      _after: {\n        insetY: \"0\",\n        position: \"absolute\",\n        transitionDuration: \"moderate\",\n        transitionProperty: \"left, right, background, transform\",\n        w: \"1px\",\n      },\n      _hover: { _after: { bg: \"colorScheme.muted\" } },\n      _focusVisible: { _after: { bg: \"colorScheme.outline\" } },\n    },\n    header: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      p: \"{side-panel-space}\",\n    },\n    item: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      position: \"relative\",\n    },\n    itemContent: {\n      \"& > :first-of-type\": { mt: \"{side-panel-gap}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    itemElement: {\n      display: \"inline-center\",\n      gap: \"{side-panel-gap}\",\n      _icon: { fontSize: \"{side-panel-item-icon-size}\" },\n    },\n    itemIndicator: {\n      color: \"fg.subtle\",\n      fontSize: \"{side-panel-item-icon-size}\",\n      transformOrigin: \"center\",\n      _animated: {\n        transitionDuration: \"moderate\",\n        transitionProperty: \"transform\",\n      },\n      _expanded: { transform: \"rotate(90deg)\" },\n    },\n    itemLabel: { flex: \"1\", textAlign: \"left\", truncated: true },\n    itemLink: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    itemTrigger: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    mainPanel: { flex: \"1\" },\n    menu: sidebarMenuStyle,\n    root: {\n      \"--height\": \"100dvh\",\n      \"--side-panel-depth-space\": \"calc(({side-panel-space} * 2) - 1px)\",\n      \"--side-panel-duration\": \"durations.moderate\",\n      \"--side-panel-expanded-width\": \"sizes.xs\",\n      \"--side-panel-gap\": \"calc({side-panel-space} / 2)\",\n      \"--side-panel-group-font-size\": \"fontSizes.xs\",\n      \"--side-panel-handle-width\": \"calc({side-panel-space} * 2)\",\n      \"--side-panel-height\": \"{height}\",\n      \"--side-panel-item-font-size\": \"fontSizes.sm\",\n      \"--side-panel-item-icon-size\": \"fontSizes.md\",\n      \"--side-panel-item-size\": \"sizes.8\",\n      \"--side-panel-space\": \"spaces.2\",\n      \"--side-panel-timing-function\": \"linear\",\n      display: \"flex\",\n      minH: \"{height}\",\n      w: \"full\",\n    },\n    sidePanel: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      h: \"{side-panel-height}\",\n      position: \"fixed\",\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"left, right, width\"),\n    },\n  },\n\n  props: {\n    /**\n     * The mode of the sidebar\n     *\n     * @default 'offcanvas'\n     */\n    mode: {\n      icon: {\n        footer: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        group: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { pt: \"0\" },\n        },\n        groupContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        groupLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"margin, opacity\"),\n          _groupCollapsed: {\n            mt: \"calc(({side-panel-item-size} + {side-panel-gap}) * -1)\",\n            opacity: \"0\",\n            pointerEvents: \"none\",\n          },\n        },\n        header: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        itemContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        itemIndicator: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        itemLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        root: { \"--side-panel-collapsed-width\": \"sizes.7xs\" },\n        sidePanel: {\n          _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n        },\n      },\n      offcanvas: {\n        handle: {\n          _groupCollapsed: { _hover: { bg: \"colorScheme.ghost\" } },\n        },\n        root: { \"--side-panel-collapsed-width\": \"0\" },\n      },\n    },\n    /**\n     * The placement of the sidebar\n     *\n     * @default 'start'\n     */\n    placement: {\n      end: {\n        gap: { order: \"2\" },\n        handle: {\n          cursor: \"e-resize\",\n          left: \"0\",\n          transform: \"translateX(-50%)\",\n          _after: {\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n          },\n          _groupCollapsed: { cursor: \"w-resize\" },\n        },\n        mainPanel: { order: \"1\" },\n        sidePanel: { right: \"0\" },\n      },\n      start: {\n        gap: { order: \"1\" },\n        handle: {\n          cursor: \"w-resize\",\n          right: \"0\",\n          transform: \"translateX(50%)\",\n          _after: {\n            right: \"50%\",\n            transform: \"translateX(50%)\",\n          },\n          _groupCollapsed: { cursor: \"e-resize\" },\n        },\n        mainPanel: { order: \"2\" },\n        sidePanel: { left: \"0\" },\n      },\n    },\n    /**\n     * The shape of the component\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      circle: {\n        itemLink: { ps: \"calc({side-panel-space} * 2)\" },\n        itemTrigger: { ps: \"calc({side-panel-space} * 2)\" },\n        root: { \"--side-panel-item-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        root: { \"--side-panel-item-rounded\": \"radii.l2\" },\n      },\n      square: {\n        root: { \"--side-panel-item-rounded\": \"0\" },\n      },\n    },\n    /**\n     * If `true`, display group guide lines.\n     *\n     * @default false\n     */\n    withGroupGuideLine: {\n      true: {\n        groupContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"full\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display guide lines.\n     *\n     * @default false\n     */\n    withGuideLine: {\n      false: {\n        itemContent: { ps: \"{side-panel-depth-space}\" },\n      },\n      true: {\n        itemContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"calc({sizes.full} - {side-panel-gap})\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            top: \"{side-panel-gap}\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      itemLink: { _selected: { layerStyle: \"outline\" } },\n      itemTrigger: { _selected: { layerStyle: \"outline\" } },\n    },\n    solid: {\n      itemLink: { _selected: { layerStyle: \"solid\" } },\n      itemTrigger: { _selected: { layerStyle: \"solid\" } },\n    },\n    subtle: {\n      itemLink: { _selected: { layerStyle: \"subtle\" } },\n      itemTrigger: { _selected: { layerStyle: \"subtle\" } },\n    },\n    surface: {\n      itemLink: { _selected: { layerStyle: \"surface\" } },\n      itemTrigger: { _selected: { layerStyle: \"surface\" } },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { right: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { left: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"start\",\n    },\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { left: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { right: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"end\",\n    },\n    {\n      css: {\n        groupContent: {\n          _before: { ...getSidebarTransitionStyle(\"opacity\") },\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGroupGuideLine: true,\n    },\n    {\n      css: {\n        itemContent: {\n          _before: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGuideLine: true,\n    },\n  ],\n\n  defaultProps: {\n    variant: \"subtle\",\n    mode: \"offcanvas\",\n    placement: \"start\",\n    shape: \"rounded\",\n    withGroupGuideLine: false,\n    withGuideLine: false,\n  },\n})\n\nexport type SidebarStyle = typeof sidebarStyle\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.style.js","names":[],"sources":["../../../../src/components/sidebar/sidebar.style.ts"],"sourcesContent":["import type {\n  CSSObject,\n  DefineComponentStyleSlotModifiers,\n  DefineComponentStyleSlotProps,\n} from \"../../core\"\nimport { defineComponentSlotStyle } from \"../../core\"\n\ntype Slot =\n  | \"button\"\n  | \"content\"\n  | \"footer\"\n  | \"gap\"\n  | \"group\"\n  | \"groupContent\"\n  | \"groupLabel\"\n  | \"handle\"\n  | \"header\"\n  | \"item\"\n  | \"itemContent\"\n  | \"itemElement\"\n  | \"itemIndicator\"\n  | \"itemLabel\"\n  | \"itemLink\"\n  | \"itemTrigger\"\n  | \"mainPanel\"\n  | \"menu\"\n  | \"root\"\n  | \"sidePanel\"\n\nconst sidebarMenuStyle: CSSObject = {\n  alignItems: \"center\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  fontSize: \"{side-panel-item-font-size}\",\n  gap: \"{side-panel-space}\",\n  h: \"{side-panel-item-size}\",\n  lineHeight: \"{side-panel-item-size}\",\n  minW: \"{side-panel-item-size}\",\n  overflowX: \"hidden\",\n  px: \"{side-panel-space}\",\n  rounded: \"{side-panel-item-rounded}\",\n  transitionDuration: \"moderate\",\n  transitionProperty: \"common\",\n  userSelect: \"none\",\n  w: \"full\",\n  _hover: { bg: \"bg.subtle\" },\n  _disabled: { layerStyle: \"disabled\" },\n}\n\nconst getSidebarTransitionStyle = (\n  transitionProperty: CSSObject[\"transitionProperty\"],\n) => ({\n  transitionDuration: \"{side-panel-duration}\",\n  transitionProperty,\n  transitionTimingFunction: \"{side-panel-timing-function}\",\n})\n\nexport const sidebarStyle = defineComponentSlotStyle<\n  Slot,\n  DefineComponentStyleSlotProps<\n    Slot,\n    {\n      mode: \"icon\" | \"offcanvas\"\n      placement: \"end\" | \"start\"\n      shape: \"circle\" | \"rounded\" | \"square\"\n      withGroupGuideLine: \"true\"\n      withGuideLine: \"false\" | \"true\"\n    }\n  >,\n  DefineComponentStyleSlotModifiers<Slot>,\n  DefineComponentStyleSlotModifiers<\n    Slot,\n    \"outline\" | \"solid\" | \"subtle\" | \"surface\"\n  >\n>({\n  base: {\n    button: {},\n    content: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      overflowY: \"auto\",\n      px: \"{side-panel-space}\",\n    },\n    footer: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      p: \"{side-panel-space}\",\n    },\n    gap: {\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"width\"),\n      _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n    },\n    group: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      _notFirst: { pt: \"calc({side-panel-gap} * 3)\" },\n    },\n    groupContent: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    groupLabel: {\n      color: \"fg.muted\",\n      fontSize: \"{side-panel-group-font-size}\",\n      h: \"{side-panel-item-size}\",\n      lineHeight: \"{side-panel-item-size}\",\n      mb: \"{side-panel-gap}\",\n      minW: \"{side-panel-item-size}\",\n      px: \"{side-panel-space}\",\n      truncated: true,\n    },\n    handle: {\n      focusVisibleRing: \"none\",\n      insetY: \"0\",\n      position: \"absolute\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"backgrounds\",\n      w: \"{side-panel-handle-width}\",\n      zIndex: \"yamcha\",\n      _after: {\n        insetY: \"0\",\n        position: \"absolute\",\n        transitionDuration: \"moderate\",\n        transitionProperty: \"left, right, background, transform\",\n        w: \"1px\",\n      },\n      _hover: { _after: { bg: \"colorScheme.muted\" } },\n      _focusVisible: { _after: { bg: \"colorScheme.outline\" } },\n    },\n    header: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      p: \"{side-panel-space}\",\n    },\n    item: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      position: \"relative\",\n    },\n    itemContent: {\n      \"& > :first-of-type\": { mt: \"{side-panel-gap}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    itemElement: {\n      display: \"inline-center\",\n      gap: \"{side-panel-gap}\",\n      _icon: { fontSize: \"{side-panel-item-icon-size}\" },\n    },\n    itemIndicator: {\n      color: \"fg.subtle\",\n      fontSize: \"{side-panel-item-icon-size}\",\n      transformOrigin: \"center\",\n      _animated: {\n        transitionDuration: \"moderate\",\n        transitionProperty: \"transform\",\n      },\n      _expanded: { transform: \"rotate(90deg)\" },\n    },\n    itemLabel: { flex: \"1\", textAlign: \"left\", truncated: true },\n    itemLink: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    itemTrigger: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    mainPanel: { flex: \"1\" },\n    menu: sidebarMenuStyle,\n    root: {\n      \"--height\": \"100dvh\",\n      \"--side-panel-depth-space\": \"calc(({side-panel-space} * 2) - 1px)\",\n      \"--side-panel-duration\": \"durations.moderate\",\n      \"--side-panel-expanded-width\": \"sizes.xs\",\n      \"--side-panel-gap\": \"calc({side-panel-space} / 2)\",\n      \"--side-panel-group-font-size\": \"fontSizes.xs\",\n      \"--side-panel-handle-width\": \"calc({side-panel-space} * 2)\",\n      \"--side-panel-height\": \"{height}\",\n      \"--side-panel-item-font-size\": \"fontSizes.sm\",\n      \"--side-panel-item-icon-size\": \"fontSizes.md\",\n      \"--side-panel-item-size\": \"sizes.8\",\n      \"--side-panel-space\": \"spaces.2\",\n      \"--side-panel-timing-function\": \"linear\",\n      display: \"flex\",\n      minH: \"{height}\",\n      w: \"full\",\n    },\n    sidePanel: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      h: \"{side-panel-height}\",\n      position: \"fixed\",\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"left, right, width\"),\n    },\n  },\n\n  props: {\n    /**\n     * The mode of the sidebar\n     *\n     * @default 'offcanvas'\n     */\n    mode: {\n      icon: {\n        footer: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        group: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { pt: \"0\" },\n        },\n        groupContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        groupLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"margin, opacity\"),\n          _groupCollapsed: {\n            mt: \"calc(({side-panel-item-size} + {side-panel-gap}) * -1)\",\n            opacity: \"0\",\n            pointerEvents: \"none\",\n          },\n        },\n        header: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        itemContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        itemIndicator: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        itemLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        root: { \"--side-panel-collapsed-width\": \"sizes.7xs\" },\n        sidePanel: {\n          _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n        },\n      },\n      offcanvas: {\n        handle: {\n          _groupCollapsed: { _hover: { bg: \"colorScheme.ghost\" } },\n        },\n        root: { \"--side-panel-collapsed-width\": \"0\" },\n      },\n    },\n    /**\n     * The placement of the sidebar\n     *\n     * @default 'start'\n     */\n    placement: {\n      end: {\n        gap: { order: \"2\" },\n        handle: {\n          cursor: \"e-resize\",\n          left: \"0\",\n          transform: \"translateX(-50%)\",\n          _after: {\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n          },\n          _groupCollapsed: { cursor: \"w-resize\" },\n        },\n        mainPanel: { order: \"1\" },\n        sidePanel: { right: \"0\" },\n      },\n      start: {\n        gap: { order: \"1\" },\n        handle: {\n          cursor: \"w-resize\",\n          right: \"0\",\n          transform: \"translateX(50%)\",\n          _after: {\n            right: \"50%\",\n            transform: \"translateX(50%)\",\n          },\n          _groupCollapsed: { cursor: \"e-resize\" },\n        },\n        mainPanel: { order: \"2\" },\n        sidePanel: { left: \"0\" },\n      },\n    },\n    /**\n     * The shape of the component\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      circle: {\n        itemLink: { ps: \"calc({side-panel-space} * 2)\" },\n        itemTrigger: { ps: \"calc({side-panel-space} * 2)\" },\n        root: { \"--side-panel-item-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        root: { \"--side-panel-item-rounded\": \"radii.l2\" },\n      },\n      square: {\n        root: { \"--side-panel-item-rounded\": \"0\" },\n      },\n    },\n    /**\n     * If `true`, display group guide lines.\n     *\n     * @default false\n     */\n    withGroupGuideLine: {\n      true: {\n        groupContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"full\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display guide lines.\n     *\n     * @default false\n     */\n    withGuideLine: {\n      false: {\n        itemContent: { ps: \"{side-panel-depth-space}\" },\n      },\n      true: {\n        itemContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"calc({sizes.full} - {side-panel-gap})\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            top: \"{side-panel-gap}\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      itemLink: { _selected: { layerStyle: \"outline\" } },\n      itemTrigger: { _selected: { layerStyle: \"outline\" } },\n    },\n    solid: {\n      itemLink: { _selected: { layerStyle: \"solid\" } },\n      itemTrigger: { _selected: { layerStyle: \"solid\" } },\n    },\n    subtle: {\n      itemLink: { _selected: { layerStyle: \"subtle\" } },\n      itemTrigger: { _selected: { layerStyle: \"subtle\" } },\n    },\n    surface: {\n      itemLink: { _selected: { layerStyle: \"surface\" } },\n      itemTrigger: { _selected: { layerStyle: \"surface\" } },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { right: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { left: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"start\",\n    },\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { left: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { right: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"end\",\n    },\n    {\n      css: {\n        groupContent: {\n          _before: { ...getSidebarTransitionStyle(\"opacity\") },\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGroupGuideLine: true,\n    },\n    {\n      css: {\n        itemContent: {\n          _before: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGuideLine: true,\n    },\n  ],\n\n  defaultProps: {\n    variant: \"subtle\",\n    mode: \"offcanvas\",\n    placement: \"start\",\n    shape: \"rounded\",\n    withGroupGuideLine: false,\n    withGuideLine: false,\n  },\n})\n\nexport type SidebarStyle = typeof sidebarStyle\n"],"mappings":"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"}

package/dist/esm/components/sidebar/use-sidebar.js

@@ -1,5 +1,4 @@
 "use client";
-
 import { createContext as createContext$1 } from "../../utils/context.js";
 import { useIds } from "../../utils/dom.js";
 import { useSafeLayoutEffect } from "../../utils/effect.js";
@@ -7,17 +6,13 @@ import { assignRef, mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
 import { useEnvironment } from "../../core/system/environment-provider.js";
 import { mergeProps } from "../../core/components/props.js";
-import "../../core/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { createDescendants } from "../../hooks/use-descendants/index.js";
 import { useDisclosure } from "../../hooks/use-disclosure/use-disclosure.js";
-import "../../hooks/use-disclosure/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
-import "../../providers/i18n-provider/index.js";
 import { useAsyncCallback } from "../../hooks/use-async-callback/index.js";
 import { useWindowEvent } from "../../hooks/use-window-event/index.js";
 import { Children, useCallback, useId, useRef, useState } from "react";
-
 //#region src/components/sidebar/use-sidebar.ts
 const { DescendantsContext: SidebarDescendantsContext, useDescendant: useSidebarDescendant, useDescendants: useSidebarDescendants } = createDescendants();
 const [SidebarContext, useSidebarContext] = createContext$1({ name: "SidebarContext" });
@@ -341,7 +336,7 @@ const useSidebarItem = ({ asyncChildren, children: childrenProp, defaultOpen, di
 		onSelectedChange
 	};
 };
-
 //#endregion
 export { SidebarContext, SidebarDescendantsContext, SidebarItemContext, useSidebar, useSidebarContext, useSidebarDescendant, useSidebarDescendants, useSidebarGroup, useSidebarItem, useSidebarItemContext };
+
 //# sourceMappingURL=use-sidebar.js.map

package/dist/esm/components/sidebar/use-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar.js","names":["createContext","getRootProps: PropGetter<\"div\">","getTriggerProps: PropGetter<\"button\">","getSidePanelProps: PropGetter<\"aside\">","getHeaderProps: PropGetter<\"header\">","getFooterProps: PropGetter<\"footer\">","getRootProps: PropGetter<\"li\">","getLabelProps: PropGetter<\"span\">","branchOpen: boolean[]","getItemProps: PropGetter<\"li\">","getIndicatorProps: PropGetter<\"svg\">","getLinkProps: PropGetter<\"a\">"],"sources":["../../../../src/components/sidebar/use-sidebar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode, RefObject } from \"react\"\nimport { Children, useCallback, useId, useRef, useState } from \"react\"\nimport {\n  type HTMLProps,\n  mergeProps,\n  type PropGetter,\n  useEnvironment,\n} from \"../../core\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  useDisclosure,\n  type UseDisclosureProps,\n} from \"../../hooks/use-disclosure\"\nimport { useWindowEvent } from \"../../hooks/use-window-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  setAttribute,\n  useIds,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface SidebarControl {\n  collapse: () => void\n  expand: () => void\n}\n\ninterface SidebarDescendantProps {\n  expanded: boolean\n  group: boolean\n  id: string\n  value: string\n}\n\nconst {\n  DescendantsContext: SidebarDescendantsContext,\n  useDescendant: useSidebarDescendant,\n  useDescendants: useSidebarDescendants,\n} = createDescendants<HTMLElement, SidebarDescendantProps>()\n\nexport {\n  SidebarDescendantsContext,\n  useSidebarDescendant,\n  useSidebarDescendants,\n}\n\ninterface SidebarContext extends Pick<\n  UseSidebarReturn,\n  | \"expandedValue\"\n  | \"mobile\"\n  | \"onClose\"\n  | \"onExpandedChange\"\n  | \"onOpen\"\n  | \"onSelectedChange\"\n  | \"onToggle\"\n  | \"open\"\n  | \"selectedValue\"\n> {}\n\nconst [SidebarContext, useSidebarContext] = createContext<SidebarContext>({\n  name: \"SidebarContext\",\n})\n\nexport { SidebarContext, useSidebarContext }\n\ninterface SidebarItemContext extends Pick<\n  UseSidebarItemReturn,\n  \"branchOpen\" | \"groupOpen\"\n> {}\n\nconst [SidebarItemContext, useSidebarItemContext] =\n  createContext<SidebarItemContext>({\n    name: \"SidebarItemContext\",\n    strict: false,\n  })\n\nexport { SidebarItemContext, useSidebarItemContext }\n\nexport interface UseSidebarProps extends HTMLProps<\"div\"> {\n  /**\n   * Ref of the sidebar callbacks.\n   */\n  controlRef?: RefObject<null | SidebarControl>\n  /**\n   * The initial expanded value of the sidebar.\n   */\n  defaultExpandedValue?: string[]\n  /**\n   * The initial selected value of the sidebar.\n   */\n  defaultSelectedValue?: string\n  /**\n   * The disclosure props for the desktop and mobile.\n   */\n  disclosure?: {\n    desktop?: Omit<UseDisclosureProps, \"timing\">\n    mobile?: Omit<UseDisclosureProps, \"timing\">\n  }\n  /**\n   * The expanded value of the sidebar.\n   */\n  expandedValue?: string[]\n  /**\n   * If `true`, the trigger click event will be switched to mobile.\n   *\n   * @default false\n   */\n  mobile?: boolean\n  /**\n   * The selected value of the sidebar.\n   */\n  selectedValue?: string\n  /**\n   * The callback invoked when expanded value changes.\n   */\n  onExpandedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when selected value changes.\n   */\n  onSelectedChange?: (value: string) => void\n}\n\nexport const useSidebar = ({\n  controlRef,\n  defaultExpandedValue = [],\n  defaultSelectedValue,\n  disclosure,\n  expandedValue: expandedValueProp,\n  mobile = false,\n  selectedValue: selectedValueProp,\n  onExpandedChange: onExpandedChangeProp,\n  onSelectedChange: onSelectedChangeProp,\n  ...rest\n}: UseSidebarProps = {}) => {\n  const { t } = useI18n(\"sidebar\")\n  const desktopDisclosure = useDisclosure({\n    defaultOpen: disclosure?.desktop?.defaultOpen ?? true,\n    open: disclosure?.desktop?.open,\n    onClose: disclosure?.desktop?.onClose,\n    onOpen: disclosure?.desktop?.onOpen,\n  })\n  const mobileDisclosure = useDisclosure({\n    defaultOpen: disclosure?.mobile?.defaultOpen ?? false,\n    open: disclosure?.mobile?.open,\n    onClose: disclosure?.mobile?.onClose,\n    onOpen: disclosure?.mobile?.onOpen,\n  })\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue: defaultSelectedValue,\n    value: selectedValueProp,\n    onChange: onSelectedChangeProp,\n  })\n  const [expandedValue, setExpandedValue] = useControllableState({\n    defaultValue: defaultExpandedValue,\n    value: expandedValueProp,\n    onChange: onExpandedChangeProp,\n  })\n  const descendants = useSidebarDescendants()\n  const open = mobile ? mobileDisclosure.open : desktopDisclosure.open\n  const onOpen = mobile ? mobileDisclosure.onOpen : desktopDisclosure.onOpen\n  const onClose = mobile ? mobileDisclosure.onClose : desktopDisclosure.onClose\n  const onToggle = mobile\n    ? mobileDisclosure.onToggle\n    : desktopDisclosure.onToggle\n\n  const onSelectedChange = useCallback(\n    (value: string) => {\n      setSelectedValue(value)\n    },\n    [setSelectedValue],\n  )\n\n  const onExpandAll = useCallback(() => {\n    const values = descendants.enabledValues()\n    const group = values.filter(({ group }) => group)\n    const value = group.map(({ value }) => value)\n\n    setExpandedValue(value)\n  }, [descendants, setExpandedValue])\n\n  const onCollapseAll = useCallback(() => {\n    setExpandedValue([])\n  }, [setExpandedValue])\n\n  const onExpandedChange = useCallback(\n    (value: string) => {\n      setExpandedValue((prev) => {\n        if (prev.includes(value)) {\n          return prev.filter((prevValue) => prevValue !== value)\n        } else {\n          return [...prev, value]\n        }\n      })\n    },\n    [setExpandedValue],\n  )\n\n  assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n  useWindowEvent(\"keydown\", (ev) => {\n    if (ev.key !== \"b\") return\n    if (!ev.metaKey && !ev.ctrlKey) return\n\n    ev.preventDefault()\n\n    desktopDisclosure.onToggle()\n  })\n\n  const getRootProps: PropGetter<\"div\"> = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-expanded\": open,\n      \"aria-label\": t(open ? \"Close sidebar\" : \"Open sidebar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onToggle),\n    }),\n    [open, t, onToggle],\n  )\n\n  const getSidePanelProps: PropGetter<\"aside\"> = useCallback(\n    (props = {}) => ({ \"data-expanded\": dataAttr(open), ...props }),\n    [open],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  return {\n    descendants,\n    expandedValue,\n    mobile,\n    open,\n    selectedValue,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getRootProps,\n    getSidePanelProps,\n    getTriggerProps,\n    onClose,\n    onExpandedChange,\n    onOpen,\n    onSelectedChange,\n    onToggle,\n  }\n}\n\nexport type UseSidebarReturn = ReturnType<typeof useSidebar>\n\nexport interface UseSidebarGroupProps extends HTMLProps<\"li\"> {}\n\nexport const useSidebarGroup = ({ ...rest }: UseSidebarGroupProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const rootRef = useRef<HTMLLIElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const labelId = useId()\n\n  useSafeLayoutEffect(() => {\n    const el = getDocument()?.getElementById(labelId)\n\n    if (!el) return\n\n    if (rootRef.current)\n      setAttribute(rootRef.current, \"aria-labelledby\", labelId)\n    if (contentRef.current)\n      setAttribute(contentRef.current, \"aria-labelledby\", labelId)\n  }, [])\n\n  const getRootProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps({ ref }, rest, props, { ref: rootRef })(),\n    [rest, rootRef],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  const getContentProps: PropGetter<\"div\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ref: mergeRefs(ref, contentRef),\n      ...props,\n    }),\n    [],\n  )\n\n  return { getContentProps, getLabelProps, getRootProps }\n}\n\nexport type UseSidebarGroupReturn = ReturnType<typeof useSidebarGroup>\n\nexport interface UseSidebarItemProps\n  extends HTMLProps<\"li\">, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * The value of the item.\n   */\n  value: string\n  /**\n   * If `true`, the tree item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useSidebarItem = ({\n  asyncChildren,\n  children: childrenProp,\n  defaultOpen,\n  disabled = false,\n  external,\n  open: openProp,\n  value,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseSidebarItemProps) => {\n  const context = useSidebarItemContext()\n  const {\n    expandedValue,\n    open,\n    selectedValue,\n    onExpandedChange,\n    onSelectedChange,\n  } = useSidebarContext()\n  const [children, setChildren] = useState<ReactNode>(childrenProp)\n  const [itemId, labelId, contentId] = useIds()\n  const initialAsyncRef = useRef(false)\n  const async = !!asyncChildren\n  const group = async || Children.count(children) > 0\n  const nested = !!context\n  const selected = !!value && selectedValue === value\n  const defaultExpanded = !!value && expandedValue.includes(value)\n  const {\n    open: groupOpen,\n    onClose,\n    onOpen,\n  } = useDisclosure({\n    defaultOpen: defaultOpen ?? defaultExpanded,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const branchOpen: boolean[] = nested\n    ? [...context.branchOpen, groupOpen]\n    : [groupOpen]\n  const expanded = branchOpen.slice(0, -1).every(Boolean)\n  const { register } = useSidebarDescendant({\n    id: itemId!,\n    disabled,\n    expanded,\n    group,\n    value,\n  })\n\n  const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n    const children = await asyncChildren?.()\n\n    setChildren(children)\n  }, [asyncChildren])\n\n  const onGroupOpen = useCallback(() => {\n    if (disabled || !group || !value || groupLoading) return\n\n    if (async && !initialAsyncRef.current) {\n      initialAsyncRef.current = true\n\n      onGroupChildren()\n        .then(() => {\n          onOpen()\n          onExpandedChange(value)\n        })\n        .catch(() => {\n          initialAsyncRef.current = false\n        })\n    } else {\n      onOpen()\n      onExpandedChange(value)\n    }\n  }, [\n    disabled,\n    group,\n    value,\n    groupLoading,\n    async,\n    onGroupChildren,\n    onOpen,\n    onExpandedChange,\n  ])\n\n  const onGroupClose = useCallback(() => {\n    if (disabled || !group || !value) return\n\n    onClose()\n    onExpandedChange(value)\n  }, [disabled, group, value, onClose, onExpandedChange])\n\n  const onGroupToggle = useCallback(() => {\n    if (groupOpen) {\n      onGroupClose()\n    } else {\n      onGroupOpen()\n    }\n  }, [groupOpen, onGroupClose, onGroupOpen])\n\n  useSafeLayoutEffect(() => {\n    if (defaultExpanded) {\n      if (async && !initialAsyncRef.current) {\n        initialAsyncRef.current = true\n\n        onGroupChildren()\n          .then(() => {\n            onOpen()\n          })\n          .catch(() => {\n            initialAsyncRef.current = false\n          })\n      } else {\n        onOpen()\n      }\n    } else {\n      onClose()\n    }\n  }, [defaultExpanded])\n\n  const getItemProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => {\n      const merged = mergeProps(\n        {\n          id: itemId,\n          \"aria-current\": selected ? \"page\" : undefined,\n          \"aria-disabled\": ariaAttr(disabled),\n          \"aria-labelledby\": cx(ariaLabelledby, labelId),\n          \"data-disabled\": dataAttr(disabled),\n          \"data-selected\": dataAttr(selected),\n        },\n        rest,\n        props,\n        { ref },\n        { ref: register },\n      )()\n\n      return {\n        ...merged,\n        onClick: handlerAll(\n          merged.onClick,\n          !group ? () => onSelectedChange(value) : undefined,\n        ),\n      }\n    },\n    [\n      itemId,\n      register,\n      selected,\n      disabled,\n      labelId,\n      rest,\n      group,\n      onSelectedChange,\n      value,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"aria-hidden\": true,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-loading\": dataAttr(groupLoading),\n      \"data-selected\": dataAttr(selected),\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled, groupOpen, groupLoading, selected],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": contentId,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-expanded\": dataAttr(groupOpen),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, onGroupToggle),\n    }),\n    [contentId, disabled, groupOpen, selected, open, expanded, onGroupToggle],\n  )\n\n  const getLinkProps: PropGetter<\"a\"> = useCallback(\n    (props = {}) => ({\n      href: value,\n      rel: external ? \"noopener\" : undefined,\n      target: external ? \"_blank\" : undefined,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [disabled, expanded, external, open, selected, value],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: contentId,\n      \"aria-busy\": ariaAttr(groupLoading),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n    }),\n    [contentId, labelId, disabled, groupLoading],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  return {\n    branchOpen,\n    children,\n    disabled,\n    expanded,\n    expandedValue,\n    group,\n    groupLoading,\n    groupOpen,\n    open,\n    selected,\n    selectedValue,\n    value,\n    getContentProps,\n    getIndicatorProps,\n    getItemProps,\n    getLabelProps,\n    getLinkProps,\n    getTriggerProps,\n    onExpandedChange,\n    onGroupClose,\n    onGroupOpen,\n    onGroupToggle,\n    onSelectedChange,\n  }\n}\n\nexport type UseSidebarItemReturn = ReturnType<typeof useSidebarItem>\n"],"mappings":"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"}
+{"version":3,"file":"use-sidebar.js","names":["createContext"],"sources":["../../../../src/components/sidebar/use-sidebar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode, RefObject } from \"react\"\nimport { Children, useCallback, useId, useRef, useState } from \"react\"\nimport {\n  type HTMLProps,\n  mergeProps,\n  type PropGetter,\n  useEnvironment,\n} from \"../../core\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  useDisclosure,\n  type UseDisclosureProps,\n} from \"../../hooks/use-disclosure\"\nimport { useWindowEvent } from \"../../hooks/use-window-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  setAttribute,\n  useIds,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface SidebarControl {\n  collapse: () => void\n  expand: () => void\n}\n\ninterface SidebarDescendantProps {\n  expanded: boolean\n  group: boolean\n  id: string\n  value: string\n}\n\nconst {\n  DescendantsContext: SidebarDescendantsContext,\n  useDescendant: useSidebarDescendant,\n  useDescendants: useSidebarDescendants,\n} = createDescendants<HTMLElement, SidebarDescendantProps>()\n\nexport {\n  SidebarDescendantsContext,\n  useSidebarDescendant,\n  useSidebarDescendants,\n}\n\ninterface SidebarContext extends Pick<\n  UseSidebarReturn,\n  | \"expandedValue\"\n  | \"mobile\"\n  | \"onClose\"\n  | \"onExpandedChange\"\n  | \"onOpen\"\n  | \"onSelectedChange\"\n  | \"onToggle\"\n  | \"open\"\n  | \"selectedValue\"\n> {}\n\nconst [SidebarContext, useSidebarContext] = createContext<SidebarContext>({\n  name: \"SidebarContext\",\n})\n\nexport { SidebarContext, useSidebarContext }\n\ninterface SidebarItemContext extends Pick<\n  UseSidebarItemReturn,\n  \"branchOpen\" | \"groupOpen\"\n> {}\n\nconst [SidebarItemContext, useSidebarItemContext] =\n  createContext<SidebarItemContext>({\n    name: \"SidebarItemContext\",\n    strict: false,\n  })\n\nexport { SidebarItemContext, useSidebarItemContext }\n\nexport interface UseSidebarProps extends HTMLProps<\"div\"> {\n  /**\n   * Ref of the sidebar callbacks.\n   */\n  controlRef?: RefObject<null | SidebarControl>\n  /**\n   * The initial expanded value of the sidebar.\n   */\n  defaultExpandedValue?: string[]\n  /**\n   * The initial selected value of the sidebar.\n   */\n  defaultSelectedValue?: string\n  /**\n   * The disclosure props for the desktop and mobile.\n   */\n  disclosure?: {\n    desktop?: Omit<UseDisclosureProps, \"timing\">\n    mobile?: Omit<UseDisclosureProps, \"timing\">\n  }\n  /**\n   * The expanded value of the sidebar.\n   */\n  expandedValue?: string[]\n  /**\n   * If `true`, the trigger click event will be switched to mobile.\n   *\n   * @default false\n   */\n  mobile?: boolean\n  /**\n   * The selected value of the sidebar.\n   */\n  selectedValue?: string\n  /**\n   * The callback invoked when expanded value changes.\n   */\n  onExpandedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when selected value changes.\n   */\n  onSelectedChange?: (value: string) => void\n}\n\nexport const useSidebar = ({\n  controlRef,\n  defaultExpandedValue = [],\n  defaultSelectedValue,\n  disclosure,\n  expandedValue: expandedValueProp,\n  mobile = false,\n  selectedValue: selectedValueProp,\n  onExpandedChange: onExpandedChangeProp,\n  onSelectedChange: onSelectedChangeProp,\n  ...rest\n}: UseSidebarProps = {}) => {\n  const { t } = useI18n(\"sidebar\")\n  const desktopDisclosure = useDisclosure({\n    defaultOpen: disclosure?.desktop?.defaultOpen ?? true,\n    open: disclosure?.desktop?.open,\n    onClose: disclosure?.desktop?.onClose,\n    onOpen: disclosure?.desktop?.onOpen,\n  })\n  const mobileDisclosure = useDisclosure({\n    defaultOpen: disclosure?.mobile?.defaultOpen ?? false,\n    open: disclosure?.mobile?.open,\n    onClose: disclosure?.mobile?.onClose,\n    onOpen: disclosure?.mobile?.onOpen,\n  })\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue: defaultSelectedValue,\n    value: selectedValueProp,\n    onChange: onSelectedChangeProp,\n  })\n  const [expandedValue, setExpandedValue] = useControllableState({\n    defaultValue: defaultExpandedValue,\n    value: expandedValueProp,\n    onChange: onExpandedChangeProp,\n  })\n  const descendants = useSidebarDescendants()\n  const open = mobile ? mobileDisclosure.open : desktopDisclosure.open\n  const onOpen = mobile ? mobileDisclosure.onOpen : desktopDisclosure.onOpen\n  const onClose = mobile ? mobileDisclosure.onClose : desktopDisclosure.onClose\n  const onToggle = mobile\n    ? mobileDisclosure.onToggle\n    : desktopDisclosure.onToggle\n\n  const onSelectedChange = useCallback(\n    (value: string) => {\n      setSelectedValue(value)\n    },\n    [setSelectedValue],\n  )\n\n  const onExpandAll = useCallback(() => {\n    const values = descendants.enabledValues()\n    const group = values.filter(({ group }) => group)\n    const value = group.map(({ value }) => value)\n\n    setExpandedValue(value)\n  }, [descendants, setExpandedValue])\n\n  const onCollapseAll = useCallback(() => {\n    setExpandedValue([])\n  }, [setExpandedValue])\n\n  const onExpandedChange = useCallback(\n    (value: string) => {\n      setExpandedValue((prev) => {\n        if (prev.includes(value)) {\n          return prev.filter((prevValue) => prevValue !== value)\n        } else {\n          return [...prev, value]\n        }\n      })\n    },\n    [setExpandedValue],\n  )\n\n  assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n  useWindowEvent(\"keydown\", (ev) => {\n    if (ev.key !== \"b\") return\n    if (!ev.metaKey && !ev.ctrlKey) return\n\n    ev.preventDefault()\n\n    desktopDisclosure.onToggle()\n  })\n\n  const getRootProps: PropGetter<\"div\"> = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-expanded\": open,\n      \"aria-label\": t(open ? \"Close sidebar\" : \"Open sidebar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onToggle),\n    }),\n    [open, t, onToggle],\n  )\n\n  const getSidePanelProps: PropGetter<\"aside\"> = useCallback(\n    (props = {}) => ({ \"data-expanded\": dataAttr(open), ...props }),\n    [open],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  return {\n    descendants,\n    expandedValue,\n    mobile,\n    open,\n    selectedValue,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getRootProps,\n    getSidePanelProps,\n    getTriggerProps,\n    onClose,\n    onExpandedChange,\n    onOpen,\n    onSelectedChange,\n    onToggle,\n  }\n}\n\nexport type UseSidebarReturn = ReturnType<typeof useSidebar>\n\nexport interface UseSidebarGroupProps extends HTMLProps<\"li\"> {}\n\nexport const useSidebarGroup = ({ ...rest }: UseSidebarGroupProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const rootRef = useRef<HTMLLIElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const labelId = useId()\n\n  useSafeLayoutEffect(() => {\n    const el = getDocument()?.getElementById(labelId)\n\n    if (!el) return\n\n    if (rootRef.current)\n      setAttribute(rootRef.current, \"aria-labelledby\", labelId)\n    if (contentRef.current)\n      setAttribute(contentRef.current, \"aria-labelledby\", labelId)\n  }, [])\n\n  const getRootProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps({ ref }, rest, props, { ref: rootRef })(),\n    [rest, rootRef],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  const getContentProps: PropGetter<\"div\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ref: mergeRefs(ref, contentRef),\n      ...props,\n    }),\n    [],\n  )\n\n  return { getContentProps, getLabelProps, getRootProps }\n}\n\nexport type UseSidebarGroupReturn = ReturnType<typeof useSidebarGroup>\n\nexport interface UseSidebarItemProps\n  extends HTMLProps<\"li\">, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * The value of the item.\n   */\n  value: string\n  /**\n   * If `true`, the tree item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useSidebarItem = ({\n  asyncChildren,\n  children: childrenProp,\n  defaultOpen,\n  disabled = false,\n  external,\n  open: openProp,\n  value,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseSidebarItemProps) => {\n  const context = useSidebarItemContext()\n  const {\n    expandedValue,\n    open,\n    selectedValue,\n    onExpandedChange,\n    onSelectedChange,\n  } = useSidebarContext()\n  const [children, setChildren] = useState<ReactNode>(childrenProp)\n  const [itemId, labelId, contentId] = useIds()\n  const initialAsyncRef = useRef(false)\n  const async = !!asyncChildren\n  const group = async || Children.count(children) > 0\n  const nested = !!context\n  const selected = !!value && selectedValue === value\n  const defaultExpanded = !!value && expandedValue.includes(value)\n  const {\n    open: groupOpen,\n    onClose,\n    onOpen,\n  } = useDisclosure({\n    defaultOpen: defaultOpen ?? defaultExpanded,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const branchOpen: boolean[] = nested\n    ? [...context.branchOpen, groupOpen]\n    : [groupOpen]\n  const expanded = branchOpen.slice(0, -1).every(Boolean)\n  const { register } = useSidebarDescendant({\n    id: itemId!,\n    disabled,\n    expanded,\n    group,\n    value,\n  })\n\n  const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n    const children = await asyncChildren?.()\n\n    setChildren(children)\n  }, [asyncChildren])\n\n  const onGroupOpen = useCallback(() => {\n    if (disabled || !group || !value || groupLoading) return\n\n    if (async && !initialAsyncRef.current) {\n      initialAsyncRef.current = true\n\n      onGroupChildren()\n        .then(() => {\n          onOpen()\n          onExpandedChange(value)\n        })\n        .catch(() => {\n          initialAsyncRef.current = false\n        })\n    } else {\n      onOpen()\n      onExpandedChange(value)\n    }\n  }, [\n    disabled,\n    group,\n    value,\n    groupLoading,\n    async,\n    onGroupChildren,\n    onOpen,\n    onExpandedChange,\n  ])\n\n  const onGroupClose = useCallback(() => {\n    if (disabled || !group || !value) return\n\n    onClose()\n    onExpandedChange(value)\n  }, [disabled, group, value, onClose, onExpandedChange])\n\n  const onGroupToggle = useCallback(() => {\n    if (groupOpen) {\n      onGroupClose()\n    } else {\n      onGroupOpen()\n    }\n  }, [groupOpen, onGroupClose, onGroupOpen])\n\n  useSafeLayoutEffect(() => {\n    if (defaultExpanded) {\n      if (async && !initialAsyncRef.current) {\n        initialAsyncRef.current = true\n\n        onGroupChildren()\n          .then(() => {\n            onOpen()\n          })\n          .catch(() => {\n            initialAsyncRef.current = false\n          })\n      } else {\n        onOpen()\n      }\n    } else {\n      onClose()\n    }\n  }, [defaultExpanded])\n\n  const getItemProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => {\n      const merged = mergeProps(\n        {\n          id: itemId,\n          \"aria-current\": selected ? \"page\" : undefined,\n          \"aria-disabled\": ariaAttr(disabled),\n          \"aria-labelledby\": cx(ariaLabelledby, labelId),\n          \"data-disabled\": dataAttr(disabled),\n          \"data-selected\": dataAttr(selected),\n        },\n        rest,\n        props,\n        { ref },\n        { ref: register },\n      )()\n\n      return {\n        ...merged,\n        onClick: handlerAll(\n          merged.onClick,\n          !group ? () => onSelectedChange(value) : undefined,\n        ),\n      }\n    },\n    [\n      itemId,\n      register,\n      selected,\n      disabled,\n      labelId,\n      rest,\n      group,\n      onSelectedChange,\n      value,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"aria-hidden\": true,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-loading\": dataAttr(groupLoading),\n      \"data-selected\": dataAttr(selected),\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled, groupOpen, groupLoading, selected],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": contentId,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-expanded\": dataAttr(groupOpen),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, onGroupToggle),\n    }),\n    [contentId, disabled, groupOpen, selected, open, expanded, onGroupToggle],\n  )\n\n  const getLinkProps: PropGetter<\"a\"> = useCallback(\n    (props = {}) => ({\n      href: value,\n      rel: external ? \"noopener\" : undefined,\n      target: external ? \"_blank\" : undefined,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [disabled, expanded, external, open, selected, value],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: contentId,\n      \"aria-busy\": ariaAttr(groupLoading),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n    }),\n    [contentId, labelId, disabled, groupLoading],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  return {\n    branchOpen,\n    children,\n    disabled,\n    expanded,\n    expandedValue,\n    group,\n    groupLoading,\n    groupOpen,\n    open,\n    selected,\n    selectedValue,\n    value,\n    getContentProps,\n    getIndicatorProps,\n    getItemProps,\n    getLabelProps,\n    getLinkProps,\n    getTriggerProps,\n    onExpandedChange,\n    onGroupClose,\n    onGroupOpen,\n    onGroupToggle,\n    onSelectedChange,\n  }\n}\n\nexport type UseSidebarItemReturn = ReturnType<typeof useSidebarItem>\n"],"mappings":"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"}

package/dist/esm/components/simple-grid/index.js

@@ -1,4 +1,3 @@
 import { simpleGridStyle } from "./simple-grid.style.js";
 import { SimpleGrid, SimpleGridPropsContext, useSimpleGridPropsContext } from "./simple-grid.js";
-
-export { SimpleGrid, SimpleGridPropsContext, simpleGridStyle, useSimpleGridPropsContext };
+export { SimpleGrid, SimpleGridPropsContext, simpleGridStyle, useSimpleGridPropsContext };

package/dist/esm/components/simple-grid/simple-grid.js

@@ -1,13 +1,9 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { Grid } from "../grid/grid.js";
-import "../grid/index.js";
 import { simpleGridStyle } from "./simple-grid.style.js";
 import { useMemo } from "react";
-
 //#region src/components/simple-grid/simple-grid.tsx
 const { PropsContext: SimpleGridPropsContext, usePropsContext: useSimpleGridPropsContext, withContext } = createComponent("simple-grid", simpleGridStyle);
 /**
@@ -26,7 +22,7 @@ const SimpleGrid = withContext(Grid)(void 0, ({ columns, minChildWidth, ...rest
 		...rest
 	};
 });
-
 //#endregion
 export { SimpleGrid, SimpleGridPropsContext, useSimpleGridPropsContext };
+
 //# sourceMappingURL=simple-grid.js.map

package/dist/esm/components/simple-grid/simple-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.js","names":[],"sources":["../../../../src/components/simple-grid/simple-grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  StyleValue,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GridProps } from \"../grid\"\nimport type { SimpleGridStyle } from \"./simple-grid.style\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { Grid } from \"../grid\"\nimport { simpleGridStyle } from \"./simple-grid.style\"\n\nexport interface SimpleGridProps\n  extends\n    Omit<WithoutThemeProps<GridProps, SimpleGridStyle>, \"columns\">,\n    ThemeProps<SimpleGridStyle> {\n  /**\n   * The number of columns.\n   */\n  columns?: StyleValue<number>\n  /**\n   * The width at which child elements will break into columns.\n   * Pass a number for pixel values or a string for any other valid CSS length.\n   */\n  minChildWidth?: CSSProps[\"minWidth\"]\n}\n\nconst {\n  PropsContext: SimpleGridPropsContext,\n  usePropsContext: useSimpleGridPropsContext,\n  withContext,\n} = createComponent<SimpleGridProps, SimpleGridStyle>(\n  \"simple-grid\",\n  simpleGridStyle,\n)\n\nexport { SimpleGridPropsContext, useSimpleGridPropsContext }\n\n/**\n * `SimpleGrid` is a component that makes `Grid` simpler and more user-friendly.\n *\n * @see https://yamada-ui.com/docs/components/simple-grid\n */\nexport const SimpleGrid = withContext<\"div\", SimpleGridProps>(Grid)(\n  undefined,\n  ({ columns, minChildWidth, ...rest }) => {\n    const templateColumns = useMemo(() => {\n      if (minChildWidth) {\n        return replaceObject(minChildWidth, (value) => {\n          return value != null\n            ? `repeat(auto-fit, minmax({sizes.${value}, ${value}}, 1fr))`\n            : undefined\n        })\n      } else {\n        return replaceObject(columns, (value) =>\n          value != null ? `repeat(${value}, minmax(0, 1fr))` : undefined,\n        )\n      }\n    }, [minChildWidth, columns])\n\n    return { templateColumns, ...rest }\n  },\n)\n"],"mappings":";;;;;;;;;;;AA+BA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;;;;;;AASD,MAAa,aAAa,YAAoC,KAAK,CACjE,SACC,EAAE,SAAS,eAAe,GAAG,WAAW;AAevC,QAAO;EAAE,iBAde,cAAc;AACpC,OAAI,cACF,yCAAqB,gBAAgB,UAAU;AAC7C,WAAO,SAAS,OACZ,kCAAkC,MAAM,IAAI,MAAM,YAClD;KACJ;OAEF,yCAAqB,UAAU,UAC7B,SAAS,OAAO,UAAU,MAAM,qBAAqB,OACtD;KAEF,CAAC,eAAe,QAAQ,CAAC;EAEF,GAAG;EAAM;EAEtC"}
+{"version":3,"file":"simple-grid.js","names":[],"sources":["../../../../src/components/simple-grid/simple-grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  StyleValue,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GridProps } from \"../grid\"\nimport type { SimpleGridStyle } from \"./simple-grid.style\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { Grid } from \"../grid\"\nimport { simpleGridStyle } from \"./simple-grid.style\"\n\nexport interface SimpleGridProps\n  extends\n    Omit<WithoutThemeProps<GridProps, SimpleGridStyle>, \"columns\">,\n    ThemeProps<SimpleGridStyle> {\n  /**\n   * The number of columns.\n   */\n  columns?: StyleValue<number>\n  /**\n   * The width at which child elements will break into columns.\n   * Pass a number for pixel values or a string for any other valid CSS length.\n   */\n  minChildWidth?: CSSProps[\"minWidth\"]\n}\n\nconst {\n  PropsContext: SimpleGridPropsContext,\n  usePropsContext: useSimpleGridPropsContext,\n  withContext,\n} = createComponent<SimpleGridProps, SimpleGridStyle>(\n  \"simple-grid\",\n  simpleGridStyle,\n)\n\nexport { SimpleGridPropsContext, useSimpleGridPropsContext }\n\n/**\n * `SimpleGrid` is a component that makes `Grid` simpler and more user-friendly.\n *\n * @see https://yamada-ui.com/docs/components/simple-grid\n */\nexport const SimpleGrid = withContext<\"div\", SimpleGridProps>(Grid)(\n  undefined,\n  ({ columns, minChildWidth, ...rest }) => {\n    const templateColumns = useMemo(() => {\n      if (minChildWidth) {\n        return replaceObject(minChildWidth, (value) => {\n          return value != null\n            ? `repeat(auto-fit, minmax({sizes.${value}, ${value}}, 1fr))`\n            : undefined\n        })\n      } else {\n        return replaceObject(columns, (value) =>\n          value != null ? `repeat(${value}, minmax(0, 1fr))` : undefined,\n        )\n      }\n    }, [minChildWidth, columns])\n\n    return { templateColumns, ...rest }\n  },\n)\n"],"mappings":";;;;;;;AA+BA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,gBACD;;;;;;AASD,MAAa,aAAa,YAAoC,KAAK,CACjE,KAAA,IACC,EAAE,SAAS,eAAe,GAAG,WAAW;CAevC,OAAO;EAAE,iBAde,cAAc;GACpC,IAAI,eACF,QAAA,GAAA,cAAA,eAAqB,gBAAgB,UAAU;IAC7C,OAAO,SAAS,OACZ,kCAAkC,MAAM,IAAI,MAAM,YAClD,KAAA;KACJ;QAEF,QAAA,GAAA,cAAA,eAAqB,UAAU,UAC7B,SAAS,OAAO,UAAU,MAAM,qBAAqB,KAAA,EACtD;KAEF,CAAC,eAAe,QAAQ,CAEH;EAAE,GAAG;EAAM;EAEtC"}

package/dist/esm/components/simple-grid/simple-grid.style.js

@@ -1,9 +1,7 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/simple-grid/simple-grid.style.ts
 const simpleGridStyle = defineComponentStyle({});
-
 //#endregion
 export { simpleGridStyle };
+
 //# sourceMappingURL=simple-grid.style.js.map

package/dist/esm/components/simple-grid/simple-grid.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.style.js","names":[],"sources":["../../../../src/components/simple-grid/simple-grid.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const simpleGridStyle = defineComponentStyle({})\n\nexport type SimpleGridStyle = typeof simpleGridStyle\n"],"mappings":";;;;AAEA,MAAa,kBAAkB,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"simple-grid.style.js","names":[],"sources":["../../../../src/components/simple-grid/simple-grid.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const simpleGridStyle = defineComponentStyle({})\n\nexport type SimpleGridStyle = typeof simpleGridStyle\n"],"mappings":";;AAEA,MAAa,kBAAkB,qBAAqB,EAAE,CAAC"}

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

@@ -2,5 +2,4 @@ import { skeletonStyle } from "./skeleton.style.js";
 import { Skeleton, SkeletonPropsContext, useSkeletonPropsContext } from "./skeleton.js";
 import { SkeletonCircle } from "./skeleton-circle.js";
 import { SkeletonText } from "./skeleton-text.js";
-
-export { Skeleton, SkeletonCircle, SkeletonPropsContext, SkeletonText, skeletonStyle, useSkeletonPropsContext };
+export { Skeleton, SkeletonCircle, SkeletonPropsContext, SkeletonText, skeletonStyle, useSkeletonPropsContext };

package/dist/esm/components/skeleton/skeleton-circle.js

@@ -1,8 +1,6 @@
 import { mergeCSS } from "../../core/css/merge-css.js";
-import "../../core/index.js";
 import { Skeleton } from "./skeleton.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/skeleton/skeleton-circle.tsx
 const SkeletonCircle = (({ css, ...rest }) => {
 	return /* @__PURE__ */ jsx(Skeleton, {
@@ -14,7 +12,7 @@ const SkeletonCircle = (({ css, ...rest }) => {
 		...rest
 	});
 });
-
 //#endregion
 export { SkeletonCircle };
+
 //# sourceMappingURL=skeleton-circle.js.map

package/dist/esm/components/skeleton/skeleton-circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-circle.js","names":[],"sources":["../../../../src/components/skeleton/skeleton-circle.tsx"],"sourcesContent":["import type { Component } from \"../../core\"\nimport type { SkeletonProps } from \"./skeleton\"\nimport { mergeCSS } from \"../../core\"\nimport { Skeleton } from \"./skeleton\"\n\nexport interface SkeletonCircleProps extends SkeletonProps {}\n\nexport const SkeletonCircle = (({ css, ...rest }: SkeletonCircleProps) => {\n  return (\n    <Skeleton\n      css={mergeCSS(css, { \"--height\": \"sizes.10\", \"--width\": \"sizes.10\" })}\n      _loading={{ rounded: \"full\" }}\n      {...rest}\n    />\n  )\n}) as Component<\"div\", SkeletonCircleProps>\n"],"mappings":";;;;;;AAOA,MAAa,mBAAmB,EAAE,KAAK,GAAG,WAAgC;AACxE,QACE,oBAAC;EACC,KAAK,SAAS,KAAK;GAAE,YAAY;GAAY,WAAW;GAAY,CAAC;EACrE,UAAU,EAAE,SAAS,QAAQ;EAC7B,GAAI;GACJ"}
+{"version":3,"file":"skeleton-circle.js","names":[],"sources":["../../../../src/components/skeleton/skeleton-circle.tsx"],"sourcesContent":["import type { Component } from \"../../core\"\nimport type { SkeletonProps } from \"./skeleton\"\nimport { mergeCSS } from \"../../core\"\nimport { Skeleton } from \"./skeleton\"\n\nexport interface SkeletonCircleProps extends SkeletonProps {}\n\nexport const SkeletonCircle = (({ css, ...rest }: SkeletonCircleProps) => {\n  return (\n    <Skeleton\n      css={mergeCSS(css, { \"--height\": \"sizes.10\", \"--width\": \"sizes.10\" })}\n      _loading={{ rounded: \"full\" }}\n      {...rest}\n    />\n  )\n}) as Component<\"div\", SkeletonCircleProps>\n"],"mappings":";;;;AAOA,MAAa,mBAAmB,EAAE,KAAK,GAAG,WAAgC;CACxE,OACE,oBAAC,UAAD;EACE,KAAK,SAAS,KAAK;GAAE,YAAY;GAAY,WAAW;GAAY,CAAC;EACrE,UAAU,EAAE,SAAS,QAAQ;EAC7B,GAAI;EACJ,CAAA"}

package/dist/esm/components/skeleton/skeleton-text.js

@@ -1,11 +1,8 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
 import { mergeCSS } from "../../core/css/merge-css.js";
-import "../../core/index.js";
 import { Skeleton } from "./skeleton.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/skeleton/skeleton-text.tsx
 const SkeletonText = (({ css, children, gap = "2", lineClamp = 3, loading = true, _loading, _notFirst, rootProps, ...rest }) => {
 	return /* @__PURE__ */ jsx(styled.div, {
@@ -30,7 +27,7 @@ const SkeletonText = (({ css, children, gap = "2", lineClamp = 3, loading = true
 		})
 	});
 });
-
 //#endregion
 export { SkeletonText };
+
 //# sourceMappingURL=skeleton-text.js.map

package/dist/esm/components/skeleton/skeleton-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.js","names":[],"sources":["../../../../src/components/skeleton/skeleton-text.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, HTMLStyledProps } from \"../../core\"\nimport type { SkeletonProps } from \"./skeleton\"\nimport { mergeCSS, styled } from \"../../core\"\nimport { Skeleton } from \"./skeleton\"\n\nexport interface SkeletonTextProps extends Omit<SkeletonProps, \"lineClamp\"> {\n  /**\n   * The number of lines to display.\n   */\n  lineClamp?: number\n  /**\n   * Props for the root element.\n   */\n  rootProps?: HTMLStyledProps\n}\n\nexport const SkeletonText = (({\n  css,\n  children,\n  gap = \"2\",\n  lineClamp = 3,\n  loading = true,\n  _loading,\n  _notFirst,\n  rootProps,\n  ...rest\n}: SkeletonTextProps) => {\n  return (\n    <styled.div w=\"full\" {...rootProps}>\n      {Array.from({ length: lineClamp }).map((_, index) => {\n        if (!loading && index > 0) return null\n\n        return (\n          <Skeleton\n            key={index}\n            css={mergeCSS(css, { \"--height\": \"sizes.4\" })}\n            loading={loading}\n            _loading={{\n              _last: { maxW: lineClamp > 1 ? \"80%\" : \"100%\" },\n              ..._loading,\n            }}\n            _notFirst={{ mt: gap, ..._notFirst }}\n            {...rest}\n          >\n            {!loading && index === 0 ? children : undefined}\n          </Skeleton>\n        )\n      })}\n    </styled.div>\n  )\n}) as Component<\"div\", SkeletonTextProps>\n"],"mappings":";;;;;;;;;AAkBA,MAAa,iBAAiB,EAC5B,KACA,UACA,MAAM,KACN,YAAY,GACZ,UAAU,MACV,UACA,WACA,WACA,GAAG,WACoB;AACvB,QACE,oBAAC,OAAO;EAAI,GAAE;EAAO,GAAI;YACtB,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UAAU;AACnD,OAAI,CAAC,WAAW,QAAQ,EAAG,QAAO;AAElC,UACE,oBAAC;IAEC,KAAK,SAAS,KAAK,EAAE,YAAY,WAAW,CAAC;IACpC;IACT,UAAU;KACR,OAAO,EAAE,MAAM,YAAY,IAAI,QAAQ,QAAQ;KAC/C,GAAG;KACJ;IACD,WAAW;KAAE,IAAI;KAAK,GAAG;KAAW;IACpC,GAAI;cAEH,CAAC,WAAW,UAAU,IAAI,WAAW;MAVjC,MAWI;IAEb;GACS"}
+{"version":3,"file":"skeleton-text.js","names":[],"sources":["../../../../src/components/skeleton/skeleton-text.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, HTMLStyledProps } from \"../../core\"\nimport type { SkeletonProps } from \"./skeleton\"\nimport { mergeCSS, styled } from \"../../core\"\nimport { Skeleton } from \"./skeleton\"\n\nexport interface SkeletonTextProps extends Omit<SkeletonProps, \"lineClamp\"> {\n  /**\n   * The number of lines to display.\n   */\n  lineClamp?: number\n  /**\n   * Props for the root element.\n   */\n  rootProps?: HTMLStyledProps\n}\n\nexport const SkeletonText = (({\n  css,\n  children,\n  gap = \"2\",\n  lineClamp = 3,\n  loading = true,\n  _loading,\n  _notFirst,\n  rootProps,\n  ...rest\n}: SkeletonTextProps) => {\n  return (\n    <styled.div w=\"full\" {...rootProps}>\n      {Array.from({ length: lineClamp }).map((_, index) => {\n        if (!loading && index > 0) return null\n\n        return (\n          <Skeleton\n            key={index}\n            css={mergeCSS(css, { \"--height\": \"sizes.4\" })}\n            loading={loading}\n            _loading={{\n              _last: { maxW: lineClamp > 1 ? \"80%\" : \"100%\" },\n              ..._loading,\n            }}\n            _notFirst={{ mt: gap, ..._notFirst }}\n            {...rest}\n          >\n            {!loading && index === 0 ? children : undefined}\n          </Skeleton>\n        )\n      })}\n    </styled.div>\n  )\n}) as Component<\"div\", SkeletonTextProps>\n"],"mappings":";;;;;;AAkBA,MAAa,iBAAiB,EAC5B,KACA,UACA,MAAM,KACN,YAAY,GACZ,UAAU,MACV,UACA,WACA,WACA,GAAG,WACoB;CACvB,OACE,oBAAC,OAAO,KAAR;EAAY,GAAE;EAAO,GAAI;YACtB,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UAAU;GACnD,IAAI,CAAC,WAAW,QAAQ,GAAG,OAAO;GAElC,OACE,oBAAC,UAAD;IAEE,KAAK,SAAS,KAAK,EAAE,YAAY,WAAW,CAAC;IACpC;IACT,UAAU;KACR,OAAO,EAAE,MAAM,YAAY,IAAI,QAAQ,QAAQ;KAC/C,GAAG;KACJ;IACD,WAAW;KAAE,IAAI;KAAK,GAAG;KAAW;IACpC,GAAI;cAEH,CAAC,WAAW,UAAU,IAAI,WAAW,KAAA;IAC7B,EAXJ,MAWI;IAEb;EACS,CAAA"}

package/dist/esm/components/skeleton/skeleton.js

@@ -1,12 +1,9 @@
 "use client";
-
 import { useValidChildren } from "../../utils/children.js";
 import { utils_exports } from "../../utils/index.js";
 import { varAttr } from "../../core/system/var.js";
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { skeletonStyle } from "./skeleton.style.js";
-
 //#region src/components/skeleton/skeleton.tsx
 const { PropsContext: SkeletonPropsContext, usePropsContext: useSkeletonPropsContext, withContext } = createComponent("skeleton", skeletonStyle);
 /**
@@ -31,7 +28,7 @@ const Skeleton = withContext("div", { transferProps: ["loading"] })(void 0, ({ c
 		...rest
 	};
 });
-
 //#endregion
 export { Skeleton, SkeletonPropsContext, useSkeletonPropsContext };
+
 //# sourceMappingURL=skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { SkeletonStyle } from \"./skeleton.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { dataAttr, isNumber, useValidChildren } from \"../../utils\"\nimport { skeletonStyle } from \"./skeleton.style\"\n\nexport interface SkeletonProps\n  extends HTMLStyledProps, ThemeProps<SkeletonStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color at the animation end.\n   */\n  endColor?: CSSProps[\"color\"]\n  /**\n   * The fade in duration in seconds. Requires `loaded` toggled to `true` in order to see the transition.\n   */\n  fadeDuration?: number | string\n  /**\n   * If `true`, the skeleton will take the width of it's children.\n   *\n   * @default false\n   */\n  fitContent?: boolean\n  /**\n   * The color at the animation start.\n   */\n  startColor?: CSSProps[\"color\"]\n}\n\nconst {\n  PropsContext: SkeletonPropsContext,\n  usePropsContext: useSkeletonPropsContext,\n  withContext,\n} = createComponent<SkeletonProps, SkeletonStyle>(\"skeleton\", skeletonStyle)\n\nexport { SkeletonPropsContext, useSkeletonPropsContext }\n\n/**\n * `Skeleton` is a component that acts as a placeholder until content is loaded.\n *\n * @see https://yamada-ui.com/docs/components/skeleton\n */\nexport const Skeleton = withContext(\"div\", { transferProps: [\"loading\"] })(\n  undefined,\n  ({\n    children,\n    duration,\n    endColor,\n    fadeDuration,\n    fitContent,\n    loading,\n    startColor,\n    ...rest\n  }) => {\n    const validChildren = useValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    fitContent ??= hasChildren\n\n    return {\n      \"aria-busy\": loading,\n      \"data-loaded\": dataAttr(!loading),\n      \"data-loading\": dataAttr(loading),\n      \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n      \"--end-color\": varAttr(endColor, \"colors\"),\n      \"--fade-duration\": isNumber(fadeDuration)\n        ? `${fadeDuration}s`\n        : fadeDuration,\n      \"--height\": fitContent ? \"fit-content\" : undefined,\n      \"--start-color\": varAttr(startColor, \"colors\"),\n      \"--width\": fitContent ? \"fit-content\" : undefined,\n      children,\n      ...rest,\n    }\n  },\n)\n"],"mappings":";;;;;;;;;;AAkCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACE,gBAA8C,YAAY,cAAc;;;;;;AAS5E,MAAa,WAAW,YAAY,OAAO,EAAE,eAAe,CAAC,UAAU,EAAE,CAAC,CACxE,SACC,EACC,UACA,UACA,UACA,cACA,YACA,SACA,YACA,GAAG,WACC;CAEJ,MAAM,cAAc,CAAC,CADC,iBAAiB,SAAS,CACZ;AAEpC,gBAAe;AAEf,QAAO;EACL,aAAa;EACb,2CAAwB,CAAC,QAAQ;EACjC,4CAAyB,QAAQ;EACjC,0CAAuB,SAAS,GAAG,GAAG,SAAS,KAAK;EACpD,eAAe,QAAQ,UAAU,SAAS;EAC1C,+CAA4B,aAAa,GACrC,GAAG,aAAa,KAChB;EACJ,YAAY,aAAa,gBAAgB;EACzC,iBAAiB,QAAQ,YAAY,SAAS;EAC9C,WAAW,aAAa,gBAAgB;EACxC;EACA,GAAG;EACJ;EAEJ"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { SkeletonStyle } from \"./skeleton.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { dataAttr, isNumber, useValidChildren } from \"../../utils\"\nimport { skeletonStyle } from \"./skeleton.style\"\n\nexport interface SkeletonProps\n  extends HTMLStyledProps, ThemeProps<SkeletonStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color at the animation end.\n   */\n  endColor?: CSSProps[\"color\"]\n  /**\n   * The fade in duration in seconds. Requires `loaded` toggled to `true` in order to see the transition.\n   */\n  fadeDuration?: number | string\n  /**\n   * If `true`, the skeleton will take the width of it's children.\n   *\n   * @default false\n   */\n  fitContent?: boolean\n  /**\n   * The color at the animation start.\n   */\n  startColor?: CSSProps[\"color\"]\n}\n\nconst {\n  PropsContext: SkeletonPropsContext,\n  usePropsContext: useSkeletonPropsContext,\n  withContext,\n} = createComponent<SkeletonProps, SkeletonStyle>(\"skeleton\", skeletonStyle)\n\nexport { SkeletonPropsContext, useSkeletonPropsContext }\n\n/**\n * `Skeleton` is a component that acts as a placeholder until content is loaded.\n *\n * @see https://yamada-ui.com/docs/components/skeleton\n */\nexport const Skeleton = withContext(\"div\", { transferProps: [\"loading\"] })(\n  undefined,\n  ({\n    children,\n    duration,\n    endColor,\n    fadeDuration,\n    fitContent,\n    loading,\n    startColor,\n    ...rest\n  }) => {\n    const validChildren = useValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    fitContent ??= hasChildren\n\n    return {\n      \"aria-busy\": loading,\n      \"data-loaded\": dataAttr(!loading),\n      \"data-loading\": dataAttr(loading),\n      \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n      \"--end-color\": varAttr(endColor, \"colors\"),\n      \"--fade-duration\": isNumber(fadeDuration)\n        ? `${fadeDuration}s`\n        : fadeDuration,\n      \"--height\": fitContent ? \"fit-content\" : undefined,\n      \"--start-color\": varAttr(startColor, \"colors\"),\n      \"--width\": fitContent ? \"fit-content\" : undefined,\n      children,\n      ...rest,\n    }\n  },\n)\n"],"mappings":";;;;;;;AAkCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACE,gBAA8C,YAAY,cAAc;;;;;;AAS5E,MAAa,WAAW,YAAY,OAAO,EAAE,eAAe,CAAC,UAAU,EAAE,CAAC,CACxE,KAAA,IACC,EACC,UACA,UACA,UACA,cACA,YACA,SACA,YACA,GAAG,WACC;CAEJ,MAAM,cAAc,CAAC,CADC,iBAAiB,SACJ,CAAC;CAEpC,eAAe;CAEf,OAAO;EACL,aAAa;EACb,gBAAA,GAAA,cAAA,UAAwB,CAAC,QAAQ;EACjC,iBAAA,GAAA,cAAA,UAAyB,QAAQ;EACjC,eAAA,GAAA,cAAA,UAAuB,SAAS,GAAG,GAAG,SAAS,KAAK;EACpD,eAAe,QAAQ,UAAU,SAAS;EAC1C,oBAAA,GAAA,cAAA,UAA4B,aAAa,GACrC,GAAG,aAAa,KAChB;EACJ,YAAY,aAAa,gBAAgB,KAAA;EACzC,iBAAiB,QAAQ,YAAY,SAAS;EAC9C,WAAW,aAAa,gBAAgB,KAAA;EACxC;EACA,GAAG;EACJ;EAEJ"}

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

@@ -1,10 +1,14 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/skeleton/skeleton.style.ts
 const skeletonStyle = defineComponentStyle({
 	base: {},
-	props: { loading: {
+	props: { 
+	/**
+	* If `false`, it'll render its children with a nice fade transition.
+	*
+	* @default true
+	*/
+loading: {
 		false: {
 			animationDuration: "{fade-duration, 0.1s}",
 			animationIterationCount: "1",
@@ -55,7 +59,7 @@ const skeletonStyle = defineComponentStyle({
 		loading: true
 	}
 });
-
 //#endregion
 export { skeletonStyle };
+
 //# sourceMappingURL=skeleton.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.style.js","names":[],"sources":["../../../../src/components/skeleton/skeleton.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const skeletonStyle = defineComponentStyle({\n  base: {},\n\n  props: {\n    /**\n     * If `false`, it'll render its children with a nice fade transition.\n     *\n     * @default true\n     */\n    loading: {\n      false: {\n        animationDuration: \"{fade-duration, 0.1s}\",\n        animationIterationCount: \"1\",\n        animationName: \"fade-in\",\n        animationTimingFunction: \"ease-out\",\n        bg: \"unset\",\n      },\n      true: {\n        \"&::before, &::after, *\": {\n          visibility: \"hidden\",\n        },\n        \"--height\": \"sizes.6\",\n        \"--width\": \"sizes.full\",\n        bgClip: \"padding-box\",\n        boxShadow: \"none\",\n        color: \"transparent\",\n        cursor: \"default\",\n        flexShrink: \"0\",\n        h: \"{height}\",\n        maxW: \"full\",\n        pointerEvents: \"none\",\n        rounded: \"l1\",\n        userSelect: \"none\",\n        w: \"{width}\",\n      },\n    },\n  },\n\n  variants: {\n    none: {\n      animation: \"none\",\n    },\n    pulse: {\n      animationDuration: \"{duration, 1.2s}\",\n      animationIterationCount: \"infinite\",\n      animationName: \"pulse\",\n      bg: \"bg.muted\",\n    },\n    shine: {\n      \"--animation-from\": \"200%\",\n      \"--animation-to\": \"-200%\",\n      \"--end-color\": \"colors.bg.muted\",\n      \"--start-color\": \"colors.bg.subtle\",\n      animationDuration: \"{duration, 5s}\",\n      animationIterationCount: \"infinite\",\n      animationName: \"bg-position\",\n      animationTimingFunction: \"ease-in-out\",\n      bgImage:\n        \"linear-gradient(270deg, {start-color}, {end-color}, {end-color}, {start-color})\",\n      bgSize: \"400% 100%\",\n    },\n  },\n\n  defaultProps: {\n    variant: \"pulse\",\n    loading: true,\n  },\n})\n\nexport type SkeletonStyle = typeof skeletonStyle\n"],"mappings":";;;;AAEA,MAAa,gBAAgB,qBAAqB;CAChD,MAAM,EAAE;CAER,OAAO,EAML,SAAS;EACP,OAAO;GACL,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;GACzB,IAAI;GACL;EACD,MAAM;GACJ,0BAA0B,EACxB,YAAY,UACb;GACD,YAAY;GACZ,WAAW;GACX,QAAQ;GACR,WAAW;GACX,OAAO;GACP,QAAQ;GACR,YAAY;GACZ,GAAG;GACH,MAAM;GACN,eAAe;GACf,SAAS;GACT,YAAY;GACZ,GAAG;GACJ;EACF,EACF;CAED,UAAU;EACR,MAAM,EACJ,WAAW,QACZ;EACD,OAAO;GACL,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,IAAI;GACL;EACD,OAAO;GACL,oBAAoB;GACpB,kBAAkB;GAClB,eAAe;GACf,iBAAiB;GACjB,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;GACzB,SACE;GACF,QAAQ;GACT;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"skeleton.style.js","names":[],"sources":["../../../../src/components/skeleton/skeleton.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const skeletonStyle = defineComponentStyle({\n  base: {},\n\n  props: {\n    /**\n     * If `false`, it'll render its children with a nice fade transition.\n     *\n     * @default true\n     */\n    loading: {\n      false: {\n        animationDuration: \"{fade-duration, 0.1s}\",\n        animationIterationCount: \"1\",\n        animationName: \"fade-in\",\n        animationTimingFunction: \"ease-out\",\n        bg: \"unset\",\n      },\n      true: {\n        \"&::before, &::after, *\": {\n          visibility: \"hidden\",\n        },\n        \"--height\": \"sizes.6\",\n        \"--width\": \"sizes.full\",\n        bgClip: \"padding-box\",\n        boxShadow: \"none\",\n        color: \"transparent\",\n        cursor: \"default\",\n        flexShrink: \"0\",\n        h: \"{height}\",\n        maxW: \"full\",\n        pointerEvents: \"none\",\n        rounded: \"l1\",\n        userSelect: \"none\",\n        w: \"{width}\",\n      },\n    },\n  },\n\n  variants: {\n    none: {\n      animation: \"none\",\n    },\n    pulse: {\n      animationDuration: \"{duration, 1.2s}\",\n      animationIterationCount: \"infinite\",\n      animationName: \"pulse\",\n      bg: \"bg.muted\",\n    },\n    shine: {\n      \"--animation-from\": \"200%\",\n      \"--animation-to\": \"-200%\",\n      \"--end-color\": \"colors.bg.muted\",\n      \"--start-color\": \"colors.bg.subtle\",\n      animationDuration: \"{duration, 5s}\",\n      animationIterationCount: \"infinite\",\n      animationName: \"bg-position\",\n      animationTimingFunction: \"ease-in-out\",\n      bgImage:\n        \"linear-gradient(270deg, {start-color}, {end-color}, {end-color}, {start-color})\",\n      bgSize: \"400% 100%\",\n    },\n  },\n\n  defaultProps: {\n    variant: \"pulse\",\n    loading: true,\n  },\n})\n\nexport type SkeletonStyle = typeof skeletonStyle\n"],"mappings":";;AAEA,MAAa,gBAAgB,qBAAqB;CAChD,MAAM,EAAE;CAER,OAAO;;;;;;AAML,SAAS;EACP,OAAO;GACL,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;GACzB,IAAI;GACL;EACD,MAAM;GACJ,0BAA0B,EACxB,YAAY,UACb;GACD,YAAY;GACZ,WAAW;GACX,QAAQ;GACR,WAAW;GACX,OAAO;GACP,QAAQ;GACR,YAAY;GACZ,GAAG;GACH,MAAM;GACN,eAAe;GACf,SAAS;GACT,YAAY;GACZ,GAAG;GACJ;EACF,EACF;CAED,UAAU;EACR,MAAM,EACJ,WAAW,QACZ;EACD,OAAO;GACL,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,IAAI;GACL;EACD,OAAO;GACL,oBAAoB;GACpB,kBAAkB;GAClB,eAAe;GACf,iBAAiB;GACjB,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;GACzB,SACE;GACF,QAAQ;GACT;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}

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

@@ -1,4 +1,3 @@
 import { slideStyle } from "./slide.style.js";
 import { Slide, SlidePropsContext, slideVariants, useSlidePropsContext } from "./slide.js";
-
-export { Slide, SlidePropsContext, slideStyle, slideVariants, useSlidePropsContext };
+export { Slide, SlidePropsContext, slideStyle, slideVariants, useSlidePropsContext };

package/dist/esm/components/slide/slide.js

@@ -1,16 +1,12 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { motion as motion$1 } from "../motion/factory.js";
 import { createTransition } from "../motion/transition.js";
-import "../motion/index.js";
 import { useValue } from "../../hooks/use-value/index.js";
 import { slideStyle } from "./slide.style.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { AnimatePresence } from "motion/react";
-
 //#region src/components/slide/slide.tsx
 const getAnimationProps = (placement) => {
 	switch (placement) {
@@ -109,7 +105,7 @@ const Slide = withContext(({ delay, duration = {
 		}) : null
 	});
 }, { transferProps: ["placement"] })();
-
 //#endregion
 export { Slide, SlidePropsContext, slideVariants, useSlidePropsContext };
+
 //# sourceMappingURL=slide.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slide.js","names":["slideVariants: Variants","motion"],"sources":["../../../../src/components/slide/slide.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ThemeProps } from \"../../core\"\nimport type {\n  HTMLMotionProps,\n  MotionTransitionVariants,\n  WithTransitionProps,\n} from \"../motion\"\nimport type { SlideStyle } from \"./slide.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { createTransition, motion } from \"../motion\"\nimport { slideStyle } from \"./slide.style\"\n\nconst getAnimationProps = (placement: SlideProps[\"placement\"]) => {\n  switch (placement) {\n    case \"block-start\":\n      return { enter: { x: 0, y: 0 }, exit: { x: 0, y: \"-100%\" } }\n    case \"inline-end\":\n      return { enter: { x: 0, y: 0 }, exit: { x: \"100%\", y: 0 } }\n    case \"block-end\":\n      return { enter: { x: 0, y: 0 }, exit: { x: 0, y: \"100%\" } }\n    case \"inline-start\":\n      return { enter: { x: 0, y: 0 }, exit: { x: \"-100%\", y: 0 } }\n    default:\n      return {}\n  }\n}\nexport const slideVariants: Variants = {\n  enter: ({\n    delay,\n    duration,\n    enter,\n    placement,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    ...getAnimationProps(placement).enter,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    ...enter,\n  }),\n  exit: ({\n    delay,\n    duration,\n    exit,\n    placement,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    ...getAnimationProps(placement).exit,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    transitionEnd: transitionEnd?.exit,\n    ...exit,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface SlideProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<SlideStyle> {}\n\nconst {\n  PropsContext: SlidePropsContext,\n  usePropsContext: useSlidePropsContext,\n  withContext,\n} = createComponent<SlideProps, SlideStyle>(\"slide\", slideStyle)\n\nexport { SlidePropsContext, useSlidePropsContext }\n\n/**\n * `Slide` is a component that shows or hides an element from the corners of the page.\n *\n * @see https://yamada-ui.com/docs/components/slide\n */\nexport const Slide = withContext<\"div\", SlideProps, \"placement\">(\n  ({\n    delay,\n    duration = { enter: 0.4, exit: 0.3 },\n    open: openProp,\n    placement: placementProp,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n    const placement = useValue(placementProp)\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        placement,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, placement, transition, transitionEnd],\n    )\n\n    return (\n      <AnimatePresence custom={custom}>\n        {open ? (\n          <motion.div\n            animate={animate}\n            custom={custom}\n            exit=\"exit\"\n            initial=\"exit\"\n            variants={slideVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  { transferProps: [\"placement\"] },\n)()\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,qBAAqB,cAAuC;AAChE,SAAQ,WAAR;EACE,KAAK,cACH,QAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAG,GAAG;IAAS;GAAE;EAC9D,KAAK,aACH,QAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAQ,GAAG;IAAG;GAAE;EAC7D,KAAK,YACH,QAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAG,GAAG;IAAQ;GAAE;EAC7D,KAAK,eACH,QAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAS,GAAG;IAAG;GAAE;EAC9D,QACE,QAAO,EAAE;;;AAGf,MAAaA,gBAA0B;CACrC,QAAQ,EACN,OACA,UACA,OACA,WACA,YACA,kBACE,EAAE,MAAM;EACV,GAAG,kBAAkB,UAAU,CAAC;EAChC,YAAY,iBAAiB,MAAM,YAAY,MAAM,CAAC,OAAO,SAAS;EACtE,eAAe,eAAe;EAC9B,GAAG;EACJ;CACD,OAAO,EACL,OACA,UACA,MACA,WACA,YACA,kBACE,EAAE,MAAM;EACV,GAAG,kBAAkB,UAAU,CAAC;EAChC,YAAY,iBAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,eAAe,eAAe;EAC9B,GAAG;EACJ;CACF;AAKD,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,aAClB,EACC,OACA,WAAW;CAAE,OAAO;CAAK,MAAM;CAAK,EACpC,MAAM,UACN,WAAW,eACX,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CACzD,MAAM,YAAY,SAAS,cAAc;CAEzC,MAAM,SAAS,eACN;EACL;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAU;EAAW;EAAY;EAAc,CACxD;AAED,QACE,oBAAC;EAAwB;YACtB,OACC,oBAACC,SAAO;GACG;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;IACJ,GACA;GACY;GAGtB,EAAE,eAAe,CAAC,YAAY,EAAE,CACjC,EAAE"}
+{"version":3,"file":"slide.js","names":["motion"],"sources":["../../../../src/components/slide/slide.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ThemeProps } from \"../../core\"\nimport type {\n  HTMLMotionProps,\n  MotionTransitionVariants,\n  WithTransitionProps,\n} from \"../motion\"\nimport type { SlideStyle } from \"./slide.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { createTransition, motion } from \"../motion\"\nimport { slideStyle } from \"./slide.style\"\n\nconst getAnimationProps = (placement: SlideProps[\"placement\"]) => {\n  switch (placement) {\n    case \"block-start\":\n      return { enter: { x: 0, y: 0 }, exit: { x: 0, y: \"-100%\" } }\n    case \"inline-end\":\n      return { enter: { x: 0, y: 0 }, exit: { x: \"100%\", y: 0 } }\n    case \"block-end\":\n      return { enter: { x: 0, y: 0 }, exit: { x: 0, y: \"100%\" } }\n    case \"inline-start\":\n      return { enter: { x: 0, y: 0 }, exit: { x: \"-100%\", y: 0 } }\n    default:\n      return {}\n  }\n}\nexport const slideVariants: Variants = {\n  enter: ({\n    delay,\n    duration,\n    enter,\n    placement,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    ...getAnimationProps(placement).enter,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    ...enter,\n  }),\n  exit: ({\n    delay,\n    duration,\n    exit,\n    placement,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    ...getAnimationProps(placement).exit,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    transitionEnd: transitionEnd?.exit,\n    ...exit,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface SlideProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<SlideStyle> {}\n\nconst {\n  PropsContext: SlidePropsContext,\n  usePropsContext: useSlidePropsContext,\n  withContext,\n} = createComponent<SlideProps, SlideStyle>(\"slide\", slideStyle)\n\nexport { SlidePropsContext, useSlidePropsContext }\n\n/**\n * `Slide` is a component that shows or hides an element from the corners of the page.\n *\n * @see https://yamada-ui.com/docs/components/slide\n */\nexport const Slide = withContext<\"div\", SlideProps, \"placement\">(\n  ({\n    delay,\n    duration = { enter: 0.4, exit: 0.3 },\n    open: openProp,\n    placement: placementProp,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n    const placement = useValue(placementProp)\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        placement,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, placement, transition, transitionEnd],\n    )\n\n    return (\n      <AnimatePresence custom={custom}>\n        {open ? (\n          <motion.div\n            animate={animate}\n            custom={custom}\n            exit=\"exit\"\n            initial=\"exit\"\n            variants={slideVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  { transferProps: [\"placement\"] },\n)()\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,qBAAqB,cAAuC;CAChE,QAAQ,WAAR;EACE,KAAK,eACH,OAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAG,GAAG;IAAS;GAAE;EAC9D,KAAK,cACH,OAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAQ,GAAG;IAAG;GAAE;EAC7D,KAAK,aACH,OAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAG,GAAG;IAAQ;GAAE;EAC7D,KAAK,gBACH,OAAO;GAAE,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG;GAAE,MAAM;IAAE,GAAG;IAAS,GAAG;IAAG;GAAE;EAC9D,SACE,OAAO,EAAE;;;AAGf,MAAa,gBAA0B;CACrC,QAAQ,EACN,OACA,UACA,OACA,WACA,YACA,kBACE,EAAE,MAAM;EACV,GAAG,kBAAkB,UAAU,CAAC;EAChC,YAAY,iBAAiB,MAAM,YAAY,MAAM,CAAC,OAAO,SAAS;EACtE,eAAe,eAAe;EAC9B,GAAG;EACJ;CACD,OAAO,EACL,OACA,UACA,MACA,WACA,YACA,kBACE,EAAE,MAAM;EACV,GAAG,kBAAkB,UAAU,CAAC;EAChC,YAAY,iBAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,eAAe,eAAe;EAC9B,GAAG;EACJ;CACF;AAKD,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,aAClB,EACC,OACA,WAAW;CAAE,OAAO;CAAK,MAAM;CAAK,EACpC,MAAM,UACN,WAAW,eACX,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CACzD,MAAM,YAAY,SAAS,cAAc;CAEzC,MAAM,SAAS,eACN;EACL;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAU;EAAW;EAAY;EAAc,CACxD;CAED,OACE,oBAAC,iBAAD;EAAyB;YACtB,OACC,oBAACA,SAAO,KAAR;GACW;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;GACJ,CAAA,GACA;EACY,CAAA;GAGtB,EAAE,eAAe,CAAC,YAAY,EAAE,CACjC,EAAE"}