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

package/dist/cjs/components/sidebar/use-sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar.cjs","names":["createDescendants","createContext","useI18n","useDisclosure","useControllableState","getRootProps: PropGetter<\"div\">","mergeProps","getTriggerProps: PropGetter<\"button\">","getSidePanelProps: PropGetter<\"aside\">","getHeaderProps: PropGetter<\"header\">","getFooterProps: PropGetter<\"footer\">","useEnvironment","getRootProps: PropGetter<\"li\">","getLabelProps: PropGetter<\"span\">","mergeRefs","useIds","Children","branchOpen: boolean[]","useAsyncCallback","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.cjs","names":["createDescendants","createContext","useI18n","useDisclosure","useControllableState","mergeProps","useEnvironment","mergeRefs","useIds","Children","useAsyncCallback"],"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/cjs/components/simple-grid/index.cjs

@@ -1,7 +1,7 @@
-const require_simple_grid_style = require('./simple-grid.style.cjs');
-const require_simple_grid = require('./simple-grid.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_simple_grid_style = require("./simple-grid.style.cjs");
+const require_simple_grid = require("./simple-grid.cjs");
 exports.SimpleGrid = require_simple_grid.SimpleGrid;
 exports.SimpleGridPropsContext = require_simple_grid.SimpleGridPropsContext;
 exports.simpleGridStyle = require_simple_grid_style.simpleGridStyle;
-exports.useSimpleGridPropsContext = require_simple_grid.useSimpleGridPropsContext;
+exports.useSimpleGridPropsContext = require_simple_grid.useSimpleGridPropsContext;

package/dist/cjs/components/simple-grid/simple-grid.cjs

@@ -1,14 +1,10 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_grid = require('../grid/grid.cjs');
-require('../grid/index.cjs');
-const require_simple_grid_style = require('./simple-grid.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_grid = require("../grid/grid.cjs");
+const require_simple_grid_style = require("./simple-grid.style.cjs");
 let react = require("react");
-
 //#region src/components/simple-grid/simple-grid.tsx
 const { PropsContext: SimpleGridPropsContext, usePropsContext: useSimpleGridPropsContext, withContext } = require_create_component.createComponent("simple-grid", require_simple_grid_style.simpleGridStyle);
 /**
@@ -27,9 +23,9 @@ const SimpleGrid = withContext(require_grid.Grid)(void 0, ({ columns, minChildWi
 		...rest
 	};
 });
-
 //#endregion
 exports.SimpleGrid = SimpleGrid;
 exports.SimpleGridPropsContext = SimpleGridPropsContext;
 exports.useSimpleGridPropsContext = useSimpleGridPropsContext;
+
 //# sourceMappingURL=simple-grid.cjs.map

package/dist/cjs/components/simple-grid/simple-grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.cjs","names":["createComponent","simpleGridStyle","Grid"],"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,gBACEA,yCACF,eACAC,0CACD;;;;;;AASD,MAAa,aAAa,YAAoCC,kBAAK,CACjE,SACC,EAAE,SAAS,eAAe,GAAG,WAAW;AAevC,QAAO;EAAE,0CAd6B;AACpC,OAAI,cACF,6DAAqB,gBAAgB,UAAU;AAC7C,WAAO,SAAS,OACZ,kCAAkC,MAAM,IAAI,MAAM,YAClD;KACJ;OAEF,6DAAqB,UAAU,UAC7B,SAAS,OAAO,UAAU,MAAM,qBAAqB,OACtD;KAEF,CAAC,eAAe,QAAQ,CAAC;EAEF,GAAG;EAAM;EAEtC"}
+{"version":3,"file":"simple-grid.cjs","names":["createComponent","simpleGridStyle","Grid"],"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,gBACEA,yBAAAA,gBACF,eACAC,0BAAAA,gBACD;;;;;;AASD,MAAa,aAAa,YAAoCC,aAAAA,KAAK,CACjE,KAAA,IACC,EAAE,SAAS,eAAe,GAAG,WAAW;CAevC,OAAO;EAAE,kBAAA,GAAA,MAAA,eAd6B;GACpC,IAAI,eACF,QAAA,GAAA,oBAAA,cAAA,eAAqB,gBAAgB,UAAU;IAC7C,OAAO,SAAS,OACZ,kCAAkC,MAAM,IAAI,MAAM,YAClD,KAAA;KACJ;QAEF,QAAA,GAAA,oBAAA,cAAA,eAAqB,UAAU,UAC7B,SAAS,OAAO,UAAU,MAAM,qBAAqB,KAAA,EACtD;KAEF,CAAC,eAAe,QAAQ,CAEH;EAAE,GAAG;EAAM;EAEtC"}

package/dist/cjs/components/simple-grid/simple-grid.style.cjs

@@ -1,9 +1,6 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/simple-grid/simple-grid.style.ts
-const simpleGridStyle = require_config.defineComponentStyle({});
-
+const simpleGridStyle = require("../../core/system/config.cjs").defineComponentStyle({});
 //#endregion
 exports.simpleGridStyle = simpleGridStyle;
+
 //# sourceMappingURL=simple-grid.style.cjs.map

package/dist/cjs/components/simple-grid/simple-grid.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.style.cjs","names":["defineComponentStyle"],"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,kBAAkBA,oCAAqB,EAAE,CAAC"}
+{"version":3,"file":"simple-grid.style.cjs","names":["defineComponentStyle"],"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,yDAAkBA,CAAAA,qBAAqB,EAAE,CAAC"}

package/dist/cjs/components/skeleton/index.cjs

@@ -1,11 +1,11 @@
-const require_skeleton_style = require('./skeleton.style.cjs');
-const require_skeleton = require('./skeleton.cjs');
-const require_skeleton_circle = require('./skeleton-circle.cjs');
-const require_skeleton_text = require('./skeleton-text.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_skeleton_style = require("./skeleton.style.cjs");
+const require_skeleton = require("./skeleton.cjs");
+const require_skeleton_circle = require("./skeleton-circle.cjs");
+const require_skeleton_text = require("./skeleton-text.cjs");
 exports.Skeleton = require_skeleton.Skeleton;
 exports.SkeletonCircle = require_skeleton_circle.SkeletonCircle;
 exports.SkeletonPropsContext = require_skeleton.SkeletonPropsContext;
 exports.SkeletonText = require_skeleton_text.SkeletonText;
 exports.skeletonStyle = require_skeleton_style.skeletonStyle;
-exports.useSkeletonPropsContext = require_skeleton.useSkeletonPropsContext;
+exports.useSkeletonPropsContext = require_skeleton.useSkeletonPropsContext;

package/dist/cjs/components/skeleton/skeleton-circle.cjs

@@ -1,9 +1,7 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_merge_css = require('../../core/css/merge-css.cjs');
-require('../../core/index.cjs');
-const require_skeleton = require('./skeleton.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_merge_css = require("../../core/css/merge-css.cjs");
+const require_skeleton = require("./skeleton.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/skeleton/skeleton-circle.tsx
 const SkeletonCircle = (({ css, ...rest }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
@@ -15,7 +13,7 @@ const SkeletonCircle = (({ css, ...rest }) => {
 		...rest
 	});
 });
-
 //#endregion
 exports.SkeletonCircle = SkeletonCircle;
+
 //# sourceMappingURL=skeleton-circle.cjs.map

package/dist/cjs/components/skeleton/skeleton-circle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-circle.cjs","names":["Skeleton","mergeCSS"],"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,2CAACA;EACC,KAAKC,2BAAS,KAAK;GAAE,YAAY;GAAY,WAAW;GAAY,CAAC;EACrE,UAAU,EAAE,SAAS,QAAQ;EAC7B,GAAI;GACJ"}
+{"version":3,"file":"skeleton-circle.cjs","names":["Skeleton","mergeCSS"],"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,iBAAA,GAAA,kBAAA,KAACA,iBAAAA,UAAD;EACE,KAAKC,kBAAAA,SAAS,KAAK;GAAE,YAAY;GAAY,WAAW;GAAY,CAAC;EACrE,UAAU,EAAE,SAAS,QAAQ;EAC7B,GAAI;EACJ,CAAA"}

package/dist/cjs/components/skeleton/skeleton-text.cjs

@@ -1,12 +1,9 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_merge_css = require('../../core/css/merge-css.cjs');
-require('../../core/index.cjs');
-const require_skeleton = require('./skeleton.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_merge_css = require("../../core/css/merge-css.cjs");
+const require_skeleton = require("./skeleton.cjs");
 let react_jsx_runtime = require("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__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.div, {
@@ -31,7 +28,7 @@ const SkeletonText = (({ css, children, gap = "2", lineClamp = 3, loading = true
 		})
 	});
 });
-
 //#endregion
 exports.SkeletonText = SkeletonText;
+
 //# sourceMappingURL=skeleton-text.cjs.map

package/dist/cjs/components/skeleton/skeleton-text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.cjs","names":["styled","Skeleton","mergeCSS"],"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,2CAACA,uBAAO;EAAI,GAAE;EAAO,GAAI;YACtB,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UAAU;AACnD,OAAI,CAAC,WAAW,QAAQ,EAAG,QAAO;AAElC,UACE,2CAACC;IAEC,KAAKC,2BAAS,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.cjs","names":["styled","Skeleton","mergeCSS"],"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,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,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,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,UAAD;IAEE,KAAKC,kBAAAA,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/cjs/components/skeleton/skeleton.cjs

@@ -1,12 +1,9 @@
 "use client";
-
-const require_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_var = require('../../core/system/var.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_skeleton_style = require('./skeleton.style.cjs');
-
+const require_children = require("../../utils/children.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_var = require("../../core/system/var.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_skeleton_style = require("./skeleton.style.cjs");
 //#region src/components/skeleton/skeleton.tsx
 const { PropsContext: SkeletonPropsContext, usePropsContext: useSkeletonPropsContext, withContext } = require_create_component.createComponent("skeleton", require_skeleton_style.skeletonStyle);
 /**
@@ -31,9 +28,9 @@ const Skeleton = withContext("div", { transferProps: ["loading"] })(void 0, ({ c
 		...rest
 	};
 });
-
 //#endregion
 exports.Skeleton = Skeleton;
 exports.SkeletonPropsContext = SkeletonPropsContext;
 exports.useSkeletonPropsContext = useSkeletonPropsContext;
+
 //# sourceMappingURL=skeleton.cjs.map

package/dist/cjs/components/skeleton/skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","names":["createComponent","skeletonStyle","useValidChildren","varAttr"],"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,gBACEA,yCAA8C,YAAYC,qCAAc;;;;;;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,CADCC,kCAAiB,SAAS,CACZ;AAEpC,gBAAe;AAEf,QAAO;EACL,aAAa;EACb,+DAAwB,CAAC,QAAQ;EACjC,gEAAyB,QAAQ;EACjC,8DAAuB,SAAS,GAAG,GAAG,SAAS,KAAK;EACpD,eAAeC,oBAAQ,UAAU,SAAS;EAC1C,mEAA4B,aAAa,GACrC,GAAG,aAAa,KAChB;EACJ,YAAY,aAAa,gBAAgB;EACzC,iBAAiBA,oBAAQ,YAAY,SAAS;EAC9C,WAAW,aAAa,gBAAgB;EACxC;EACA,GAAG;EACJ;EAEJ"}
+{"version":3,"file":"skeleton.cjs","names":["createComponent","skeletonStyle","useValidChildren","varAttr"],"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,gBACEA,yBAAAA,gBAA8C,YAAYC,uBAAAA,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,CADCC,iBAAAA,iBAAiB,SACJ,CAAC;CAEpC,eAAe;CAEf,OAAO;EACL,aAAa;EACb,gBAAA,GAAA,oBAAA,cAAA,UAAwB,CAAC,QAAQ;EACjC,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;EACjC,eAAA,GAAA,oBAAA,cAAA,UAAuB,SAAS,GAAG,GAAG,SAAS,KAAK;EACpD,eAAeC,YAAAA,QAAQ,UAAU,SAAS;EAC1C,oBAAA,GAAA,oBAAA,cAAA,UAA4B,aAAa,GACrC,GAAG,aAAa,KAChB;EACJ,YAAY,aAAa,gBAAgB,KAAA;EACzC,iBAAiBA,YAAAA,QAAQ,YAAY,SAAS;EAC9C,WAAW,aAAa,gBAAgB,KAAA;EACxC;EACA,GAAG;EACJ;EAEJ"}

package/dist/cjs/components/skeleton/skeleton.style.cjs

@@ -1,10 +1,13 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/skeleton/skeleton.style.ts
-const skeletonStyle = require_config.defineComponentStyle({
+const skeletonStyle = require("../../core/system/config.cjs").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 +58,7 @@ const skeletonStyle = require_config.defineComponentStyle({
 		loading: true
 	}
 });
-
 //#endregion
 exports.skeletonStyle = skeletonStyle;
+
 //# sourceMappingURL=skeleton.style.cjs.map

package/dist/cjs/components/skeleton/skeleton.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.style.cjs","names":["defineComponentStyle"],"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,gBAAgBA,oCAAqB;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.cjs","names":["defineComponentStyle"],"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,uDAAgBA,CAAAA,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/cjs/components/slide/index.cjs

@@ -1,8 +1,8 @@
-const require_slide_style = require('./slide.style.cjs');
-const require_slide = require('./slide.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_slide_style = require("./slide.style.cjs");
+const require_slide = require("./slide.cjs");
 exports.Slide = require_slide.Slide;
 exports.SlidePropsContext = require_slide.SlidePropsContext;
 exports.slideStyle = require_slide_style.slideStyle;
 exports.slideVariants = require_slide.slideVariants;
-exports.useSlidePropsContext = require_slide.useSlidePropsContext;
+exports.useSlidePropsContext = require_slide.useSlidePropsContext;

package/dist/cjs/components/slide/slide.cjs

@@ -1,17 +1,13 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_factory = require('../motion/factory.cjs');
-const require_transition = require('../motion/transition.cjs');
-require('../motion/index.cjs');
-const require_hooks_use_value_index = require('../../hooks/use-value/index.cjs');
-const require_slide_style = require('./slide.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_factory = require("../motion/factory.cjs");
+const require_transition = require("../motion/transition.cjs");
+const require_hooks_use_value_index = require("../../hooks/use-value/index.cjs");
+const require_slide_style = require("./slide.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let motion_react = require("motion/react");
-
 //#region src/components/slide/slide.tsx
 const getAnimationProps = (placement) => {
 	switch (placement) {
@@ -110,10 +106,10 @@ const Slide = withContext(({ delay, duration = {
 		}) : null
 	});
 }, { transferProps: ["placement"] })();
-
 //#endregion
 exports.Slide = Slide;
 exports.SlidePropsContext = SlidePropsContext;
 exports.slideVariants = slideVariants;
 exports.useSlidePropsContext = useSlidePropsContext;
+
 //# sourceMappingURL=slide.cjs.map

package/dist/cjs/components/slide/slide.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slide.cjs","names":["slideVariants: Variants","createTransition","createComponent","slideStyle","useValue","AnimatePresence","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,YAAYC,oCAAiB,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,YAAYA,oCAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,eAAe,eAAe;EAC9B,GAAG;EACJ;CACF;AAKD,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEC,yCAAwC,SAASC,+BAAW;;;;;;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,YAAYC,uCAAS,cAAc;CAEzC,MAAM,mCACG;EACL;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAU;EAAW;EAAY;EAAc,CACxD;AAED,QACE,2CAACC;EAAwB;YACtB,OACC,2CAACC,uBAAO;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.cjs","names":["createTransition","createComponent","slideStyle","useValue","AnimatePresence","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,YAAYA,mBAAAA,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,YAAYA,mBAAAA,iBAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,eAAe,eAAe;EAC9B,GAAG;EACJ;CACF;AAKD,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEC,yBAAAA,gBAAwC,SAASC,oBAAAA,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,YAAYC,8BAAAA,SAAS,cAAc;CAEzC,MAAM,UAAA,GAAA,MAAA,gBACG;EACL;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAU;EAAW;EAAY;EAAc,CACxD;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD;EAAyB;YACtB,OACC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GACW;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;GACJ,CAAA,GACA;EACY,CAAA;GAGtB,EAAE,eAAe,CAAC,YAAY,EAAE,CACjC,EAAE"}

package/dist/cjs/components/slide/slide.style.cjs

@@ -1,13 +1,16 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/slide/slide.style.ts
-const slideStyle = require_config.defineComponentStyle({
+const slideStyle = require("../../core/system/config.cjs").defineComponentStyle({
 	base: {
 		position: "fixed",
 		zIndex: "guldo"
 	},
-	props: { placement: {
+	props: { 
+	/**
+	* The placement of the slide.
+	*
+	* @default 'inline-end'
+	*/
+placement: {
 		"block-end": {
 			bottom: "0",
 			left: "0",
@@ -35,7 +38,7 @@ const slideStyle = require_config.defineComponentStyle({
 	} },
 	defaultProps: { placement: "inline-end" }
 });
-
 //#endregion
 exports.slideStyle = slideStyle;
+
 //# sourceMappingURL=slide.style.cjs.map

package/dist/cjs/components/slide/slide.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slide.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/slide/slide.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const slideStyle = defineComponentStyle({\n  base: {\n    position: \"fixed\",\n    zIndex: \"guldo\",\n  },\n\n  props: {\n    /**\n     * The placement of the slide.\n     *\n     * @default 'inline-end'\n     */\n    placement: {\n      \"block-end\": { bottom: \"0\", left: \"0\", right: \"0\", w: \"vw\" },\n      \"block-start\": { left: \"0\", right: \"0\", top: \"0\", w: \"vw\" },\n      \"inline-end\": { bottom: \"0\", h: \"dvh\", right: \"0\", top: \"0\" },\n      \"inline-start\": { bottom: \"0\", h: \"dvh\", left: \"0\", top: \"0\" },\n    },\n  },\n\n  defaultProps: {\n    placement: \"inline-end\",\n  },\n})\n\nexport type SlideStyle = typeof slideStyle\n"],"mappings":";;;;AAEA,MAAa,aAAaA,oCAAqB;CAC7C,MAAM;EACJ,UAAU;EACV,QAAQ;EACT;CAED,OAAO,EAML,WAAW;EACT,aAAa;GAAE,QAAQ;GAAK,MAAM;GAAK,OAAO;GAAK,GAAG;GAAM;EAC5D,eAAe;GAAE,MAAM;GAAK,OAAO;GAAK,KAAK;GAAK,GAAG;GAAM;EAC3D,cAAc;GAAE,QAAQ;GAAK,GAAG;GAAO,OAAO;GAAK,KAAK;GAAK;EAC7D,gBAAgB;GAAE,QAAQ;GAAK,GAAG;GAAO,MAAM;GAAK,KAAK;GAAK;EAC/D,EACF;CAED,cAAc,EACZ,WAAW,cACZ;CACF,CAAC"}
+{"version":3,"file":"slide.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/slide/slide.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const slideStyle = defineComponentStyle({\n  base: {\n    position: \"fixed\",\n    zIndex: \"guldo\",\n  },\n\n  props: {\n    /**\n     * The placement of the slide.\n     *\n     * @default 'inline-end'\n     */\n    placement: {\n      \"block-end\": { bottom: \"0\", left: \"0\", right: \"0\", w: \"vw\" },\n      \"block-start\": { left: \"0\", right: \"0\", top: \"0\", w: \"vw\" },\n      \"inline-end\": { bottom: \"0\", h: \"dvh\", right: \"0\", top: \"0\" },\n      \"inline-start\": { bottom: \"0\", h: \"dvh\", left: \"0\", top: \"0\" },\n    },\n  },\n\n  defaultProps: {\n    placement: \"inline-end\",\n  },\n})\n\nexport type SlideStyle = typeof slideStyle\n"],"mappings":";AAEA,MAAa,oDAAaA,CAAAA,qBAAqB;CAC7C,MAAM;EACJ,UAAU;EACV,QAAQ;EACT;CAED,OAAO;;;;;;AAML,WAAW;EACT,aAAa;GAAE,QAAQ;GAAK,MAAM;GAAK,OAAO;GAAK,GAAG;GAAM;EAC5D,eAAe;GAAE,MAAM;GAAK,OAAO;GAAK,KAAK;GAAK,GAAG;GAAM;EAC3D,cAAc;GAAE,QAAQ;GAAK,GAAG;GAAO,OAAO;GAAK,KAAK;GAAK;EAC7D,gBAAgB;GAAE,QAAQ;GAAK,GAAG;GAAO,MAAM;GAAK,KAAK;GAAK;EAC/D,EACF;CAED,cAAc,EACZ,WAAW,cACZ;CACF,CAAC"}

package/dist/cjs/components/slide-fade/index.cjs

@@ -1,8 +1,8 @@
-const require_slide_fade_style = require('./slide-fade.style.cjs');
-const require_slide_fade = require('./slide-fade.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_slide_fade_style = require("./slide-fade.style.cjs");
+const require_slide_fade = require("./slide-fade.cjs");
 exports.SlideFade = require_slide_fade.SlideFade;
 exports.SlideFadePropsContext = require_slide_fade.SlideFadePropsContext;
 exports.slideFadeStyle = require_slide_fade_style.slideFadeStyle;
 exports.slideFadeVariants = require_slide_fade.slideFadeVariants;
-exports.useSlideFadePropsContext = require_slide_fade.useSlideFadePropsContext;
+exports.useSlideFadePropsContext = require_slide_fade.useSlideFadePropsContext;

package/dist/cjs/components/slide-fade/slide-fade.cjs

@@ -1,16 +1,12 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_factory = require('../motion/factory.cjs');
-const require_transition = require('../motion/transition.cjs');
-require('../motion/index.cjs');
-const require_slide_fade_style = require('./slide-fade.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_factory = require("../motion/factory.cjs");
+const require_transition = require("../motion/transition.cjs");
+const require_slide_fade_style = require("./slide-fade.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let motion_react = require("motion/react");
-
 //#region src/components/slide-fade/slide-fade.tsx
 const slideFadeVariants = {
 	enter: ({ delay, duration, enter, transition, transitionEnd } = {}) => ({
@@ -82,10 +78,10 @@ const SlideFade = withContext(({ delay, duration, offsetX = 0, offsetY = 8, open
 		}) : null
 	});
 })();
-
 //#endregion
 exports.SlideFade = SlideFade;
 exports.SlideFadePropsContext = SlideFadePropsContext;
 exports.slideFadeVariants = slideFadeVariants;
 exports.useSlideFadePropsContext = useSlideFadePropsContext;
+
 //# sourceMappingURL=slide-fade.cjs.map

package/dist/cjs/components/slide-fade/slide-fade.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slide-fade.cjs","names":["slideFadeVariants: Variants","createTransition","createComponent","slideFadeStyle","AnimatePresence","motion"],"sources":["../../../../src/components/slide-fade/slide-fade.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 { SlideFadeStyle } from \"./slide-fade.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { createTransition, motion } from \"../motion\"\nimport { slideFadeStyle } from \"./slide-fade.style\"\n\nexport const slideFadeVariants: Variants = {\n  enter: ({ delay, duration, enter, transition, transitionEnd } = {}) => ({\n    opacity: 1,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    x: 0,\n    y: 0,\n    ...enter,\n  }),\n  exit: ({\n    delay,\n    duration,\n    exit,\n    offsetX,\n    offsetY,\n    reverse,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    ...(reverse\n      ? { transitionEnd: transitionEnd?.exit, x: offsetX, y: offsetY }\n      : { transitionEnd: { x: offsetX, y: offsetY, ...transitionEnd?.exit } }),\n    ...exit,\n  }),\n  initial: ({\n    delay,\n    duration,\n    initial,\n    offsetX,\n    offsetY,\n    transition,\n    transitionEnd,\n  }) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    transitionEnd: transitionEnd?.exit,\n    x: offsetX,\n    y: offsetY,\n    ...initial,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface SlideFadeProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<SlideFadeStyle> {\n  /**\n   * The offset on the horizontal or `x` axis.\n   *\n   * @default 0\n   */\n  offsetX?: number | string\n  /**\n   * The offset on the vertical or `y` axis.\n   *\n   * @default 8\n   */\n  offsetY?: number | string\n  /**\n   * If `true`, the element will be transitioned back to the offset when it leaves. Otherwise, it'll only fade out.\n   *\n   * @default true\n   */\n  reverse?: boolean\n}\n\nconst {\n  PropsContext: SlideFadePropsContext,\n  usePropsContext: useSlideFadePropsContext,\n  withContext,\n} = createComponent<SlideFadeProps, SlideFadeStyle>(\n  \"slide-fade\",\n  slideFadeStyle,\n)\n\nexport { SlideFadePropsContext, useSlideFadePropsContext }\n\n/**\n * `SlideFade` is a component that gradually shows or hides an element while moving it from a specified position.\n *\n * @see https://yamada-ui.com/docs/components/slide-fade\n */\nexport const SlideFade = withContext<\"div\", SlideFadeProps>(\n  ({\n    delay,\n    duration,\n    offsetX = 0,\n    offsetY = 8,\n    open: openProp,\n    reverse = true,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        offsetX,\n        offsetY,\n        reverse,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, offsetX, offsetY, reverse, 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={slideFadeVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAaA,oBAA8B;CACzC,QAAQ,EAAE,OAAO,UAAU,OAAO,YAAY,kBAAkB,EAAE,MAAM;EACtE,SAAS;EACT,YAAYC,oCAAiB,MAAM,YAAY,MAAM,CAAC,OAAO,SAAS;EACtE,eAAe,eAAe;EAC9B,GAAG;EACH,GAAG;EACH,GAAG;EACJ;CACD,OAAO,EACL,OACA,UACA,MACA,SACA,SACA,SACA,YACA,kBACE,EAAE,MAAM;EACV,SAAS;EACT,YAAYA,oCAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,GAAI,UACA;GAAE,eAAe,eAAe;GAAM,GAAG;GAAS,GAAG;GAAS,GAC9D,EAAE,eAAe;GAAE,GAAG;GAAS,GAAG;GAAS,GAAG,eAAe;GAAM,EAAE;EACzE,GAAG;EACJ;CACD,UAAU,EACR,OACA,UACA,SACA,SACA,SACA,YACA,qBACK;EACL,SAAS;EACT,YAAYA,oCAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,eAAe,eAAe;EAC9B,GAAG;EACH,GAAG;EACH,GAAG;EACJ;CACF;AAwBD,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEC,yCACF,cACAC,wCACD;;;;;;AASD,MAAa,YAAY,aACtB,EACC,OACA,UACA,UAAU,GACV,UAAU,GACV,MAAM,UACN,UAAU,MACV,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CAEzD,MAAM,mCACG;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAU;EAAS;EAAS;EAAS;EAAY;EAAc,CACxE;AAED,QACE,2CAACC;EAAwB;YACtB,OACC,2CAACC,uBAAO;GACG;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;IACJ,GACA;GACY;EAGvB,EAAE"}
+{"version":3,"file":"slide-fade.cjs","names":["createTransition","createComponent","slideFadeStyle","AnimatePresence","motion"],"sources":["../../../../src/components/slide-fade/slide-fade.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 { SlideFadeStyle } from \"./slide-fade.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { createTransition, motion } from \"../motion\"\nimport { slideFadeStyle } from \"./slide-fade.style\"\n\nexport const slideFadeVariants: Variants = {\n  enter: ({ delay, duration, enter, transition, transitionEnd } = {}) => ({\n    opacity: 1,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    x: 0,\n    y: 0,\n    ...enter,\n  }),\n  exit: ({\n    delay,\n    duration,\n    exit,\n    offsetX,\n    offsetY,\n    reverse,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    ...(reverse\n      ? { transitionEnd: transitionEnd?.exit, x: offsetX, y: offsetY }\n      : { transitionEnd: { x: offsetX, y: offsetY, ...transitionEnd?.exit } }),\n    ...exit,\n  }),\n  initial: ({\n    delay,\n    duration,\n    initial,\n    offsetX,\n    offsetY,\n    transition,\n    transitionEnd,\n  }) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    transitionEnd: transitionEnd?.exit,\n    x: offsetX,\n    y: offsetY,\n    ...initial,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface SlideFadeProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<SlideFadeStyle> {\n  /**\n   * The offset on the horizontal or `x` axis.\n   *\n   * @default 0\n   */\n  offsetX?: number | string\n  /**\n   * The offset on the vertical or `y` axis.\n   *\n   * @default 8\n   */\n  offsetY?: number | string\n  /**\n   * If `true`, the element will be transitioned back to the offset when it leaves. Otherwise, it'll only fade out.\n   *\n   * @default true\n   */\n  reverse?: boolean\n}\n\nconst {\n  PropsContext: SlideFadePropsContext,\n  usePropsContext: useSlideFadePropsContext,\n  withContext,\n} = createComponent<SlideFadeProps, SlideFadeStyle>(\n  \"slide-fade\",\n  slideFadeStyle,\n)\n\nexport { SlideFadePropsContext, useSlideFadePropsContext }\n\n/**\n * `SlideFade` is a component that gradually shows or hides an element while moving it from a specified position.\n *\n * @see https://yamada-ui.com/docs/components/slide-fade\n */\nexport const SlideFade = withContext<\"div\", SlideFadeProps>(\n  ({\n    delay,\n    duration,\n    offsetX = 0,\n    offsetY = 8,\n    open: openProp,\n    reverse = true,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        offsetX,\n        offsetY,\n        reverse,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, offsetX, offsetY, reverse, 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={slideFadeVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;AAgBA,MAAa,oBAA8B;CACzC,QAAQ,EAAE,OAAO,UAAU,OAAO,YAAY,kBAAkB,EAAE,MAAM;EACtE,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,MAAM,YAAY,MAAM,CAAC,OAAO,SAAS;EACtE,eAAe,eAAe;EAC9B,GAAG;EACH,GAAG;EACH,GAAG;EACJ;CACD,OAAO,EACL,OACA,UACA,MACA,SACA,SACA,SACA,YACA,kBACE,EAAE,MAAM;EACV,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,GAAI,UACA;GAAE,eAAe,eAAe;GAAM,GAAG;GAAS,GAAG;GAAS,GAC9D,EAAE,eAAe;GAAE,GAAG;GAAS,GAAG;GAAS,GAAG,eAAe;GAAM,EAAE;EACzE,GAAG;EACJ;CACD,UAAU,EACR,OACA,UACA,SACA,SACA,SACA,YACA,qBACK;EACL,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,KAAK,YAAY,KAAK,CAAC,OAAO,SAAS;EACpE,eAAe,eAAe;EAC9B,GAAG;EACH,GAAG;EACH,GAAG;EACJ;CACF;AAwBD,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEC,yBAAAA,gBACF,cACAC,yBAAAA,eACD;;;;;;AASD,MAAa,YAAY,aACtB,EACC,OACA,UACA,UAAU,GACV,UAAU,GACV,MAAM,UACN,UAAU,MACV,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CAEzD,MAAM,UAAA,GAAA,MAAA,gBACG;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAU;EAAS;EAAS;EAAS;EAAY;EAAc,CACxE;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD;EAAyB;YACtB,OACC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GACW;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;GACJ,CAAA,GACA;EACY,CAAA;EAGvB,EAAE"}

package/dist/cjs/components/slide-fade/slide-fade.style.cjs

@@ -1,9 +1,6 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/slide-fade/slide-fade.style.ts
-const slideFadeStyle = require_config.defineComponentStyle({ base: { w: "full" } });
-
+const slideFadeStyle = require("../../core/system/config.cjs").defineComponentStyle({ base: { w: "full" } });
 //#endregion
 exports.slideFadeStyle = slideFadeStyle;
+
 //# sourceMappingURL=slide-fade.style.cjs.map