@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

package/dist/cjs/components/form/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","names":["createContext","createSlotComponent","formStyle","useSplitChildren","styled","Button"],"sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { FormStyle } from \"./form.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, useSplitChildren } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { formStyle } from \"./form.style\"\n\ninterface FormContext extends Pick<\n  FormRootProps,\n  | \"disabled\"\n  | \"errorMessage\"\n  | \"helperMessage\"\n  | \"invalid\"\n  | \"optionalIndicator\"\n  | \"readOnly\"\n  | \"replace\"\n  | \"required\"\n  | \"requiredIndicator\"\n  | \"size\"\n  | \"variant\"\n> {\n  descriptionId: string\n  id: string\n  titleId: string\n}\n\nconst [FormContext, useFormContext] = createContext<FormContext>({\n  name: \"FormContext\",\n  strict: false,\n})\n\nexport { FormContext, useFormContext }\n\nexport interface FormRootProps\n  extends Omit<HTMLStyledProps<\"form\">, \"title\">, ThemeProps<FormStyle> {\n  /**\n   * The form description to use.\n   */\n  description?: ReactNode\n  /**\n   * An object managing the disabled state of each field.\n   */\n  disabled?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the error message of each field.\n   */\n  errorMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the helper message of each field.\n   */\n  helperMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the invalid state of each field.\n   */\n  invalid?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The optional indicator to use for each field.\n   */\n  optionalIndicator?: ReactNode\n  /**\n   * An object managing the read only state of each field.\n   */\n  readOnly?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the replace state of each field.\n   */\n  replace?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the required state of each field.\n   */\n  required?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The required indicator to use for each field.\n   */\n  requiredIndicator?: ReactNode\n  /**\n   * The submit button to use.\n   */\n  submitButton?: ReactNode\n  /**\n   * The form title to use.\n   */\n  title?: ReactNode\n  /**\n   * Props the body component.\n   */\n  bodyProps?: FormBodyProps\n  /**\n   * Props the description component.\n   */\n  descriptionProps?: FormDescriptionProps\n  /**\n   * Props the footer component.\n   */\n  footerProps?: FormFooterProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FormHeaderProps\n  /**\n   * Props the submit button component.\n   */\n  submitButtonProps?: FormSubmitButtonProps\n  /**\n   * Props the title component.\n   */\n  titleProps?: FormTitleProps\n}\n\nconst {\n  PropsContext: FormPropsContext,\n  usePropsContext: useFormPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FormRootProps, FormStyle, FormContext>(\n  \"form\",\n  formStyle,\n)\n\nexport { FormPropsContext, useFormPropsContext }\n\n/**\n * `Form` is a component used to group multiple form elements.\n *\n * @see https://yamada-ui.com/docs/components/form\n */\nexport const FormRoot = withProvider<\"form\", FormRootProps, \"size\" | \"variant\">(\n  ({\n    id,\n    size,\n    variant,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    description,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    noValidate = true,\n    optionalIndicator,\n    readOnly,\n    replace,\n    required,\n    requiredIndicator,\n    submitButton,\n    title,\n    bodyProps,\n    descriptionProps,\n    footerProps,\n    headerProps,\n    submitButtonProps,\n    titleProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n    const [\n      omittedChildren,\n      customHeader,\n      customBody,\n      customFooter,\n      customTitle,\n      customDescription,\n      customSubmitButton,\n    ] = useSplitChildren(\n      children,\n      FormHeader,\n      FormBody,\n      FormFooter,\n      FormTitle,\n      FormDescription,\n      FormSubmitButton,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        size,\n        variant,\n        descriptionId,\n        disabled,\n        errorMessage,\n        helperMessage,\n        invalid,\n        optionalIndicator,\n        readOnly,\n        replace,\n        required,\n        requiredIndicator,\n        titleId,\n      }),\n      [\n        id,\n        titleId,\n        descriptionId,\n        disabled,\n        size,\n        variant,\n        errorMessage,\n        helperMessage,\n        invalid,\n        readOnly,\n        replace,\n        required,\n        optionalIndicator,\n        requiredIndicator,\n      ],\n    )\n\n    return (\n      <FormContext value={context}>\n        <styled.form\n          id={id}\n          aria-labelledby={cx(titleId, descriptionId, ariaLabelledBy)}\n          noValidate={noValidate}\n          {...rest}\n        >\n          {customHeader ||\n            (customTitle || title || customDescription || description ? (\n              <FormHeader {...headerProps}>\n                {customTitle ||\n                  (title ? (\n                    <FormTitle {...titleProps}>{title}</FormTitle>\n                  ) : null)}\n\n                {customDescription ||\n                  (description ? (\n                    <FormDescription {...descriptionProps}>\n                      {description}\n                    </FormDescription>\n                  ) : null)}\n              </FormHeader>\n            ) : null)}\n\n          {customBody || <FormBody {...bodyProps}>{omittedChildren}</FormBody>}\n\n          {customFooter ||\n            (customSubmitButton || submitButton ? (\n              <FormFooter {...footerProps}>\n                {customSubmitButton ||\n                  (submitButton ? (\n                    <FormSubmitButton {...submitButtonProps}>\n                      {submitButton}\n                    </FormSubmitButton>\n                  ) : null)}\n              </FormFooter>\n            ) : null)}\n        </styled.form>\n      </FormContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\", \"variant\"] },\n)()\n\nexport interface FormHeaderProps extends HTMLStyledProps {}\n\nexport const FormHeader = withContext<\"div\", FormHeaderProps>(\"div\", \"header\")()\n\nexport interface FormTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const FormTitle = withContext<\"h3\", FormTitleProps>(\"h3\", \"title\")(\n  undefined,\n  (props) => {\n    const { titleId } = useFormContext() ?? {}\n\n    return { id: titleId, ...props }\n  },\n)\n\nexport interface FormDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const FormDescription = withContext<\"p\", FormDescriptionProps>(\n  \"p\",\n  \"description\",\n)(undefined, (props) => {\n  const { descriptionId, titleId } = useFormContext() ?? {}\n\n  return { id: descriptionId, \"aria-describedby\": titleId, ...props }\n})\n\nexport interface FormBodyProps extends HTMLStyledProps {}\n\nexport const FormBody = withContext<\"div\", FormBodyProps>(\"div\", \"body\")()\n\nexport interface FormGroupProps extends HTMLStyledProps {}\n\nexport const FormGroup = withContext<\"div\", FormGroupProps>(\"div\", \"group\")()\n\nexport interface FormFooterProps extends HTMLStyledProps {}\n\nexport const FormFooter = withContext<\"div\", FormFooterProps>(\"div\", \"footer\")()\n\nexport interface FormSubmitButtonProps extends ButtonProps {}\n\nexport const FormSubmitButton = withContext<\"button\", FormSubmitButtonProps>(\n  Button,\n  \"submitButton\",\n)({ type: \"submit\" }, (props) => {\n  const { id } = useFormContext() ?? {}\n\n  return { form: id, ...props }\n})\n"],"mappings":"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"}
+{"version":3,"file":"form.cjs","names":["createContext","createSlotComponent","formStyle","useId","useSplitChildren","useMemo","styled","Button"],"sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { FormStyle } from \"./form.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, useSplitChildren } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { formStyle } from \"./form.style\"\n\ninterface FormContext extends Pick<\n  FormRootProps,\n  | \"disabled\"\n  | \"errorMessage\"\n  | \"helperMessage\"\n  | \"invalid\"\n  | \"optionalIndicator\"\n  | \"readOnly\"\n  | \"replace\"\n  | \"required\"\n  | \"requiredIndicator\"\n  | \"size\"\n  | \"variant\"\n> {\n  descriptionId: string\n  id: string\n  titleId: string\n}\n\nconst [FormContext, useFormContext] = createContext<FormContext>({\n  name: \"FormContext\",\n  strict: false,\n})\n\nexport { FormContext, useFormContext }\n\nexport interface FormRootProps\n  extends Omit<HTMLStyledProps<\"form\">, \"title\">, ThemeProps<FormStyle> {\n  /**\n   * The form description to use.\n   */\n  description?: ReactNode\n  /**\n   * An object managing the disabled state of each field.\n   */\n  disabled?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the error message of each field.\n   */\n  errorMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the helper message of each field.\n   */\n  helperMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the invalid state of each field.\n   */\n  invalid?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The optional indicator to use for each field.\n   */\n  optionalIndicator?: ReactNode\n  /**\n   * An object managing the read only state of each field.\n   */\n  readOnly?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the replace state of each field.\n   */\n  replace?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the required state of each field.\n   */\n  required?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The required indicator to use for each field.\n   */\n  requiredIndicator?: ReactNode\n  /**\n   * The submit button to use.\n   */\n  submitButton?: ReactNode\n  /**\n   * The form title to use.\n   */\n  title?: ReactNode\n  /**\n   * Props the body component.\n   */\n  bodyProps?: FormBodyProps\n  /**\n   * Props the description component.\n   */\n  descriptionProps?: FormDescriptionProps\n  /**\n   * Props the footer component.\n   */\n  footerProps?: FormFooterProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FormHeaderProps\n  /**\n   * Props the submit button component.\n   */\n  submitButtonProps?: FormSubmitButtonProps\n  /**\n   * Props the title component.\n   */\n  titleProps?: FormTitleProps\n}\n\nconst {\n  PropsContext: FormPropsContext,\n  usePropsContext: useFormPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FormRootProps, FormStyle, FormContext>(\n  \"form\",\n  formStyle,\n)\n\nexport { FormPropsContext, useFormPropsContext }\n\n/**\n * `Form` is a component used to group multiple form elements.\n *\n * @see https://yamada-ui.com/docs/components/form\n */\nexport const FormRoot = withProvider<\"form\", FormRootProps, \"size\" | \"variant\">(\n  ({\n    id,\n    size,\n    variant,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    description,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    noValidate = true,\n    optionalIndicator,\n    readOnly,\n    replace,\n    required,\n    requiredIndicator,\n    submitButton,\n    title,\n    bodyProps,\n    descriptionProps,\n    footerProps,\n    headerProps,\n    submitButtonProps,\n    titleProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n    const [\n      omittedChildren,\n      customHeader,\n      customBody,\n      customFooter,\n      customTitle,\n      customDescription,\n      customSubmitButton,\n    ] = useSplitChildren(\n      children,\n      FormHeader,\n      FormBody,\n      FormFooter,\n      FormTitle,\n      FormDescription,\n      FormSubmitButton,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        size,\n        variant,\n        descriptionId,\n        disabled,\n        errorMessage,\n        helperMessage,\n        invalid,\n        optionalIndicator,\n        readOnly,\n        replace,\n        required,\n        requiredIndicator,\n        titleId,\n      }),\n      [\n        id,\n        titleId,\n        descriptionId,\n        disabled,\n        size,\n        variant,\n        errorMessage,\n        helperMessage,\n        invalid,\n        readOnly,\n        replace,\n        required,\n        optionalIndicator,\n        requiredIndicator,\n      ],\n    )\n\n    return (\n      <FormContext value={context}>\n        <styled.form\n          id={id}\n          aria-labelledby={cx(titleId, descriptionId, ariaLabelledBy)}\n          noValidate={noValidate}\n          {...rest}\n        >\n          {customHeader ||\n            (customTitle || title || customDescription || description ? (\n              <FormHeader {...headerProps}>\n                {customTitle ||\n                  (title ? (\n                    <FormTitle {...titleProps}>{title}</FormTitle>\n                  ) : null)}\n\n                {customDescription ||\n                  (description ? (\n                    <FormDescription {...descriptionProps}>\n                      {description}\n                    </FormDescription>\n                  ) : null)}\n              </FormHeader>\n            ) : null)}\n\n          {customBody || <FormBody {...bodyProps}>{omittedChildren}</FormBody>}\n\n          {customFooter ||\n            (customSubmitButton || submitButton ? (\n              <FormFooter {...footerProps}>\n                {customSubmitButton ||\n                  (submitButton ? (\n                    <FormSubmitButton {...submitButtonProps}>\n                      {submitButton}\n                    </FormSubmitButton>\n                  ) : null)}\n              </FormFooter>\n            ) : null)}\n        </styled.form>\n      </FormContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\", \"variant\"] },\n)()\n\nexport interface FormHeaderProps extends HTMLStyledProps {}\n\nexport const FormHeader = withContext<\"div\", FormHeaderProps>(\"div\", \"header\")()\n\nexport interface FormTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const FormTitle = withContext<\"h3\", FormTitleProps>(\"h3\", \"title\")(\n  undefined,\n  (props) => {\n    const { titleId } = useFormContext() ?? {}\n\n    return { id: titleId, ...props }\n  },\n)\n\nexport interface FormDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const FormDescription = withContext<\"p\", FormDescriptionProps>(\n  \"p\",\n  \"description\",\n)(undefined, (props) => {\n  const { descriptionId, titleId } = useFormContext() ?? {}\n\n  return { id: descriptionId, \"aria-describedby\": titleId, ...props }\n})\n\nexport interface FormBodyProps extends HTMLStyledProps {}\n\nexport const FormBody = withContext<\"div\", FormBodyProps>(\"div\", \"body\")()\n\nexport interface FormGroupProps extends HTMLStyledProps {}\n\nexport const FormGroup = withContext<\"div\", FormGroupProps>(\"div\", \"group\")()\n\nexport interface FormFooterProps extends HTMLStyledProps {}\n\nexport const FormFooter = withContext<\"div\", FormFooterProps>(\"div\", \"footer\")()\n\nexport interface FormSubmitButtonProps extends ButtonProps {}\n\nexport const FormSubmitButton = withContext<\"button\", FormSubmitButtonProps>(\n  Button,\n  \"submitButton\",\n)({ type: \"submit\" }, (props) => {\n  const { id } = useFormContext() ?? {}\n\n  return { form: id, ...props }\n})\n"],"mappings":"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"}

