npm - @yamada-ui/react - Versions diffs - 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018 - Mend

@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1876) hide show

package/dist/cjs/components/field/field.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field.cjs","names":["fieldStyle","styled"],"sources":["../../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldStyle } from \"./field.style\"\nimport { isValidElement, useId, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n createContext,\n dataAttr,\n findChild,\n getValidChildren,\n isEmpty,\n omitChildren,\n} from \"../../utils\"\nimport { fieldStyle } from \"./field.style\"\n\nexport interface FieldContext\n extends FieldProps,\n Pick<FieldRootProps, \"replace\"> {\n focused: boolean\n onBlur: () => void\n onFocus: () => void\n id?: string\n errorMessageId?: string\n helperMessageId?: string\n}\n\nexport const [FieldContext, useFieldContext] = createContext<FieldContext>({\n name: \"FieldContext\",\n strict: false,\n})\n\nexport interface FieldProps {\n /*\n If `true`, the field will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n If `true`, the field will be invalid.\n \n @default false\n /\n invalid?: boolean\n /\n If `true`, the field will be readonly.\n \n @default false\n /\n readOnly?: boolean\n /\n If `true`, the field will be required.\n \n @default false\n /\n required?: boolean\n}\n\nexport interface FieldRootProps\n extends HTMLStyledProps,\n ThemeProps<FieldStyle>,\n Pick<FieldLabelProps, \"optionalIndicator\" \| \"requiredIndicator\">,\n FieldProps {\n /\n The field error message to use.\n /\n errorMessage?: ReactNode\n /\n The field helper message to use.\n /\n helperMessage?: ReactNode\n /\n The field label to use.\n /\n label?: ReactNode\n /\n If `true`, switch between helper message and error message using invalid.\n \n @default true\n /\n replace?: boolean\n /\n Props the error message component.\n /\n errorMessageProps?: FieldErrorMessageProps\n /\n Props the helper message component.\n /\n helperMessageProps?: FieldHelperMessageProps\n /\n Props the label component.\n /\n labelProps?: FieldLabelProps\n}\n\nexport const {\n PropsContext: FieldPropsContext,\n usePropsContext: useFieldPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<FieldRootProps, FieldStyle>(\"field\", fieldStyle)\n\n/\n `Field` is a component used to group form elements with label, helper message, error message, etc.\n \n @see https://yamada-ui.com/components/field\n /\nexport const FieldRoot = withProvider<\"div\", FieldRootProps>(\n ({\n id,\n children,\n disabled,\n errorMessage,\n helperMessage,\n invalid,\n label,\n optionalIndicator,\n readOnly,\n replace = true,\n required,\n requiredIndicator,\n errorMessageProps,\n helperMessageProps,\n labelProps,\n ...rest\n }) => {\n const uuid = useId()\n const helperMessageId = useId()\n const errorMessageId = useId()\n const [focused, setFocused] = useState<boolean>(false)\n const validChildren = getValidChildren(children)\n const customLabel = findChild(validChildren, FieldLabel)\n const customHelperMessage = findChild(validChildren, FieldHelperMessage)\n const customErrorMessage = findChild(validChildren, FieldErrorMessage)\n const cloneChildren = !isEmpty(validChildren)\n ? omitChildren(\n validChildren,\n FieldLabel,\n FieldHelperMessage,\n FieldErrorMessage,\n )\n : children\n\n id ??= uuid\n\n const context = useMemo(\n () => ({\n id,\n disabled,\n errorMessageId,\n focused,\n helperMessageId,\n invalid,\n readOnly,\n replace,\n required,\n onBlur: () => setFocused(false),\n onFocus: () => setFocused(true),\n }),\n [\n id,\n disabled,\n focused,\n invalid,\n helperMessageId,\n errorMessageId,\n readOnly,\n replace,\n required,\n ],\n )\n\n return (\n <FieldContext value={context}>\n <styled.div\n data-disabled={dataAttr(disabled)}\n data-focus={dataAttr(focused)}\n data-invalid={dataAttr(invalid)}\n data-readonly={dataAttr(readOnly)}\n {...rest}\n >\n {customLabel \|\|\n (label ? (\n <FieldLabel\n optionalIndicator={optionalIndicator}\n requiredIndicator={requiredIndicator}\n {...labelProps}\n >\n {label}\n </FieldLabel>\n ) : null)}\n\n {cloneChildren}\n\n {customHelperMessage \|\|\n (helperMessage ? (\n <FieldHelperMessage {...helperMessageProps}>\n {helperMessage}\n </FieldHelperMessage>\n ) : null)}\n\n {customErrorMessage \|\|\n (errorMessage ? (\n <FieldErrorMessage {...errorMessageProps}>\n {errorMessage}\n </FieldErrorMessage>\n ) : null)}\n </styled.div>\n </FieldContext>\n )\n },\n \"root\",\n)()\n\nexport interface FieldLabelProps extends HTMLStyledProps<\"label\"> {\n /\n The optional indicator to use.\n /\n optionalIndicator?: ReactNode\n /\n If `true`, the field will be required.\n \n @default false\n /\n required?: boolean\n /\n The required indicator to use.\n /\n requiredIndicator?: ReactNode\n}\n\nexport const FieldLabel = withContext<\"label\", FieldLabelProps>(\n ({\n id,\n htmlFor,\n children,\n optionalIndicator = null,\n required,\n requiredIndicator = null,\n ...rest\n }) => {\n const context = useFieldContext()\n\n required ??= context?.required\n\n return (\n <styled.label\n id={id}\n htmlFor={htmlFor ?? context?.id}\n data-disabled={dataAttr(context?.disabled)}\n data-focus={dataAttr(context?.focused)}\n data-invalid={dataAttr(context?.invalid)}\n data-readonly={dataAttr(context?.readOnly)}\n {...rest}\n >\n {children}\n\n {required ? (\n requiredIndicator ? (\n <FieldRequiredIndicator>{requiredIndicator}</FieldRequiredIndicator>\n ) : (\n <FieldRequiredIndicator />\n )\n ) : (\n optionalIndicator\n )}\n </styled.label>\n )\n },\n \"label\",\n)()\n\ninterface FieldRequiredIndicatorProps extends HTMLStyledProps<\"span\"> {}\n\nconst FieldRequiredIndicator = withContext<\"span\", FieldRequiredIndicatorProps>(\n ({ children, ...rest }) => {\n if (!isValidElement(children)) {\n return (\n <styled.span aria-hidden role=\"presentation\" {...rest}>\n {children ?? <></>}\n </styled.span>\n )\n } else {\n return children\n }\n },\n \"requiredIndicator\",\n)()\n\nexport interface FieldHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldHelperMessage = withContext<\"span\", FieldHelperMessageProps>(\n (props) => {\n const { helperMessageId, invalid, replace } = useFieldContext() ?? {}\n\n if (replace && invalid) return null\n\n return <styled.span id={helperMessageId} {...props} />\n },\n \"helperMessage\",\n)()\n\nexport interface FieldErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldErrorMessage = withContext<\"span\", FieldErrorMessageProps>(\n (props) => {\n const { errorMessageId, invalid } = useFieldContext() ?? {}\n\n if (!invalid) return null\n\n return <styled.span id={errorMessageId} aria-live=\"polite\" {...props} />\n },\n \"errorMessage\",\n)()\n"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAa,CAAC,cAAc,gBAAgB,GAAG,oCAA4B;CACzE,MAAM;CACN,QAAQ;AACT,EAAC;AAkEF,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACA,cACD,GAAG,6DAAgD,SAASA,gDAAW;;;;;;AAOxE,MAAa,YAAY,aACvB,CAAC,EACC,IACA,UACA,UACA,cACA,eACA,SACA,OACA,mBACA,UACA,UAAU,MACV,UACA,mBACA,mBACA,oBACA,WACA,GAAG,MACJ,KAAK;CACJ,MAAM,OAAO,kBAAO;CACpB,MAAM,kBAAkB,kBAAO;CAC/B,MAAM,iBAAiB,kBAAO;CAC9B,MAAM,CAAC,SAAS,WAAW,GAAG,oBAAkB,MAAM;CACtD,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,cAAc,iCAAU,eAAe,WAAW;CACxD,MAAM,sBAAsB,iCAAU,eAAe,mBAAmB;CACxE,MAAM,qBAAqB,iCAAU,eAAe,kBAAkB;CACtE,MAAM,iBAAiB,+CAAQ,cAAc,GACzC,oCACE,eACA,YACA,oBACA,kBACD,GACD;AAEJ,QAAO;CAEP,MAAM,UAAU,mBACd,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,MAAM,WAAW,MAAM;EAC/B,SAAS,MAAM,WAAW,KAAK;CAChC,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;AAED,wBACE,2BAAC;EAAa,OAAO;4BACnB,4BAACC,mCAAO;GACN,iBAAe,gDAAS,SAAS;GACjC,cAAY,gDAAS,QAAQ;GAC7B,gBAAc,gDAAS,QAAQ;GAC/B,iBAAe,gDAAS,SAAS;GACjC,GAAI;;IAEH,gBACE,wBACC,2BAAC;KACoB;KACA;KACnB,GAAI;eAEH;MACU,GACX;IAEL;IAEA,wBACE,gCACC,2BAAC;KAAmB,GAAI;eACrB;MACkB,GACnB;IAEL,uBACE,+BACC,2BAAC;KAAkB,GAAI;eACpB;MACiB,GAClB;;IACK;GACA;AAElB,GACD,OACD,EAAE;AAmBH,MAAa,aAAa,YACxB,CAAC,EACC,IACA,SACA,UACA,oBAAoB,MACpB,UACA,oBAAoB,KACpB,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU,iBAAiB;AAEjC,cAAa,SAAS;AAEtB,wBACE,4BAACA,mCAAO;EACF;EACJ,SAAS,WAAW,SAAS;EAC7B,iBAAe,gDAAS,SAAS,SAAS;EAC1C,cAAY,gDAAS,SAAS,QAAQ;EACtC,gBAAc,gDAAS,SAAS,QAAQ;EACxC,iBAAe,gDAAS,SAAS,SAAS;EAC1C,GAAI;aAEH,UAEA,WACC,oCACE,2BAAC,oCAAwB,oBAA2C,mBAEpE,2BAAC,2BAAyB,GAG5B;GAEW;AAElB,GACD,QACD,EAAE;AAIH,MAAM,yBAAyB,YAC7B,CAAC,EAAE,SAAU,GAAG,MAAM,KAAK;AACzB,MAAK,0BAAe,SAAS,CAC3B,wBACE,2BAACA,mCAAO;EAAK;EAAY,MAAK;EAAe,GAAI;YAC9C,4BAAY,mEAAE,MAAI;GACP;KAGhB,QAAO;AAEV,GACD,oBACD,EAAE;AAIH,MAAa,qBAAqB,YAChC,CAAC,UAAU;CACT,MAAM,EAAE,iBAAiB,SAAS,SAAS,GAAG,iBAAiB,IAAI,CAAE;AAErE,KAAI,WAAW,QAAS,QAAO;AAE/B,wBAAO,2BAACA,mCAAO;EAAK,IAAI;EAAiB,GAAI;GAAS;AACvD,GACD,gBACD,EAAE;AAIH,MAAa,oBAAoB,YAC/B,CAAC,UAAU;CACT,MAAM,EAAE,gBAAgB,SAAS,GAAG,iBAAiB,IAAI,CAAE;AAE3D,MAAK,QAAS,QAAO;AAErB,wBAAO,2BAACA,mCAAO;EAAK,IAAI;EAAgB,aAAU;EAAS,GAAI;GAAS;AACzE,GACD,eACD,EAAE"}
1	+ {"version":3,"file":"field.cjs","names":["fieldStyle","styled"],"sources":["../../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldStyle } from \"./field.style\"\nimport { isValidElement, useId, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n createContext,\n dataAttr,\n findChild,\n getValidChildren,\n isEmpty,\n omitChildren,\n} from \"../../utils\"\nimport { fieldStyle } from \"./field.style\"\n\nexport interface FieldContext\n extends FieldProps,\n Pick<FieldRootProps, \"replace\"> {\n focused: boolean\n onBlur: () => void\n onFocus: () => void\n id?: string\n errorMessageId?: string\n helperMessageId?: string\n}\n\nexport const [FieldContext, useFieldContext] = createContext<FieldContext>({\n name: \"FieldContext\",\n strict: false,\n})\n\nexport interface FieldProps {\n /*\n If `true`, the field will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n If `true`, the field will be invalid.\n \n @default false\n /\n invalid?: boolean\n /\n If `true`, the field will be readonly.\n \n @default false\n /\n readOnly?: boolean\n /\n If `true`, the field will be required.\n \n @default false\n /\n required?: boolean\n}\n\nexport interface FieldRootProps\n extends HTMLStyledProps,\n ThemeProps<FieldStyle>,\n Pick<FieldLabelProps, \"optionalIndicator\" \| \"requiredIndicator\">,\n FieldProps {\n /\n The field error message to use.\n /\n errorMessage?: ReactNode\n /\n The field helper message to use.\n /\n helperMessage?: ReactNode\n /\n The field label to use.\n /\n label?: ReactNode\n /\n If `true`, switch between helper message and error message using invalid.\n \n @default true\n /\n replace?: boolean\n /\n Props the error message component.\n /\n errorMessageProps?: FieldErrorMessageProps\n /\n Props the helper message component.\n /\n helperMessageProps?: FieldHelperMessageProps\n /\n Props the label component.\n /\n labelProps?: FieldLabelProps\n}\n\nexport const {\n PropsContext: FieldPropsContext,\n usePropsContext: useFieldPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<FieldRootProps, FieldStyle>(\"field\", fieldStyle)\n\n/\n `Field` is a component used to group form elements with label, helper message, error message, etc.\n \n @see https://yamada-ui.com/components/field\n /\nexport const FieldRoot = withProvider<\"div\", FieldRootProps>(\n ({\n id,\n children,\n disabled,\n errorMessage,\n helperMessage,\n invalid,\n label,\n optionalIndicator,\n readOnly,\n replace = true,\n required,\n requiredIndicator,\n errorMessageProps,\n helperMessageProps,\n labelProps,\n ...rest\n }) => {\n const uuid = useId()\n const helperMessageId = useId()\n const errorMessageId = useId()\n const [focused, setFocused] = useState<boolean>(false)\n const validChildren = getValidChildren(children)\n const customLabel = findChild(validChildren, FieldLabel)\n const customHelperMessage = findChild(validChildren, FieldHelperMessage)\n const customErrorMessage = findChild(validChildren, FieldErrorMessage)\n const cloneChildren = !isEmpty(validChildren)\n ? omitChildren(\n validChildren,\n FieldLabel,\n FieldHelperMessage,\n FieldErrorMessage,\n )\n : children\n\n id ??= uuid\n\n const context = useMemo(\n () => ({\n id,\n disabled,\n errorMessageId,\n focused,\n helperMessageId,\n invalid,\n readOnly,\n replace,\n required,\n onBlur: () => setFocused(false),\n onFocus: () => setFocused(true),\n }),\n [\n id,\n disabled,\n focused,\n invalid,\n helperMessageId,\n errorMessageId,\n readOnly,\n replace,\n required,\n ],\n )\n\n return (\n <FieldContext value={context}>\n <styled.div\n data-disabled={dataAttr(disabled)}\n data-focus={dataAttr(focused)}\n data-invalid={dataAttr(invalid)}\n data-readonly={dataAttr(readOnly)}\n {...rest}\n >\n {customLabel \|\|\n (label ? (\n <FieldLabel\n optionalIndicator={optionalIndicator}\n requiredIndicator={requiredIndicator}\n {...labelProps}\n >\n {label}\n </FieldLabel>\n ) : null)}\n\n {cloneChildren}\n\n {customHelperMessage \|\|\n (helperMessage ? (\n <FieldHelperMessage {...helperMessageProps}>\n {helperMessage}\n </FieldHelperMessage>\n ) : null)}\n\n {customErrorMessage \|\|\n (errorMessage ? (\n <FieldErrorMessage {...errorMessageProps}>\n {errorMessage}\n </FieldErrorMessage>\n ) : null)}\n </styled.div>\n </FieldContext>\n )\n },\n \"root\",\n)()\n\nexport interface FieldLabelProps extends HTMLStyledProps<\"label\"> {\n /\n The optional indicator to use.\n /\n optionalIndicator?: ReactNode\n /\n If `true`, the field will be required.\n \n @default false\n /\n required?: boolean\n /\n The required indicator to use.\n /\n requiredIndicator?: ReactNode\n}\n\nexport const FieldLabel = withContext<\"label\", FieldLabelProps>(\n ({\n id,\n htmlFor,\n children,\n optionalIndicator = null,\n required,\n requiredIndicator = null,\n ...rest\n }) => {\n const context = useFieldContext()\n\n required ??= context?.required\n\n return (\n <styled.label\n id={id}\n htmlFor={htmlFor ?? context?.id}\n data-disabled={dataAttr(context?.disabled)}\n data-focus={dataAttr(context?.focused)}\n data-invalid={dataAttr(context?.invalid)}\n data-readonly={dataAttr(context?.readOnly)}\n {...rest}\n >\n {children}\n\n {required ? (\n requiredIndicator ? (\n <FieldRequiredIndicator>{requiredIndicator}</FieldRequiredIndicator>\n ) : (\n <FieldRequiredIndicator />\n )\n ) : (\n optionalIndicator\n )}\n </styled.label>\n )\n },\n \"label\",\n)()\n\ninterface FieldRequiredIndicatorProps extends HTMLStyledProps<\"span\"> {}\n\nconst FieldRequiredIndicator = withContext<\"span\", FieldRequiredIndicatorProps>(\n ({ children, ...rest }) => {\n if (!isValidElement(children)) {\n return (\n <styled.span aria-hidden role=\"presentation\" {...rest}>\n {children ?? <></>}\n </styled.span>\n )\n } else {\n return children\n }\n },\n \"requiredIndicator\",\n)()\n\nexport interface FieldHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldHelperMessage = withContext<\"span\", FieldHelperMessageProps>(\n (props) => {\n const { helperMessageId, invalid, replace } = useFieldContext() ?? {}\n\n if (replace && invalid) return null\n\n return <styled.span id={helperMessageId} {...props} />\n },\n \"helperMessage\",\n)()\n\nexport interface FieldErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldErrorMessage = withContext<\"span\", FieldErrorMessageProps>(\n (props) => {\n const { errorMessageId, invalid } = useFieldContext() ?? {}\n\n if (!invalid) return null\n\n return <styled.span id={errorMessageId} aria-live=\"polite\" {...props} />\n },\n \"errorMessage\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAa,CAAC,cAAc,gBAAgB,GAAG,oCAA4B;CACzE,MAAM;CACN,QAAQ;AACT,EAAC;AAkEF,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACA,cACD,GAAG,6DAAgD,SAASA,gDAAW;;;;;;AAOxE,MAAa,YAAY,aACvB,CAAC,EACC,IACA,UACA,UACA,cACA,eACA,SACA,OACA,mBACA,UACA,UAAU,MACV,UACA,mBACA,mBACA,oBACA,WACA,GAAG,MACJ,KAAK;CACJ,MAAM,OAAO,kBAAO;CACpB,MAAM,kBAAkB,kBAAO;CAC/B,MAAM,iBAAiB,kBAAO;CAC9B,MAAM,CAAC,SAAS,WAAW,GAAG,oBAAkB,MAAM;CACtD,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,cAAc,iCAAU,eAAe,WAAW;CACxD,MAAM,sBAAsB,iCAAU,eAAe,mBAAmB;CACxE,MAAM,qBAAqB,iCAAU,eAAe,kBAAkB;CACtE,MAAM,iBAAiB,uCAAQ,cAAc,GACzC,oCACE,eACA,YACA,oBACA,kBACD,GACD;AAEJ,QAAO;CAEP,MAAM,UAAU,mBACd,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,MAAM,WAAW,MAAM;EAC/B,SAAS,MAAM,WAAW,KAAK;CAChC,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;AAED,wBACE,2BAAC;EAAa,OAAO;4BACnB,4BAACC,mCAAO;GACN,iBAAe,kCAAS,SAAS;GACjC,cAAY,kCAAS,QAAQ;GAC7B,gBAAc,kCAAS,QAAQ;GAC/B,iBAAe,kCAAS,SAAS;GACjC,GAAI;;IAEH,gBACE,wBACC,2BAAC;KACoB;KACA;KACnB,GAAI;eAEH;MACU,GACX;IAEL;IAEA,wBACE,gCACC,2BAAC;KAAmB,GAAI;eACrB;MACkB,GACnB;IAEL,uBACE,+BACC,2BAAC;KAAkB,GAAI;eACpB;MACiB,GAClB;;IACK;GACA;AAElB,GACD,OACD,EAAE;AAmBH,MAAa,aAAa,YACxB,CAAC,EACC,IACA,SACA,UACA,oBAAoB,MACpB,UACA,oBAAoB,KACpB,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU,iBAAiB;AAEjC,cAAa,SAAS;AAEtB,wBACE,4BAACA,mCAAO;EACF;EACJ,SAAS,WAAW,SAAS;EAC7B,iBAAe,kCAAS,SAAS,SAAS;EAC1C,cAAY,kCAAS,SAAS,QAAQ;EACtC,gBAAc,kCAAS,SAAS,QAAQ;EACxC,iBAAe,kCAAS,SAAS,SAAS;EAC1C,GAAI;aAEH,UAEA,WACC,oCACE,2BAAC,oCAAwB,oBAA2C,mBAEpE,2BAAC,2BAAyB,GAG5B;GAEW;AAElB,GACD,QACD,EAAE;AAIH,MAAM,yBAAyB,YAC7B,CAAC,EAAE,SAAU,GAAG,MAAM,KAAK;AACzB,MAAK,0BAAe,SAAS,CAC3B,wBACE,2BAACA,mCAAO;EAAK;EAAY,MAAK;EAAe,GAAI;YAC9C,4BAAY,mEAAE,MAAI;GACP;KAGhB,QAAO;AAEV,GACD,oBACD,EAAE;AAIH,MAAa,qBAAqB,YAChC,CAAC,UAAU;CACT,MAAM,EAAE,iBAAiB,SAAS,SAAS,GAAG,iBAAiB,IAAI,CAAE;AAErE,KAAI,WAAW,QAAS,QAAO;AAE/B,wBAAO,2BAACA,mCAAO;EAAK,IAAI;EAAiB,GAAI;GAAS;AACvD,GACD,gBACD,EAAE;AAIH,MAAa,oBAAoB,YAC/B,CAAC,UAAU;CACT,MAAM,EAAE,gBAAgB,SAAS,GAAG,iBAAiB,IAAI,CAAE;AAE3D,MAAK,QAAS,QAAO;AAErB,wBAAO,2BAACA,mCAAO;EAAK,IAAI;EAAgB,aAAU;EAAS,GAAI;GAAS;AACzE,GACD,eACD,EAAE"}

package/dist/cjs/components/field/use-field-props.cjs CHANGED Viewed

@@ -2,7 +2,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
+const require_utils_common_string = require('../../utils/common/string.cjs');
 const require_core_system_environment_provider = require('../../core/system/environment-provider.cjs');
 const require_components_field_field = require('./field.cjs');
 const require_components_fieldset_fieldset = require('../fieldset/fieldset.cjs');
@@ -35,10 +37,10 @@ const useFieldProps = ({ id, "aria-describedby": ariaDescribedby, disabled, inva
 		ariaDescribedby
 	]);
 	const dataProps = (0, react.useMemo)(() => ({
-		"data-disabled": (0, require_utils_index.utils_exports.dataAttr)(disabled),
-		"data-invalid": (0, require_utils_index.utils_exports.dataAttr)(invalid),
-		"data-readonly": (0, require_utils_index.utils_exports.dataAttr)(readOnly),
-		"data-required": (0, require_utils_index.utils_exports.dataAttr)(required)
+		"data-disabled": require_utils_common_dom.dataAttr(disabled),
+		"data-invalid": require_utils_common_dom.dataAttr(invalid),
+		"data-readonly": require_utils_common_dom.dataAttr(readOnly),
+		"data-required": require_utils_common_dom.dataAttr(required)
 	}), [
 		disabled,
 		invalid,
@@ -51,11 +53,11 @@ const useFieldProps = ({ id, "aria-describedby": ariaDescribedby, disabled, inva
 		const errorMessageId = invalid && hasErrorMessage ? fieldContext.errorMessageId : void 0;
 		const helperMessageId = (!fieldContext?.replace || !invalid) && hasHelperMessage ? fieldContext.helperMessageId : void 0;
 		return {
-			"aria-describedby": (0, require_utils_index.utils_exports.cx)(errorMessageId, helperMessageId, ariaDescribedby),
-			"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(notSupportReadOnly ? readOnly || disabled : disabled),
-			"aria-invalid": (0, require_utils_index.utils_exports.ariaAttr)(invalid),
-			"aria-readonly": notSupportReadOnly ? void 0 : (0, require_utils_index.utils_exports.ariaAttr)(readOnly),
-			"aria-required": (0, require_utils_index.utils_exports.ariaAttr)(required)
+			"aria-describedby": require_utils_common_string.cx(errorMessageId, helperMessageId, ariaDescribedby),
+			"aria-disabled": require_utils_common_dom.ariaAttr(notSupportReadOnly ? readOnly || disabled : disabled),
+			"aria-invalid": require_utils_common_dom.ariaAttr(invalid),
+			"aria-readonly": notSupportReadOnly ? void 0 : require_utils_common_dom.ariaAttr(readOnly),
+			"aria-required": require_utils_common_dom.ariaAttr(required)
 		};
 	}, [
 		fieldContext,
@@ -68,8 +70,8 @@ const useFieldProps = ({ id, "aria-describedby": ariaDescribedby, disabled, inva
 		required
 	]);
 	const eventProps = (0, react.useMemo)(() => ({
-		onBlur: (0, require_utils_index.utils_exports.handlerAll)(fieldContext?.onBlur, onBlur),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(fieldContext?.onFocus, onFocus)
+		onBlur: require_utils_common_function.handlerAll(fieldContext?.onBlur, onBlur),
+		onFocus: require_utils_common_function.handlerAll(fieldContext?.onFocus, onFocus)
 	}), [
 		fieldContext?.onBlur,
 		fieldContext?.onFocus,

package/dist/cjs/components/field/use-field-props.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-field-props.cjs","names":[],"sources":["../../../../src/components/field/use-field-props.ts"],"sourcesContent":["\"use client\"\n\nimport type { FocusEventHandler } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"./field\"\nimport { useMemo } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { ariaAttr, cx, dataAttr, handlerAll } from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFieldContext } from \"./field\"\n\nexport interface UseFieldProps<Y extends HTMLElement> extends FieldProps {\n id?: string\n notSupportReadOnly?: boolean\n onBlur?: FocusEventHandler<Y>\n onFocus?: FocusEventHandler<Y>\n}\n\nexport const useFieldProps = <Y extends HTMLElement, M extends Dict>(\n {\n id,\n \"aria-describedby\": ariaDescribedby,\n disabled,\n invalid,\n notSupportReadOnly,\n readOnly,\n required,\n onBlur,\n onFocus,\n ...rest\n }: M & UseFieldProps<Y> = {} as M & UseFieldProps<Y>,\n) => {\n const { getDocument } = useEnvironment()\n const fieldsetContext = useFieldsetContext()\n const fieldContext = useFieldContext()\n\n id ??= fieldContext?.id\n disabled ??= fieldContext?.disabled ?? fieldsetContext?.disabled\n required ??= fieldContext?.required\n readOnly ??= fieldContext?.readOnly\n invalid ??= fieldContext?.invalid ?? fieldsetContext?.invalid\n\n const props = useMemo(\n () => ({\n id,\n \"aria-describedby\": ariaDescribedby,\n disabled,\n readOnly: notSupportReadOnly ? undefined : readOnly,\n required,\n ...rest,\n }),\n [\n id,\n disabled,\n readOnly,\n required,\n rest,\n notSupportReadOnly,\n ariaDescribedby,\n ],\n )\n const dataProps = useMemo(\n () => ({\n \"data-disabled\": dataAttr(disabled),\n \"data-invalid\": dataAttr(invalid),\n \"data-readonly\": dataAttr(readOnly),\n \"data-required\": dataAttr(required),\n }),\n [disabled, invalid, readOnly, required],\n )\n const ariaProps = useMemo(() => {\n const hasErrorMessage =\n !!fieldContext?.errorMessageId &&\n !!getDocument()?.getElementById(fieldContext.errorMessageId)\n const hasHelperMessage =\n !!fieldContext?.helperMessageId &&\n !!getDocument()?.getElementById(fieldContext.helperMessageId)\n const errorMessageId =\n invalid && hasErrorMessage ? fieldContext.errorMessageId : undefined\n const helperMessageId =\n (!fieldContext?.replace \|\| !invalid) && hasHelperMessage\n ? fieldContext.helperMessageId\n : undefined\n\n return {\n \"aria-describedby\": cx(errorMessageId, helperMessageId, ariaDescribedby),\n \"aria-disabled\": ariaAttr(\n notSupportReadOnly ? readOnly \|\| disabled : disabled,\n ),\n \"aria-invalid\": ariaAttr(invalid),\n \"aria-readonly\": notSupportReadOnly ? undefined : ariaAttr(readOnly),\n \"aria-required\": ariaAttr(required),\n }\n }, [\n fieldContext,\n getDocument,\n invalid,\n ariaDescribedby,\n notSupportReadOnly,\n readOnly,\n disabled,\n required,\n ])\n const eventProps = useMemo(\n () => ({\n onBlur: handlerAll(fieldContext?.onBlur, onBlur),\n onFocus: handlerAll(fieldContext?.onFocus, onFocus),\n }),\n [fieldContext?.onBlur, fieldContext?.onFocus, onBlur, onFocus],\n )\n\n return {\n context: fieldContext,\n props,\n ariaProps,\n dataProps,\n eventProps,\n }\n}\n"],"mappings":"~~;;;;;;;;;;;~~AAkBA,MAAa,gBAAgB,CAC3B,EACE,IACA,oBAAoB,iBACpB,UACA,SACA,oBACA,UACA,UACA,QACA,QACA,GAAG,MACkB,GAAG,CAAE,MACzB;CACH,MAAM,EAAE,aAAa,GAAG,yDAAgB;CACxC,MAAM,kBAAkB,yDAAoB;CAC5C,MAAM,eAAe,gDAAiB;AAEtC,QAAO,cAAc;AACrB,cAAa,cAAc,YAAY,iBAAiB;AACxD,cAAa,cAAc;AAC3B,cAAa,cAAc;AAC3B,aAAY,cAAc,WAAW,iBAAiB;CAEtD,MAAM,QAAQ,mBACZ,OAAO;EACL;EACA,oBAAoB;EACpB;EACA,UAAU,8BAAiC;EAC3C;EACA,GAAG;CACJ,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CACD,MAAM,YAAY,mBAChB,OAAO;EACL,iBAAiB,~~gDAAS~~,SAAS;EACnC,gBAAgB,~~gDAAS~~,QAAQ;EACjC,iBAAiB,~~gDAAS~~,SAAS;EACnC,iBAAiB,~~gDAAS~~,SAAS;CACpC,IACD;EAAC;EAAU;EAAS;EAAU;CAAS,EACxC;CACD,MAAM,YAAY,mBAAQ,MAAM;EAC9B,MAAM,oBACF,cAAc,oBACd,aAAa,EAAE,eAAe,aAAa,eAAe;EAC9D,MAAM,qBACF,cAAc,qBACd,aAAa,EAAE,eAAe,aAAa,gBAAgB;EAC/D,MAAM,iBACJ,WAAW,kBAAkB,aAAa;EAC5C,MAAM,oBACF,cAAc,YAAY,YAAY,mBACpC,aAAa;AAGnB,SAAO;GACL,oBAAoB,~~0CAAG,~~gBAAgB,iBAAiB,gBAAgB;GACxE,iBAAiB,~~gDACf~~,qBAAqB,YAAY,WAAW,SAC7C;GACD,gBAAgB,~~gDAAS~~,QAAQ;GACjC,iBAAiB,8BAAiC,~~gDAAS~~,SAAS;GACpE,iBAAiB,~~gDAAS~~,SAAS;EACpC;CACF,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CACF,MAAM,aAAa,mBACjB,OAAO;EACL,QAAQ,~~kDAAW~~,cAAc,QAAQ,OAAO;EAChD,SAAS,~~kDAAW~~,cAAc,SAAS,QAAQ;CACpD,IACD;EAAC,cAAc;EAAQ,cAAc;EAAS;EAAQ;CAAQ,EAC/D;AAED,QAAO;EACL,SAAS;EACT;EACA;EACA;EACA;CACD;AACF"}
1	+ {"version":3,"file":"use-field-props.cjs","names":[],"sources":["../../../../src/components/field/use-field-props.ts"],"sourcesContent":["\"use client\"\n\nimport type { FocusEventHandler } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"./field\"\nimport { useMemo } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { ariaAttr, cx, dataAttr, handlerAll } from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFieldContext } from \"./field\"\n\nexport interface UseFieldProps<Y extends HTMLElement> extends FieldProps {\n id?: string\n notSupportReadOnly?: boolean\n onBlur?: FocusEventHandler<Y>\n onFocus?: FocusEventHandler<Y>\n}\n\nexport const useFieldProps = <Y extends HTMLElement, M extends Dict>(\n {\n id,\n \"aria-describedby\": ariaDescribedby,\n disabled,\n invalid,\n notSupportReadOnly,\n readOnly,\n required,\n onBlur,\n onFocus,\n ...rest\n }: M & UseFieldProps<Y> = {} as M & UseFieldProps<Y>,\n) => {\n const { getDocument } = useEnvironment()\n const fieldsetContext = useFieldsetContext()\n const fieldContext = useFieldContext()\n\n id ??= fieldContext?.id\n disabled ??= fieldContext?.disabled ?? fieldsetContext?.disabled\n required ??= fieldContext?.required\n readOnly ??= fieldContext?.readOnly\n invalid ??= fieldContext?.invalid ?? fieldsetContext?.invalid\n\n const props = useMemo(\n () => ({\n id,\n \"aria-describedby\": ariaDescribedby,\n disabled,\n readOnly: notSupportReadOnly ? undefined : readOnly,\n required,\n ...rest,\n }),\n [\n id,\n disabled,\n readOnly,\n required,\n rest,\n notSupportReadOnly,\n ariaDescribedby,\n ],\n )\n const dataProps = useMemo(\n () => ({\n \"data-disabled\": dataAttr(disabled),\n \"data-invalid\": dataAttr(invalid),\n \"data-readonly\": dataAttr(readOnly),\n \"data-required\": dataAttr(required),\n }),\n [disabled, invalid, readOnly, required],\n )\n const ariaProps = useMemo(() => {\n const hasErrorMessage =\n !!fieldContext?.errorMessageId &&\n !!getDocument()?.getElementById(fieldContext.errorMessageId)\n const hasHelperMessage =\n !!fieldContext?.helperMessageId &&\n !!getDocument()?.getElementById(fieldContext.helperMessageId)\n const errorMessageId =\n invalid && hasErrorMessage ? fieldContext.errorMessageId : undefined\n const helperMessageId =\n (!fieldContext?.replace \|\| !invalid) && hasHelperMessage\n ? fieldContext.helperMessageId\n : undefined\n\n return {\n \"aria-describedby\": cx(errorMessageId, helperMessageId, ariaDescribedby),\n \"aria-disabled\": ariaAttr(\n notSupportReadOnly ? readOnly \|\| disabled : disabled,\n ),\n \"aria-invalid\": ariaAttr(invalid),\n \"aria-readonly\": notSupportReadOnly ? undefined : ariaAttr(readOnly),\n \"aria-required\": ariaAttr(required),\n }\n }, [\n fieldContext,\n getDocument,\n invalid,\n ariaDescribedby,\n notSupportReadOnly,\n readOnly,\n disabled,\n required,\n ])\n const eventProps = useMemo(\n () => ({\n onBlur: handlerAll(fieldContext?.onBlur, onBlur),\n onFocus: handlerAll(fieldContext?.onFocus, onFocus),\n }),\n [fieldContext?.onBlur, fieldContext?.onFocus, onBlur, onFocus],\n )\n\n return {\n context: fieldContext,\n props,\n ariaProps,\n dataProps,\n eventProps,\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAa,gBAAgB,CAC3B,EACE,IACA,oBAAoB,iBACpB,UACA,SACA,oBACA,UACA,UACA,QACA,QACA,GAAG,MACkB,GAAG,CAAE,MACzB;CACH,MAAM,EAAE,aAAa,GAAG,yDAAgB;CACxC,MAAM,kBAAkB,yDAAoB;CAC5C,MAAM,eAAe,gDAAiB;AAEtC,QAAO,cAAc;AACrB,cAAa,cAAc,YAAY,iBAAiB;AACxD,cAAa,cAAc;AAC3B,cAAa,cAAc;AAC3B,aAAY,cAAc,WAAW,iBAAiB;CAEtD,MAAM,QAAQ,mBACZ,OAAO;EACL;EACA,oBAAoB;EACpB;EACA,UAAU,8BAAiC;EAC3C;EACA,GAAG;CACJ,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CACD,MAAM,YAAY,mBAChB,OAAO;EACL,iBAAiB,kCAAS,SAAS;EACnC,gBAAgB,kCAAS,QAAQ;EACjC,iBAAiB,kCAAS,SAAS;EACnC,iBAAiB,kCAAS,SAAS;CACpC,IACD;EAAC;EAAU;EAAS;EAAU;CAAS,EACxC;CACD,MAAM,YAAY,mBAAQ,MAAM;EAC9B,MAAM,oBACF,cAAc,oBACd,aAAa,EAAE,eAAe,aAAa,eAAe;EAC9D,MAAM,qBACF,cAAc,qBACd,aAAa,EAAE,eAAe,aAAa,gBAAgB;EAC/D,MAAM,iBACJ,WAAW,kBAAkB,aAAa;EAC5C,MAAM,oBACF,cAAc,YAAY,YAAY,mBACpC,aAAa;AAGnB,SAAO;GACL,oBAAoB,+BAAG,gBAAgB,iBAAiB,gBAAgB;GACxE,iBAAiB,kCACf,qBAAqB,YAAY,WAAW,SAC7C;GACD,gBAAgB,kCAAS,QAAQ;GACjC,iBAAiB,8BAAiC,kCAAS,SAAS;GACpE,iBAAiB,kCAAS,SAAS;EACpC;CACF,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CACF,MAAM,aAAa,mBACjB,OAAO;EACL,QAAQ,yCAAW,cAAc,QAAQ,OAAO;EAChD,SAAS,yCAAW,cAAc,SAAS,QAAQ;CACpD,IACD;EAAC,cAAc;EAAQ,cAAc;EAAS;EAAQ;CAAQ,EAC/D;AAED,QAAO;EACL,SAAS;EACT;EACA;EACA;EACA;CACD;AACF"}

package/dist/cjs/components/fieldset/fieldset.cjs CHANGED Viewed

@@ -4,7 +4,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
 const require_utils_context = require('../../utils/context.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_fieldset_fieldset_style = require('./fieldset.style.cjs');
@@ -30,7 +31,7 @@ const FieldsetRoot = withProvider(({ id, children, disabled, errorMessage, helpe
 	const customContent = require_utils_children.findChild(validChildren, FieldsetContent);
 	const customHelperMessage = require_utils_children.findChild(validChildren, FieldsetHelperMessage);
 	const customErrorMessage = require_utils_children.findChild(validChildren, FieldsetErrorMessage);
-	const cloneChildren = !(0, require_utils_index.utils_exports.isEmpty)(validChildren) ? require_utils_children.omitChildren(validChildren, FieldsetLegend, FieldsetHeader, FieldsetContent, FieldsetHelperMessage, FieldsetErrorMessage) : children;
+	const cloneChildren = !require_utils_common_assertion.isEmpty(validChildren) ? require_utils_children.omitChildren(validChildren, FieldsetLegend, FieldsetHeader, FieldsetContent, FieldsetHelperMessage, FieldsetErrorMessage) : children;
 	id ??= uuid;
 	const context = (0, react.useMemo)(() => ({
 		id,
@@ -72,8 +73,8 @@ const FieldsetLegend = withContext("legend", "legend")(void 0, (props) => {
 	const { id, disabled, invalid } = useFieldsetContext() ?? {};
 	return {
 		id,
-		"data-disabled": (0, require_utils_index.utils_exports.dataAttr)(disabled),
-		"data-invalid": (0, require_utils_index.utils_exports.dataAttr)(invalid),
+		"data-disabled": require_utils_common_dom.dataAttr(disabled),
+		"data-invalid": require_utils_common_dom.dataAttr(invalid),
 		...props
 	};
 });

package/dist/cjs/components/fieldset/fieldset.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fieldset.cjs","names":["fieldsetStyle","styled"],"sources":["../../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldsetStyle } from \"./fieldset.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n createContext,\n dataAttr,\n findChild,\n getValidChildren,\n isEmpty,\n omitChildren,\n} from \"../../utils\"\nimport { fieldsetStyle } from \"./fieldset.style\"\n\nexport interface FieldsetContext\n extends Pick<FieldsetRootProps, \"disabled\" \| \"invalid\"> {\n id?: string\n}\n\nexport const [FieldsetContext, useFieldsetContext] =\n createContext<FieldsetContext>({\n name: \"FieldsetContext\",\n strict: false,\n })\n\nexport interface FieldsetRootProps\n extends HTMLStyledProps<\"fieldset\">,\n ThemeProps<FieldsetStyle> {\n /*\n If `true`, the fieldset will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The fieldset error message to use.\n /\n errorMessage?: ReactNode\n /\n The fieldset helper message to use.\n /\n helperMessage?: ReactNode\n /\n If `true`, the fieldset will be invalid.\n \n @default false\n /\n invalid?: boolean\n /\n The fieldset legend to use.\n /\n legend?: ReactNode\n /\n Props the content component.\n /\n contentProps?: FieldsetContentProps\n /\n Props the error message component.\n /\n errorMessageProps?: FieldsetErrorMessageProps\n /\n Props the header component.\n /\n headerProps?: FieldsetHeaderProps\n /\n Props the helper message component.\n /\n helperMessageProps?: FieldsetHelperMessageProps\n /\n Props the legend component.\n /\n legendProps?: FieldsetLegendProps\n}\n\nexport const {\n PropsContext: FieldsetPropsContext,\n usePropsContext: useFieldsetPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<FieldsetRootProps, FieldsetStyle, FieldsetContext>(\n \"fieldset\",\n fieldsetStyle,\n)\n\n/\n `Fieldset` is a component used to group multiple controls.\n \n @see https://yamada-ui.com/components/fieldset\n */\nexport const FieldsetRoot = withProvider<\"fieldset\", FieldsetRootProps>(\n ({\n id,\n children,\n disabled,\n errorMessage,\n helperMessage,\n invalid,\n legend,\n contentProps,\n errorMessageProps,\n headerProps,\n helperMessageProps,\n legendProps,\n ...rest\n }) => {\n const uuid = useId()\n const validChildren = getValidChildren(children)\n const customLegend = findChild(validChildren, FieldsetLegend)\n const customHeader = findChild(validChildren, FieldsetHeader)\n const customContent = findChild(validChildren, FieldsetContent)\n const customHelperMessage = findChild(validChildren, FieldsetHelperMessage)\n const customErrorMessage = findChild(validChildren, FieldsetErrorMessage)\n const cloneChildren = !isEmpty(validChildren)\n ? omitChildren(\n validChildren,\n FieldsetLegend,\n FieldsetHeader,\n FieldsetContent,\n FieldsetHelperMessage,\n FieldsetErrorMessage,\n )\n : children\n\n id ??= uuid\n\n const context = useMemo(\n () => ({\n id,\n disabled,\n invalid,\n }),\n [id, disabled, invalid],\n )\n\n return (\n <FieldsetContext value={context}>\n <styled.fieldset {...rest}>\n {customHeader \|\| (\n <FieldsetHeader {...headerProps}>\n {customLegend \|\|\n (legend ? (\n <FieldsetLegend {...legendProps}>{legend}</FieldsetLegend>\n ) : null)}\n\n {customHelperMessage \|\|\n (helperMessage ? (\n <FieldsetHelperMessage {...helperMessageProps}>\n {helperMessage}\n </FieldsetHelperMessage>\n ) : null)}\n </FieldsetHeader>\n )}\n\n {customContent \|\| (\n <FieldsetContent {...contentProps}>{cloneChildren}</FieldsetContent>\n )}\n\n {customErrorMessage \|\|\n (errorMessage ? (\n <FieldsetErrorMessage {...errorMessageProps}>\n {errorMessage}\n </FieldsetErrorMessage>\n ) : null)}\n </styled.fieldset>\n </FieldsetContext>\n )\n },\n \"root\",\n)()\n\nexport interface FieldsetLegendProps extends HTMLStyledProps<\"legend\"> {}\n\nexport const FieldsetLegend = withContext<\"legend\", FieldsetLegendProps>(\n \"legend\",\n \"legend\",\n)(undefined, (props) => {\n const { id, disabled, invalid } = useFieldsetContext() ?? {}\n\n return {\n id,\n \"data-disabled\": dataAttr(disabled),\n \"data-invalid\": dataAttr(invalid),\n ...props,\n }\n})\n\nexport interface FieldsetHeaderProps extends HTMLStyledProps {}\n\nexport const FieldsetHeader = withContext<\"div\", FieldsetHeaderProps>(\n \"div\",\n \"header\",\n)()\n\nexport interface FieldsetContentProps extends HTMLStyledProps {}\n\nexport const FieldsetContent = withContext<\"div\", FieldsetContentProps>(\n \"div\",\n \"content\",\n)()\n\nexport interface FieldsetHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetHelperMessage = withContext<\n \"span\",\n FieldsetHelperMessageProps\n>(\"span\", \"helperMessage\")(undefined, (props) => {\n const { id } = useFieldsetContext() ?? {}\n\n return { \"aria-describedby\": id, ...props }\n})\n\nexport interface FieldsetErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetErrorMessage = withContext<\n \"span\",\n FieldsetErrorMessageProps\n>((props) => {\n const { invalid } = useFieldsetContext() ?? {}\n\n if (!invalid) return null\n\n return <styled.span aria-live=\"polite\" {...props} />\n}, \"errorMessage\")()\n"],"mappings":"~~;;;;;;;;;;;;;;~~AAsBA,MAAa,CAAC,iBAAiB,mBAAmB,GAChD,oCAA+B;CAC7B,MAAM;CACN,QAAQ;AACT,EAAC;AAmDJ,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACD,GAAG,6DACF,YACAA,yDACD;;;;;;AAOD,MAAa,eAAe,aAC1B,CAAC,EACC,IACA,UACA,UACA,cACA,eACA,SACA,QACA,cACA,mBACA,aACA,oBACA,YACA,GAAG,MACJ,KAAK;CACJ,MAAM,OAAO,kBAAO;CACpB,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,eAAe,iCAAU,eAAe,eAAe;CAC7D,MAAM,eAAe,iCAAU,eAAe,eAAe;CAC7D,MAAM,gBAAgB,iCAAU,eAAe,gBAAgB;CAC/D,MAAM,sBAAsB,iCAAU,eAAe,sBAAsB;CAC3E,MAAM,qBAAqB,iCAAU,eAAe,qBAAqB;CACzE,MAAM,iBAAiB~~,+CAAQ~~,cAAc,GACzC,oCACE,eACA,gBACA,gBACA,iBACA,uBACA,qBACD,GACD;AAEJ,QAAO;CAEP,MAAM,UAAU,mBACd,OAAO;EACL;EACA;EACA;CACD,IACD;EAAC;EAAI;EAAU;CAAQ,EACxB;AAED,wBACE,2BAAC;EAAgB,OAAO;4BACtB,4BAACC,mCAAO;GAAS,GAAI;;IAClB,gCACC,4BAAC;KAAe,GAAI;gBACjB,iBACE,yBACC,2BAAC;MAAe,GAAI;gBAAc;OAAwB,GACxD,OAEL,wBACE,gCACC,2BAAC;MAAsB,GAAI;gBACxB;OACqB,GACtB;MACS;IAGlB,iCACC,2BAAC;KAAgB,GAAI;eAAe;MAAgC;IAGrE,uBACE,+BACC,2BAAC;KAAqB,GAAI;eACvB;MACoB,GACrB;;IACU;GACF;AAErB,GACD,OACD,EAAE;AAIH,MAAa,iBAAiB,YAC5B,UACA,SACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,IAAI,UAAU,SAAS,GAAG,oBAAoB,IAAI,CAAE;AAE5D,QAAO;EACL;EACA,iBAAiB,~~gDAAS~~,SAAS;EACnC,gBAAgB,~~gDAAS~~,QAAQ;EACjC,GAAG;CACJ;AACF,EAAC;AAIF,MAAa,iBAAiB,YAC5B,OACA,SACD,EAAE;AAIH,MAAa,kBAAkB,YAC7B,OACA,UACD,EAAE;AAIH,MAAa,wBAAwB,YAGnC,QAAQ,gBAAgB,SAAY,CAAC,UAAU;CAC/C,MAAM,EAAE,IAAI,GAAG,oBAAoB,IAAI,CAAE;AAEzC,QAAO;EAAE,oBAAoB;EAAI,GAAG;CAAO;AAC5C,EAAC;AAIF,MAAa,uBAAuB,YAGlC,CAAC,UAAU;CACX,MAAM,EAAE,SAAS,GAAG,oBAAoB,IAAI,CAAE;AAE9C,MAAK,QAAS,QAAO;AAErB,wBAAO,2BAACA,mCAAO;EAAK,aAAU;EAAS,GAAI;GAAS;AACrD,GAAE,eAAe,EAAE"}
1	+ {"version":3,"file":"fieldset.cjs","names":["fieldsetStyle","styled"],"sources":["../../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldsetStyle } from \"./fieldset.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n createContext,\n dataAttr,\n findChild,\n getValidChildren,\n isEmpty,\n omitChildren,\n} from \"../../utils\"\nimport { fieldsetStyle } from \"./fieldset.style\"\n\nexport interface FieldsetContext\n extends Pick<FieldsetRootProps, \"disabled\" \| \"invalid\"> {\n id?: string\n}\n\nexport const [FieldsetContext, useFieldsetContext] =\n createContext<FieldsetContext>({\n name: \"FieldsetContext\",\n strict: false,\n })\n\nexport interface FieldsetRootProps\n extends HTMLStyledProps<\"fieldset\">,\n ThemeProps<FieldsetStyle> {\n /*\n If `true`, the fieldset will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The fieldset error message to use.\n /\n errorMessage?: ReactNode\n /\n The fieldset helper message to use.\n /\n helperMessage?: ReactNode\n /\n If `true`, the fieldset will be invalid.\n \n @default false\n /\n invalid?: boolean\n /\n The fieldset legend to use.\n /\n legend?: ReactNode\n /\n Props the content component.\n /\n contentProps?: FieldsetContentProps\n /\n Props the error message component.\n /\n errorMessageProps?: FieldsetErrorMessageProps\n /\n Props the header component.\n /\n headerProps?: FieldsetHeaderProps\n /\n Props the helper message component.\n /\n helperMessageProps?: FieldsetHelperMessageProps\n /\n Props the legend component.\n /\n legendProps?: FieldsetLegendProps\n}\n\nexport const {\n PropsContext: FieldsetPropsContext,\n usePropsContext: useFieldsetPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<FieldsetRootProps, FieldsetStyle, FieldsetContext>(\n \"fieldset\",\n fieldsetStyle,\n)\n\n/\n `Fieldset` is a component used to group multiple controls.\n \n @see https://yamada-ui.com/components/fieldset\n */\nexport const FieldsetRoot = withProvider<\"fieldset\", FieldsetRootProps>(\n ({\n id,\n children,\n disabled,\n errorMessage,\n helperMessage,\n invalid,\n legend,\n contentProps,\n errorMessageProps,\n headerProps,\n helperMessageProps,\n legendProps,\n ...rest\n }) => {\n const uuid = useId()\n const validChildren = getValidChildren(children)\n const customLegend = findChild(validChildren, FieldsetLegend)\n const customHeader = findChild(validChildren, FieldsetHeader)\n const customContent = findChild(validChildren, FieldsetContent)\n const customHelperMessage = findChild(validChildren, FieldsetHelperMessage)\n const customErrorMessage = findChild(validChildren, FieldsetErrorMessage)\n const cloneChildren = !isEmpty(validChildren)\n ? omitChildren(\n validChildren,\n FieldsetLegend,\n FieldsetHeader,\n FieldsetContent,\n FieldsetHelperMessage,\n FieldsetErrorMessage,\n )\n : children\n\n id ??= uuid\n\n const context = useMemo(\n () => ({\n id,\n disabled,\n invalid,\n }),\n [id, disabled, invalid],\n )\n\n return (\n <FieldsetContext value={context}>\n <styled.fieldset {...rest}>\n {customHeader \|\| (\n <FieldsetHeader {...headerProps}>\n {customLegend \|\|\n (legend ? (\n <FieldsetLegend {...legendProps}>{legend}</FieldsetLegend>\n ) : null)}\n\n {customHelperMessage \|\|\n (helperMessage ? (\n <FieldsetHelperMessage {...helperMessageProps}>\n {helperMessage}\n </FieldsetHelperMessage>\n ) : null)}\n </FieldsetHeader>\n )}\n\n {customContent \|\| (\n <FieldsetContent {...contentProps}>{cloneChildren}</FieldsetContent>\n )}\n\n {customErrorMessage \|\|\n (errorMessage ? (\n <FieldsetErrorMessage {...errorMessageProps}>\n {errorMessage}\n </FieldsetErrorMessage>\n ) : null)}\n </styled.fieldset>\n </FieldsetContext>\n )\n },\n \"root\",\n)()\n\nexport interface FieldsetLegendProps extends HTMLStyledProps<\"legend\"> {}\n\nexport const FieldsetLegend = withContext<\"legend\", FieldsetLegendProps>(\n \"legend\",\n \"legend\",\n)(undefined, (props) => {\n const { id, disabled, invalid } = useFieldsetContext() ?? {}\n\n return {\n id,\n \"data-disabled\": dataAttr(disabled),\n \"data-invalid\": dataAttr(invalid),\n ...props,\n }\n})\n\nexport interface FieldsetHeaderProps extends HTMLStyledProps {}\n\nexport const FieldsetHeader = withContext<\"div\", FieldsetHeaderProps>(\n \"div\",\n \"header\",\n)()\n\nexport interface FieldsetContentProps extends HTMLStyledProps {}\n\nexport const FieldsetContent = withContext<\"div\", FieldsetContentProps>(\n \"div\",\n \"content\",\n)()\n\nexport interface FieldsetHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetHelperMessage = withContext<\n \"span\",\n FieldsetHelperMessageProps\n>(\"span\", \"helperMessage\")(undefined, (props) => {\n const { id } = useFieldsetContext() ?? {}\n\n return { \"aria-describedby\": id, ...props }\n})\n\nexport interface FieldsetErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetErrorMessage = withContext<\n \"span\",\n FieldsetErrorMessageProps\n>((props) => {\n const { invalid } = useFieldsetContext() ?? {}\n\n if (!invalid) return null\n\n return <styled.span aria-live=\"polite\" {...props} />\n}, \"errorMessage\")()\n"],"mappings":";;;;;;;;;;;;;;;AAsBA,MAAa,CAAC,iBAAiB,mBAAmB,GAChD,oCAA+B;CAC7B,MAAM;CACN,QAAQ;AACT,EAAC;AAmDJ,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACD,GAAG,6DACF,YACAA,yDACD;;;;;;AAOD,MAAa,eAAe,aAC1B,CAAC,EACC,IACA,UACA,UACA,cACA,eACA,SACA,QACA,cACA,mBACA,aACA,oBACA,YACA,GAAG,MACJ,KAAK;CACJ,MAAM,OAAO,kBAAO;CACpB,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,eAAe,iCAAU,eAAe,eAAe;CAC7D,MAAM,eAAe,iCAAU,eAAe,eAAe;CAC7D,MAAM,gBAAgB,iCAAU,eAAe,gBAAgB;CAC/D,MAAM,sBAAsB,iCAAU,eAAe,sBAAsB;CAC3E,MAAM,qBAAqB,iCAAU,eAAe,qBAAqB;CACzE,MAAM,iBAAiB,uCAAQ,cAAc,GACzC,oCACE,eACA,gBACA,gBACA,iBACA,uBACA,qBACD,GACD;AAEJ,QAAO;CAEP,MAAM,UAAU,mBACd,OAAO;EACL;EACA;EACA;CACD,IACD;EAAC;EAAI;EAAU;CAAQ,EACxB;AAED,wBACE,2BAAC;EAAgB,OAAO;4BACtB,4BAACC,mCAAO;GAAS,GAAI;;IAClB,gCACC,4BAAC;KAAe,GAAI;gBACjB,iBACE,yBACC,2BAAC;MAAe,GAAI;gBAAc;OAAwB,GACxD,OAEL,wBACE,gCACC,2BAAC;MAAsB,GAAI;gBACxB;OACqB,GACtB;MACS;IAGlB,iCACC,2BAAC;KAAgB,GAAI;eAAe;MAAgC;IAGrE,uBACE,+BACC,2BAAC;KAAqB,GAAI;eACvB;MACoB,GACrB;;IACU;GACF;AAErB,GACD,OACD,EAAE;AAIH,MAAa,iBAAiB,YAC5B,UACA,SACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,IAAI,UAAU,SAAS,GAAG,oBAAoB,IAAI,CAAE;AAE5D,QAAO;EACL;EACA,iBAAiB,kCAAS,SAAS;EACnC,gBAAgB,kCAAS,QAAQ;EACjC,GAAG;CACJ;AACF,EAAC;AAIF,MAAa,iBAAiB,YAC5B,OACA,SACD,EAAE;AAIH,MAAa,kBAAkB,YAC7B,OACA,UACD,EAAE;AAIH,MAAa,wBAAwB,YAGnC,QAAQ,gBAAgB,SAAY,CAAC,UAAU;CAC/C,MAAM,EAAE,IAAI,GAAG,oBAAoB,IAAI,CAAE;AAEzC,QAAO;EAAE,oBAAoB;EAAI,GAAG;CAAO;AAC5C,EAAC;AAIF,MAAa,uBAAuB,YAGlC,CAAC,UAAU;CACX,MAAM,EAAE,SAAS,GAAG,oBAAoB,IAAI,CAAE;AAE9C,MAAK,QAAS,QAAO;AAErB,wBAAO,2BAACA,mCAAO;EAAK,aAAU;EAAS,GAAI;GAAS;AACrD,GAAE,eAAe,EAAE"}

package/dist/cjs/components/file-button/use-file-button.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_components_file_input_use_file_input = require('../file-input/use-file-input.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -11,7 +11,7 @@ const useFileButton = (props = {}) => {
 	const { interactive, clickableProps, getInputProps } = require_components_file_input_use_file_input.useFileInput(props);
 	const getButtonProps = (0, react.useCallback)((props$1) => ({
 		...clickableProps,
-		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(!interactive),
+		"aria-disabled": require_utils_common_dom.ariaAttr(!interactive),
 		tabIndex: interactive ? clickableProps.tabIndex : -1,
 		...props$1
 	}), [clickableProps, interactive]);

package/dist/cjs/components/file-button/use-file-button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-file-button.cjs","names":["props: UseFileButtonProps","getButtonProps: PropGetter<\"button\">","props"],"sources":["../../../../src/components/file-button/use-file-button.ts"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseFileInputProps } from \"../file-input\"\nimport { useCallback } from \"react\"\nimport { ariaAttr } from \"../../utils\"\nimport { useFileInput } from \"../file-input\"\n\nexport interface UseFileButtonProps\n extends UseFileInputProps<\"button\">,\n FieldProps {}\n\nexport const useFileButton = (props: UseFileButtonProps = {}) => {\n const { interactive, clickableProps, getInputProps } =\n useFileInput<\"button\">(props)\n\n const getButtonProps: PropGetter<\"button\"> = useCallback(\n (props) => ({\n ...clickableProps,\n \"aria-disabled\": ariaAttr(!interactive),\n tabIndex: interactive ? clickableProps.tabIndex : -1,\n ...props,\n }),\n [clickableProps, interactive],\n )\n\n return {\n clickableProps,\n getButtonProps,\n getInputProps,\n }\n}\n\nexport type UseFileButtonReturn = ReturnType<typeof useFileButton>\n"],"mappings":";;;;;;;;;AAaA,MAAa,gBAAgB,CAACA,QAA4B,CAAE,MAAK;CAC/D,MAAM,EAAE,aAAa,gBAAgB,eAAe,GAClD,0DAAuB,MAAM;CAE/B,MAAMC,iBAAuC,uBAC3C,CAACC,aAAW;EACV,GAAG;EACH,iBAAiB,~~iDAAU~~,YAAY;EACvC,UAAU,cAAc,eAAe,WAAW;EAClD,GAAGA;CACJ,IACD,CAAC,gBAAgB,WAAY,EAC9B;AAED,QAAO;EACL;EACA;EACA;CACD;AACF"}
1	+ {"version":3,"file":"use-file-button.cjs","names":["props: UseFileButtonProps","getButtonProps: PropGetter<\"button\">","props"],"sources":["../../../../src/components/file-button/use-file-button.ts"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseFileInputProps } from \"../file-input\"\nimport { useCallback } from \"react\"\nimport { ariaAttr } from \"../../utils\"\nimport { useFileInput } from \"../file-input\"\n\nexport interface UseFileButtonProps\n extends UseFileInputProps<\"button\">,\n FieldProps {}\n\nexport const useFileButton = (props: UseFileButtonProps = {}) => {\n const { interactive, clickableProps, getInputProps } =\n useFileInput<\"button\">(props)\n\n const getButtonProps: PropGetter<\"button\"> = useCallback(\n (props) => ({\n ...clickableProps,\n \"aria-disabled\": ariaAttr(!interactive),\n tabIndex: interactive ? clickableProps.tabIndex : -1,\n ...props,\n }),\n [clickableProps, interactive],\n )\n\n return {\n clickableProps,\n getButtonProps,\n getInputProps,\n }\n}\n\nexport type UseFileButtonReturn = ReturnType<typeof useFileButton>\n"],"mappings":";;;;;;;;;AAaA,MAAa,gBAAgB,CAACA,QAA4B,CAAE,MAAK;CAC/D,MAAM,EAAE,aAAa,gBAAgB,eAAe,GAClD,0DAAuB,MAAM;CAE/B,MAAMC,iBAAuC,uBAC3C,CAACC,aAAW;EACV,GAAG;EACH,iBAAiB,mCAAU,YAAY;EACvC,UAAU,cAAc,eAAe,WAAW;EAClD,GAAGA;CACJ,IACD,CAAC,gBAAgB,WAAY,EAC9B;AAED,QAAO;EACL;EACA;EACA;CACD;AACF"}

package/dist/cjs/components/file-input/use-file-input.cjs CHANGED Viewed

@@ -4,7 +4,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_dom = require('../../utils/dom.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_components_field_use_field_props = require('../field/use-field-props.cjs');
 const require_hooks_use_clickable_index = require('../../hooks/use-clickable/index.cjs');
@@ -30,7 +32,7 @@ const useFileInput = (props) => {
 		setValues(void 0);
 	}, [setValues]);
 	const onChange = (0, react.useCallback)((ev) => {
-		const files = !(0, require_utils_index.utils_exports.isNull)(ev.currentTarget.files) ? Array.from(ev.currentTarget.files) : void 0;
+		const files = !require_utils_common_assertion.isNull(ev.currentTarget.files) ? Array.from(ev.currentTarget.files) : void 0;
 		setValues(files?.length ? files : void 0);
 	}, [setValues]);
 	const clickableProps = require_hooks_use_clickable_index.useClickable({
@@ -39,7 +41,7 @@ const useFileInput = (props) => {
 		...rest,
 		disabled,
 		focusOnClick: interactive,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(onClickProp, onClick)
+		onClick: require_utils_common_function.handlerAll(onClickProp, onClick)
 	});
 	require_utils_ref.assignRef(resetRef, onReset);
 	const getInputProps = (0, react.useCallback)((props$1 = {}) => ({
@@ -57,7 +59,7 @@ const useFileInput = (props) => {
 		required,
 		...props$1,
 		ref: require_utils_ref.mergeRefs(inputRef, props$1.ref, ref),
-		onChange: (0, require_utils_index.utils_exports.handlerAll)(props$1.onChange, onChange)
+		onChange: require_utils_common_function.handlerAll(props$1.onChange, onChange)
 	}), [
 		required,
 		ariaProps,
@@ -73,7 +75,7 @@ const useFileInput = (props) => {
 		onChange
 	]);
 	const getFieldProps = (0, react.useCallback)((props$1 = {}) => ({
-		"data-placeholder": (0, require_utils_index.utils_exports.dataAttr)(!count),
+		"data-placeholder": require_utils_common_dom.dataAttr(!count),
 		...clickableProps,
 		tabIndex: interactive ? 0 : clickableProps.tabIndex,
 		...props$1

package/dist/cjs/components/file-input/use-file-input.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-file-input.cjs","names":["props: UseFileInputProps<Y>","ev: ChangeEvent<HTMLInputElement>","getInputProps: PropGetter<\"input\">","props","visuallyHiddenAttributes","getFieldProps: PropGetter"],"sources":["../../../../src/components/file-input/use-file-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n assignRef,\n dataAttr,\n handlerAll,\n isNull,\n mergeRefs,\n visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport type UseFileInputProps<Y extends \"button\" \| \"input\" = \"input\"> =\n FieldProps &\n Omit<HTMLProps<Y>, \"defaultValue\" \| \"onChange\" \| \"ref\" \| \"value\"> &\n Pick<HTMLProps<\"input\">, \"accept\" \| \"multiple\" \| \"ref\"> & {\n /*\n The initial value of the file input.\n /\n defaultValue?: File[]\n /\n Ref to a reset function.\n /\n resetRef?: RefObject<(() => void) \| null>\n /\n The value of the file input.\n /\n value?: File[]\n /\n Function to be called when a file change event occurs.\n */\n onChange?: (files: File[] \| undefined) => void\n }\n\nexport const useFileInput = <Y extends \"button\" \| \"input\" = \"input\">(\n props: UseFileInputProps<Y>,\n) => {\n const {\n props: {\n id,\n ref,\n form,\n name,\n accept,\n defaultValue,\n disabled,\n multiple,\n readOnly,\n required,\n resetRef,\n value,\n onChange: onChangeProp,\n onClick: onClickProp,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps<HTMLElement, UseFileInputProps<Y>>(props)\n const interactive = !(readOnly \|\| disabled)\n const inputRef = useRef<HTMLInputElement>(null)\n const [values, setValues] = useControllableState<File[] \| undefined>({\n defaultValue,\n value,\n onChange: onChangeProp,\n })\n const count = values?.length ?? 0\n\n const onClick = useCallback(() => {\n if (!interactive) return\n\n inputRef.current?.click()\n }, [interactive])\n\n const onReset = useCallback(() => {\n if (inputRef.current) inputRef.current.value = \"\"\n\n setValues(undefined)\n }, [setValues])\n\n const onChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n const files = !isNull(ev.currentTarget.files)\n ? Array.from(ev.currentTarget.files)\n : undefined\n\n setValues(files?.length ? files : undefined)\n },\n [setValues],\n )\n\n const clickableProps = useClickable<HTMLElement, Dict>({\n ...dataProps,\n ...eventProps,\n ...rest,\n disabled,\n focusOnClick: interactive,\n onClick: handlerAll(onClickProp, onClick),\n })\n\n assignRef(resetRef, onReset)\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n (props = {}) => ({\n ...visuallyHiddenAttributes,\n ...ariaProps,\n ...dataProps,\n id,\n form,\n type: \"file\",\n name,\n accept,\n disabled,\n multiple,\n readOnly,\n required,\n ...props,\n ref: mergeRefs(inputRef, props.ref, ref),\n onChange: handlerAll(props.onChange, onChange),\n }),\n [\n required,\n ariaProps,\n dataProps,\n id,\n form,\n name,\n accept,\n disabled,\n multiple,\n readOnly,\n ref,\n onChange,\n ],\n )\n\n const getFieldProps: PropGetter = useCallback(\n (props = {}) => ({\n \"data-placeholder\": dataAttr(!count),\n ...clickableProps,\n tabIndex: interactive ? 0 : clickableProps.tabIndex,\n ...props,\n }),\n [clickableProps, count, interactive],\n )\n\n return {\n disabled,\n interactive,\n readOnly,\n required,\n values,\n clickableProps,\n getFieldProps,\n getInputProps,\n }\n}\n\nexport type UseFileInputReturn = ReturnType<typeof useFileInput>\n"],"mappings":"~~;;;;;;;;;;;;;~~AAyCA,MAAa,eAAe,CAC1BA,UACG;CACH,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,MACA,QACA,cACA,UACA,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,SAAS,YACT,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,uDAAiD,MAAM;CAC3D,MAAM,gBAAgB,YAAY;CAClC,MAAM,WAAW,kBAAyB,KAAK;CAC/C,MAAM,CAAC,QAAQ,UAAU,GAAG,gEAAyC;EACnE;EACA;EACA,UAAU;CACX,EAAC;CACF,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,UAAU,uBAAY,MAAM;AAChC,OAAK,YAAa;AAElB,WAAS,SAAS,OAAO;CAC1B,GAAE,CAAC,WAAY,EAAC;CAEjB,MAAM,UAAU,uBAAY,MAAM;AAChC,MAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAE/C,mBAAoB;CACrB,GAAE,CAAC,SAAU,EAAC;CAEf,MAAM,WAAW,uBACf,CAACC,OAAsC;EACrC,MAAM,SAAS,~~8CAAO~~,GAAG,cAAc,MAAM,GACzC,MAAM,KAAK,GAAG,cAAc,MAAM;AAGtC,YAAU,OAAO,SAAS,eAAkB;CAC7C,GACD,CAAC,SAAU,EACZ;CAED,MAAM,iBAAiB,+CAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA,cAAc;EACd,SAAS,~~kDAAW~~,aAAa,QAAQ;CAC1C,EAAC;AAEF,6BAAU,UAAU,QAAQ;CAE5B,MAAMC,gBAAqC,uBACzC,CAACC,UAAQ,CAAE,OAAM;EACf,GAAGC;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGD;EACH,KAAK,4BAAU,UAAUA,QAAM,KAAK,IAAI;EACxC,UAAU,~~kDAAWA~~,QAAM,UAAU,SAAS;CAC/C,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAME,gBAA4B,uBAChC,CAACF,UAAQ,CAAE,OAAM;EACf,oBAAoB,~~iDAAU~~,MAAM;EACpC,GAAG;EACH,UAAU,cAAc,IAAI,eAAe;EAC3C,GAAGA;CACJ,IACD;EAAC;EAAgB;EAAO;CAAY,EACrC;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}
1	+ {"version":3,"file":"use-file-input.cjs","names":["props: UseFileInputProps<Y>","ev: ChangeEvent<HTMLInputElement>","getInputProps: PropGetter<\"input\">","props","visuallyHiddenAttributes","getFieldProps: PropGetter"],"sources":["../../../../src/components/file-input/use-file-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n assignRef,\n dataAttr,\n handlerAll,\n isNull,\n mergeRefs,\n visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport type UseFileInputProps<Y extends \"button\" \| \"input\" = \"input\"> =\n FieldProps &\n Omit<HTMLProps<Y>, \"defaultValue\" \| \"onChange\" \| \"ref\" \| \"value\"> &\n Pick<HTMLProps<\"input\">, \"accept\" \| \"multiple\" \| \"ref\"> & {\n /*\n The initial value of the file input.\n /\n defaultValue?: File[]\n /\n Ref to a reset function.\n /\n resetRef?: RefObject<(() => void) \| null>\n /\n The value of the file input.\n /\n value?: File[]\n /\n Function to be called when a file change event occurs.\n */\n onChange?: (files: File[] \| undefined) => void\n }\n\nexport const useFileInput = <Y extends \"button\" \| \"input\" = \"input\">(\n props: UseFileInputProps<Y>,\n) => {\n const {\n props: {\n id,\n ref,\n form,\n name,\n accept,\n defaultValue,\n disabled,\n multiple,\n readOnly,\n required,\n resetRef,\n value,\n onChange: onChangeProp,\n onClick: onClickProp,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps<HTMLElement, UseFileInputProps<Y>>(props)\n const interactive = !(readOnly \|\| disabled)\n const inputRef = useRef<HTMLInputElement>(null)\n const [values, setValues] = useControllableState<File[] \| undefined>({\n defaultValue,\n value,\n onChange: onChangeProp,\n })\n const count = values?.length ?? 0\n\n const onClick = useCallback(() => {\n if (!interactive) return\n\n inputRef.current?.click()\n }, [interactive])\n\n const onReset = useCallback(() => {\n if (inputRef.current) inputRef.current.value = \"\"\n\n setValues(undefined)\n }, [setValues])\n\n const onChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n const files = !isNull(ev.currentTarget.files)\n ? Array.from(ev.currentTarget.files)\n : undefined\n\n setValues(files?.length ? files : undefined)\n },\n [setValues],\n )\n\n const clickableProps = useClickable<HTMLElement, Dict>({\n ...dataProps,\n ...eventProps,\n ...rest,\n disabled,\n focusOnClick: interactive,\n onClick: handlerAll(onClickProp, onClick),\n })\n\n assignRef(resetRef, onReset)\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n (props = {}) => ({\n ...visuallyHiddenAttributes,\n ...ariaProps,\n ...dataProps,\n id,\n form,\n type: \"file\",\n name,\n accept,\n disabled,\n multiple,\n readOnly,\n required,\n ...props,\n ref: mergeRefs(inputRef, props.ref, ref),\n onChange: handlerAll(props.onChange, onChange),\n }),\n [\n required,\n ariaProps,\n dataProps,\n id,\n form,\n name,\n accept,\n disabled,\n multiple,\n readOnly,\n ref,\n onChange,\n ],\n )\n\n const getFieldProps: PropGetter = useCallback(\n (props = {}) => ({\n \"data-placeholder\": dataAttr(!count),\n ...clickableProps,\n tabIndex: interactive ? 0 : clickableProps.tabIndex,\n ...props,\n }),\n [clickableProps, count, interactive],\n )\n\n return {\n disabled,\n interactive,\n readOnly,\n required,\n values,\n clickableProps,\n getFieldProps,\n getInputProps,\n }\n}\n\nexport type UseFileInputReturn = ReturnType<typeof useFileInput>\n"],"mappings":";;;;;;;;;;;;;;;AAyCA,MAAa,eAAe,CAC1BA,UACG;CACH,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,MACA,QACA,cACA,UACA,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,SAAS,YACT,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,uDAAiD,MAAM;CAC3D,MAAM,gBAAgB,YAAY;CAClC,MAAM,WAAW,kBAAyB,KAAK;CAC/C,MAAM,CAAC,QAAQ,UAAU,GAAG,gEAAyC;EACnE;EACA;EACA,UAAU;CACX,EAAC;CACF,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,UAAU,uBAAY,MAAM;AAChC,OAAK,YAAa;AAElB,WAAS,SAAS,OAAO;CAC1B,GAAE,CAAC,WAAY,EAAC;CAEjB,MAAM,UAAU,uBAAY,MAAM;AAChC,MAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAE/C,mBAAoB;CACrB,GAAE,CAAC,SAAU,EAAC;CAEf,MAAM,WAAW,uBACf,CAACC,OAAsC;EACrC,MAAM,SAAS,sCAAO,GAAG,cAAc,MAAM,GACzC,MAAM,KAAK,GAAG,cAAc,MAAM;AAGtC,YAAU,OAAO,SAAS,eAAkB;CAC7C,GACD,CAAC,SAAU,EACZ;CAED,MAAM,iBAAiB,+CAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA,cAAc;EACd,SAAS,yCAAW,aAAa,QAAQ;CAC1C,EAAC;AAEF,6BAAU,UAAU,QAAQ;CAE5B,MAAMC,gBAAqC,uBACzC,CAACC,UAAQ,CAAE,OAAM;EACf,GAAGC;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGD;EACH,KAAK,4BAAU,UAAUA,QAAM,KAAK,IAAI;EACxC,UAAU,yCAAWA,QAAM,UAAU,SAAS;CAC/C,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAME,gBAA4B,uBAChC,CAACF,UAAQ,CAAE,OAAM;EACf,oBAAoB,mCAAU,MAAM;EACpC,GAAG;EACH,UAAU,cAAc,IAAI,eAAe;EAC3C,GAAGA;CACJ,IACD;EAAC;EAAgB;EAAO;CAAY,EACrC;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}

package/dist/cjs/components/flip/flip.cjs CHANGED Viewed

@@ -3,7 +3,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_effect = require('../../utils/effect.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_motion_factory = require('../motion/factory.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
@@ -53,12 +54,12 @@ const Flip = withProvider(({ defaultValue = "from", delay = 0, disabled, duratio
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_motion_factory.motion.button, {
 		type: "button",
 		style,
-		"data-disabled": (0, require_utils_index.utils_exports.dataAttr)(disabled),
+		"data-disabled": require_utils_common_dom.dataAttr(disabled),
 		"data-orientation": orientation,
-		"data-readonly": (0, require_utils_index.utils_exports.dataAttr)(readOnly),
+		"data-readonly": require_utils_common_dom.dataAttr(readOnly),
 		"data-value": value,
 		disabled,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(onClickProp, onClick),
+		onClick: require_utils_common_function.handlerAll(onClickProp, onClick),
 		...rest,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlipFrom, {
 			ref: fromRef,

package/dist/cjs/components/flip/flip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flip.cjs","names":["flipVariants: Variants","flipStyle","from","to","motion"],"sources":["../../../../src/components/flip/flip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, Orientation, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { FlipStyle } from \"./flip.style\"\nimport { useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll, useSafeLayoutEffect } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { flipStyle } from \"./flip.style\"\n\nconst flipVariants: Variants = {\n enter: ({ ident, orientation, visible }) => ({\n [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n ident === \"from\" ? (visible ? 180 : 0) : visible ? 0 : 180,\n }),\n exit: ({ ident, orientation }) => ({\n [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n ident === \"from\" ? 0 : 180,\n }),\n}\n\ninterface Rect {\n height?: number\n width?: number\n}\n\nexport interface FlipProps\n extends Omit<HTMLMotionProps<\"button\">, \"onChange\">,\n ThemeProps<FlipStyle> {\n /*\n Passing React elements to \"from\" is required.\n /\n from: ReactNode\n /\n Passing React elements to \"to\" is required.\n /\n to: ReactNode\n /\n You can set the initial state.\n \n @default 'from'\n /\n defaultValue?: KeyframeIdent\n /\n 　The animation delay.\n \n @default 0\n /\n delay?: number\n /\n If `true`, the component is disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The animation duration.\n \n @default 0.4\n /\n duration?: number\n /\n The orientation of the flip effect. Determines whether the flip occurs horizontally or vertically.\n \n @default 'horizontal'\n /\n orientation?: Orientation\n /\n If `true`, the component is readonly.\n \n @default false\n /\n readOnly?: boolean\n /\n Use this when you want to control the animation from outside the component.\n /\n value?: KeyframeIdent\n /\n This is a callback function that is called when the animation state changes.\n /\n onChange?: (value: KeyframeIdent) => void\n}\n\nexport const {\n PropsContext: FlipPropsContext,\n usePropsContext: useFlipPropsContext,\n useStyleContext,\n withContext,\n withProvider,\n} = createSlotComponent<FlipProps, FlipStyle>(\"flip\", flipStyle)\n\n/\n `Flip` is an animation component that alternates between flipping two elements.\n \n @see https://yamada-ui.com/components/flip\n */\nexport const Flip = withProvider(\n ({\n defaultValue = \"from\",\n delay = 0,\n disabled,\n duration = 0.4,\n from,\n orientation = \"horizontal\",\n readOnly,\n to,\n transition = {},\n value: valueProp,\n onChange,\n onClick: onClickProp,\n ...rest\n }) => {\n const [{ height, width }, setRect] = useState<Rect>({})\n const fromRef = useRef<HTMLDivElement \| null>(null)\n const toRef = useRef<HTMLDivElement \| null>(null)\n const [value, setValue] = useControllableState({\n defaultValue,\n value: valueProp,\n onChange,\n })\n const visible = value === \"to\"\n\n const style = useMemo(\n () => ({\n height: height ? `${height}px` : \"auto\",\n width: width ? `${width}px` : \"auto\",\n }),\n [width, height],\n )\n\n const onClick = () => {\n if (readOnly) return\n\n setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n }\n\n useSafeLayoutEffect(() => {\n const from = fromRef.current\n const to = toRef.current\n\n if (!from \|\| !to) return\n\n if (\n from.offsetWidth !== to.offsetWidth \|\|\n from.offsetHeight !== to.offsetHeight\n ) {\n console.warn(\n `Flip: \"from\" element (width: ${from.offsetWidth}px, height: ${from.offsetHeight}px) does not match \"to\" element (width: ${to.offsetWidth}px, height: ${to.offsetHeight}px). Please ensure both elements have the same dimensions.`,\n )\n }\n\n setRect({ height: from.offsetHeight, width: from.offsetWidth })\n }, [fromRef, toRef])\n\n return (\n <motion.button\n type=\"button\"\n style={style}\n data-disabled={dataAttr(disabled)}\n data-orientation={orientation}\n data-readonly={dataAttr(readOnly)}\n data-value={value}\n disabled={disabled}\n onClick={handlerAll(onClickProp, onClick)}\n {...rest}\n >\n <FlipFrom\n ref={fromRef}\n custom={{ orientation, visible }}\n transition={{ delay, duration, ...transition }}\n >\n {from}\n </FlipFrom>\n\n <FlipTo\n ref={toRef}\n custom={{ orientation, visible }}\n transition={{ delay, duration, ...transition }}\n >\n {to}\n </FlipTo>\n </motion.button>\n )\n },\n \"root\",\n)()\n\ninterface FlipFromProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipFrom = withContext<\"span\", FlipFromProps>(\n ({ custom, ...rest }) => {\n return (\n <motion.span\n animate=\"enter\"\n custom={{ ident: \"from\", ...custom }}\n initial=\"exit\"\n variants={flipVariants}\n {...rest}\n />\n )\n },\n [\"item\", \"from\"],\n)()\n\ninterface FlipToProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipTo = withContext<\"span\", FlipToProps>(\n ({ custom, ...rest }) => {\n return (\n <motion.span\n animate=\"enter\"\n custom={{ ident: \"to\", ...custom }}\n initial=\"exit\"\n variants={flipVariants}\n {...rest}\n />\n )\n },\n [\"item\", \"to\"],\n)()\n"],"mappings":"~~;;;;;;;;;;;;;;~~AAcA,MAAMA,eAAyB;CAC7B,OAAO,CAAC,EAAE,OAAO,aAAa,SAAS,MAAM,GAC1C,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAU,UAAU,MAAM,IAAK,UAAU,IAAI,IAC1D;CACD,MAAM,CAAC,EAAE,OAAO,aAAa,MAAM,GAChC,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAS,IAAI,IAC1B;AACF;AAgED,MAAa,EACX,cAAc,kBACd,iBAAiB,qBACjB,iBACA,aACA,cACD,GAAG,6DAA0C,QAAQC,6CAAU;;;;;;AAOhE,MAAa,OAAO,aAClB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,cAAc,cACd,UACA,IACA,aAAa,CAAE,GACf,OAAO,WACP,UACA,SAAS,YACT,GAAG,MACJ,KAAK;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,EAAE,QAAQ,GAAG,oBAAe,CAAE,EAAC;CACvD,MAAM,UAAU,kBAA8B,KAAK;CACnD,MAAM,QAAQ,kBAA8B,KAAK;CACjD,MAAM,CAAC,OAAO,SAAS,GAAG,gEAAqB;EAC7C;EACA,OAAO;EACP;CACD,EAAC;CACF,MAAM,UAAU,UAAU;CAE1B,MAAM,QAAQ,mBACZ,OAAO;EACL,QAAQ,YAAY,OAAO,MAAM;EACjC,OAAO,WAAW,MAAM,MAAM;CAC/B,IACD,CAAC,OAAO,MAAO,EAChB;CAED,MAAM,UAAU,MAAM;AACpB,MAAI,SAAU;AAEd,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;CACtD;AAED,0CAAoB,MAAM;EACxB,MAAMC,SAAO,QAAQ;EACrB,MAAMC,OAAK,MAAM;AAEjB,OAAKD,WAASC,KAAI;AAElB,MACED,OAAK,gBAAgBC,KAAG,eACxBD,OAAK,iBAAiBC,KAAG,aAEzB,SAAQ,MACL,+BAA+BD,OAAK,YAAY,cAAcA,OAAK,aAAa,0CAA0CC,KAAG,YAAY,cAAcA,KAAG,aAAa,4DACzK;AAGH,UAAQ;GAAE,QAAQD,OAAK;GAAc,OAAOA,OAAK;EAAa,EAAC;CAChE,GAAE,CAAC,SAAS,KAAM,EAAC;AAEpB,wBACE,4BAACE,yCAAO;EACN,MAAK;EACE;EACP,iBAAe,~~gDAAS~~,SAAS;EACjC,oBAAkB;EAClB,iBAAe,~~gDAAS~~,SAAS;EACjC,cAAY;EACF;EACV,SAAS,~~kDAAW~~,aAAa,QAAQ;EACzC,GAAI;6BAEJ,2BAAC;GACC,KAAK;GACL,QAAQ;IAAE;IAAa;GAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;GAAY;aAE7C;IACQ,kBAEX,2BAAC;GACC,KAAK;GACL,QAAQ;IAAE;IAAa;GAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;GAAY;aAE7C;IACM;GACK;AAEnB,GACD,OACD,EAAE;AAIH,MAAM,WAAW,YACf,CAAC,EAAE,OAAQ,GAAG,MAAM,KAAK;AACvB,wBACE,2BAACA,yCAAO;EACN,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAQ,GAAG;EAAQ;EACpC,SAAQ;EACR,UAAU;EACV,GAAI;GACJ;AAEL,GACD,CAAC,QAAQ,MAAO,EACjB,EAAE;AAIH,MAAM,SAAS,YACb,CAAC,EAAE,OAAQ,GAAG,MAAM,KAAK;AACvB,wBACE,2BAACA,yCAAO;EACN,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAM,GAAG;EAAQ;EAClC,SAAQ;EACR,UAAU;EACV,GAAI;GACJ;AAEL,GACD,CAAC,QAAQ,IAAK,EACf,EAAE"}
1	+ {"version":3,"file":"flip.cjs","names":["flipVariants: Variants","flipStyle","from","to","motion"],"sources":["../../../../src/components/flip/flip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, Orientation, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { FlipStyle } from \"./flip.style\"\nimport { useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll, useSafeLayoutEffect } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { flipStyle } from \"./flip.style\"\n\nconst flipVariants: Variants = {\n enter: ({ ident, orientation, visible }) => ({\n [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n ident === \"from\" ? (visible ? 180 : 0) : visible ? 0 : 180,\n }),\n exit: ({ ident, orientation }) => ({\n [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n ident === \"from\" ? 0 : 180,\n }),\n}\n\ninterface Rect {\n height?: number\n width?: number\n}\n\nexport interface FlipProps\n extends Omit<HTMLMotionProps<\"button\">, \"onChange\">,\n ThemeProps<FlipStyle> {\n /*\n Passing React elements to \"from\" is required.\n /\n from: ReactNode\n /\n Passing React elements to \"to\" is required.\n /\n to: ReactNode\n /\n You can set the initial state.\n \n @default 'from'\n /\n defaultValue?: KeyframeIdent\n /\n 　The animation delay.\n \n @default 0\n /\n delay?: number\n /\n If `true`, the component is disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The animation duration.\n \n @default 0.4\n /\n duration?: number\n /\n The orientation of the flip effect. Determines whether the flip occurs horizontally or vertically.\n \n @default 'horizontal'\n /\n orientation?: Orientation\n /\n If `true`, the component is readonly.\n \n @default false\n /\n readOnly?: boolean\n /\n Use this when you want to control the animation from outside the component.\n /\n value?: KeyframeIdent\n /\n This is a callback function that is called when the animation state changes.\n /\n onChange?: (value: KeyframeIdent) => void\n}\n\nexport const {\n PropsContext: FlipPropsContext,\n usePropsContext: useFlipPropsContext,\n useStyleContext,\n withContext,\n withProvider,\n} = createSlotComponent<FlipProps, FlipStyle>(\"flip\", flipStyle)\n\n/\n `Flip` is an animation component that alternates between flipping two elements.\n \n @see https://yamada-ui.com/components/flip\n */\nexport const Flip = withProvider(\n ({\n defaultValue = \"from\",\n delay = 0,\n disabled,\n duration = 0.4,\n from,\n orientation = \"horizontal\",\n readOnly,\n to,\n transition = {},\n value: valueProp,\n onChange,\n onClick: onClickProp,\n ...rest\n }) => {\n const [{ height, width }, setRect] = useState<Rect>({})\n const fromRef = useRef<HTMLDivElement \| null>(null)\n const toRef = useRef<HTMLDivElement \| null>(null)\n const [value, setValue] = useControllableState({\n defaultValue,\n value: valueProp,\n onChange,\n })\n const visible = value === \"to\"\n\n const style = useMemo(\n () => ({\n height: height ? `${height}px` : \"auto\",\n width: width ? `${width}px` : \"auto\",\n }),\n [width, height],\n )\n\n const onClick = () => {\n if (readOnly) return\n\n setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n }\n\n useSafeLayoutEffect(() => {\n const from = fromRef.current\n const to = toRef.current\n\n if (!from \|\| !to) return\n\n if (\n from.offsetWidth !== to.offsetWidth \|\|\n from.offsetHeight !== to.offsetHeight\n ) {\n console.warn(\n `Flip: \"from\" element (width: ${from.offsetWidth}px, height: ${from.offsetHeight}px) does not match \"to\" element (width: ${to.offsetWidth}px, height: ${to.offsetHeight}px). Please ensure both elements have the same dimensions.`,\n )\n }\n\n setRect({ height: from.offsetHeight, width: from.offsetWidth })\n }, [fromRef, toRef])\n\n return (\n <motion.button\n type=\"button\"\n style={style}\n data-disabled={dataAttr(disabled)}\n data-orientation={orientation}\n data-readonly={dataAttr(readOnly)}\n data-value={value}\n disabled={disabled}\n onClick={handlerAll(onClickProp, onClick)}\n {...rest}\n >\n <FlipFrom\n ref={fromRef}\n custom={{ orientation, visible }}\n transition={{ delay, duration, ...transition }}\n >\n {from}\n </FlipFrom>\n\n <FlipTo\n ref={toRef}\n custom={{ orientation, visible }}\n transition={{ delay, duration, ...transition }}\n >\n {to}\n </FlipTo>\n </motion.button>\n )\n },\n \"root\",\n)()\n\ninterface FlipFromProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipFrom = withContext<\"span\", FlipFromProps>(\n ({ custom, ...rest }) => {\n return (\n <motion.span\n animate=\"enter\"\n custom={{ ident: \"from\", ...custom }}\n initial=\"exit\"\n variants={flipVariants}\n {...rest}\n />\n )\n },\n [\"item\", \"from\"],\n)()\n\ninterface FlipToProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipTo = withContext<\"span\", FlipToProps>(\n ({ custom, ...rest }) => {\n return (\n <motion.span\n animate=\"enter\"\n custom={{ ident: \"to\", ...custom }}\n initial=\"exit\"\n variants={flipVariants}\n {...rest}\n />\n )\n },\n [\"item\", \"to\"],\n)()\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAMA,eAAyB;CAC7B,OAAO,CAAC,EAAE,OAAO,aAAa,SAAS,MAAM,GAC1C,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAU,UAAU,MAAM,IAAK,UAAU,IAAI,IAC1D;CACD,MAAM,CAAC,EAAE,OAAO,aAAa,MAAM,GAChC,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAS,IAAI,IAC1B;AACF;AAgED,MAAa,EACX,cAAc,kBACd,iBAAiB,qBACjB,iBACA,aACA,cACD,GAAG,6DAA0C,QAAQC,6CAAU;;;;;;AAOhE,MAAa,OAAO,aAClB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,cAAc,cACd,UACA,IACA,aAAa,CAAE,GACf,OAAO,WACP,UACA,SAAS,YACT,GAAG,MACJ,KAAK;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,EAAE,QAAQ,GAAG,oBAAe,CAAE,EAAC;CACvD,MAAM,UAAU,kBAA8B,KAAK;CACnD,MAAM,QAAQ,kBAA8B,KAAK;CACjD,MAAM,CAAC,OAAO,SAAS,GAAG,gEAAqB;EAC7C;EACA,OAAO;EACP;CACD,EAAC;CACF,MAAM,UAAU,UAAU;CAE1B,MAAM,QAAQ,mBACZ,OAAO;EACL,QAAQ,YAAY,OAAO,MAAM;EACjC,OAAO,WAAW,MAAM,MAAM;CAC/B,IACD,CAAC,OAAO,MAAO,EAChB;CAED,MAAM,UAAU,MAAM;AACpB,MAAI,SAAU;AAEd,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;CACtD;AAED,0CAAoB,MAAM;EACxB,MAAMC,SAAO,QAAQ;EACrB,MAAMC,OAAK,MAAM;AAEjB,OAAKD,WAASC,KAAI;AAElB,MACED,OAAK,gBAAgBC,KAAG,eACxBD,OAAK,iBAAiBC,KAAG,aAEzB,SAAQ,MACL,+BAA+BD,OAAK,YAAY,cAAcA,OAAK,aAAa,0CAA0CC,KAAG,YAAY,cAAcA,KAAG,aAAa,4DACzK;AAGH,UAAQ;GAAE,QAAQD,OAAK;GAAc,OAAOA,OAAK;EAAa,EAAC;CAChE,GAAE,CAAC,SAAS,KAAM,EAAC;AAEpB,wBACE,4BAACE,yCAAO;EACN,MAAK;EACE;EACP,iBAAe,kCAAS,SAAS;EACjC,oBAAkB;EAClB,iBAAe,kCAAS,SAAS;EACjC,cAAY;EACF;EACV,SAAS,yCAAW,aAAa,QAAQ;EACzC,GAAI;6BAEJ,2BAAC;GACC,KAAK;GACL,QAAQ;IAAE;IAAa;GAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;GAAY;aAE7C;IACQ,kBAEX,2BAAC;GACC,KAAK;GACL,QAAQ;IAAE;IAAa;GAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;GAAY;aAE7C;IACM;GACK;AAEnB,GACD,OACD,EAAE;AAIH,MAAM,WAAW,YACf,CAAC,EAAE,OAAQ,GAAG,MAAM,KAAK;AACvB,wBACE,2BAACA,yCAAO;EACN,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAQ,GAAG;EAAQ;EACpC,SAAQ;EACR,UAAU;EACV,GAAI;GACJ;AAEL,GACD,CAAC,QAAQ,MAAO,EACjB,EAAE;AAIH,MAAM,SAAS,YACb,CAAC,EAAE,OAAQ,GAAG,MAAM,KAAK;AACvB,wBACE,2BAACA,yCAAO;EACN,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAM,GAAG;EAAQ;EAClC,SAAQ;EACR,UAAU;EACV,GAAI;GACJ;AAEL,GACD,CAAC,QAAQ,IAAK,EACf,EAAE"}

package/dist/cjs/components/float/float.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_system_var = require('../../core/system/var.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_float_float_style = require('./float.style.cjs');
@@ -14,7 +14,7 @@ const { PropsContext: FloatPropsContext, usePropsContext: useFloatPropsContext,
 * @see https://yamada-ui.com/components/float
 */
 const Float = withContext("div")(void 0, ({ offset,...rest }) => {
-	const [offsetBlock, offsetInline] = (0, require_utils_index.utils_exports.isArray)(offset) ? offset : [offset, offset];
+	const [offsetBlock, offsetInline] = require_utils_common_assertion.isArray(offset) ? offset : [offset, offset];
 	return {
 		"--offset-block": require_core_system_var.varAttr(offsetBlock, "spaces"),
 		"--offset-inline": require_core_system_var.varAttr(offsetInline, "spaces"),

package/dist/cjs/components/float/float.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"float.cjs","names":["floatStyle"],"sources":["../../../../src/components/float/float.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatStyle } from \"./float.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { isArray } from \"../../utils\"\nimport { floatStyle } from \"./float.style\"\n\nexport interface FloatProps\n extends Omit<HTMLStyledProps, \"offset\">,\n ThemeProps<FloatStyle> {\n /*\n Changes position offset.\n /\n offset?: CSSProps[\"inset\"]\n}\n\nexport const {\n PropsContext: FloatPropsContext,\n usePropsContext: useFloatPropsContext,\n withContext,\n} = createComponent<FloatProps, FloatStyle>(\"float\", floatStyle)\n\n/\n `Float` is a component used to anchor an element to the edge of a container.\n \n @see https://yamada-ui.com/components/float\n */\nexport const Float = withContext(\"div\")(undefined, ({ offset, ...rest }) => {\n const [offsetBlock, offsetInline] = isArray(offset)\n ? offset\n : [offset, offset]\n\n return {\n \"--offset-block\": varAttr(offsetBlock, \"spaces\"),\n \"--offset-inline\": varAttr(offsetInline, \"spaces\"),\n ...rest,\n }\n})\n"],"mappings":";;;;;;;;;AAiBA,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACD,GAAG,yDAAwC,SAASA,gDAAW;;;;;;AAOhE,MAAa,QAAQ,YAAY,MAAM,SAAY,CAAC,EAAE,OAAQ,GAAG,MAAM,KAAK;CAC1E,MAAM,CAAC,aAAa,aAAa,GAAG~~,+CAAQ~~,OAAO,GAC/C,SACA,CAAC,QAAQ,MAAO;AAEpB,QAAO;EACL,kBAAkB,gCAAQ,aAAa,SAAS;EAChD,mBAAmB,gCAAQ,cAAc,SAAS;EAClD,GAAG;CACJ;AACF,EAAC"}
1	+ {"version":3,"file":"float.cjs","names":["floatStyle"],"sources":["../../../../src/components/float/float.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatStyle } from \"./float.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { isArray } from \"../../utils\"\nimport { floatStyle } from \"./float.style\"\n\nexport interface FloatProps\n extends Omit<HTMLStyledProps, \"offset\">,\n ThemeProps<FloatStyle> {\n /*\n Changes position offset.\n /\n offset?: CSSProps[\"inset\"]\n}\n\nexport const {\n PropsContext: FloatPropsContext,\n usePropsContext: useFloatPropsContext,\n withContext,\n} = createComponent<FloatProps, FloatStyle>(\"float\", floatStyle)\n\n/\n `Float` is a component used to anchor an element to the edge of a container.\n \n @see https://yamada-ui.com/components/float\n */\nexport const Float = withContext(\"div\")(undefined, ({ offset, ...rest }) => {\n const [offsetBlock, offsetInline] = isArray(offset)\n ? offset\n : [offset, offset]\n\n return {\n \"--offset-block\": varAttr(offsetBlock, \"spaces\"),\n \"--offset-inline\": varAttr(offsetInline, \"spaces\"),\n ...rest,\n }\n})\n"],"mappings":";;;;;;;;;AAiBA,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACD,GAAG,yDAAwC,SAASA,gDAAW;;;;;;AAOhE,MAAa,QAAQ,YAAY,MAAM,SAAY,CAAC,EAAE,OAAQ,GAAG,MAAM,KAAK;CAC1E,MAAM,CAAC,aAAa,aAAa,GAAG,uCAAQ,OAAO,GAC/C,SACA,CAAC,QAAQ,MAAO;AAEpB,QAAO;EACL,kBAAkB,gCAAQ,aAAa,SAAS;EAChD,mBAAmB,gCAAQ,cAAc,SAAS;EAClD,GAAG;CACJ;AACF,EAAC"}

package/dist/cjs/components/focus-lock/focus-lock.cjs CHANGED Viewed

@@ -2,13 +2,14 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
+const require_utils_common_module = require('../../utils/common/module.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 const react_focus_lock = require_rolldown_runtime.__toESM(require("react-focus-lock"));
 //#region src/components/focus-lock/focus-lock.tsx
-const InternalFocusLock = (0, require_utils_index.utils_exports.interopDefault)(react_focus_lock.default);
+const InternalFocusLock = require_utils_common_module.interopDefault(react_focus_lock.default);
 /**
 * `FocusLock` is a component that improves accessibility by restricting focus within elements such as modals and dialogs, and locking the focus within that range.
 *
@@ -19,7 +20,7 @@ const FocusLock = ({ autoFocus, children, contentRef, disabled, finalFocusRef, i
 	const onActivation = (0, react.useCallback)(() => {
 		if (initialFocusRef?.current) initialFocusRef.current.focus();
 		else if (contentRef?.current) {
-			const focusables = (0, require_utils_index.utils_exports.getFocusableElements)(contentRef.current);
+			const focusables = require_utils_common_dom.getFocusableElements(contentRef.current);
 			if (focusables.length === 0) requestAnimationFrame(() => {
 				contentRef.current?.focus();
 			});

package/dist/cjs/components/focus-lock/focus-lock.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"focus-lock.cjs","names":["ReactFocusLock","FocusLock: FC<FocusLockProps>"],"sources":["../../../../src/components/focus-lock/focus-lock.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback } from \"react\"\nimport ReactFocusLock from \"react-focus-lock\"\nimport { getFocusableElements, interopDefault } from \"../../utils\"\n\nconst InternalFocusLock = interopDefault(ReactFocusLock)\n\nexport interface FocusLockProps extends PropsWithChildren {\n /*\n If `true`, the first focusable element within the `children` will auto-focused once `FocusLock` mounts.\n \n @default false\n /\n autoFocus?: boolean\n /\n The `ref` of the wrapper for which the focus-lock wraps.\n /\n contentRef?: RefObject<HTMLElement \| null>\n /\n If `true`, focus trapping will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n `ref` of the element to return focus to when `FocusLock` unmounts.\n /\n finalFocusRef?: RefObject<HTMLElement \| null>\n /\n `ref` of the element to receive focus initially.\n /\n initialFocusRef?: RefObject<HTMLElement \| null>\n /\n Enables aggressive focus capturing within iframes.\n * - If `true`: keep focus in the lock, no matter where lock is active.\n * - If `false`: allows focus to move outside of iframe.\n \n @default false\n /\n lockFocusAcrossFrames?: boolean\n /\n If `true`, disables text selections inside, and outside focus lock.\n \n @default false\n /\n persistentFocus?: boolean\n /\n If `true`, focus will be restored to the element that triggered the `FocusLock` once it unmounts.\n \n @default false\n /\n restoreFocus?: boolean\n}\n\n/\n `FocusLock` is a component that improves accessibility by restricting focus within elements such as modals and dialogs, and locking the focus within that range.\n \n @see https://yamada-ui.com/components/focus-lock\n */\nexport const FocusLock: FC<FocusLockProps> = ({\n autoFocus,\n children,\n contentRef,\n disabled,\n finalFocusRef,\n initialFocusRef,\n lockFocusAcrossFrames,\n persistentFocus,\n restoreFocus,\n}) => {\n const returnFocus = restoreFocus && !finalFocusRef\n\n const onActivation = useCallback(() => {\n if (initialFocusRef?.current) {\n initialFocusRef.current.focus()\n } else if (contentRef?.current) {\n const focusables = getFocusableElements(contentRef.current)\n\n if (focusables.length === 0)\n requestAnimationFrame(() => {\n contentRef.current?.focus()\n })\n }\n }, [initialFocusRef, contentRef])\n\n const onDeactivation = useCallback(() => {\n finalFocusRef?.current?.focus()\n }, [finalFocusRef])\n\n return (\n <InternalFocusLock\n autoFocus={autoFocus}\n crossFrame={lockFocusAcrossFrames}\n disabled={disabled}\n persistentFocus={persistentFocus}\n returnFocus={returnFocus}\n onActivation={onActivation}\n onDeactivation={onDeactivation}\n >\n {children}\n </InternalFocusLock>\n )\n}\n"],"mappings":"~~;;;;;;;;;;~~AAOA,MAAM,oBAAoB,~~sDAAeA~~,yBAAe;;;;;;AAsDxD,MAAaC,YAAgC,CAAC,EAC5C,WACA,UACA,YACA,UACA,eACA,iBACA,uBACA,iBACA,cACD,KAAK;CACJ,MAAM,cAAc,iBAAiB;CAErC,MAAM,eAAe,uBAAY,MAAM;AACrC,MAAI,iBAAiB,QACnB,iBAAgB,QAAQ,OAAO;WACtB,YAAY,SAAS;GAC9B,MAAM,aAAa,~~4DAAqB~~,WAAW,QAAQ;AAE3D,OAAI,WAAW,WAAW,EACxB,uBAAsB,MAAM;AAC1B,eAAW,SAAS,OAAO;GAC5B,EAAC;EACL;CACF,GAAE,CAAC,iBAAiB,UAAW,EAAC;CAEjC,MAAM,iBAAiB,uBAAY,MAAM;AACvC,iBAAe,SAAS,OAAO;CAChC,GAAE,CAAC,aAAc,EAAC;AAEnB,wBACE,2BAAC;EACY;EACX,YAAY;EACF;EACO;EACJ;EACC;EACE;EAEf;GACiB;AAEvB"}
1	+ {"version":3,"file":"focus-lock.cjs","names":["ReactFocusLock","FocusLock: FC<FocusLockProps>"],"sources":["../../../../src/components/focus-lock/focus-lock.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback } from \"react\"\nimport ReactFocusLock from \"react-focus-lock\"\nimport { getFocusableElements, interopDefault } from \"../../utils\"\n\nconst InternalFocusLock = interopDefault(ReactFocusLock)\n\nexport interface FocusLockProps extends PropsWithChildren {\n /*\n If `true`, the first focusable element within the `children` will auto-focused once `FocusLock` mounts.\n \n @default false\n /\n autoFocus?: boolean\n /\n The `ref` of the wrapper for which the focus-lock wraps.\n /\n contentRef?: RefObject<HTMLElement \| null>\n /\n If `true`, focus trapping will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n `ref` of the element to return focus to when `FocusLock` unmounts.\n /\n finalFocusRef?: RefObject<HTMLElement \| null>\n /\n `ref` of the element to receive focus initially.\n /\n initialFocusRef?: RefObject<HTMLElement \| null>\n /\n Enables aggressive focus capturing within iframes.\n * - If `true`: keep focus in the lock, no matter where lock is active.\n * - If `false`: allows focus to move outside of iframe.\n \n @default false\n /\n lockFocusAcrossFrames?: boolean\n /\n If `true`, disables text selections inside, and outside focus lock.\n \n @default false\n /\n persistentFocus?: boolean\n /\n If `true`, focus will be restored to the element that triggered the `FocusLock` once it unmounts.\n \n @default false\n /\n restoreFocus?: boolean\n}\n\n/\n `FocusLock` is a component that improves accessibility by restricting focus within elements such as modals and dialogs, and locking the focus within that range.\n \n @see https://yamada-ui.com/components/focus-lock\n */\nexport const FocusLock: FC<FocusLockProps> = ({\n autoFocus,\n children,\n contentRef,\n disabled,\n finalFocusRef,\n initialFocusRef,\n lockFocusAcrossFrames,\n persistentFocus,\n restoreFocus,\n}) => {\n const returnFocus = restoreFocus && !finalFocusRef\n\n const onActivation = useCallback(() => {\n if (initialFocusRef?.current) {\n initialFocusRef.current.focus()\n } else if (contentRef?.current) {\n const focusables = getFocusableElements(contentRef.current)\n\n if (focusables.length === 0)\n requestAnimationFrame(() => {\n contentRef.current?.focus()\n })\n }\n }, [initialFocusRef, contentRef])\n\n const onDeactivation = useCallback(() => {\n finalFocusRef?.current?.focus()\n }, [finalFocusRef])\n\n return (\n <InternalFocusLock\n autoFocus={autoFocus}\n crossFrame={lockFocusAcrossFrames}\n disabled={disabled}\n persistentFocus={persistentFocus}\n returnFocus={returnFocus}\n onActivation={onActivation}\n onDeactivation={onDeactivation}\n >\n {children}\n </InternalFocusLock>\n )\n}\n"],"mappings":";;;;;;;;;;;AAOA,MAAM,oBAAoB,2CAAeA,yBAAe;;;;;;AAsDxD,MAAaC,YAAgC,CAAC,EAC5C,WACA,UACA,YACA,UACA,eACA,iBACA,uBACA,iBACA,cACD,KAAK;CACJ,MAAM,cAAc,iBAAiB;CAErC,MAAM,eAAe,uBAAY,MAAM;AACrC,MAAI,iBAAiB,QACnB,iBAAgB,QAAQ,OAAO;WACtB,YAAY,SAAS;GAC9B,MAAM,aAAa,8CAAqB,WAAW,QAAQ;AAE3D,OAAI,WAAW,WAAW,EACxB,uBAAsB,MAAM;AAC1B,eAAW,SAAS,OAAO;GAC5B,EAAC;EACL;CACF,GAAE,CAAC,iBAAiB,UAAW,EAAC;CAEjC,MAAM,iBAAiB,uBAAY,MAAM;AACvC,iBAAe,SAAS,OAAO;CAChC,GAAE,CAAC,aAAc,EAAC;AAEnB,wBACE,2BAAC;EACY;EACX,YAAY;EACF;EACO;EACJ;EACC;EACE;EAEf;GACiB;AAEvB"}

package/dist/cjs/components/for/for.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 //#region src/components/for/for.tsx
 /**
@@ -7,7 +7,7 @@ const require_utils_index = require('../../utils/index.cjs');
 * @see https://yamada-ui.com/components/for
 */
 const For = ({ children, each, fallback, filter, limit, offset = 0, reverse = false, sort }) => {
-	if (!each || !(0, require_utils_index.utils_exports.isArray)(each) || !each.length) return fallback || null;
+	if (!each || !require_utils_common_assertion.isArray(each) || !each.length) return fallback || null;
 	const cloned = [...each];
 	const filtered = filter ? cloned.filter(filter) : cloned;
 	const sorted = sort ? filtered.sort(sort) : filtered;

package/dist/cjs/components/for/for.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"for.cjs","names":[],"sources":["../../../../src/components/for/for.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport { isArray } from \"../../utils\"\n\nexport interface ForProps<T> {\n /*\n The render function to render each item in the array.\n /\n children: (value: T, index: number, array: T[]) => ReactNode\n /\n The array to iterate over.\n /\n each: readonly T[] \| T[] \| undefined\n /\n The fallback content to render when the array is empty.\n /\n fallback?: ReactNode\n /\n A function that returns a boolean indicating whether the item should be included in the render result.\n /\n filter?: (value: T, index: number, array: T[]) => boolean\n /\n The maximum number of items to include in the render result.\n /\n limit?: number\n /\n The number of items to skip before including them in the render result.\n * @default 0\n /\n offset?: number\n /\n The boolean value to determine the order of the items in the array.\n * If `true`, the items will be reversed.\n * If `sortBy` is provided, inversion is applied to the sorted array.\n * @default false\n /\n reverse?: boolean\n /\n The function to sort the items in the array.\n * If function is provided, the items will be sorted based on the return value.\n * If `reverse` is `true`, the inversion is applied to the sorted array.\n /\n sort?: (a: T, b: T) => number\n}\n\n/\n `For` is a component used to loop over an array and render a component for each item.\n \n @see https://yamada-ui.com/components/for\n */\nexport const For = <T,>({\n children,\n each,\n fallback,\n filter,\n limit,\n offset = 0,\n reverse = false,\n sort,\n}: ForProps<T>): ReactNode => {\n if (!each \|\| !isArray(each) \|\| !each.length) return fallback \|\| null\n\n const cloned = [...each]\n const filtered = filter ? cloned.filter(filter) : cloned\n const sorted = sort ? filtered.sort(sort) : filtered\n const reversed = reverse ? sorted.reverse() : sorted\n const sliced = reversed.slice(offset, limit ? offset + limit : undefined)\n\n if (!sliced.length) return fallback \|\| null\n\n return sliced.map(children)\n}\n"],"mappings":";;;;;;;;AAiDA,MAAa,MAAM,CAAK,EACtB,UACA,MACA,UACA,QACA,OACA,SAAS,GACT,UAAU,OACV,MACY,KAAgB;AAC5B,MAAK,SAAS~~,+CAAQ~~,KAAK,KAAK,KAAK,OAAQ,QAAO,YAAY;CAEhE,MAAM,SAAS,CAAC,GAAG,IAAK;CACxB,MAAM,WAAW,SAAS,OAAO,OAAO,OAAO,GAAG;CAClD,MAAM,SAAS,OAAO,SAAS,KAAK,KAAK,GAAG;CAC5C,MAAM,WAAW,UAAU,OAAO,SAAS,GAAG;CAC9C,MAAM,SAAS,SAAS,MAAM,QAAQ,QAAQ,SAAS,eAAkB;AAEzE,MAAK,OAAO,OAAQ,QAAO,YAAY;AAEvC,QAAO,OAAO,IAAI,SAAS;AAC5B"}
1	+ {"version":3,"file":"for.cjs","names":[],"sources":["../../../../src/components/for/for.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport { isArray } from \"../../utils\"\n\nexport interface ForProps<T> {\n /*\n The render function to render each item in the array.\n /\n children: (value: T, index: number, array: T[]) => ReactNode\n /\n The array to iterate over.\n /\n each: readonly T[] \| T[] \| undefined\n /\n The fallback content to render when the array is empty.\n /\n fallback?: ReactNode\n /\n A function that returns a boolean indicating whether the item should be included in the render result.\n /\n filter?: (value: T, index: number, array: T[]) => boolean\n /\n The maximum number of items to include in the render result.\n /\n limit?: number\n /\n The number of items to skip before including them in the render result.\n * @default 0\n /\n offset?: number\n /\n The boolean value to determine the order of the items in the array.\n * If `true`, the items will be reversed.\n * If `sortBy` is provided, inversion is applied to the sorted array.\n * @default false\n /\n reverse?: boolean\n /\n The function to sort the items in the array.\n * If function is provided, the items will be sorted based on the return value.\n * If `reverse` is `true`, the inversion is applied to the sorted array.\n /\n sort?: (a: T, b: T) => number\n}\n\n/\n `For` is a component used to loop over an array and render a component for each item.\n \n @see https://yamada-ui.com/components/for\n */\nexport const For = <T,>({\n children,\n each,\n fallback,\n filter,\n limit,\n offset = 0,\n reverse = false,\n sort,\n}: ForProps<T>): ReactNode => {\n if (!each \|\| !isArray(each) \|\| !each.length) return fallback \|\| null\n\n const cloned = [...each]\n const filtered = filter ? cloned.filter(filter) : cloned\n const sorted = sort ? filtered.sort(sort) : filtered\n const reversed = reverse ? sorted.reverse() : sorted\n const sliced = reversed.slice(offset, limit ? offset + limit : undefined)\n\n if (!sliced.length) return fallback \|\| null\n\n return sliced.map(children)\n}\n"],"mappings":";;;;;;;;AAiDA,MAAa,MAAM,CAAK,EACtB,UACA,MACA,UACA,QACA,OACA,SAAS,GACT,UAAU,OACV,MACY,KAAgB;AAC5B,MAAK,SAAS,uCAAQ,KAAK,KAAK,KAAK,OAAQ,QAAO,YAAY;CAEhE,MAAM,SAAS,CAAC,GAAG,IAAK;CACxB,MAAM,WAAW,SAAS,OAAO,OAAO,OAAO,GAAG;CAClD,MAAM,SAAS,OAAO,SAAS,KAAK,KAAK,GAAG;CAC5C,MAAM,WAAW,UAAU,OAAO,SAAS,GAAG;CAC9C,MAAM,SAAS,SAAS,MAAM,QAAQ,QAAQ,SAAS,eAAkB;AAEzE,MAAK,OAAO,OAAQ,QAAO,YAAY;AAEvC,QAAO,OAAO,IAAI,SAAS;AAC5B"}

package/dist/cjs/components/grid/grid-item.cjs CHANGED Viewed

@@ -1,17 +1,17 @@
 "use client";
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 //#region src/components/grid/grid-item.tsx
 const { PropsContext: GridItemPropsContext, usePropsContext: useGridItemPropsContext, withContext } = require_core_components_create_component.createComponent("grid-item");
 const GridItem = withContext("div")(void 0, ({ area: gridArea, colEnd: gridColumnEnd, colSpan, colStart: gridColumnStart, rowEnd: gridRowEnd, rowSpan, rowStart: gridRowStart,...rest }) => ({
 	gridArea,
-	gridColumn: (0, require_utils_index.utils_exports.replaceObject)(colSpan, (value) => value != null ? `span ${value}/span ${value}` : void 0),
+	gridColumn: require_utils_common_object.replaceObject(colSpan, (value) => value != null ? `span ${value}/span ${value}` : void 0),
 	gridColumnEnd,
 	gridColumnStart,
-	gridRow: (0, require_utils_index.utils_exports.replaceObject)(rowSpan, (value) => value != null ? `span ${value}/span ${value}` : void 0),
+	gridRow: require_utils_common_object.replaceObject(rowSpan, (value) => value != null ? `span ${value}/span ${value}` : void 0),
 	gridRowEnd,
 	gridRowStart,
 	...rest

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

	@@ -1 +1 @@
1	- {"version":3,"file":"grid-item.cjs","names":[],"sources":["../../../../src/components/grid/grid-item.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, StyleValue } from \"../../core\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\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\nexport const {\n PropsContext: GridItemPropsContext,\n usePropsContext: useGridItemPropsContext,\n withContext,\n} = createComponent<GridItemProps>(\"grid-item\")\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":";;;;;;;AAqCA,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACD,GAAG,yDAA+B,YAAY;AAE/C,MAAa,WAAW,YAAY,MAAM,SAExC,CAAC,EACC,MAAM,UACN,QAAQ,eACR,SACA,UAAU,iBACV,QAAQ,YACR,SACA,UAAU,aACV,GAAG,MACJ,MAAM;CACL;CACA,YAAY,~~qDAAc~~,SAAS,CAAC,UAClC,SAAS,QAAQ,OAAO,MAAM,QAAQ,iBACvC;CACD;CACA;CACA,SAAS,~~qDAAc~~,SAAS,CAAC,UAC/B,SAAS,QAAQ,OAAO,MAAM,QAAQ,iBACvC;CACD;CACA;CACA,GAAG;AACJ,GACF"}
1	+ {"version":3,"file":"grid-item.cjs","names":[],"sources":["../../../../src/components/grid/grid-item.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, StyleValue } from \"../../core\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\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\nexport const {\n PropsContext: GridItemPropsContext,\n usePropsContext: useGridItemPropsContext,\n withContext,\n} = createComponent<GridItemProps>(\"grid-item\")\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":";;;;;;;AAqCA,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACD,GAAG,yDAA+B,YAAY;AAE/C,MAAa,WAAW,YAAY,MAAM,SAExC,CAAC,EACC,MAAM,UACN,QAAQ,eACR,SACA,UAAU,iBACV,QAAQ,YACR,SACA,UAAU,aACV,GAAG,MACJ,MAAM;CACL;CACA,YAAY,0CAAc,SAAS,CAAC,UAClC,SAAS,QAAQ,OAAO,MAAM,QAAQ,iBACvC;CACD;CACA;CACA,SAAS,0CAAc,SAAS,CAAC,UAC/B,SAAS,QAAQ,OAAO,MAAM,QAAQ,iBACvC;CACD;CACA;CACA,GAAG;AACJ,GACF"}

package/dist/cjs/components/group/group.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_hooks_use_value_index = require('../../hooks/use-value/index.cjs');
 const require_components_flex_flex = require('../flex/flex.cjs');
@@ -22,7 +22,7 @@ const Group = withContext(({ attached: attachedProp, children, orientation: orie
 	const attached = require_hooks_use_value_index.useValue(attachedProp);
 	const cloneChildren = require_components_group_use_group.useGroup(children);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_flex_flex.Flex, {
-		"data-attached": (0, require_utils_index.utils_exports.dataAttr)(attached),
+		"data-attached": require_utils_common_dom.dataAttr(attached),
 		"data-orientation": orientation,
 		role: "group",
 		...rest,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"group.cjs","names":["groupStyle","Flex"],"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\">,\n ThemeProps<GroupStyle> {}\n\nexport const {\n PropsContext: GroupPropsContext,\n usePropsContext: useGroupPropsContext,\n withContext,\n} = createComponent<GroupProps, GroupStyle>(\"group\", groupStyle)\n\n/*\n `Group` is a component that groups and attaches multiple elements together.\n \n @see https://yamada-ui.com/components/group\n */\nexport const Group = withContext(\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 <Flex\n data-attached={dataAttr(attached)}\n data-orientation={orientation}\n role=\"group\"\n {...rest}\n >\n {cloneChildren}\n </Flex>\n )\n },\n { transferProps: [\"attached\", \"orientation\"] },\n)()\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACD,GAAG,yDAAwC,SAASA,gDAAW;;;;;;AAOhE,MAAa,QAAQ,YACnB,CAAC,EACC,UAAU,cACV,UACA,aAAa,gBACb,GAAG,MACJ,KAAK;CACJ,MAAM,cAAc,uCAAS,gBAAgB;CAC7C,MAAM,WAAW,uCAAS,aAAa;CACvC,MAAM,gBAAgB,4CAAS,SAAS;AAExC,wBACE,2BAACC;EACC,iBAAe,~~gDAAS~~,SAAS;EACjC,oBAAkB;EAClB,MAAK;EACL,GAAI;YAEH;GACI;AAEV,GACD,EAAE,eAAe,CAAC,YAAY,aAAc,EAAE,EAC/C,EAAE"}
1	+ {"version":3,"file":"group.cjs","names":["groupStyle","Flex"],"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\">,\n ThemeProps<GroupStyle> {}\n\nexport const {\n PropsContext: GroupPropsContext,\n usePropsContext: useGroupPropsContext,\n withContext,\n} = createComponent<GroupProps, GroupStyle>(\"group\", groupStyle)\n\n/*\n `Group` is a component that groups and attaches multiple elements together.\n \n @see https://yamada-ui.com/components/group\n */\nexport const Group = withContext(\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 <Flex\n data-attached={dataAttr(attached)}\n data-orientation={orientation}\n role=\"group\"\n {...rest}\n >\n {cloneChildren}\n </Flex>\n )\n },\n { transferProps: [\"attached\", \"orientation\"] },\n)()\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACD,GAAG,yDAAwC,SAASA,gDAAW;;;;;;AAOhE,MAAa,QAAQ,YACnB,CAAC,EACC,UAAU,cACV,UACA,aAAa,gBACb,GAAG,MACJ,KAAK;CACJ,MAAM,cAAc,uCAAS,gBAAgB;CAC7C,MAAM,WAAW,uCAAS,aAAa;CACvC,MAAM,gBAAgB,4CAAS,SAAS;AAExC,wBACE,2BAACC;EACC,iBAAe,kCAAS,SAAS;EACjC,oBAAkB;EAClB,MAAK;EACL,GAAI;YAEH;GACI;AAEV,GACD,EAAE,eAAe,CAAC,YAAY,aAAc,EAAE,EAC/C,EAAE"}