package/dist/cjs/components/format/use-format-byte.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 const require_use_format_number = require("./use-format-number.cjs");
 let react = require("react");

package/dist/cjs/components/format/use-format-byte.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-format-byte.cjs","names":["useI18n","useNumberFormat"],"sources":["../../../../src/components/format/use-format-byte.ts"],"sourcesContent":["\"use client\"\n\nimport type { Locale } from \"../../providers/i18n-provider\"\nimport type { AnyString } from \"../../utils\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { useNumberFormat } from \"./use-format-number\"\n\nconst bitPrefixes = [\"\", \"kilo\", \"mega\", \"giga\", \"tera\"]\nconst bytePrefixes = [\"\", \"kilo\", \"mega\", \"giga\", \"tera\", \"peta\"]\n\nexport interface FormatBytesOptions {\n  /**\n   * The locale string to use for formatting.\n   *\n   * @default 'en-US'\n   */\n  locale?: AnyString | Locale\n  /**\n   * The unit granularity to display\n   */\n  unit?: \"bit\" | \"byte\"\n  /**\n   * The unit display\n   */\n  unitDisplay?: \"long\" | \"narrow\" | \"short\"\n}\n\n/**\n * `useFormatByte` is a custom hook that returns the formatted byte.\n *\n * @see https://yamada-ui.com/docs/hooks/use-format-byte\n */\nexport const useFormatByte = (bytes: number, options?: FormatBytesOptions) => {\n  const byteFormat = useByteFormat(options)\n\n  return byteFormat(bytes)\n}\n\nexport type UseFormatByteReturn = ReturnType<typeof useFormatByte>\n\nexport const useByteFormat = ({\n  locale,\n  unit: defaultUnit = \"byte\",\n  unitDisplay: defaultUnitDisplay = \"short\",\n}: FormatBytesOptions = {}) => {\n  const { locale: defaultLocale } = useI18n()\n  const numberFormat = useNumberFormat({ locale: locale ?? defaultLocale })\n\n  const byteFormat = useCallback(\n    (\n      bytes: number,\n      {\n        unit = defaultUnit,\n        unitDisplay = defaultUnitDisplay,\n      }: Omit<FormatBytesOptions, \"locale\"> = {},\n    ) => {\n      const sanitizedBytes = Number.isNaN(bytes) ? 0 : bytes\n      const prefix = unit === \"bit\" ? bitPrefixes : bytePrefixes\n      const index = Math.max(\n        0,\n        Math.min(Math.floor(Math.log10(sanitizedBytes) / 3), prefix.length - 1),\n      )\n      const value =\n        sanitizedBytes === 0\n          ? 0\n          : Number.parseFloat(\n              (sanitizedBytes / 10 ** (3 * index)).toPrecision(3),\n            )\n\n      return numberFormat(value, {\n        style: \"unit\",\n        unit: prefix[index] + unit,\n        unitDisplay,\n      })\n    },\n    [defaultUnit, defaultUnitDisplay, numberFormat],\n  )\n\n  return byteFormat\n}\n\nexport type UseByteFormatReturn = ReturnType<typeof useByteFormat>\n"],"mappings":";;;;;AAQA,MAAM,cAAc;CAAC;CAAI;CAAQ;CAAQ;CAAQ;AAAM;AACvD,MAAM,eAAe;CAAC;CAAI;CAAQ;CAAQ;CAAQ;CAAQ;AAAM;;;;;;AAwBhE,MAAa,iBAAiB,OAAe,YAAiC;CAG5E,OAFmB,cAAc,OAEjB,CAAC,CAAC,KAAK;AACzB;AAIA,MAAa,iBAAiB,EAC5B,QACA,MAAM,cAAc,QACpB,aAAa,qBAAqB,YACZ,CAAC,MAAM;CAC7B,MAAM,EAAE,QAAQ,kBAAkBA,sBAAAA,QAAQ;CAC1C,MAAM,eAAeC,0BAAAA,gBAAgB,EAAE,QAAQ,UAAU,cAAc,CAAC;CAgCxE,QAAA,GAAA,MAAA,YAAA,EA5BI,OACA,EACE,OAAO,aACP,cAAc,uBACwB,CAAC,MACtC;EACH,MAAM,iBAAiB,OAAO,MAAM,KAAK,IAAI,IAAI;EACjD,MAAM,SAAS,SAAS,QAAQ,cAAc;EAC9C,MAAM,QAAQ,KAAK,IACjB,GACA,KAAK,IAAI,KAAK,MAAM,KAAK,MAAM,cAAc,IAAI,CAAC,GAAG,OAAO,SAAS,CAAC,CACxE;EACA,MAAM,QACJ,mBAAmB,IACf,IACA,OAAO,YACJ,iBAAiB,OAAO,IAAI,OAAA,CAAQ,YAAY,CAAC,CACpD;EAEN,OAAO,aAAa,OAAO;GACzB,OAAO;GACP,MAAM,OAAO,SAAS;GACtB;EACF,CAAC;CACH,GACA;EAAC;EAAa;EAAoB;CAAY,CAGhC;AAClB"}
+{"version":3,"file":"use-format-byte.cjs","names":["useI18n","useNumberFormat","useCallback"],"sources":["../../../../src/components/format/use-format-byte.ts"],"sourcesContent":["\"use client\"\n\nimport type { Locale } from \"../../providers/i18n-provider\"\nimport type { AnyString } from \"../../utils\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { useNumberFormat } from \"./use-format-number\"\n\nconst bitPrefixes = [\"\", \"kilo\", \"mega\", \"giga\", \"tera\"]\nconst bytePrefixes = [\"\", \"kilo\", \"mega\", \"giga\", \"tera\", \"peta\"]\n\nexport interface FormatBytesOptions {\n  /**\n   * The locale string to use for formatting.\n   *\n   * @default 'en-US'\n   */\n  locale?: AnyString | Locale\n  /**\n   * The unit granularity to display\n   */\n  unit?: \"bit\" | \"byte\"\n  /**\n   * The unit display\n   */\n  unitDisplay?: \"long\" | \"narrow\" | \"short\"\n}\n\n/**\n * `useFormatByte` is a custom hook that returns the formatted byte.\n *\n * @see https://yamada-ui.com/docs/hooks/use-format-byte\n */\nexport const useFormatByte = (bytes: number, options?: FormatBytesOptions) => {\n  const byteFormat = useByteFormat(options)\n\n  return byteFormat(bytes)\n}\n\nexport type UseFormatByteReturn = ReturnType<typeof useFormatByte>\n\nexport const useByteFormat = ({\n  locale,\n  unit: defaultUnit = \"byte\",\n  unitDisplay: defaultUnitDisplay = \"short\",\n}: FormatBytesOptions = {}) => {\n  const { locale: defaultLocale } = useI18n()\n  const numberFormat = useNumberFormat({ locale: locale ?? defaultLocale })\n\n  const byteFormat = useCallback(\n    (\n      bytes: number,\n      {\n        unit = defaultUnit,\n        unitDisplay = defaultUnitDisplay,\n      }: Omit<FormatBytesOptions, \"locale\"> = {},\n    ) => {\n      const sanitizedBytes = Number.isNaN(bytes) ? 0 : bytes\n      const prefix = unit === \"bit\" ? bitPrefixes : bytePrefixes\n      const index = Math.max(\n        0,\n        Math.min(Math.floor(Math.log10(sanitizedBytes) / 3), prefix.length - 1),\n      )\n      const value =\n        sanitizedBytes === 0\n          ? 0\n          : Number.parseFloat(\n              (sanitizedBytes / 10 ** (3 * index)).toPrecision(3),\n            )\n\n      return numberFormat(value, {\n        style: \"unit\",\n        unit: prefix[index] + unit,\n        unitDisplay,\n      })\n    },\n    [defaultUnit, defaultUnitDisplay, numberFormat],\n  )\n\n  return byteFormat\n}\n\nexport type UseByteFormatReturn = ReturnType<typeof useByteFormat>\n"],"mappings":";;;;;;AAQA,MAAM,cAAc;CAAC;CAAI;CAAQ;CAAQ;CAAQ;AAAM;AACvD,MAAM,eAAe;CAAC;CAAI;CAAQ;CAAQ;CAAQ;CAAQ;AAAM;;;;;;AAwBhE,MAAa,iBAAiB,OAAe,YAAiC;CAG5E,OAFmB,cAAc,OAEjB,CAAC,CAAC,KAAK;AACzB;AAIA,MAAa,iBAAiB,EAC5B,QACA,MAAM,cAAc,QACpB,aAAa,qBAAqB,YACZ,CAAC,MAAM;CAC7B,MAAM,EAAE,QAAQ,kBAAkBA,sBAAAA,QAAQ;CAC1C,MAAM,eAAeC,0BAAAA,gBAAgB,EAAE,QAAQ,UAAU,cAAc,CAAC;CAgCxE,QAAA,GA9BmBC,MAAAA,YAAAA,EAEf,OACA,EACE,OAAO,aACP,cAAc,uBACwB,CAAC,MACtC;EACH,MAAM,iBAAiB,OAAO,MAAM,KAAK,IAAI,IAAI;EACjD,MAAM,SAAS,SAAS,QAAQ,cAAc;EAC9C,MAAM,QAAQ,KAAK,IACjB,GACA,KAAK,IAAI,KAAK,MAAM,KAAK,MAAM,cAAc,IAAI,CAAC,GAAG,OAAO,SAAS,CAAC,CACxE;EACA,MAAM,QACJ,mBAAmB,IACf,IACA,OAAO,YACJ,iBAAiB,OAAO,IAAI,OAAA,CAAQ,YAAY,CAAC,CACpD;EAEN,OAAO,aAAa,OAAO;GACzB,OAAO;GACP,MAAM,OAAO,SAAS;GACtB;EACF,CAAC;CACH,GACA;EAAC;EAAa;EAAoB;CAAY,CAGhC;AAClB"}

package/dist/cjs/components/format/use-format-date-time.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_i18n_cache = require("../../providers/i18n-provider/i18n-cache.cjs");
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 let react = require("react");

package/dist/cjs/components/format/use-format-date-time.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-format-date-time.cjs","names":["i18nCache","useI18n"],"sources":["../../../../src/components/format/use-format-date-time.ts"],"sourcesContent":["\"use client\"\n\nimport type { Locale } from \"../../providers/i18n-provider\"\nimport type { AnyString } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { i18nCache, useI18n } from \"../../providers/i18n-provider\"\n\nexport const getFormatDateTime = i18nCache(Intl.DateTimeFormat)\n\nexport interface FormatDateTimeOptions extends Intl.DateTimeFormatOptions {\n  /**\n   * The locale string to use for formatting.\n   *\n   * @default 'en-US'\n   */\n  locale?: AnyString | Locale\n}\n\n/**\n * `useFormatDateTime` is a custom hook that returns the formatted date time.\n *\n * @see https://yamada-ui.com/docs/hooks/use-format-date-time\n */\nexport const useFormatDateTime = (\n  value: Date,\n  options?: FormatDateTimeOptions,\n) => {\n  const dateTimeFormat = useDateTimeFormat(options)\n\n  return dateTimeFormat(value)\n}\n\nexport type UseFormatDateTimeReturn = ReturnType<typeof useFormatDateTime>\n\nexport const useDateTimeFormat = ({\n  locale,\n  ...options\n}: FormatDateTimeOptions = {}) => {\n  const { locale: defaultLocale } = useI18n()\n  const memoizedOptions = useRef(options)\n\n  locale ??= defaultLocale\n\n  const dateTimeFormat = useCallback(\n    (value: Date, options?: Intl.DateTimeFormatOptions) => {\n      const formatter = getFormatDateTime(locale, {\n        ...memoizedOptions.current,\n        ...options,\n      })\n\n      return formatter.format(value)\n    },\n    [locale],\n  )\n\n  return dateTimeFormat\n}\n\nexport type UseDateTimeFormatReturn = ReturnType<typeof useDateTimeFormat>\n"],"mappings":";;;;;AAOA,MAAa,oBAAoBA,mBAAAA,UAAU,KAAK,cAAc;;;;;;AAgB9D,MAAa,qBACX,OACA,YACG;CAGH,OAFuB,kBAAkB,OAErB,CAAC,CAAC,KAAK;AAC7B;AAIA,MAAa,qBAAqB,EAChC,QACA,GAAG,YACsB,CAAC,MAAM;CAChC,MAAM,EAAE,QAAQ,kBAAkBC,sBAAAA,QAAQ;CAC1C,MAAM,mBAAA,GAAA,MAAA,OAAA,CAAyB,OAAO;CAEtC,WAAW;CAcX,QAAA,GAAA,MAAA,YAAA,EAXG,OAAa,YAAyC;EAMrD,OALkB,kBAAkB,QAAQ;GAC1C,GAAG,gBAAgB;GACnB,GAAG;EACL,CAEe,CAAC,CAAC,OAAO,KAAK;CAC/B,GACA,CAAC,MAAM,CAGW;AACtB"}
+{"version":3,"file":"use-format-date-time.cjs","names":["i18nCache","useI18n","useRef","useCallback"],"sources":["../../../../src/components/format/use-format-date-time.ts"],"sourcesContent":["\"use client\"\n\nimport type { Locale } from \"../../providers/i18n-provider\"\nimport type { AnyString } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { i18nCache, useI18n } from \"../../providers/i18n-provider\"\n\nexport const getFormatDateTime = i18nCache(Intl.DateTimeFormat)\n\nexport interface FormatDateTimeOptions extends Intl.DateTimeFormatOptions {\n  /**\n   * The locale string to use for formatting.\n   *\n   * @default 'en-US'\n   */\n  locale?: AnyString | Locale\n}\n\n/**\n * `useFormatDateTime` is a custom hook that returns the formatted date time.\n *\n * @see https://yamada-ui.com/docs/hooks/use-format-date-time\n */\nexport const useFormatDateTime = (\n  value: Date,\n  options?: FormatDateTimeOptions,\n) => {\n  const dateTimeFormat = useDateTimeFormat(options)\n\n  return dateTimeFormat(value)\n}\n\nexport type UseFormatDateTimeReturn = ReturnType<typeof useFormatDateTime>\n\nexport const useDateTimeFormat = ({\n  locale,\n  ...options\n}: FormatDateTimeOptions = {}) => {\n  const { locale: defaultLocale } = useI18n()\n  const memoizedOptions = useRef(options)\n\n  locale ??= defaultLocale\n\n  const dateTimeFormat = useCallback(\n    (value: Date, options?: Intl.DateTimeFormatOptions) => {\n      const formatter = getFormatDateTime(locale, {\n        ...memoizedOptions.current,\n        ...options,\n      })\n\n      return formatter.format(value)\n    },\n    [locale],\n  )\n\n  return dateTimeFormat\n}\n\nexport type UseDateTimeFormatReturn = ReturnType<typeof useDateTimeFormat>\n"],"mappings":";;;;;;AAOA,MAAa,oBAAoBA,mBAAAA,UAAU,KAAK,cAAc;;;;;;AAgB9D,MAAa,qBACX,OACA,YACG;CAGH,OAFuB,kBAAkB,OAErB,CAAC,CAAC,KAAK;AAC7B;AAIA,MAAa,qBAAqB,EAChC,QACA,GAAG,YACsB,CAAC,MAAM;CAChC,MAAM,EAAE,QAAQ,kBAAkBC,sBAAAA,QAAQ;CAC1C,MAAM,mBAAA,GAAkBC,MAAAA,OAAAA,CAAO,OAAO;CAEtC,WAAW;CAcX,QAAA,GAZuBC,MAAAA,YAAAA,EACpB,OAAa,YAAyC;EAMrD,OALkB,kBAAkB,QAAQ;GAC1C,GAAG,gBAAgB;GACnB,GAAG;EACL,CAEe,CAAC,CAAC,OAAO,KAAK;CAC/B,GACA,CAAC,MAAM,CAGW;AACtB"}

package/dist/cjs/components/format/use-format-number.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_i18n_cache = require("../../providers/i18n-provider/i18n-cache.cjs");
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 let react = require("react");

package/dist/cjs/components/format/use-format-number.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-format-number.cjs","names":["i18nCache","useI18n"],"sources":["../../../../src/components/format/use-format-number.ts"],"sourcesContent":["\"use client\"\n\nimport type { Locale } from \"../../providers/i18n-provider\"\nimport type { AnyString } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { i18nCache, useI18n } from \"../../providers/i18n-provider\"\n\nexport const getFormatNumber = i18nCache(Intl.NumberFormat)\n\nexport interface FormatNumberOptions extends Intl.NumberFormatOptions {\n  /**\n   * The locale string to use for formatting.\n   *\n   * @default 'en-US'\n   */\n  locale?: AnyString | Locale\n}\n\n/**\n * `useFormatNumber` is a custom hook that returns the formatted number.\n *\n * @see https://yamada-ui.com/docs/hooks/use-format-number\n */\nexport const useFormatNumber = (\n  value: number,\n  options?: FormatNumberOptions,\n) => {\n  const numberFormat = useNumberFormat(options)\n\n  return numberFormat(value)\n}\n\nexport type UseFormatNumberReturn = ReturnType<typeof useFormatNumber>\n\nexport const useNumberFormat = ({\n  locale,\n  ...options\n}: FormatNumberOptions = {}) => {\n  const { locale: defaultLocale } = useI18n()\n  const memoizedOptions = useRef(options)\n\n  locale ??= defaultLocale\n\n  const numberFormat = useCallback(\n    (value: number, options?: Intl.NumberFormatOptions) => {\n      const formatter = getFormatNumber(locale, {\n        ...memoizedOptions.current,\n        ...options,\n      })\n\n      return formatter.format(value)\n    },\n    [locale],\n  )\n\n  return numberFormat\n}\n\nexport type UseNumberFormatReturn = ReturnType<typeof useNumberFormat>\n"],"mappings":";;;;;AAOA,MAAa,kBAAkBA,mBAAAA,UAAU,KAAK,YAAY;;;;;;AAgB1D,MAAa,mBACX,OACA,YACG;CAGH,OAFqB,gBAAgB,OAEnB,CAAC,CAAC,KAAK;AAC3B;AAIA,MAAa,mBAAmB,EAC9B,QACA,GAAG,YACoB,CAAC,MAAM;CAC9B,MAAM,EAAE,QAAQ,kBAAkBC,sBAAAA,QAAQ;CAC1C,MAAM,mBAAA,GAAA,MAAA,OAAA,CAAyB,OAAO;CAEtC,WAAW;CAcX,QAAA,GAAA,MAAA,YAAA,EAXG,OAAe,YAAuC;EAMrD,OALkB,gBAAgB,QAAQ;GACxC,GAAG,gBAAgB;GACnB,GAAG;EACL,CAEe,CAAC,CAAC,OAAO,KAAK;CAC/B,GACA,CAAC,MAAM,CAGS;AACpB"}
+{"version":3,"file":"use-format-number.cjs","names":["i18nCache","useI18n","useRef","useCallback"],"sources":["../../../../src/components/format/use-format-number.ts"],"sourcesContent":["\"use client\"\n\nimport type { Locale } from \"../../providers/i18n-provider\"\nimport type { AnyString } from \"../../utils\"\nimport { useCallback, useRef } from \"react\"\nimport { i18nCache, useI18n } from \"../../providers/i18n-provider\"\n\nexport const getFormatNumber = i18nCache(Intl.NumberFormat)\n\nexport interface FormatNumberOptions extends Intl.NumberFormatOptions {\n  /**\n   * The locale string to use for formatting.\n   *\n   * @default 'en-US'\n   */\n  locale?: AnyString | Locale\n}\n\n/**\n * `useFormatNumber` is a custom hook that returns the formatted number.\n *\n * @see https://yamada-ui.com/docs/hooks/use-format-number\n */\nexport const useFormatNumber = (\n  value: number,\n  options?: FormatNumberOptions,\n) => {\n  const numberFormat = useNumberFormat(options)\n\n  return numberFormat(value)\n}\n\nexport type UseFormatNumberReturn = ReturnType<typeof useFormatNumber>\n\nexport const useNumberFormat = ({\n  locale,\n  ...options\n}: FormatNumberOptions = {}) => {\n  const { locale: defaultLocale } = useI18n()\n  const memoizedOptions = useRef(options)\n\n  locale ??= defaultLocale\n\n  const numberFormat = useCallback(\n    (value: number, options?: Intl.NumberFormatOptions) => {\n      const formatter = getFormatNumber(locale, {\n        ...memoizedOptions.current,\n        ...options,\n      })\n\n      return formatter.format(value)\n    },\n    [locale],\n  )\n\n  return numberFormat\n}\n\nexport type UseNumberFormatReturn = ReturnType<typeof useNumberFormat>\n"],"mappings":";;;;;;AAOA,MAAa,kBAAkBA,mBAAAA,UAAU,KAAK,YAAY;;;;;;AAgB1D,MAAa,mBACX,OACA,YACG;CAGH,OAFqB,gBAAgB,OAEnB,CAAC,CAAC,KAAK;AAC3B;AAIA,MAAa,mBAAmB,EAC9B,QACA,GAAG,YACoB,CAAC,MAAM;CAC9B,MAAM,EAAE,QAAQ,kBAAkBC,sBAAAA,QAAQ;CAC1C,MAAM,mBAAA,GAAkBC,MAAAA,OAAAA,CAAO,OAAO;CAEtC,WAAW;CAcX,QAAA,GAZqBC,MAAAA,YAAAA,EAClB,OAAe,YAAuC;EAMrD,OALkB,gBAAgB,QAAQ;GACxC,GAAG,gBAAgB;GACnB,GAAG;EACL,CAEe,CAAC,CAAC,OAAO,KAAK;CAC/B,GACA,CAAC,MAAM,CAGS;AACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"grid-item.cjs","names":["createComponent","gridItemStyle"],"sources":["../../../../src/components/grid/grid-item.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { GridItemStyle } from \"./grid-item.style\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { gridItemStyle } from \"./grid-item.style\"\n\nexport interface GridItemProps extends HTMLStyledProps {\n  /**\n   * The CSS `grid-area` property.\n   */\n  area?: CSSProps[\"gridArea\"]\n  /**\n   * The CSS `grid-column-end` property.\n   */\n  colEnd?: CSSProps[\"gridColumnEnd\"]\n  /**\n   * The number of columns the grid item should `span`.\n   */\n  colSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-column-start` property.\n   */\n  colStart?: CSSProps[\"gridColumnStart\"]\n  /**\n   * The CSS `grid-row-end` property.\n   */\n  rowEnd?: CSSProps[\"gridRowEnd\"]\n  /**\n   * The number of rows the grid item should `span`.\n   */\n  rowSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-row-start` property.\n   */\n  rowStart?: CSSProps[\"gridRowStart\"]\n}\n\nconst {\n  PropsContext: GridItemPropsContext,\n  usePropsContext: useGridItemPropsContext,\n  withContext,\n} = createComponent<GridItemProps, GridItemStyle>(\"grid-item\", gridItemStyle)\n\nexport { GridItemPropsContext, useGridItemPropsContext }\n\nexport const GridItem = withContext(\"div\")(\n  undefined,\n  ({\n    area: gridArea,\n    colEnd: gridColumnEnd,\n    colSpan,\n    colStart: gridColumnStart,\n    rowEnd: gridRowEnd,\n    rowSpan,\n    rowStart: gridRowStart,\n    ...rest\n  }) => ({\n    gridArea,\n    gridColumn: replaceObject(colSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridColumnEnd,\n    gridColumnStart,\n    gridRow: replaceObject(rowSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridRowEnd,\n    gridRowStart,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;AAuCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACEA,yBAAAA,gBAA8C,aAAaC,wBAAAA,aAAa;AAI5E,MAAa,WAAW,YAAY,KAAK,CAAC,CACxC,KAAA,IACC,EACC,MAAM,UACN,QAAQ,eACR,SACA,UAAU,iBACV,QAAQ,YACR,SACA,UAAU,cACV,GAAG,YACE;CACL;CACA,aAAA,GAAA,oBAAA,cAAA,cAAA,CAA0B,UAAU,UAClC,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,KAAA,CAClD;CACA;CACA;CACA,UAAA,GAAA,oBAAA,cAAA,cAAA,CAAuB,UAAU,UAC/B,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,KAAA,CAClD;CACA;CACA;CACA,GAAG;AACL,EACF"}
+{"version":3,"file":"grid-item.cjs","names":["createComponent","gridItemStyle"],"sources":["../../../../src/components/grid/grid-item.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { GridItemStyle } from \"./grid-item.style\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { gridItemStyle } from \"./grid-item.style\"\n\nexport interface GridItemProps extends HTMLStyledProps {\n  /**\n   * The CSS `grid-area` property.\n   */\n  area?: CSSProps[\"gridArea\"]\n  /**\n   * The CSS `grid-column-end` property.\n   */\n  colEnd?: CSSProps[\"gridColumnEnd\"]\n  /**\n   * The number of columns the grid item should `span`.\n   */\n  colSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-column-start` property.\n   */\n  colStart?: CSSProps[\"gridColumnStart\"]\n  /**\n   * The CSS `grid-row-end` property.\n   */\n  rowEnd?: CSSProps[\"gridRowEnd\"]\n  /**\n   * The number of rows the grid item should `span`.\n   */\n  rowSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-row-start` property.\n   */\n  rowStart?: CSSProps[\"gridRowStart\"]\n}\n\nconst {\n  PropsContext: GridItemPropsContext,\n  usePropsContext: useGridItemPropsContext,\n  withContext,\n} = createComponent<GridItemProps, GridItemStyle>(\"grid-item\", gridItemStyle)\n\nexport { GridItemPropsContext, useGridItemPropsContext }\n\nexport const GridItem = withContext(\"div\")(\n  undefined,\n  ({\n    area: gridArea,\n    colEnd: gridColumnEnd,\n    colSpan,\n    colStart: gridColumnStart,\n    rowEnd: gridRowEnd,\n    rowSpan,\n    rowStart: gridRowStart,\n    ...rest\n  }) => ({\n    gridArea,\n    gridColumn: replaceObject(colSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridColumnEnd,\n    gridColumnStart,\n    gridRow: replaceObject(rowSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridRowEnd,\n    gridRowStart,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;AAuCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACEA,yBAAAA,gBAA8C,aAAaC,wBAAAA,aAAa;AAI5E,MAAa,WAAW,YAAY,KAAK,CAAC,CACxC,KAAA,IACC,EACC,MAAM,UACN,QAAQ,eACR,SACA,UAAU,iBACV,QAAQ,YACR,SACA,UAAU,cACV,GAAG,YACE;CACL;CACA,aAAA,GAAA,oBAAA,cAAY,cAAA,CAAc,UAAU,UAClC,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,KAAA,CAClD;CACA;CACA;CACA,UAAA,GAAA,oBAAA,cAAS,cAAA,CAAc,UAAU,UAC/B,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,KAAA,CAClD;CACA;CACA;CACA,GAAG;AACL,EACF"}

package/dist/cjs/components/group/group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"group.cjs","names":["createComponent","groupStyle","Flex","useValue","useGroup"],"sources":["../../../../src/components/group/group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps } from \"../../core\"\nimport type { FlexProps } from \"../flex\"\nimport type { GroupStyle } from \"./group.style\"\nimport { createComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr } from \"../../utils\"\nimport { Flex } from \"../flex\"\nimport { groupStyle } from \"./group.style\"\nimport { useGroup } from \"./use-group\"\n\nexport interface GroupProps\n  extends Omit<FlexProps, \"grow\">, ThemeProps<GroupStyle> {}\n\nconst {\n  PropsContext: GroupPropsContext,\n  usePropsContext: useGroupPropsContext,\n  withContext,\n} = createComponent<GroupProps, GroupStyle>(\"group\", groupStyle)\n\nexport { GroupPropsContext, useGroupPropsContext }\n\n/**\n * `Group` is a component that groups and attaches multiple elements together.\n *\n * @see https://yamada-ui.com/docs/components/group\n */\nexport const Group = withContext<\"div\", GroupProps, \"attached\" | \"orientation\">(\n  Flex,\n  { transferProps: [\"attached\", \"orientation\"] },\n)(\n  undefined,\n  ({\n    attached: attachedProp,\n    children,\n    orientation: orientationProp,\n    ...rest\n  }) => {\n    const orientation = useValue(orientationProp)\n    const attached = useValue(attachedProp)\n    const cloneChildren = useGroup(children)\n\n    return {\n      \"data-attached\": dataAttr(attached),\n      \"data-orientation\": orientation,\n      children: cloneChildren,\n      role: \"group\",\n      ...rest,\n    }\n  },\n)\n"],"mappings":";;;;;;;;AAeA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yBAAAA,gBAAwC,SAASC,oBAAAA,UAAU;;;;;;AAS/D,MAAa,QAAQ,YACnBC,aAAAA,MACA,EAAE,eAAe,CAAC,YAAY,aAAa,EAAE,CAC/C,CAAC,CACC,KAAA,IACC,EACC,UAAU,cACV,UACA,aAAa,iBACb,GAAG,WACC;CACJ,MAAM,cAAcC,8BAAAA,SAAS,eAAe;CAC5C,MAAM,WAAWA,8BAAAA,SAAS,YAAY;CACtC,MAAM,gBAAgBC,kBAAAA,SAAS,QAAQ;CAEvC,OAAO;EACL,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,QAAQ;EAClC,oBAAoB;EACpB,UAAU;EACV,MAAM;EACN,GAAG;CACL;AACF,CACF"}
+{"version":3,"file":"group.cjs","names":["createComponent","groupStyle","Flex","useValue","useGroup"],"sources":["../../../../src/components/group/group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps } from \"../../core\"\nimport type { FlexProps } from \"../flex\"\nimport type { GroupStyle } from \"./group.style\"\nimport { createComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr } from \"../../utils\"\nimport { Flex } from \"../flex\"\nimport { groupStyle } from \"./group.style\"\nimport { useGroup } from \"./use-group\"\n\nexport interface GroupProps\n  extends Omit<FlexProps, \"grow\">, ThemeProps<GroupStyle> {}\n\nconst {\n  PropsContext: GroupPropsContext,\n  usePropsContext: useGroupPropsContext,\n  withContext,\n} = createComponent<GroupProps, GroupStyle>(\"group\", groupStyle)\n\nexport { GroupPropsContext, useGroupPropsContext }\n\n/**\n * `Group` is a component that groups and attaches multiple elements together.\n *\n * @see https://yamada-ui.com/docs/components/group\n */\nexport const Group = withContext<\"div\", GroupProps, \"attached\" | \"orientation\">(\n  Flex,\n  { transferProps: [\"attached\", \"orientation\"] },\n)(\n  undefined,\n  ({\n    attached: attachedProp,\n    children,\n    orientation: orientationProp,\n    ...rest\n  }) => {\n    const orientation = useValue(orientationProp)\n    const attached = useValue(attachedProp)\n    const cloneChildren = useGroup(children)\n\n    return {\n      \"data-attached\": dataAttr(attached),\n      \"data-orientation\": orientation,\n      children: cloneChildren,\n      role: \"group\",\n      ...rest,\n    }\n  },\n)\n"],"mappings":";;;;;;;;AAeA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yBAAAA,gBAAwC,SAASC,oBAAAA,UAAU;;;;;;AAS/D,MAAa,QAAQ,YACnBC,aAAAA,MACA,EAAE,eAAe,CAAC,YAAY,aAAa,EAAE,CAC/C,CAAC,CACC,KAAA,IACC,EACC,UAAU,cACV,UACA,aAAa,iBACb,GAAG,WACC;CACJ,MAAM,cAAcC,8BAAAA,SAAS,eAAe;CAC5C,MAAM,WAAWA,8BAAAA,SAAS,YAAY;CACtC,MAAM,gBAAgBC,kBAAAA,SAAS,QAAQ;CAEvC,OAAO;EACL,kBAAA,GAAA,oBAAA,cAAiB,SAAA,CAAS,QAAQ;EAClC,oBAAoB;EACpB,UAAU;EACV,MAAM;EACN,GAAG;CACL;AACF,CACF"}

package/dist/cjs/components/group/use-group.cjs

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");

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

@@ -1 +1 @@
-{"version":3,"file":"use-group.cjs","names":["useValidChildren"],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined, useValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n  const validChildren = useValidChildren(children)\n  const omittedChildren = useMemo(\n    () =>\n      validChildren.filter((child) => {\n        const ungrouped = child.props[\"data-ungrouped\"]\n\n        return isUndefined(ungrouped) || isNull(ungrouped)\n      }),\n    [validChildren],\n  )\n  const count = omittedChildren.length\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child) => {\n        const index = omittedChildren.indexOf(child)\n        const ungrouped = index === -1\n\n        if (ungrouped) return child\n\n        return cloneElement(child, {\n          ...child.props,\n          style: {\n            \"--group-count\": count,\n            \"--group-index\": index,\n            ...child.props?.style,\n          },\n          \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n          \"data-group-end\": dataAttr(index === count - 1),\n          \"data-group-start\": dataAttr(index === 0),\n          \"data-peer\": \"\",\n        })\n      }),\n    [validChildren, omittedChildren, count],\n  )\n\n  return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n  style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n  style: {\n    \"--group-count\": groupCount,\n    \"--group-index\": groupIndex,\n    ...style\n  } = {},\n  \"data-group-between\": dataGroupBetween,\n  \"data-group-end\": dataGroupEnd,\n  \"data-group-start\": dataGroupStart,\n  \"data-peer\": dataPeer,\n  ...rest\n}: Y) => {\n  const pickedProps = useMemo(\n    () => ({\n      style: {\n        \"--group-count\": groupCount!,\n        \"--group-index\": groupIndex!,\n      },\n      \"data-group-between\": dataGroupBetween,\n      \"data-group-end\": dataGroupEnd,\n      \"data-group-start\": dataGroupStart,\n      \"data-peer\": dataPeer,\n    }),\n    [\n      groupCount,\n      groupIndex,\n      dataGroupBetween,\n      dataGroupEnd,\n      dataGroupStart,\n      dataPeer,\n    ],\n  )\n  const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n  return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;AAIA,MAAa,YAAY,aAAyB;CAChD,MAAM,gBAAgBA,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,mBAAA,GAAA,MAAA,QAAA,OAEF,cAAc,QAAQ,UAAU;EAC9B,MAAM,YAAY,MAAM,MAAM;EAE9B,QAAA,GAAA,oBAAA,cAAA,YAAA,CAAmB,SAAS,MAAA,GAAA,oBAAA,cAAA,OAAA,CAAY,SAAS;CACnD,CAAC,GACH,CAAC,aAAa,CAChB;CACA,MAAM,QAAQ,gBAAgB;CAyB9B,QAAA,GAAA,MAAA,QAAA,OAtBI,cAAc,KAAK,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,KAAK;EAG3C,IAFkB,UAAU,IAEb,OAAO;EAEtB,QAAA,GAAA,MAAA,aAAA,CAAoB,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,GAAG,MAAM,OAAO;GAClB;GACA,uBAAA,GAAA,oBAAA,cAAA,SAAA,CAA+B,QAAQ,KAAK,QAAQ,QAAQ,CAAC;GAC7D,mBAAA,GAAA,oBAAA,cAAA,SAAA,CAA2B,UAAU,QAAQ,CAAC;GAC9C,qBAAA,GAAA,oBAAA,cAAA,SAAA,CAA6B,UAAU,CAAC;GACxC,aAAa;EACf,CAAC;CACH,CAAC,GACH;EAAC;EAAe;EAAiB;CAAK,CAGrB;AACrB;AAQA,MAAa,qBAAsC,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,YACjB,GAAG,UACD,CAAC,GACL,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,UACb,GAAG,WACI;CAuBP,OAAO,EAAA,GAAA,MAAA,QAAA,QArBE;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;EACnB;EACA,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;CACf,IACA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CAIgB,IAAA,GAAA,MAAA,QAAA,QAFkB;EAAE;EAAO,GAAG;CAAK,IAAI,CAAC,OAAO,IAAI,CAErC,CAAC;AACnC"}
+{"version":3,"file":"use-group.cjs","names":["useValidChildren","useMemo","cloneElement"],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined, useValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n  const validChildren = useValidChildren(children)\n  const omittedChildren = useMemo(\n    () =>\n      validChildren.filter((child) => {\n        const ungrouped = child.props[\"data-ungrouped\"]\n\n        return isUndefined(ungrouped) || isNull(ungrouped)\n      }),\n    [validChildren],\n  )\n  const count = omittedChildren.length\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child) => {\n        const index = omittedChildren.indexOf(child)\n        const ungrouped = index === -1\n\n        if (ungrouped) return child\n\n        return cloneElement(child, {\n          ...child.props,\n          style: {\n            \"--group-count\": count,\n            \"--group-index\": index,\n            ...child.props?.style,\n          },\n          \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n          \"data-group-end\": dataAttr(index === count - 1),\n          \"data-group-start\": dataAttr(index === 0),\n          \"data-peer\": \"\",\n        })\n      }),\n    [validChildren, omittedChildren, count],\n  )\n\n  return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n  style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n  style: {\n    \"--group-count\": groupCount,\n    \"--group-index\": groupIndex,\n    ...style\n  } = {},\n  \"data-group-between\": dataGroupBetween,\n  \"data-group-end\": dataGroupEnd,\n  \"data-group-start\": dataGroupStart,\n  \"data-peer\": dataPeer,\n  ...rest\n}: Y) => {\n  const pickedProps = useMemo(\n    () => ({\n      style: {\n        \"--group-count\": groupCount!,\n        \"--group-index\": groupIndex!,\n      },\n      \"data-group-between\": dataGroupBetween,\n      \"data-group-end\": dataGroupEnd,\n      \"data-group-start\": dataGroupStart,\n      \"data-peer\": dataPeer,\n    }),\n    [\n      groupCount,\n      groupIndex,\n      dataGroupBetween,\n      dataGroupEnd,\n      dataGroupStart,\n      dataPeer,\n    ],\n  )\n  const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n  return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;;AAIA,MAAa,YAAY,aAAyB;CAChD,MAAM,gBAAgBA,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,mBAAA,GAAkBC,MAAAA,QAAAA,OAEpB,cAAc,QAAQ,UAAU;EAC9B,MAAM,YAAY,MAAM,MAAM;EAE9B,QAAA,GAAA,oBAAA,cAAO,YAAA,CAAY,SAAS,MAAA,GAAA,oBAAA,cAAK,OAAA,CAAO,SAAS;CACnD,CAAC,GACH,CAAC,aAAa,CAChB;CACA,MAAM,QAAQ,gBAAgB;CAyB9B,QAAA,GAxBsBA,MAAAA,QAAAA,OAElB,cAAc,KAAK,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,KAAK;EAG3C,IAFkB,UAAU,IAEb,OAAO;EAEtB,QAAA,GAAOC,MAAAA,aAAAA,CAAa,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,GAAG,MAAM,OAAO;GAClB;GACA,uBAAA,GAAA,oBAAA,cAAsB,SAAA,CAAS,QAAQ,KAAK,QAAQ,QAAQ,CAAC;GAC7D,mBAAA,GAAA,oBAAA,cAAkB,SAAA,CAAS,UAAU,QAAQ,CAAC;GAC9C,qBAAA,GAAA,oBAAA,cAAoB,SAAA,CAAS,UAAU,CAAC;GACxC,aAAa;EACf,CAAC;CACH,CAAC,GACH;EAAC;EAAe;EAAiB;CAAK,CAGrB;AACrB;AAQA,MAAa,qBAAsC,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,YACjB,GAAG,UACD,CAAC,GACL,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,UACb,GAAG,WACI;CAuBP,OAAO,EAAA,GAtBaD,MAAAA,QAAAA,QACX;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;EACnB;EACA,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;CACf,IACA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CAIgB,IAAA,GAFGA,MAAAA,QAAAA,QAAe;EAAE;EAAO,GAAG;CAAK,IAAI,CAAC,OAAO,IAAI,CAErC,CAAC;AACnC"}

package/dist/cjs/components/highlight/highlight.cjs

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_text = require("../text/text.cjs");
 const require_mark = require("../mark/mark.cjs");
 const require_use_highlight = require("./use-highlight.cjs");

package/dist/cjs/components/highlight/highlight.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.cjs","names":["useHighlight","Mark","Fragment","Text"],"sources":["../../../../src/components/highlight/highlight.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { MarkProps } from \"../mark\"\nimport type { TextProps } from \"../text\"\nimport { Fragment } from \"react\"\nimport { Mark } from \"../mark\"\nimport { Text } from \"../text\"\nimport { useHighlight } from \"./use-highlight\"\n\nexport interface HighlightProps extends Omit<TextProps, \"children\"> {\n  /**\n   * The text used for searching.\n   */\n  children: string\n  /**\n   * Can be a single string or an array of strings. These are the terms that are highlighted in the text.\n   */\n  query: string | string[]\n  /**\n   * If `true`, `Fragment` is used for rendering.\n   *\n   * @default false\n   */\n  fragment?: boolean\n  /**\n   * Properties passed to the Mark component which is used to highlight the matched terms.\n   */\n  markProps?: MarkProps\n}\n\n/**\n * `Highlight` is a component that highlights specified strings within text. By default, it renders a `p` element.\n *\n * @see https://yamada-ui.com/docs/components/highlight\n */\nexport const Highlight: FC<HighlightProps> = ({\n  children: text,\n  fragment = false,\n  query,\n  markProps,\n  ...rest\n}) => {\n  const chunks = useHighlight({ query, text })\n  const { colorScheme } = rest\n\n  if (fragment)\n    return (\n      <>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </>\n    )\n  else\n    return (\n      <Text {...rest}>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </Text>\n    )\n}\n"],"mappings":";;;;;;;;;;;AAkCA,MAAa,aAAiC,EAC5C,UAAU,MACV,WAAW,OACX,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAASA,sBAAAA,aAAa;EAAE;EAAO;CAAK,CAAC;CAC3C,MAAM,EAAE,gBAAgB;CAExB,IAAI,UACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UACG,OAAO,KAAK,EAAE,OAAO,QAAQ,UAC5B,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAA+B;EAAa,GAAI;EAC7C,UAAA;CACG,GAFK,KAEL,IAEN,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD,EAAA,UAAuB,KAAe,GAAvB,KAAuB,CAE1C,EACA,CAAA;MAGJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,GAAI;EACP,UAAA,OAAO,KAAK,EAAE,OAAO,QAAQ,UAC5B,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,MAAD;GAA+B;GAAa,GAAI;GAC7C,UAAA;EACG,GAFK,KAEL,IAEN,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD,EAAA,UAAuB,KAAe,GAAvB,KAAuB,CAE1C;CACI,CAAA;AAEZ"}
+{"version":3,"file":"highlight.cjs","names":["useHighlight","Mark","Fragment","Text"],"sources":["../../../../src/components/highlight/highlight.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { MarkProps } from \"../mark\"\nimport type { TextProps } from \"../text\"\nimport { Fragment } from \"react\"\nimport { Mark } from \"../mark\"\nimport { Text } from \"../text\"\nimport { useHighlight } from \"./use-highlight\"\n\nexport interface HighlightProps extends Omit<TextProps, \"children\"> {\n  /**\n   * The text used for searching.\n   */\n  children: string\n  /**\n   * Can be a single string or an array of strings. These are the terms that are highlighted in the text.\n   */\n  query: string | string[]\n  /**\n   * If `true`, `Fragment` is used for rendering.\n   *\n   * @default false\n   */\n  fragment?: boolean\n  /**\n   * Properties passed to the Mark component which is used to highlight the matched terms.\n   */\n  markProps?: MarkProps\n}\n\n/**\n * `Highlight` is a component that highlights specified strings within text. By default, it renders a `p` element.\n *\n * @see https://yamada-ui.com/docs/components/highlight\n */\nexport const Highlight: FC<HighlightProps> = ({\n  children: text,\n  fragment = false,\n  query,\n  markProps,\n  ...rest\n}) => {\n  const chunks = useHighlight({ query, text })\n  const { colorScheme } = rest\n\n  if (fragment)\n    return (\n      <>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </>\n    )\n  else\n    return (\n      <Text {...rest}>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </Text>\n    )\n}\n"],"mappings":";;;;;;;;;;;;AAkCA,MAAa,aAAiC,EAC5C,UAAU,MACV,WAAW,OACX,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAASA,sBAAAA,aAAa;EAAE;EAAO;CAAK,CAAC;CAC3C,MAAM,EAAE,gBAAgB;CAExB,IAAI,UACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UACG,OAAO,KAAK,EAAE,OAAO,QAAQ,UAC5B,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAA+B;EAAa,GAAI;EAC7C,UAAA;CACG,GAFK,KAEL,IAEN,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD,EAAA,UAAuB,KAAe,GAAvB,KAAuB,CAE1C,EACA,CAAA;MAGJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,GAAI;EACP,UAAA,OAAO,KAAK,EAAE,OAAO,QAAQ,UAC5B,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,MAAD;GAA+B;GAAa,GAAI;GAC7C,UAAA;EACG,GAFK,KAEL,IAEN,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD,EAAA,UAAuB,KAAe,GAAvB,KAAuB,CAE1C;CACI,CAAA;AAEZ"}

package/dist/cjs/components/highlight/use-highlight.cjs

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
 //#region src/components/highlight/use-highlight.ts

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

@@ -1 +1 @@
-{"version":3,"file":"use-highlight.cjs","names":[],"sources":["../../../../src/components/highlight/use-highlight.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\n\nexport interface Chunk {\n  match: boolean\n  text: string\n}\n\nconst escapeRegexp = (term: string): string =>\n  term.replace(/[|\\\\{}()[\\]^$+*?.-]/g, (char: string) => `\\\\${char}`)\n\nconst createRegexp = (query: string[]): RegExp | undefined => {\n  query = query.filter(Boolean).map((text) => escapeRegexp(text.trim()))\n\n  if (query.length) return new RegExp(`(${query.join(\"|\")})`, \"ig\")\n}\n\nexport interface UseHighlightProps {\n  query: string | string[]\n  text: string\n}\n\nexport const useHighlight = ({ query, text }: UseHighlightProps) => {\n  const chunks = useMemo(() => {\n    const regexp = createRegexp(toArray(query))\n\n    if (!regexp) return [{ match: false, text }]\n\n    return text\n      .split(regexp)\n      .filter(Boolean)\n      .map((text) => ({ match: regexp.test(text), text }))\n  }, [text, query])\n\n  return chunks\n}\n\nexport type UseHighlightReturn = ReturnType<typeof useHighlight>\n"],"mappings":";;;AAQA,MAAM,gBAAgB,SACpB,KAAK,QAAQ,yBAAyB,SAAiB,KAAK,MAAM;AAEpE,MAAM,gBAAgB,UAAwC;CAC5D,QAAQ,MAAM,OAAO,OAAO,CAAC,CAAC,KAAK,SAAS,aAAa,KAAK,KAAK,CAAC,CAAC;CAErE,IAAI,MAAM,QAAQ,OAAO,IAAI,OAAO,IAAI,MAAM,KAAK,GAAG,EAAE,IAAI,IAAI;AAClE;AAOA,MAAa,gBAAgB,EAAE,OAAO,WAA8B;CAYlE,QAAA,GAAA,MAAA,QAAA,OAX6B;EAC3B,MAAM,SAAS,cAAA,GAAA,oBAAA,cAAA,QAAA,CAAqB,KAAK,CAAC;EAE1C,IAAI,CAAC,QAAQ,OAAO,CAAC;GAAE,OAAO;GAAO;EAAK,CAAC;EAE3C,OAAO,KACJ,MAAM,MAAM,CAAC,CACb,OAAO,OAAO,CAAC,CACf,KAAK,UAAU;GAAE,OAAO,OAAO,KAAK,IAAI;GAAG;EAAK,EAAE;CACvD,GAAG,CAAC,MAAM,KAAK,CAEH;AACd"}
+{"version":3,"file":"use-highlight.cjs","names":["useMemo"],"sources":["../../../../src/components/highlight/use-highlight.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\n\nexport interface Chunk {\n  match: boolean\n  text: string\n}\n\nconst escapeRegexp = (term: string): string =>\n  term.replace(/[|\\\\{}()[\\]^$+*?.-]/g, (char: string) => `\\\\${char}`)\n\nconst createRegexp = (query: string[]): RegExp | undefined => {\n  query = query.filter(Boolean).map((text) => escapeRegexp(text.trim()))\n\n  if (query.length) return new RegExp(`(${query.join(\"|\")})`, \"ig\")\n}\n\nexport interface UseHighlightProps {\n  query: string | string[]\n  text: string\n}\n\nexport const useHighlight = ({ query, text }: UseHighlightProps) => {\n  const chunks = useMemo(() => {\n    const regexp = createRegexp(toArray(query))\n\n    if (!regexp) return [{ match: false, text }]\n\n    return text\n      .split(regexp)\n      .filter(Boolean)\n      .map((text) => ({ match: regexp.test(text), text }))\n  }, [text, query])\n\n  return chunks\n}\n\nexport type UseHighlightReturn = ReturnType<typeof useHighlight>\n"],"mappings":";;;;AAQA,MAAM,gBAAgB,SACpB,KAAK,QAAQ,yBAAyB,SAAiB,KAAK,MAAM;AAEpE,MAAM,gBAAgB,UAAwC;CAC5D,QAAQ,MAAM,OAAO,OAAO,CAAC,CAAC,KAAK,SAAS,aAAa,KAAK,KAAK,CAAC,CAAC;CAErE,IAAI,MAAM,QAAQ,OAAO,IAAI,OAAO,IAAI,MAAM,KAAK,GAAG,EAAE,IAAI,IAAI;AAClE;AAOA,MAAa,gBAAgB,EAAE,OAAO,WAA8B;CAYlE,QAAA,GAXeA,MAAAA,QAAAA,OAAc;EAC3B,MAAM,SAAS,cAAA,GAAA,oBAAA,cAAa,QAAA,CAAQ,KAAK,CAAC;EAE1C,IAAI,CAAC,QAAQ,OAAO,CAAC;GAAE,OAAO;GAAO;EAAK,CAAC;EAE3C,OAAO,KACJ,MAAM,MAAM,CAAC,CACb,OAAO,OAAO,CAAC,CACf,KAAK,UAAU;GAAE,OAAO,OAAO,KAAK,IAAI;GAAG;EAAK,EAAE;CACvD,GAAG,CAAC,MAAM,KAAK,CAEH;AACd"}

package/dist/cjs/components/hue-slider/hue-slider.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");

package/dist/cjs/components/hue-slider/hue-slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.cjs","names":["createSlotComponent","hueSliderStyle","useI18n","useValue","styled","mergeProps"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n  Required<HueSliderRootProps>,\n  \"max\" | \"min\" | \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n  extends\n    WithoutThemeProps<\n      Omit<\n        Slider.RootProps,\n        | \"betweenThumbs\"\n        | \"marks\"\n        | \"marksProps\"\n        | \"max\"\n        | \"rangeFill\"\n        | \"rangeProps\"\n        | \"thumbFill\"\n        | \"thumbProps\"\n        | \"trackFill\"\n        | \"trackProps\"\n      >,\n      HueSliderStyle\n    >,\n    ThemeProps<HueSliderStyle> {\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 360\n   */\n  max?: number\n  /**\n   * Props for the overlay element.\n   */\n  overlayProps?: HueSliderOverlayProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: HueSliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: HueSliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: HueSliderPropsContext,\n  useComponentContext,\n  usePropsContext: useHueSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n  \"hue-slider\",\n  hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/**\n * `HueSlider` is a component used to allow the user to select a color hue.\n *\n * @see https://yamada-ui.com/docs/components/hue-slider\n */\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n  ({\n    children,\n    max = 360,\n    min = 0,\n    orientation: orientationProp = \"horizontal\",\n    overlayProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }) => {\n    const { t } = useI18n(\"hueSlider\")\n    const orientation = useValue(orientationProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <HueSliderTrack {...trackProps}>\n          <HueSliderThumb {...thumbProps} />\n\n          <HueSliderOverlay {...overlayProps} />\n        </HueSliderTrack>\n      )\n    }, [children, overlayProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({ max, min, orientation }),\n      [max, min, orientation],\n    )\n    const getColorName = useCallback(\n      (hue: number): string => {\n        if (hue < 30 || hue >= 330) return t(\"Red\")\n        if (hue < 90) return t(\"Yellow\")\n        if (hue < 150) return t(\"Green\")\n        if (hue < 210) return t(\"Cyan\")\n        if (hue < 270) return t(\"Blue\")\n        return t(\"Magenta\")\n      },\n      [t],\n    )\n    const getAriaValueText = useCallback(\n      (hue: number) => `${hue}°, ${getColorName(hue)}`,\n      [getColorName],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Slider.Root\n          getAriaValueText={getAriaValueText}\n          max={max}\n          min={min}\n          orientation={orientation}\n          {...rest}\n        >\n          {computedChildren}\n        </Slider.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({\n  \"--thumb-fill\": \"transparent\",\n  \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n  Slider.Track,\n  \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n  /**\n   * The layers used for the overlay element.\n   */\n  layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n  ({ layers, ...rest }) => {\n    const { max, min, orientation } = useComponentContext()\n\n    layers ??= [\n      {\n        bgGradient: `linear(${[\n          orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n          ...Array.from({ length: 7 }).map(\n            (_, index) =>\n              `hsl(${Math.round(min + ((max - min) / 6) * index)}, 100%, 50%)`,\n          ),\n        ].join(\", \")})`,\n        boxShadow: \"inner\",\n      },\n    ]\n\n    return (\n      <>\n        {layers.map((props, index) => (\n          <styled.div\n            key={index}\n            data-orientation={orientation}\n            {...mergeProps(rest, props)()}\n          />\n        ))}\n      </>\n    )\n  },\n  \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n  Slider.Thumb,\n  \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,WAAW;CACjC,MAAM,cAAcC,8BAAAA,SAAS,eAAe;CAC5C,MAAM,oBAAA,GAAA,MAAA,QAAA,OAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAD;GAAgB,GAAI;GAApB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAgB,GAAI,WAAa,CAAA,GAEjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,GAAI,aAAe,CAAA,CACvB;;CAEpB,GAAG;EAAC;EAAU;EAAc;EAAY;CAAU,CAAC;CACnD,MAAM,WAAA,GAAA,MAAA,QAAA,QACG;EAAE;EAAK;EAAK;CAAY,IAC/B;EAAC;EAAK;EAAK;CAAW,CACxB;CACA,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,QAAwB;EACvB,IAAI,MAAM,MAAM,OAAO,KAAK,OAAO,EAAE,KAAK;EAC1C,IAAI,MAAM,IAAI,OAAO,EAAE,QAAQ;EAC/B,IAAI,MAAM,KAAK,OAAO,EAAE,OAAO;EAC/B,IAAI,MAAM,KAAK,OAAO,EAAE,MAAM;EAC9B,IAAI,MAAM,KAAK,OAAO,EAAE,MAAM;EAC9B,OAAO,EAAE,SAAS;CACpB,GACA,CAAC,CAAC,CACJ;CACA,MAAM,oBAAA,GAAA,MAAA,YAAA,EACH,QAAgB,GAAG,IAAI,KAAK,aAAa,GAAG,KAC7C,CAAC,YAAY,CACf;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAA,eAAA,YAAA;GACoB;GACb;GACA;GACQ;GACb,GAAI;GAEH,UAAA;EACU,CAAA;CACG,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;CACA,gBAAgB;CAChB,gBAAgB;AAClB,CAAC;AAID,MAAa,iBAAiB,YAAA,eAAA,aAE5B,OACF,CAAC,CAAC;AASF,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,oBAAoB;CAEtD,WAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,KAAK,EAAE,aACvD,CACF,CAAC,CAAC,KAAK,IAAI,EAAE;EACb,WAAW;CACb,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UACG,OAAO,KAAK,OAAO,UAClB,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EAEE,oBAAkB;EAClB,GAAIC,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC;CAC7B,GAHM,KAGN,CACF,EACD,CAAA;AAEN,GACA,SACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAAA,eAAA,aAE5B,OACF,CAAC,CAAC"}
+{"version":3,"file":"hue-slider.cjs","names":["createSlotComponent","hueSliderStyle","useI18n","useValue","useMemo","useCallback","styled","mergeProps"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n  Required<HueSliderRootProps>,\n  \"max\" | \"min\" | \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n  extends\n    WithoutThemeProps<\n      Omit<\n        Slider.RootProps,\n        | \"betweenThumbs\"\n        | \"marks\"\n        | \"marksProps\"\n        | \"max\"\n        | \"rangeFill\"\n        | \"rangeProps\"\n        | \"thumbFill\"\n        | \"thumbProps\"\n        | \"trackFill\"\n        | \"trackProps\"\n      >,\n      HueSliderStyle\n    >,\n    ThemeProps<HueSliderStyle> {\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 360\n   */\n  max?: number\n  /**\n   * Props for the overlay element.\n   */\n  overlayProps?: HueSliderOverlayProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: HueSliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: HueSliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: HueSliderPropsContext,\n  useComponentContext,\n  usePropsContext: useHueSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n  \"hue-slider\",\n  hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/**\n * `HueSlider` is a component used to allow the user to select a color hue.\n *\n * @see https://yamada-ui.com/docs/components/hue-slider\n */\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n  ({\n    children,\n    max = 360,\n    min = 0,\n    orientation: orientationProp = \"horizontal\",\n    overlayProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }) => {\n    const { t } = useI18n(\"hueSlider\")\n    const orientation = useValue(orientationProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <HueSliderTrack {...trackProps}>\n          <HueSliderThumb {...thumbProps} />\n\n          <HueSliderOverlay {...overlayProps} />\n        </HueSliderTrack>\n      )\n    }, [children, overlayProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({ max, min, orientation }),\n      [max, min, orientation],\n    )\n    const getColorName = useCallback(\n      (hue: number): string => {\n        if (hue < 30 || hue >= 330) return t(\"Red\")\n        if (hue < 90) return t(\"Yellow\")\n        if (hue < 150) return t(\"Green\")\n        if (hue < 210) return t(\"Cyan\")\n        if (hue < 270) return t(\"Blue\")\n        return t(\"Magenta\")\n      },\n      [t],\n    )\n    const getAriaValueText = useCallback(\n      (hue: number) => `${hue}°, ${getColorName(hue)}`,\n      [getColorName],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Slider.Root\n          getAriaValueText={getAriaValueText}\n          max={max}\n          min={min}\n          orientation={orientation}\n          {...rest}\n        >\n          {computedChildren}\n        </Slider.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({\n  \"--thumb-fill\": \"transparent\",\n  \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n  Slider.Track,\n  \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n  /**\n   * The layers used for the overlay element.\n   */\n  layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n  ({ layers, ...rest }) => {\n    const { max, min, orientation } = useComponentContext()\n\n    layers ??= [\n      {\n        bgGradient: `linear(${[\n          orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n          ...Array.from({ length: 7 }).map(\n            (_, index) =>\n              `hsl(${Math.round(min + ((max - min) / 6) * index)}, 100%, 50%)`,\n          ),\n        ].join(\", \")})`,\n        boxShadow: \"inner\",\n      },\n    ]\n\n    return (\n      <>\n        {layers.map((props, index) => (\n          <styled.div\n            key={index}\n            data-orientation={orientation}\n            {...mergeProps(rest, props)()}\n          />\n        ))}\n      </>\n    )\n  },\n  \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n  Slider.Thumb,\n  \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,WAAW;CACjC,MAAM,cAAcC,8BAAAA,SAAS,eAAe;CAC5C,MAAM,oBAAA,GAAmBC,MAAAA,QAAAA,OAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAD;GAAgB,GAAI;GAApB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAgB,GAAI,WAAa,CAAA,GAEjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,GAAI,aAAe,CAAA,CACvB;;CAEpB,GAAG;EAAC;EAAU;EAAc;EAAY;CAAU,CAAC;CACnD,MAAM,WAAA,GAAUA,MAAAA,QAAAA,QACP;EAAE;EAAK;EAAK;CAAY,IAC/B;EAAC;EAAK;EAAK;CAAW,CACxB;CACA,MAAM,gBAAA,GAAeC,MAAAA,YAAAA,EAClB,QAAwB;EACvB,IAAI,MAAM,MAAM,OAAO,KAAK,OAAO,EAAE,KAAK;EAC1C,IAAI,MAAM,IAAI,OAAO,EAAE,QAAQ;EAC/B,IAAI,MAAM,KAAK,OAAO,EAAE,OAAO;EAC/B,IAAI,MAAM,KAAK,OAAO,EAAE,MAAM;EAC9B,IAAI,MAAM,KAAK,OAAO,EAAE,MAAM;EAC9B,OAAO,EAAE,SAAS;CACpB,GACA,CAAC,CAAC,CACJ;CACA,MAAM,oBAAA,GAAmBA,MAAAA,YAAAA,EACtB,QAAgB,GAAG,IAAI,KAAK,aAAa,GAAG,KAC7C,CAAC,YAAY,CACf;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAA,eAAA,YAAA;GACoB;GACb;GACA;GACQ;GACb,GAAI;GAEH,UAAA;EACU,CAAA;CACG,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;CACA,gBAAgB;CAChB,gBAAgB;AAClB,CAAC;AAID,MAAa,iBAAiB,YAAA,eAAA,aAE5B,OACF,CAAC,CAAC;AASF,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,oBAAoB;CAEtD,WAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,KAAK,EAAE,aACvD,CACF,CAAC,CAAC,KAAK,IAAI,EAAE;EACb,WAAW;CACb,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UACG,OAAO,KAAK,OAAO,UAClB,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EAEE,oBAAkB;EAClB,GAAIC,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC;CAC7B,GAHM,KAGN,CACF,EACD,CAAA;AAEN,GACA,SACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAAA,eAAA,aAE5B,OACF,CAAC,CAAC"}

package/dist/cjs/components/icon/icons/index.cjs

@@ -821,7 +821,6 @@ const require_heater_icon = require("./heater-icon.cjs");
 const require_helicopter_icon = require("./helicopter-icon.cjs");
 const require_hexagon_icon = require("./hexagon-icon.cjs");
 const require_highlighter_icon = require("./highlighter-icon.cjs");
-const require_history_icon = require("./history-icon.cjs");
 const require_hop_icon = require("./hop-icon.cjs");
 const require_hop_off_icon = require("./hop-off-icon.cjs");
 const require_hospital_icon = require("./hospital-icon.cjs");
@@ -884,6 +883,7 @@ const require_layers_icon = require("./layers-icon.cjs");
 const require_layers_minus_icon = require("./layers-minus-icon.cjs");
 const require_layers_plus_icon = require("./layers-plus-icon.cjs");
 const require_layout_dashboard_icon = require("./layout-dashboard-icon.cjs");
+const require_layout_freeform_icon = require("./layout-freeform-icon.cjs");
 const require_layout_grid_icon = require("./layout-grid-icon.cjs");
 const require_layout_list_icon = require("./layout-list-icon.cjs");
 const require_layout_panel_left_icon = require("./layout-panel-left-icon.cjs");
@@ -1016,8 +1016,10 @@ const require_message_square_warning_icon = require("./message-square-warning-ic
 const require_message_square_x_icon = require("./message-square-x-icon.cjs");
 const require_messages_square_icon = require("./messages-square-icon.cjs");
 const require_metronome_icon = require("./metronome-icon.cjs");
+const require_mic_audio_lines_icon = require("./mic-audio-lines-icon.cjs");
 const require_mic_icon = require("./mic-icon.cjs");
 const require_mic_off_icon = require("./mic-off-icon.cjs");
+const require_mic_signal_icon = require("./mic-signal-icon.cjs");
 const require_mic_vocal_icon = require("./mic-vocal-icon.cjs");
 const require_microchip_icon = require("./microchip-icon.cjs");
 const require_microscope_icon = require("./microscope-icon.cjs");
@@ -1046,6 +1048,7 @@ const require_monitor_up_icon = require("./monitor-up-icon.cjs");
 const require_monitor_x_icon = require("./monitor-x-icon.cjs");
 const require_moon_icon = require("./moon-icon.cjs");
 const require_moon_star_icon = require("./moon-star-icon.cjs");
+const require_mosque_icon = require("./mosque-icon.cjs");
 const require_motorbike_icon = require("./motorbike-icon.cjs");
 const require_mountain_icon = require("./mountain-icon.cjs");
 const require_mountain_snow_icon = require("./mountain-snow-icon.cjs");
@@ -1191,7 +1194,6 @@ const require_plug_icon = require("./plug-icon.cjs");
 const require_plug_zap_icon = require("./plug-zap-icon.cjs");
 const require_plus_icon = require("./plus-icon.cjs");
 const require_pocket_knife_icon = require("./pocket-knife-icon.cjs");
-const require_podcast_icon = require("./podcast-icon.cjs");
 const require_podium_icon = require("./podium-icon.cjs");
 const require_pointer_icon = require("./pointer-icon.cjs");
 const require_pointer_off_icon = require("./pointer-off-icon.cjs");
@@ -1264,9 +1266,11 @@ const require_rocking_chair_icon = require("./rocking-chair-icon.cjs");
 const require_roller_coaster_icon = require("./roller-coaster-icon.cjs");
 const require_rose_icon = require("./rose-icon.cjs");
 const require_rotate3d_icon = require("./rotate3d-icon.cjs");
+const require_rotate_ccw_clock_icon = require("./rotate-ccw-clock-icon.cjs");
 const require_rotate_ccw_icon = require("./rotate-ccw-icon.cjs");
 const require_rotate_ccw_key_icon = require("./rotate-ccw-key-icon.cjs");
 const require_rotate_ccw_square_icon = require("./rotate-ccw-square-icon.cjs");
+const require_rotate_cw_fading_clock_icon = require("./rotate-cw-fading-clock-icon.cjs");
 const require_rotate_cw_icon = require("./rotate-cw-icon.cjs");
 const require_rotate_cw_square_icon = require("./rotate-cw-square-icon.cjs");
 const require_route_icon = require("./route-icon.cjs");
@@ -1303,6 +1307,7 @@ const require_scan_icon = require("./scan-icon.cjs");
 const require_scan_line_icon = require("./scan-line-icon.cjs");
 const require_scan_qr_code_icon = require("./scan-qr-code-icon.cjs");
 const require_scan_search_icon = require("./scan-search-icon.cjs");
+const require_scan_square_icon = require("./scan-square-icon.cjs");
 const require_scan_text_icon = require("./scan-text-icon.cjs");
 const require_school_icon = require("./school-icon.cjs");
 const require_scissors_icon = require("./scissors-icon.cjs");
@@ -1345,6 +1350,7 @@ const require_shield_cog_icon = require("./shield-cog-icon.cjs");
 const require_shield_ellipsis_icon = require("./shield-ellipsis-icon.cjs");
 const require_shield_half_icon = require("./shield-half-icon.cjs");
 const require_shield_icon = require("./shield-icon.cjs");
+const require_shield_keyhole_icon = require("./shield-keyhole-icon.cjs");
 const require_shield_minus_icon = require("./shield-minus-icon.cjs");
 const require_shield_off_icon = require("./shield-off-icon.cjs");
 const require_shield_plus_icon = require("./shield-plus-icon.cjs");
@@ -1453,6 +1459,7 @@ const require_square_m_icon = require("./square-m-icon.cjs");
 const require_square_menu_icon = require("./square-menu-icon.cjs");
 const require_square_minus_icon = require("./square-minus-icon.cjs");
 const require_square_mouse_pointer_icon = require("./square-mouse-pointer-icon.cjs");
+const require_square_off_icon = require("./square-off-icon.cjs");
 const require_square_parking_icon = require("./square-parking-icon.cjs");
 const require_square_parking_off_icon = require("./square-parking-off-icon.cjs");
 const require_square_pause_icon = require("./square-pause-icon.cjs");
@@ -1660,6 +1667,7 @@ const require_user_round_plus_icon = require("./user-round-plus-icon.cjs");
 const require_user_round_search_icon = require("./user-round-search-icon.cjs");
 const require_user_round_x_icon = require("./user-round-x-icon.cjs");
 const require_user_search_icon = require("./user-search-icon.cjs");
+const require_user_shield_icon = require("./user-shield-icon.cjs");
 const require_user_star_icon = require("./user-star-icon.cjs");
 const require_user_x_icon = require("./user-x-icon.cjs");
 const require_users_icon = require("./users-icon.cjs");
@@ -2571,7 +2579,6 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	HelicopterIcon: () => require_helicopter_icon.HelicopterIcon,
 	HexagonIcon: () => require_hexagon_icon.HexagonIcon,
 	HighlighterIcon: () => require_highlighter_icon.HighlighterIcon,
-	HistoryIcon: () => require_history_icon.HistoryIcon,
 	HopIcon: () => require_hop_icon.HopIcon,
 	HopOffIcon: () => require_hop_off_icon.HopOffIcon,
 	HospitalIcon: () => require_hospital_icon.HospitalIcon,
@@ -2634,6 +2641,7 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	LayersMinusIcon: () => require_layers_minus_icon.LayersMinusIcon,
 	LayersPlusIcon: () => require_layers_plus_icon.LayersPlusIcon,
 	LayoutDashboardIcon: () => require_layout_dashboard_icon.LayoutDashboardIcon,
+	LayoutFreeformIcon: () => require_layout_freeform_icon.LayoutFreeformIcon,
 	LayoutGridIcon: () => require_layout_grid_icon.LayoutGridIcon,
 	LayoutListIcon: () => require_layout_list_icon.LayoutListIcon,
 	LayoutPanelLeftIcon: () => require_layout_panel_left_icon.LayoutPanelLeftIcon,
@@ -2766,8 +2774,10 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	MessageSquareXIcon: () => require_message_square_x_icon.MessageSquareXIcon,
 	MessagesSquareIcon: () => require_messages_square_icon.MessagesSquareIcon,
 	MetronomeIcon: () => require_metronome_icon.MetronomeIcon,
+	MicAudioLinesIcon: () => require_mic_audio_lines_icon.MicAudioLinesIcon,
 	MicIcon: () => require_mic_icon.MicIcon,
 	MicOffIcon: () => require_mic_off_icon.MicOffIcon,
+	MicSignalIcon: () => require_mic_signal_icon.MicSignalIcon,
 	MicVocalIcon: () => require_mic_vocal_icon.MicVocalIcon,
 	MicrochipIcon: () => require_microchip_icon.MicrochipIcon,
 	MicroscopeIcon: () => require_microscope_icon.MicroscopeIcon,
@@ -2796,6 +2806,7 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	MonitorXIcon: () => require_monitor_x_icon.MonitorXIcon,
 	MoonIcon: () => require_moon_icon.MoonIcon,
 	MoonStarIcon: () => require_moon_star_icon.MoonStarIcon,
+	MosqueIcon: () => require_mosque_icon.MosqueIcon,
 	MotorbikeIcon: () => require_motorbike_icon.MotorbikeIcon,
 	MountainIcon: () => require_mountain_icon.MountainIcon,
 	MountainSnowIcon: () => require_mountain_snow_icon.MountainSnowIcon,
@@ -2941,7 +2952,6 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	PlugZapIcon: () => require_plug_zap_icon.PlugZapIcon,
 	PlusIcon: () => require_plus_icon.PlusIcon,
 	PocketKnifeIcon: () => require_pocket_knife_icon.PocketKnifeIcon,
-	PodcastIcon: () => require_podcast_icon.PodcastIcon,
 	PodiumIcon: () => require_podium_icon.PodiumIcon,
 	PointerIcon: () => require_pointer_icon.PointerIcon,
 	PointerOffIcon: () => require_pointer_off_icon.PointerOffIcon,
@@ -3014,9 +3024,11 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	RollerCoasterIcon: () => require_roller_coaster_icon.RollerCoasterIcon,
 	RoseIcon: () => require_rose_icon.RoseIcon,
 	Rotate3dIcon: () => require_rotate3d_icon.Rotate3dIcon,
+	RotateCcwClockIcon: () => require_rotate_ccw_clock_icon.RotateCcwClockIcon,
 	RotateCcwIcon: () => require_rotate_ccw_icon.RotateCcwIcon,
 	RotateCcwKeyIcon: () => require_rotate_ccw_key_icon.RotateCcwKeyIcon,
 	RotateCcwSquareIcon: () => require_rotate_ccw_square_icon.RotateCcwSquareIcon,
+	RotateCwFadingClockIcon: () => require_rotate_cw_fading_clock_icon.RotateCwFadingClockIcon,
 	RotateCwIcon: () => require_rotate_cw_icon.RotateCwIcon,
 	RotateCwSquareIcon: () => require_rotate_cw_square_icon.RotateCwSquareIcon,
 	RouteIcon: () => require_route_icon.RouteIcon,
@@ -3053,6 +3065,7 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ScanLineIcon: () => require_scan_line_icon.ScanLineIcon,
 	ScanQrCodeIcon: () => require_scan_qr_code_icon.ScanQrCodeIcon,
 	ScanSearchIcon: () => require_scan_search_icon.ScanSearchIcon,
+	ScanSquareIcon: () => require_scan_square_icon.ScanSquareIcon,
 	ScanTextIcon: () => require_scan_text_icon.ScanTextIcon,
 	SchoolIcon: () => require_school_icon.SchoolIcon,
 	ScissorsIcon: () => require_scissors_icon.ScissorsIcon,
@@ -3095,6 +3108,7 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ShieldEllipsisIcon: () => require_shield_ellipsis_icon.ShieldEllipsisIcon,
 	ShieldHalfIcon: () => require_shield_half_icon.ShieldHalfIcon,
 	ShieldIcon: () => require_shield_icon.ShieldIcon,
+	ShieldKeyholeIcon: () => require_shield_keyhole_icon.ShieldKeyholeIcon,
 	ShieldMinusIcon: () => require_shield_minus_icon.ShieldMinusIcon,
 	ShieldOffIcon: () => require_shield_off_icon.ShieldOffIcon,
 	ShieldPlusIcon: () => require_shield_plus_icon.ShieldPlusIcon,
@@ -3203,6 +3217,7 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	SquareMenuIcon: () => require_square_menu_icon.SquareMenuIcon,
 	SquareMinusIcon: () => require_square_minus_icon.SquareMinusIcon,
 	SquareMousePointerIcon: () => require_square_mouse_pointer_icon.SquareMousePointerIcon,
+	SquareOffIcon: () => require_square_off_icon.SquareOffIcon,
 	SquareParkingIcon: () => require_square_parking_icon.SquareParkingIcon,
 	SquareParkingOffIcon: () => require_square_parking_off_icon.SquareParkingOffIcon,
 	SquarePauseIcon: () => require_square_pause_icon.SquarePauseIcon,
@@ -3410,6 +3425,7 @@ var icons_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	UserRoundSearchIcon: () => require_user_round_search_icon.UserRoundSearchIcon,
 	UserRoundXIcon: () => require_user_round_x_icon.UserRoundXIcon,
 	UserSearchIcon: () => require_user_search_icon.UserSearchIcon,
+	UserShieldIcon: () => require_user_shield_icon.UserShieldIcon,
 	UserStarIcon: () => require_user_star_icon.UserStarIcon,
 	UserXIcon: () => require_user_x_icon.UserXIcon,
 	UsersIcon: () => require_users_icon.UsersIcon,
@@ -4321,7 +4337,6 @@ exports.HeaterIcon = require_heater_icon.HeaterIcon;
 exports.HelicopterIcon = require_helicopter_icon.HelicopterIcon;
 exports.HexagonIcon = require_hexagon_icon.HexagonIcon;
 exports.HighlighterIcon = require_highlighter_icon.HighlighterIcon;
-exports.HistoryIcon = require_history_icon.HistoryIcon;
 exports.HopIcon = require_hop_icon.HopIcon;
 exports.HopOffIcon = require_hop_off_icon.HopOffIcon;
 exports.HospitalIcon = require_hospital_icon.HospitalIcon;
@@ -4384,6 +4399,7 @@ exports.LayersIcon = require_layers_icon.LayersIcon;
 exports.LayersMinusIcon = require_layers_minus_icon.LayersMinusIcon;
 exports.LayersPlusIcon = require_layers_plus_icon.LayersPlusIcon;
 exports.LayoutDashboardIcon = require_layout_dashboard_icon.LayoutDashboardIcon;
+exports.LayoutFreeformIcon = require_layout_freeform_icon.LayoutFreeformIcon;
 exports.LayoutGridIcon = require_layout_grid_icon.LayoutGridIcon;
 exports.LayoutListIcon = require_layout_list_icon.LayoutListIcon;
 exports.LayoutPanelLeftIcon = require_layout_panel_left_icon.LayoutPanelLeftIcon;
@@ -4516,8 +4532,10 @@ exports.MessageSquareWarningIcon = require_message_square_warning_icon.MessageSq
 exports.MessageSquareXIcon = require_message_square_x_icon.MessageSquareXIcon;
 exports.MessagesSquareIcon = require_messages_square_icon.MessagesSquareIcon;
 exports.MetronomeIcon = require_metronome_icon.MetronomeIcon;
+exports.MicAudioLinesIcon = require_mic_audio_lines_icon.MicAudioLinesIcon;
 exports.MicIcon = require_mic_icon.MicIcon;
 exports.MicOffIcon = require_mic_off_icon.MicOffIcon;
+exports.MicSignalIcon = require_mic_signal_icon.MicSignalIcon;
 exports.MicVocalIcon = require_mic_vocal_icon.MicVocalIcon;
 exports.MicrochipIcon = require_microchip_icon.MicrochipIcon;
 exports.MicroscopeIcon = require_microscope_icon.MicroscopeIcon;
@@ -4546,6 +4564,7 @@ exports.MonitorUpIcon = require_monitor_up_icon.MonitorUpIcon;
 exports.MonitorXIcon = require_monitor_x_icon.MonitorXIcon;
 exports.MoonIcon = require_moon_icon.MoonIcon;
 exports.MoonStarIcon = require_moon_star_icon.MoonStarIcon;
+exports.MosqueIcon = require_mosque_icon.MosqueIcon;
 exports.MotorbikeIcon = require_motorbike_icon.MotorbikeIcon;
 exports.MountainIcon = require_mountain_icon.MountainIcon;
 exports.MountainSnowIcon = require_mountain_snow_icon.MountainSnowIcon;
@@ -4691,7 +4710,6 @@ exports.PlugIcon = require_plug_icon.PlugIcon;
 exports.PlugZapIcon = require_plug_zap_icon.PlugZapIcon;
 exports.PlusIcon = require_plus_icon.PlusIcon;
 exports.PocketKnifeIcon = require_pocket_knife_icon.PocketKnifeIcon;
-exports.PodcastIcon = require_podcast_icon.PodcastIcon;
 exports.PodiumIcon = require_podium_icon.PodiumIcon;
 exports.PointerIcon = require_pointer_icon.PointerIcon;
 exports.PointerOffIcon = require_pointer_off_icon.PointerOffIcon;
@@ -4764,9 +4782,11 @@ exports.RockingChairIcon = require_rocking_chair_icon.RockingChairIcon;
 exports.RollerCoasterIcon = require_roller_coaster_icon.RollerCoasterIcon;
 exports.RoseIcon = require_rose_icon.RoseIcon;
 exports.Rotate3dIcon = require_rotate3d_icon.Rotate3dIcon;
+exports.RotateCcwClockIcon = require_rotate_ccw_clock_icon.RotateCcwClockIcon;
 exports.RotateCcwIcon = require_rotate_ccw_icon.RotateCcwIcon;
 exports.RotateCcwKeyIcon = require_rotate_ccw_key_icon.RotateCcwKeyIcon;
 exports.RotateCcwSquareIcon = require_rotate_ccw_square_icon.RotateCcwSquareIcon;
+exports.RotateCwFadingClockIcon = require_rotate_cw_fading_clock_icon.RotateCwFadingClockIcon;
 exports.RotateCwIcon = require_rotate_cw_icon.RotateCwIcon;
 exports.RotateCwSquareIcon = require_rotate_cw_square_icon.RotateCwSquareIcon;
 exports.RouteIcon = require_route_icon.RouteIcon;
@@ -4803,6 +4823,7 @@ exports.ScanIcon = require_scan_icon.ScanIcon;
 exports.ScanLineIcon = require_scan_line_icon.ScanLineIcon;
 exports.ScanQrCodeIcon = require_scan_qr_code_icon.ScanQrCodeIcon;
 exports.ScanSearchIcon = require_scan_search_icon.ScanSearchIcon;
+exports.ScanSquareIcon = require_scan_square_icon.ScanSquareIcon;
 exports.ScanTextIcon = require_scan_text_icon.ScanTextIcon;
 exports.SchoolIcon = require_school_icon.SchoolIcon;
 exports.ScissorsIcon = require_scissors_icon.ScissorsIcon;
@@ -4845,6 +4866,7 @@ exports.ShieldCogIcon = require_shield_cog_icon.ShieldCogIcon;
 exports.ShieldEllipsisIcon = require_shield_ellipsis_icon.ShieldEllipsisIcon;
 exports.ShieldHalfIcon = require_shield_half_icon.ShieldHalfIcon;
 exports.ShieldIcon = require_shield_icon.ShieldIcon;
+exports.ShieldKeyholeIcon = require_shield_keyhole_icon.ShieldKeyholeIcon;
 exports.ShieldMinusIcon = require_shield_minus_icon.ShieldMinusIcon;
 exports.ShieldOffIcon = require_shield_off_icon.ShieldOffIcon;
 exports.ShieldPlusIcon = require_shield_plus_icon.ShieldPlusIcon;
@@ -4953,6 +4975,7 @@ exports.SquareMIcon = require_square_m_icon.SquareMIcon;
 exports.SquareMenuIcon = require_square_menu_icon.SquareMenuIcon;
 exports.SquareMinusIcon = require_square_minus_icon.SquareMinusIcon;
 exports.SquareMousePointerIcon = require_square_mouse_pointer_icon.SquareMousePointerIcon;
+exports.SquareOffIcon = require_square_off_icon.SquareOffIcon;
 exports.SquareParkingIcon = require_square_parking_icon.SquareParkingIcon;
 exports.SquareParkingOffIcon = require_square_parking_off_icon.SquareParkingOffIcon;
 exports.SquarePauseIcon = require_square_pause_icon.SquarePauseIcon;
@@ -5160,6 +5183,7 @@ exports.UserRoundPlusIcon = require_user_round_plus_icon.UserRoundPlusIcon;
 exports.UserRoundSearchIcon = require_user_round_search_icon.UserRoundSearchIcon;
 exports.UserRoundXIcon = require_user_round_x_icon.UserRoundXIcon;
 exports.UserSearchIcon = require_user_search_icon.UserSearchIcon;
+exports.UserShieldIcon = require_user_shield_icon.UserShieldIcon;
 exports.UserStarIcon = require_user_star_icon.UserStarIcon;
 exports.UserXIcon = require_user_x_icon.UserXIcon;
 exports.UsersIcon = require_users_icon.UsersIcon;