npm - @yamada-ui/react - Versions diffs - 2.2.1-dev-20260413015504 → 2.2.1-dev-20260421145002 - Mend

@yamada-ui/react 2.2.1-dev-20260413015504 → 2.2.1-dev-20260421145002

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 (297) hide show

package/dist/cjs/components/format/namespace.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"namespace.cjs","names":[],"sources":["../../../../src/components/format/namespace.ts"],"sourcesContent":["export {\n FormatByte as Byte,\n FormatBytePropsContext as BytePropsContext,\n useFormatBytePropsContext as useBytePropsContext,\n} from \"./format-byte\"\nexport type { FormatByteProps as ByteProps } from \"./format-byte\"\nexport {\n FormatDateTime as DateTime,\n FormatDateTimePropsContext as DateTimePropsContext,\n useFormatDateTimePropsContext as useDateTimePropsContext,\n} from \"./format-date-time\"\nexport type { FormatDateTimeProps as DateTimeProps } from \"./format-date-time\"\nexport {\n FormatNumber as Number,\n FormatNumberPropsContext as NumberPropsContext,\n useFormatNumberPropsContext as useNumberPropsContext,\n} from \"./format-number\"\nexport type { FormatNumberProps as NumberProps } from \"./format-number\"\nexport {\n useFormatByte as useByte~~,\n~~ useByteFormat ~~as useByteFormat,\n~~} from \"./use-format-byte\"\nexport type { FormatBytesOptions as BytesOptions } from \"./use-format-byte\"\nexport {\n getFormatDateTime as getDateTime,\n useFormatDateTime as useDateTime,\n useDateTimeFormat ~~as useDateTimeFormat~~,\n} from \"./use-format-date-time\"\nexport type { FormatDateTimeOptions as DateTimeOptions } from \"./use-format-date-time\"\nexport {\n getFormatNumber as getNumber,\n useFormatNumber as useNumber,\n useNumberFormat ~~as useNumberFormat~~,\n} from \"./use-format-number\"\nexport type { FormatNumberOptions as NumberOptions } from \"./use-format-number\"\n"],"mappings":""}
1	+ {"version":3,"file":"namespace.cjs","names":[],"sources":["../../../../src/components/format/namespace.ts"],"sourcesContent":["export {\n FormatByte as Byte,\n FormatBytePropsContext as BytePropsContext,\n useFormatBytePropsContext as useBytePropsContext,\n} from \"./format-byte\"\nexport type { FormatByteProps as ByteProps } from \"./format-byte\"\nexport {\n FormatDateTime as DateTime,\n FormatDateTimePropsContext as DateTimePropsContext,\n useFormatDateTimePropsContext as useDateTimePropsContext,\n} from \"./format-date-time\"\nexport type { FormatDateTimeProps as DateTimeProps } from \"./format-date-time\"\nexport {\n FormatNumber as Number,\n FormatNumberPropsContext as NumberPropsContext,\n useFormatNumberPropsContext as useNumberPropsContext,\n} from \"./format-number\"\nexport type { FormatNumberProps as NumberProps } from \"./format-number\"\nexport { useFormatByte as useByte, useByteFormat } from \"./use-format-byte\"\nexport type { FormatBytesOptions as BytesOptions } from \"./use-format-byte\"\nexport {\n getFormatDateTime as getDateTime,\n useFormatDateTime as useDateTime,\n useDateTimeFormat,\n} from \"./use-format-date-time\"\nexport type { FormatDateTimeOptions as DateTimeOptions } from \"./use-format-date-time\"\nexport {\n getFormatNumber as getNumber,\n useFormatNumber as useNumber,\n useNumberFormat,\n} from \"./use-format-number\"\nexport type { FormatNumberOptions as NumberOptions } from \"./use-format-number\"\n"],"mappings":""}

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

@@ -19,7 +19,7 @@ const useGroup = (children) => {
 			style: {
 				"--group-count": count,
 				"--group-index": index,
-				...child.props?.style ?? {}
+				...child.props?.style
 			},
 			"data-group-between": (0, require_utils_index.utils_exports.dataAttr)(index > 0 && index < count - 1),
 			"data-group-end": (0, require_utils_index.utils_exports.dataAttr)(index === count - 1),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-group.cjs","names":["useValidChildren"],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined, useValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n const validChildren = useValidChildren(children)\n const omittedChildren = useMemo(\n () =>\n validChildren.filter((child) => {\n const ungrouped = child.props[\"data-ungrouped\"]\n\n return isUndefined(ungrouped) \|\| isNull(ungrouped)\n }),\n [validChildren],\n )\n const count = omittedChildren.length\n const cloneChildren = useMemo(\n () =>\n validChildren.map((child) => {\n const index = omittedChildren.indexOf(child)\n const ungrouped = index === -1\n\n if (ungrouped) return child\n\n return cloneElement(child, {\n ...child.props,\n style: {\n \"--group-count\": count,\n \"--group-index\": index,\n ...(child.props?.style ~~?? {})~~,\n },\n \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n \"data-group-end\": dataAttr(index === count - 1),\n \"data-group-start\": dataAttr(index === 0),\n \"data-peer\": \"\",\n })\n }),\n [validChildren, omittedChildren, count],\n )\n\n return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n style: {\n \"--group-count\": groupCount,\n \"--group-index\": groupIndex,\n ...style\n } = {},\n \"data-group-between\": dataGroupBetween,\n \"data-group-end\": dataGroupEnd,\n \"data-group-start\": dataGroupStart,\n \"data-peer\": dataPeer,\n ...rest\n}: Y) => {\n const pickedProps = useMemo(\n () => ({\n style: {\n \"--group-count\": groupCount!,\n \"--group-index\": groupIndex!,\n },\n \"data-group-between\": dataGroupBetween,\n \"data-group-end\": dataGroupEnd,\n \"data-group-start\": dataGroupStart,\n \"data-peer\": dataPeer,\n }),\n [\n groupCount,\n groupIndex,\n dataGroupBetween,\n dataGroupEnd,\n dataGroupStart,\n dataPeer,\n ],\n )\n const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;;;AAIA,MAAa,YAAY,aAAyB;CAChD,MAAM,gBAAgBA,kCAAiB,SAAS;CAChD,MAAM,2CAEF,cAAc,QAAQ,UAAU;EAC9B,MAAM,YAAY,MAAM,MAAM;AAE9B,4DAAmB,UAAU,kDAAW,UAAU;GAClD,EACJ,CAAC,cAAc,CAChB;CACD,MAAM,QAAQ,gBAAgB;AAyB9B,iCAtBI,cAAc,KAAK,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,MAAM;AAG5C,MAFkB,UAAU,GAEb,QAAO;AAEtB,iCAAoB,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,~~GAAI~~,MAAM,OAAO~~,SAAS,EAAE~~;~~IAC7B~~;GACD,sEAA+B,QAAQ,KAAK,QAAQ,QAAQ,EAAE;GAC9D,kEAA2B,UAAU,QAAQ,EAAE;GAC/C,oEAA6B,UAAU,EAAE;GACzC,aAAa;GACd,CAAC;GACF,EACJ;EAAC;EAAe;EAAiB;EAAM,CACxC;;AAWH,MAAa,qBAAsC,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,YACjB,GAAG,UACD,EAAE,EACN,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,UACb,GAAG,WACI;AAuBP,QAAO,2BArBE;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;GAClB;EACD,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;EACd,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF,4BACmC;EAAE;EAAO,GAAG;EAAM,GAAG,CAAC,OAAO,KAAK,CAAC,CAErC"}
1	+ {"version":3,"file":"use-group.cjs","names":["useValidChildren"],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined, useValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n const validChildren = useValidChildren(children)\n const omittedChildren = useMemo(\n () =>\n validChildren.filter((child) => {\n const ungrouped = child.props[\"data-ungrouped\"]\n\n return isUndefined(ungrouped) \|\| isNull(ungrouped)\n }),\n [validChildren],\n )\n const count = omittedChildren.length\n const cloneChildren = useMemo(\n () =>\n validChildren.map((child) => {\n const index = omittedChildren.indexOf(child)\n const ungrouped = index === -1\n\n if (ungrouped) return child\n\n return cloneElement(child, {\n ...child.props,\n style: {\n \"--group-count\": count,\n \"--group-index\": index,\n ...child.props?.style,\n },\n \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n \"data-group-end\": dataAttr(index === count - 1),\n \"data-group-start\": dataAttr(index === 0),\n \"data-peer\": \"\",\n })\n }),\n [validChildren, omittedChildren, count],\n )\n\n return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n style: {\n \"--group-count\": groupCount,\n \"--group-index\": groupIndex,\n ...style\n } = {},\n \"data-group-between\": dataGroupBetween,\n \"data-group-end\": dataGroupEnd,\n \"data-group-start\": dataGroupStart,\n \"data-peer\": dataPeer,\n ...rest\n}: Y) => {\n const pickedProps = useMemo(\n () => ({\n style: {\n \"--group-count\": groupCount!,\n \"--group-index\": groupIndex!,\n },\n \"data-group-between\": dataGroupBetween,\n \"data-group-end\": dataGroupEnd,\n \"data-group-start\": dataGroupStart,\n \"data-peer\": dataPeer,\n }),\n [\n groupCount,\n groupIndex,\n dataGroupBetween,\n dataGroupEnd,\n dataGroupStart,\n dataPeer,\n ],\n )\n const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;;;AAIA,MAAa,YAAY,aAAyB;CAChD,MAAM,gBAAgBA,kCAAiB,SAAS;CAChD,MAAM,2CAEF,cAAc,QAAQ,UAAU;EAC9B,MAAM,YAAY,MAAM,MAAM;AAE9B,4DAAmB,UAAU,kDAAW,UAAU;GAClD,EACJ,CAAC,cAAc,CAChB;CACD,MAAM,QAAQ,gBAAgB;AAyB9B,iCAtBI,cAAc,KAAK,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,MAAM;AAG5C,MAFkB,UAAU,GAEb,QAAO;AAEtB,iCAAoB,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,GAAG,MAAM,OAAO;IACjB;GACD,sEAA+B,QAAQ,KAAK,QAAQ,QAAQ,EAAE;GAC9D,kEAA2B,UAAU,QAAQ,EAAE;GAC/C,oEAA6B,UAAU,EAAE;GACzC,aAAa;GACd,CAAC;GACF,EACJ;EAAC;EAAe;EAAiB;EAAM,CACxC;;AAWH,MAAa,qBAAsC,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,YACjB,GAAG,UACD,EAAE,EACN,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,UACb,GAAG,WACI;AAuBP,QAAO,2BArBE;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;GAClB;EACD,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;EACd,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF,4BACmC;EAAE;EAAO,GAAG;EAAM,GAAG,CAAC,OAAO,KAAK,CAAC,CAErC"}

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

@@ -2,6 +2,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_index = require('../../utils/index.cjs');
+const require_var = require('../../core/system/var.cjs');
 const require_factory = require('../../core/system/factory.cjs');
 const require_create_component = require('../../core/components/create-component.cjs');
 require('../../core/index.cjs');
@@ -48,10 +49,10 @@ const Indicator = withProvider(({ children, disabled, label, offset, overflowCou
 		return {
 			...rest,
 			"--animation-scale": scale,
-			"--duration": duration ? `durations.${duration}` : void 0,
+			"--duration": require_var.varAttr(duration, "durations"),
 			"--iteration-count": iterationCount,
-			"--ping-color": color ? `colors.${color}` : void 0,
-			"--timing-function": timingFunction ? `easings.${timingFunction}` : void 0,
+			"--ping-color": require_var.varAttr(color, "colors"),
+			"--timing-function": require_var.varAttr(timingFunction, "easings"),
 			ping: true
 		};
 	} else return {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"indicator.cjs","names":["createSlotComponent","indicatorStyle","styled","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n /*\n It is used for the color of the ping animation.\n /\n color?: CSSProps[\"backgroundColor\"]\n /\n It is used for the duration of the ping animation.\n /\n duration?: CSSProps[\"animationDuration\"]\n /\n It is used for the count of the ping animation.\n /\n iterationCount?: CSSProps[\"animationIterationCount\"]\n /\n It is used for the scale of the ping animation.\n /\n scale?: CSSProps[\"scale\"]\n /\n It is used for the timing function of the ping animation.\n /\n timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n extends\n Omit<HTMLStyledProps, \"offset\">,\n Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n Pick<FloatProps, \"offset\" \| \"placement\"> {\n /\n If `true`, the indicator will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The indicator label to use.\n /\n label?: ReactNode\n /\n If `label` is of type number, the maximum number displayed.\n \n @default 99\n /\n overflowCount?: number\n /\n If `true`, make an element scale and fade like a radar ping or ripple of water.\n \n @default false\n /\n ping?: boolean \| PingOptions\n /\n If `true`, display 0.\n \n @default true\n /\n showZero?: boolean\n /\n Props for the float element.\n /\n floatProps?: IndicatorFloatProps\n /\n Props for the label element.\n /\n labelProps?: IndicatorLabelProps\n}\n\nconst {\n PropsContext: IndicatorPropsContext,\n usePropsContext: useIndicatorPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n \"indicator\",\n indicatorStyle,\n)\n\nexport { IndicatorPropsContext, useIndicatorPropsContext }\n\n/\n `Indicator` is a component that displays at the corner of elements such as avatars.\n \n @see https://yamada-ui.com/docs/components/indicator\n */\nexport const Indicator = withProvider(\n ({\n children,\n disabled,\n label,\n offset,\n overflowCount = 99,\n placement,\n showZero = true,\n floatProps,\n labelProps,\n ...rest\n }) => {\n const numeric = isNumber(label)\n\n disabled ??= numeric && !showZero && label <= 0\n\n const computedLabel = useMemo(() => {\n if (numeric && label > overflowCount) {\n return (\n <>\n {overflowCount}\n <styled.span>+</styled.span>\n </>\n )\n } else {\n return label\n }\n }, [numeric, label, overflowCount])\n\n return (\n <styled.div {...rest}>\n {children}\n\n {!disabled ? (\n <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n {computedLabel}\n </IndicatorLabel>\n </IndicatorFloat>\n ) : null}\n </styled.div>\n )\n },\n \"root\",\n)(({ ping, ...rest }) => {\n if (isObject(ping)) {\n const { color, duration, iterationCount, scale, timingFunction } = ping\n\n return {\n ...rest,\n \"--animation-scale\": scale,\n \"--duration\": duration ~~? `~~durations~~.${duration}` : undefined~~,\n \"--iteration-count\": iterationCount,\n \"--ping-color\": color ~~? `~~colors~~.${color}` : undefined~~,\n \"--timing-function\": timingFunction\~~n ? `~~easings~~.${timingFunction}`\n : undefined~~,\n ping: true,\n }\n } else {\n return { ...rest, ping }\n }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n \"span\",\n \"label\",\n)()\n"],"mappings":"~~;;;;;;;;;;;;;;~~AA8EA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEA,6CACF,aACAC,uCACD;;;;;;AASD,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,0DAAmB,MAAM;AAE/B,cAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,yCAA8B;AAClC,MAAI,WAAW,QAAQ,cACrB,QACE,qFACG,eACD,2CAACC,uBAAO,kBAAK,MAAe,IAC3B;MAGL,QAAO;IAER;EAAC;EAAS;EAAO;EAAc,CAAC;AAEnC,QACE,4CAACA,uBAAO;EAAI,GAAI;aACb,UAEA,CAAC,WACA,2CAAC;GAAuB;GAAmB;GAAW,GAAI;aACxD,2CAAC;IAAe,gEAAuB,QAAQ;IAAE,GAAI;cAClD;KACc;IACF,GACf;GACO;GAGjB,OACD,EAAE,EAAE,MAAM,GAAG,WAAW;AACvB,qDAAa,KAAK,EAAE;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;AAEnE,SAAO;GACL,GAAG;GACH,qBAAqB;GACrB,~~cAAc~~,~~WAAW~~,~~aAAa~~,~~aAAa~~;~~GACnD~~,qBAAqB;GACrB,~~gBAAgB~~,~~QAAQ~~,~~UAAU~~,~~UAAU~~;~~GAC5C~~,~~qBAAqB~~,~~iBACjB~~,~~WAAW~~,~~mBACX~~;~~GACJ~~,MAAM;GACP;OAED,QAAO;EAAE,GAAG;EAAM;EAAM;EAE1B;AAIF,MAAM,iBAAiB,YAAwCC,qBAAO,QAAQ,EAAE;AAIhF,MAAM,iBAAiB,YACrB,QACA,QACD,EAAE"}
1	+ {"version":3,"file":"indicator.cjs","names":["createSlotComponent","indicatorStyle","styled","varAttr","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n /*\n It is used for the color of the ping animation.\n /\n color?: CSSProps[\"backgroundColor\"]\n /\n It is used for the duration of the ping animation.\n /\n duration?: CSSProps[\"animationDuration\"]\n /\n It is used for the count of the ping animation.\n /\n iterationCount?: CSSProps[\"animationIterationCount\"]\n /\n It is used for the scale of the ping animation.\n /\n scale?: CSSProps[\"scale\"]\n /\n It is used for the timing function of the ping animation.\n /\n timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n extends\n Omit<HTMLStyledProps, \"offset\">,\n Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n Pick<FloatProps, \"offset\" \| \"placement\"> {\n /\n If `true`, the indicator will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The indicator label to use.\n /\n label?: ReactNode\n /\n If `label` is of type number, the maximum number displayed.\n \n @default 99\n /\n overflowCount?: number\n /\n If `true`, make an element scale and fade like a radar ping or ripple of water.\n \n @default false\n /\n ping?: boolean \| PingOptions\n /\n If `true`, display 0.\n \n @default true\n /\n showZero?: boolean\n /\n Props for the float element.\n /\n floatProps?: IndicatorFloatProps\n /\n Props for the label element.\n /\n labelProps?: IndicatorLabelProps\n}\n\nconst {\n PropsContext: IndicatorPropsContext,\n usePropsContext: useIndicatorPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n \"indicator\",\n indicatorStyle,\n)\n\nexport { IndicatorPropsContext, useIndicatorPropsContext }\n\n/\n `Indicator` is a component that displays at the corner of elements such as avatars.\n \n @see https://yamada-ui.com/docs/components/indicator\n */\nexport const Indicator = withProvider(\n ({\n children,\n disabled,\n label,\n offset,\n overflowCount = 99,\n placement,\n showZero = true,\n floatProps,\n labelProps,\n ...rest\n }) => {\n const numeric = isNumber(label)\n\n disabled ??= numeric && !showZero && label <= 0\n\n const computedLabel = useMemo(() => {\n if (numeric && label > overflowCount) {\n return (\n <>\n {overflowCount}\n <styled.span>+</styled.span>\n </>\n )\n } else {\n return label\n }\n }, [numeric, label, overflowCount])\n\n return (\n <styled.div {...rest}>\n {children}\n\n {!disabled ? (\n <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n {computedLabel}\n </IndicatorLabel>\n </IndicatorFloat>\n ) : null}\n </styled.div>\n )\n },\n \"root\",\n)(({ ping, ...rest }) => {\n if (isObject(ping)) {\n const { color, duration, iterationCount, scale, timingFunction } = ping\n\n return {\n ...rest,\n \"--animation-scale\": scale,\n \"--duration\": varAttr(duration, \"durations\"),\n \"--iteration-count\": iterationCount,\n \"--ping-color\": varAttr(color, \"colors\"),\n \"--timing-function\": varAttr(timingFunction, \"easings\"),\n ping: true,\n }\n } else {\n return { ...rest, ping }\n }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n \"span\",\n \"label\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;AA8EA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEA,6CACF,aACAC,uCACD;;;;;;AASD,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,0DAAmB,MAAM;AAE/B,cAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,yCAA8B;AAClC,MAAI,WAAW,QAAQ,cACrB,QACE,qFACG,eACD,2CAACC,uBAAO,kBAAK,MAAe,IAC3B;MAGL,QAAO;IAER;EAAC;EAAS;EAAO;EAAc,CAAC;AAEnC,QACE,4CAACA,uBAAO;EAAI,GAAI;aACb,UAEA,CAAC,WACA,2CAAC;GAAuB;GAAmB;GAAW,GAAI;aACxD,2CAAC;IAAe,gEAAuB,QAAQ;IAAE,GAAI;cAClD;KACc;IACF,GACf;GACO;GAGjB,OACD,EAAE,EAAE,MAAM,GAAG,WAAW;AACvB,qDAAa,KAAK,EAAE;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;AAEnE,SAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAcC,oBAAQ,UAAU,YAAY;GAC5C,qBAAqB;GACrB,gBAAgBA,oBAAQ,OAAO,SAAS;GACxC,qBAAqBA,oBAAQ,gBAAgB,UAAU;GACvD,MAAM;GACP;OAED,QAAO;EAAE,GAAG;EAAM;EAAM;EAE1B;AAIF,MAAM,iBAAiB,YAAwCC,qBAAO,QAAQ,EAAE;AAIhF,MAAM,iBAAiB,YACrB,QACA,QACD,EAAE"}

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

@@ -1,11 +1,13 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_var = require('../../core/system/var.cjs');
+require('../../core/index.cjs');
 let react = require("react");
 //#region src/components/input/use-input-border.ts
 const useInputBorder = ({ errorBorderColor, focusBorderColor } = {}) => {
 	return (0, react.useMemo)(() => ({
-		"--error-border-color": errorBorderColor ? `colors.${errorBorderColor}` : void 0,
-		"--focus-border-color": focusBorderColor ? `colors.${focusBorderColor}` : void 0
+		"--error-border-color": require_var.varAttr(errorBorderColor, "colors"),
+		"--focus-border-color": require_var.varAttr(focusBorderColor, "colors")
 	}), [errorBorderColor, focusBorderColor]);
 };

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

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

package/dist/cjs/components/native-select/native-select.cjs CHANGED Viewed

@@ -37,7 +37,7 @@ const NativeSelectRoot = withProvider((props) => {
 			css,
 			colorScheme
 		}, getRootProps(groupItemProps), rootProps)(),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NativeSelectField, { ...getFieldProps(varProps) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_element.InputElement, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NativeSelectField, { ...getFieldProps({ ...varProps }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_element.InputElement, {
 			...elementProps,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NativeSelectIcon, {
 				icon,

package/dist/cjs/components/native-select/native-select.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"native-select.cjs","names":["createSlotComponent","nativeSelectStyle","useGroupItemProps","useNativeSelect","useInputBorder","mergeProps","useInputPropsContext","ChevronDownIcon"],"sources":["../../../../src/components/native-select/native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { NativeSelectStyle } from \"./native-select.style\"\nimport type { UseNativeSelectProps } from \"./use-native-select\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { nativeSelectStyle } from \"./native-select.style\"\nimport { useNativeSelect } from \"./use-native-select\"\n\nexport interface NativeSelectRootProps\n extends\n Omit<HTMLStyledProps<\"select\">, \"size\">,\n UseNativeSelectProps,\n ThemeProps<NativeSelectStyle>,\n FieldProps,\n UseInputBorderProps {\n /*\n The icon to be used in the select.\n /\n icon?: ReactNode\n /\n The props for the end element.\n /\n elementProps?: InputGroup.ElementProps\n /\n Props for icon element.\n /\n iconProps?: NativeSelectIconProps\n /\n Props for root element.\n /\n rootProps?: InputGroup.RootProps\n}\n\nconst {\n component,\n PropsContext: NativeSelectPropsContext,\n usePropsContext: useNativeSelectPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<NativeSelectRootProps, NativeSelectStyle>(\n \"native-select\",\n nativeSelectStyle,\n)\n\nexport { NativeSelectPropsContext, useNativeSelectPropsContext }\n\n/\n `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).\n \n @see https://yamada-ui.com/docs/components/native-select\n */\nexport const NativeSelectRoot = withProvider<\"select\", NativeSelectRootProps>(\n (props) => {\n const [\n groupItemProps,\n {\n className,\n css,\n colorScheme,\n errorBorderColor,\n focusBorderColor,\n icon,\n elementProps,\n iconProps,\n rootProps,\n ...rest\n },\n ] = useGroupItemProps(props)\n const { getFieldProps, getIconProps, getRootProps } = useNativeSelect(rest)\n const varProps = useInputBorder({\n errorBorderColor,\n focusBorderColor,\n })\n\n return (\n <InputGroup.Root\n {...mergeProps(\n { className, css, colorScheme },\n getRootProps(groupItemProps),\n rootProps,\n )()}\n >\n <NativeSelectField {...getFieldProps(varProps)} />\n\n <InputGroup.Element {...elementProps}>\n <NativeSelectIcon icon={icon} {...getIconProps(iconProps)} />\n </InputGroup.Element>\n </InputGroup.Root>\n )\n },\n \"root\",\n)((props) => {\n const context = useInputPropsContext()\n\n return mergeProps(context, props)()\n})\n\ninterface NativeSelectFieldProps extends HTMLStyledProps<\"select\"> {}\n\nconst NativeSelectField = withContext<\"select\", NativeSelectFieldProps>(\n \"select\",\n \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NativeSelectIconProps extends HTMLStyledProps {\n icon?: ReactNode\n}\n\nconst NativeSelectIcon = withContext<\"div\", NativeSelectIconProps>(\n \"div\",\n \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n children: icon \|\| children \|\| <ChevronDownIcon />,\n ...rest,\n}))\n\nexport interface NativeSelectGroupProps extends HTMLProps<\"optgroup\"> {}\n\nexport const NativeSelectGroup = component<\"optgroup\", NativeSelectGroupProps>(\n \"optgroup\",\n \"group\",\n)()\n\nexport interface NativeSelectOptionProps extends HTMLProps<\"option\"> {}\n\nexport const NativeSelectOption = component<\"option\", NativeSelectOptionProps>(\n \"option\",\n \"option\",\n)()\n\nexport interface NativeSelectSeparatorProps extends HTMLProps<\"hr\"> {}\n\nexport const NativeSelectSeparator = component<\n \"hr\",\n NativeSelectSeparatorProps\n>(\"hr\", \"separator\")()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,EACJ,WACA,cAAc,0BACd,iBAAiB,6BACjB,aACA,iBACEA,6CACF,iBACAC,8CACD;;;;;;AASD,MAAa,mBAAmB,cAC7B,UAAU;CACT,MAAM,CACJ,gBACA,EACE,WACA,KACA,aACA,kBACA,kBACA,MACA,cACA,WACA,WACA,GAAG,UAEHC,oCAAkB,MAAM;CAC5B,MAAM,EAAE,eAAe,cAAc,iBAAiBC,0CAAgB,KAAK;CAC3E,MAAM,WAAWC,wCAAe;EAC9B;EACA;EACD,CAAC;AAEF,QACE;EACE,GAAIC,yBACF;GAAE;GAAW;GAAK;GAAa,EAC/B,aAAa,eAAe,EAC5B,UACD,EAAE;aAEH,2CAAC,qBAAkB,GAAI,cAAc,~~SAAS~~,GAAI,~~EAElD~~;GAAoB,GAAI;aACtB,2CAAC;IAAuB;IAAM,GAAI,aAAa,UAAU;KAAI;IAC1C;GACL;GAGtB,OACD,EAAE,UAAU;AAGX,QAAOA,yBAFSC,oCAAsB,EAEX,MAAM,EAAE;EACnC;AAIF,MAAM,oBAAoB,YACxB,UACA,QACD,CAAC,EAAE,wBAAwB,IAAI,CAAC;AAMjC,MAAM,mBAAmB,YACvB,OACA,OACD,CAAC,SAAY,EAAE,UAAU,MAAM,GAAG,YAAY;CAC7C,UAAU,QAAQ,YAAY,2CAACC,8CAAkB;CACjD,GAAG;CACJ,EAAE;AAIH,MAAa,oBAAoB,UAC/B,YACA,QACD,EAAE;AAIH,MAAa,qBAAqB,UAChC,UACA,SACD,EAAE;AAIH,MAAa,wBAAwB,UAGnC,MAAM,YAAY,EAAE"}
1	+ {"version":3,"file":"native-select.cjs","names":["createSlotComponent","nativeSelectStyle","useGroupItemProps","useNativeSelect","useInputBorder","mergeProps","useInputPropsContext","ChevronDownIcon"],"sources":["../../../../src/components/native-select/native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { NativeSelectStyle } from \"./native-select.style\"\nimport type { UseNativeSelectProps } from \"./use-native-select\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { nativeSelectStyle } from \"./native-select.style\"\nimport { useNativeSelect } from \"./use-native-select\"\n\nexport interface NativeSelectRootProps\n extends\n Omit<HTMLStyledProps<\"select\">, \"size\">,\n UseNativeSelectProps,\n ThemeProps<NativeSelectStyle>,\n FieldProps,\n UseInputBorderProps {\n /*\n The icon to be used in the select.\n /\n icon?: ReactNode\n /\n The props for the end element.\n /\n elementProps?: InputGroup.ElementProps\n /\n Props for icon element.\n /\n iconProps?: NativeSelectIconProps\n /\n Props for root element.\n /\n rootProps?: InputGroup.RootProps\n}\n\nconst {\n component,\n PropsContext: NativeSelectPropsContext,\n usePropsContext: useNativeSelectPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<NativeSelectRootProps, NativeSelectStyle>(\n \"native-select\",\n nativeSelectStyle,\n)\n\nexport { NativeSelectPropsContext, useNativeSelectPropsContext }\n\n/\n `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).\n \n @see https://yamada-ui.com/docs/components/native-select\n */\nexport const NativeSelectRoot = withProvider<\"select\", NativeSelectRootProps>(\n (props) => {\n const [\n groupItemProps,\n {\n className,\n css,\n colorScheme,\n errorBorderColor,\n focusBorderColor,\n icon,\n elementProps,\n iconProps,\n rootProps,\n ...rest\n },\n ] = useGroupItemProps(props)\n const { getFieldProps, getIconProps, getRootProps } = useNativeSelect(rest)\n const varProps = useInputBorder({\n errorBorderColor,\n focusBorderColor,\n })\n\n return (\n <InputGroup.Root\n {...mergeProps(\n { className, css, colorScheme },\n getRootProps(groupItemProps),\n rootProps,\n )()}\n >\n <NativeSelectField {...getFieldProps({ ...varProps })} />\n\n <InputGroup.Element {...elementProps}>\n <NativeSelectIcon icon={icon} {...getIconProps(iconProps)} />\n </InputGroup.Element>\n </InputGroup.Root>\n )\n },\n \"root\",\n)((props) => {\n const context = useInputPropsContext()\n\n return mergeProps(context, props)()\n})\n\ninterface NativeSelectFieldProps extends HTMLStyledProps<\"select\"> {}\n\nconst NativeSelectField = withContext<\"select\", NativeSelectFieldProps>(\n \"select\",\n \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NativeSelectIconProps extends HTMLStyledProps {\n icon?: ReactNode\n}\n\nconst NativeSelectIcon = withContext<\"div\", NativeSelectIconProps>(\n \"div\",\n \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n children: icon \|\| children \|\| <ChevronDownIcon />,\n ...rest,\n}))\n\nexport interface NativeSelectGroupProps extends HTMLProps<\"optgroup\"> {}\n\nexport const NativeSelectGroup = component<\"optgroup\", NativeSelectGroupProps>(\n \"optgroup\",\n \"group\",\n)()\n\nexport interface NativeSelectOptionProps extends HTMLProps<\"option\"> {}\n\nexport const NativeSelectOption = component<\"option\", NativeSelectOptionProps>(\n \"option\",\n \"option\",\n)()\n\nexport interface NativeSelectSeparatorProps extends HTMLProps<\"hr\"> {}\n\nexport const NativeSelectSeparator = component<\n \"hr\",\n NativeSelectSeparatorProps\n>(\"hr\", \"separator\")()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,EACJ,WACA,cAAc,0BACd,iBAAiB,6BACjB,aACA,iBACEA,6CACF,iBACAC,8CACD;;;;;;AASD,MAAa,mBAAmB,cAC7B,UAAU;CACT,MAAM,CACJ,gBACA,EACE,WACA,KACA,aACA,kBACA,kBACA,MACA,cACA,WACA,WACA,GAAG,UAEHC,oCAAkB,MAAM;CAC5B,MAAM,EAAE,eAAe,cAAc,iBAAiBC,0CAAgB,KAAK;CAC3E,MAAM,WAAWC,wCAAe;EAC9B;EACA;EACD,CAAC;AAEF,QACE;EACE,GAAIC,yBACF;GAAE;GAAW;GAAK;GAAa,EAC/B,aAAa,eAAe,EAC5B,UACD,EAAE;aAEH,2CAAC,qBAAkB,GAAI,cAAc,EAAE,GAAG,UAAU,CAAC,GAAI,EAEzD;GAAoB,GAAI;aACtB,2CAAC;IAAuB;IAAM,GAAI,aAAa,UAAU;KAAI;IAC1C;GACL;GAGtB,OACD,EAAE,UAAU;AAGX,QAAOA,yBAFSC,oCAAsB,EAEX,MAAM,EAAE;EACnC;AAIF,MAAM,oBAAoB,YACxB,UACA,QACD,CAAC,EAAE,wBAAwB,IAAI,CAAC;AAMjC,MAAM,mBAAmB,YACvB,OACA,OACD,CAAC,SAAY,EAAE,UAAU,MAAM,GAAG,YAAY;CAC7C,UAAU,QAAQ,YAAY,2CAACC,8CAAkB;CACjD,GAAG;CACJ,EAAE;AAIH,MAAa,oBAAoB,UAC/B,YACA,QACD,EAAE;AAIH,MAAa,qBAAqB,UAChC,UACA,SACD,EAAE;AAIH,MAAa,wBAAwB,UAGnC,MAAM,YAAY,EAAE"}

package/dist/cjs/components/native-select/use-native-select.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ const useNativeSelect = (props = {}) => {
 		if (children) computedChildren$1 = children;
 		else if (items.length) computedChildren$1 = items.map((item, index) => {
 			if ("items" in item) {
-				const { items: items$1 = [], label, ...rest$1 } = item;
+				const { items: items$1, label, ...rest$1 } = item;
 				return (0, react.cloneElement)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("optgroup", {}), {
 					key: index,
 					children: items$1.map(({ label: label$1, ...rest$2 }, index$1) => (0, react.cloneElement)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {}), {

package/dist/cjs/components/native-select/use-native-select.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-native-select.cjs","names":["useFieldProps","computedChildren: ReactNode","rest","items","index","label","computedChildren","getRootProps: PropGetter","props","mergeRefs"],"sources":["../../../../src/components/native-select/use-native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { ariaAttr, handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface NativeSelectSharedItem extends Omit<\n HTMLProps<\"option\">,\n \"children\" \| \"label\" \| \"value\"\n> {\n label: string\n}\n\ninterface NativeSelectItemWithValue extends NativeSelectSharedItem {\n value?: HTMLProps<\"option\">[\"value\"]\n}\n\ninterface NativeSelectItemWithItems extends NativeSelectSharedItem {\n items: NativeSelectItemWithValue[]\n}\n\nexport type NativeSelectItem =\n \| NativeSelectItemWithItems\n \| NativeSelectItemWithValue\n\nexport interface UseNativeSelectProps extends HTMLProps<\"select\">, FieldProps {\n /*\n If `true`, include placeholder in options.\n \n @default true\n /\n includePlaceholder?: boolean\n /\n If provided, generate options based on items.\n \n @default []\n /\n items?: NativeSelectItem[]\n /\n The placeholder for select.\n */\n placeholder?: string\n}\n\nexport const useNativeSelect = (props: UseNativeSelectProps = {}) => {\n const {\n props: {\n children,\n disabled,\n includePlaceholder = true,\n items = [],\n placeholder,\n readOnly,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const interactive = !(readOnly \|\| disabled)\n\n const computedChildren = useMemo(() => {\n let computedChildren: ReactNode = null\n\n if (children) {\n computedChildren = children\n } else if (items.length) {\n computedChildren = items.map((item, index) => {\n if (\"items\" in item) {\n const { items ~~= []~~, label, ...rest } = item\n\n return cloneElement(<optgroup />, {\n key: index,\n children: items.map(({ label, ...rest }, index) =>\n cloneElement(<option />, {\n key: index,\n children: label,\n ...rest,\n }),\n ),\n label,\n ...rest,\n })\n } else {\n const { label, ...rest } = item\n\n return cloneElement(<option />, {\n key: index,\n children: label,\n ...rest,\n })\n }\n })\n }\n\n return (\n <>\n {placeholder ? (\n <option hidden={!includePlaceholder} value=\"\">\n {placeholder}\n </option>\n ) : null}\n\n {computedChildren}\n </>\n )\n }, [children, items, placeholder, includePlaceholder])\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({ ...dataProps, ...props }),\n [dataProps],\n )\n\n const getFieldProps: PropGetter<\"select\"> = useCallback(\n ({ ref, ...props } = {}) => ({\n disabled,\n readOnly,\n tabIndex: interactive ? undefined : -1,\n ...ariaProps,\n ...dataProps,\n \"aria-disabled\": ariaAttr(!interactive),\n \"aria-label\": placeholder,\n ...rest,\n ...props,\n ref: mergeRefs(ref, rest.ref),\n children: props.children ?? computedChildren,\n onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n }),\n [\n interactive,\n ariaProps,\n computedChildren,\n dataProps,\n eventProps,\n rest,\n placeholder,\n disabled,\n readOnly,\n ],\n )\n\n const getIconProps: PropGetter = useCallback(\n (props) => ({ ...dataProps, ...props }),\n [dataProps],\n )\n\n return { getFieldProps, getIconProps, getRootProps }\n}\n\nexport type UseNativeSelectReturn = ReturnType<typeof useNativeSelect>\n"],"mappings":";;;;;;;;;;;AA+CA,MAAa,mBAAmB,QAA8B,EAAE,KAAK;CACnE,MAAM,EACJ,OAAO,EACL,UACA,UACA,qBAAqB,MACrB,QAAQ,EAAE,EACV,aACA,UACA,GAAG,QAEL,WACA,WACA,eACEA,sCAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAElC,MAAM,4CAAiC;EACrC,IAAIC,qBAA8B;AAElC,MAAI,SACF,sBAAmB;WACV,MAAM,OACf,sBAAmB,MAAM,KAAK,MAAM,UAAU;AAC5C,OAAI,WAAW,MAAM;IACnB,MAAM,EAAE,~~iBAAQ~~,~~EAAE,EAAE,~~OAAO,GAAGC,WAAS;~~AAEvC~~,mCAAoB,2CAAC,eAAW,EAAE;KAChC,KAAK;KACL,UAAUC,QAAM,KAAK,EAAE,gBAAO,GAAGD,UAAQ,oCAC1B,2CAAC,aAAS,EAAE;MACvB,KAAKE;MACL,UAAUC;MACV,GAAGH;MACJ,CAAC,CACH;KACD;KACA,GAAGA;KACJ,CAAC;UACG;IACL,MAAM,EAAE,OAAO,GAAGA,WAAS;AAE3B,mCAAoB,2CAAC,aAAS,EAAE;KAC9B,KAAK;KACL,UAAU;KACV,GAAGA;KACJ,CAAC;;IAEJ;AAGJ,SACE,qFACG,cACC,2CAAC;GAAO,QAAQ,CAAC;GAAoB,OAAM;aACxC;IACM,GACP,MAEHI,sBACA;IAEJ;EAAC;EAAU;EAAO;EAAa;EAAmB,CAAC;CAEtD,MAAMC,uCACH,aAAW;EAAE,GAAG;EAAW,GAAGC;EAAO,GACtC,CAAC,UAAU,CACZ;AAoCD,QAAO;EAAE,uCAjCN,EAAE,KAAK,GAAGA,YAAU,EAAE,MAAM;GAC3B;GACA;GACA,UAAU,cAAc,SAAY;GACpC,GAAG;GACH,GAAG;GACH,iEAA0B,CAAC,YAAY;GACvC,cAAc;GACd,GAAG;GACH,GAAGA;GACH,KAAKC,sBAAU,KAAK,KAAK,IAAI;GAC7B,UAAUD,QAAM,YAAY;GAC5B,0DAAmB,WAAW,QAAQA,QAAM,OAAO;GACnD,2DAAoB,WAAW,SAASA,QAAM,QAAQ;GACvD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAOuB,sCAJrB,aAAW;GAAE,GAAG;GAAW,GAAGA;GAAO,GACtC,CAAC,UAAU,CACZ;EAEqC;EAAc"}
1	+ {"version":3,"file":"use-native-select.cjs","names":["useFieldProps","computedChildren: ReactNode","rest","items","index","label","computedChildren","getRootProps: PropGetter","props","mergeRefs"],"sources":["../../../../src/components/native-select/use-native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { ariaAttr, handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface NativeSelectSharedItem extends Omit<\n HTMLProps<\"option\">,\n \"children\" \| \"label\" \| \"value\"\n> {\n label: string\n}\n\ninterface NativeSelectItemWithValue extends NativeSelectSharedItem {\n value?: HTMLProps<\"option\">[\"value\"]\n}\n\ninterface NativeSelectItemWithItems extends NativeSelectSharedItem {\n items: NativeSelectItemWithValue[]\n}\n\nexport type NativeSelectItem =\n \| NativeSelectItemWithItems\n \| NativeSelectItemWithValue\n\nexport interface UseNativeSelectProps extends HTMLProps<\"select\">, FieldProps {\n /*\n If `true`, include placeholder in options.\n \n @default true\n /\n includePlaceholder?: boolean\n /\n If provided, generate options based on items.\n \n @default []\n /\n items?: NativeSelectItem[]\n /\n The placeholder for select.\n */\n placeholder?: string\n}\n\nexport const useNativeSelect = (props: UseNativeSelectProps = {}) => {\n const {\n props: {\n children,\n disabled,\n includePlaceholder = true,\n items = [],\n placeholder,\n readOnly,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const interactive = !(readOnly \|\| disabled)\n\n const computedChildren = useMemo(() => {\n let computedChildren: ReactNode = null\n\n if (children) {\n computedChildren = children\n } else if (items.length) {\n computedChildren = items.map((item, index) => {\n if (\"items\" in item) {\n const { items, label, ...rest } = item\n\n return cloneElement(<optgroup />, {\n key: index,\n children: items.map(({ label, ...rest }, index) =>\n cloneElement(<option />, {\n key: index,\n children: label,\n ...rest,\n }),\n ),\n label,\n ...rest,\n })\n } else {\n const { label, ...rest } = item\n\n return cloneElement(<option />, {\n key: index,\n children: label,\n ...rest,\n })\n }\n })\n }\n\n return (\n <>\n {placeholder ? (\n <option hidden={!includePlaceholder} value=\"\">\n {placeholder}\n </option>\n ) : null}\n\n {computedChildren}\n </>\n )\n }, [children, items, placeholder, includePlaceholder])\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({ ...dataProps, ...props }),\n [dataProps],\n )\n\n const getFieldProps: PropGetter<\"select\"> = useCallback(\n ({ ref, ...props } = {}) => ({\n disabled,\n readOnly,\n tabIndex: interactive ? undefined : -1,\n ...ariaProps,\n ...dataProps,\n \"aria-disabled\": ariaAttr(!interactive),\n \"aria-label\": placeholder,\n ...rest,\n ...props,\n ref: mergeRefs(ref, rest.ref),\n children: props.children ?? computedChildren,\n onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n }),\n [\n interactive,\n ariaProps,\n computedChildren,\n dataProps,\n eventProps,\n rest,\n placeholder,\n disabled,\n readOnly,\n ],\n )\n\n const getIconProps: PropGetter = useCallback(\n (props) => ({ ...dataProps, ...props }),\n [dataProps],\n )\n\n return { getFieldProps, getIconProps, getRootProps }\n}\n\nexport type UseNativeSelectReturn = ReturnType<typeof useNativeSelect>\n"],"mappings":";;;;;;;;;;;AA+CA,MAAa,mBAAmB,QAA8B,EAAE,KAAK;CACnE,MAAM,EACJ,OAAO,EACL,UACA,UACA,qBAAqB,MACrB,QAAQ,EAAE,EACV,aACA,UACA,GAAG,QAEL,WACA,WACA,eACEA,sCAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAElC,MAAM,4CAAiC;EACrC,IAAIC,qBAA8B;AAElC,MAAI,SACF,sBAAmB;WACV,MAAM,OACf,sBAAmB,MAAM,KAAK,MAAM,UAAU;AAC5C,OAAI,WAAW,MAAM;IACnB,MAAM,EAAE,gBAAO,OAAO,GAAGC,WAAS;AAElC,mCAAoB,2CAAC,eAAW,EAAE;KAChC,KAAK;KACL,UAAUC,QAAM,KAAK,EAAE,gBAAO,GAAGD,UAAQ,oCAC1B,2CAAC,aAAS,EAAE;MACvB,KAAKE;MACL,UAAUC;MACV,GAAGH;MACJ,CAAC,CACH;KACD;KACA,GAAGA;KACJ,CAAC;UACG;IACL,MAAM,EAAE,OAAO,GAAGA,WAAS;AAE3B,mCAAoB,2CAAC,aAAS,EAAE;KAC9B,KAAK;KACL,UAAU;KACV,GAAGA;KACJ,CAAC;;IAEJ;AAGJ,SACE,qFACG,cACC,2CAAC;GAAO,QAAQ,CAAC;GAAoB,OAAM;aACxC;IACM,GACP,MAEHI,sBACA;IAEJ;EAAC;EAAU;EAAO;EAAa;EAAmB,CAAC;CAEtD,MAAMC,uCACH,aAAW;EAAE,GAAG;EAAW,GAAGC;EAAO,GACtC,CAAC,UAAU,CACZ;AAoCD,QAAO;EAAE,uCAjCN,EAAE,KAAK,GAAGA,YAAU,EAAE,MAAM;GAC3B;GACA;GACA,UAAU,cAAc,SAAY;GACpC,GAAG;GACH,GAAG;GACH,iEAA0B,CAAC,YAAY;GACvC,cAAc;GACd,GAAG;GACH,GAAGA;GACH,KAAKC,sBAAU,KAAK,KAAK,IAAI;GAC7B,UAAUD,QAAM,YAAY;GAC5B,0DAAmB,WAAW,QAAQA,QAAM,OAAO;GACnD,2DAAoB,WAAW,SAASA,QAAM,QAAQ;GACvD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAOuB,sCAJrB,aAAW;GAAE,GAAG;GAAW,GAAGA;GAAO,GACtC,CAAC,UAAU,CACZ;EAEqC;EAAc"}

package/dist/cjs/components/number-input/number-input.style.cjs CHANGED Viewed

@@ -85,7 +85,7 @@ const numberInputStyle = require_config.defineComponentSlotStyle({
 				fontSize: require_input_style.inputStyle.sizes?.["2xl"].fontSize
 			},
 			field: require_input_style.inputStyle.sizes?.["2xl"],
-			root: require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.["2xl"]?.minH, "& > input")
+			root: require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.["2xl"].minH, "& > input")
 		}
 	},
 	defaultProps: {

package/dist/cjs/components/number-input/number-input.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"number-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/number-input/number-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n getInputHeightStyle,\n getInputPaddingStartResetStyle,\n inputStyle,\n} from \"../input\"\n\nexport const numberInputStyle = defineComponentSlotStyle({\n base: {\n button: {\n ...buttonStyle.base,\n flex: \"1\",\n lineHeight: \"1\",\n rounded: \"l1\",\n },\n control: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n decrement: {},\n field: inputStyle.base,\n increment: {},\n root: {},\n },\n\n variants: {\n base: {\n button: {\n layerStyle: \"ghost\",\n focusVisibleRing: \"none\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _focusVisible: {\n layerStyle: \"ghost.hover\",\n },\n },\n },\n\n filled: {\n field: inputStyle.variants?.filled,\n },\n flushed: {\n field: inputStyle.variants?.flushed,\n root: getInputPaddingStartResetStyle(\"& > input\"),\n },\n outline: {\n field: inputStyle.variants?.outline,\n },\n plain: {\n field: inputStyle.variants?.plain,\n },\n },\n\n sizes: {\n xs: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.xs.fontSize,\n },\n field: inputStyle.sizes?.xs,\n root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n },\n sm: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.sm.fontSize,\n },\n field: inputStyle.sizes?.sm,\n root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n },\n md: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.md.fontSize,\n },\n field: inputStyle.sizes?.md,\n root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n },\n lg: {\n control: {\n boxSize: `calc({--height} - {spaces.2.5})`,\n fontSize: inputStyle.sizes?.lg.fontSize,\n },\n field: inputStyle.sizes?.lg,\n root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n },\n xl: {\n control: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.xl.fontSize,\n },\n field: inputStyle.sizes?.xl,\n root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n },\n \"2xl\": {\n control: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n },\n field: inputStyle.sizes?.[\"2xl\"],\n root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"]?.minH, \"& > input\"),\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type NumberInputStyle = typeof numberInputStyle\n"],"mappings":";;;;;;;;AAQA,MAAa,mBAAmBA,wCAAyB;CACvD,MAAM;EACJ,QAAQ;GACN,GAAGC,iCAAY;GACf,MAAM;GACN,YAAY;GACZ,SAAS;GACV;EACD,SAAS;GACP,SAAS;GACT,eAAe;GAChB;EACD,WAAW,EAAE;EACb,OAAOC,+BAAW;EAClB,WAAW,EAAE;EACb,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAOA,+BAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,+BAAW,UAAU;GAC5B,MAAMC,mDAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAOD,+BAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,+BAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,QAAQ,OAAO;IACrC;GACD,OAAOA,+BAAW,QAAQ;GAC1B,MAAME,wCAAoBF,+BAAW,QAAQ,~~QAAQ~~,MAAM,YAAY;~~GACxE~~;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"number-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/number-input/number-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n getInputHeightStyle,\n getInputPaddingStartResetStyle,\n inputStyle,\n} from \"../input\"\n\nexport const numberInputStyle = defineComponentSlotStyle({\n base: {\n button: {\n ...buttonStyle.base,\n flex: \"1\",\n lineHeight: \"1\",\n rounded: \"l1\",\n },\n control: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n decrement: {},\n field: inputStyle.base,\n increment: {},\n root: {},\n },\n\n variants: {\n base: {\n button: {\n layerStyle: \"ghost\",\n focusVisibleRing: \"none\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _focusVisible: {\n layerStyle: \"ghost.hover\",\n },\n },\n },\n\n filled: {\n field: inputStyle.variants?.filled,\n },\n flushed: {\n field: inputStyle.variants?.flushed,\n root: getInputPaddingStartResetStyle(\"& > input\"),\n },\n outline: {\n field: inputStyle.variants?.outline,\n },\n plain: {\n field: inputStyle.variants?.plain,\n },\n },\n\n sizes: {\n xs: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.xs.fontSize,\n },\n field: inputStyle.sizes?.xs,\n root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n },\n sm: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.sm.fontSize,\n },\n field: inputStyle.sizes?.sm,\n root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n },\n md: {\n control: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.md.fontSize,\n },\n field: inputStyle.sizes?.md,\n root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n },\n lg: {\n control: {\n boxSize: `calc({--height} - {spaces.2.5})`,\n fontSize: inputStyle.sizes?.lg.fontSize,\n },\n field: inputStyle.sizes?.lg,\n root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n },\n xl: {\n control: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.xl.fontSize,\n },\n field: inputStyle.sizes?.xl,\n root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n },\n \"2xl\": {\n control: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n },\n field: inputStyle.sizes?.[\"2xl\"],\n root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type NumberInputStyle = typeof numberInputStyle\n"],"mappings":";;;;;;;;AAQA,MAAa,mBAAmBA,wCAAyB;CACvD,MAAM;EACJ,QAAQ;GACN,GAAGC,iCAAY;GACf,MAAM;GACN,YAAY;GACZ,SAAS;GACV;EACD,SAAS;GACP,SAAS;GACT,eAAe;GAChB;EACD,WAAW,EAAE;EACb,OAAOC,+BAAW;EAClB,WAAW,EAAE;EACb,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAOA,+BAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,+BAAW,UAAU;GAC5B,MAAMC,mDAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAOD,+BAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,+BAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,SAAS;IACP,SAAS;IACT,UAAUA,+BAAW,QAAQ,OAAO;IACrC;GACD,OAAOA,+BAAW,QAAQ;GAC1B,MAAME,wCAAoBF,+BAAW,QAAQ,OAAO,MAAM,YAAY;GACvE;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/cjs/components/password-input/password-input.style.cjs CHANGED Viewed

@@ -78,7 +78,7 @@ const passwordInputStyle = require_config.defineComponentSlotStyle({
 				fontSize: require_input_style.inputStyle.sizes?.["2xl"].fontSize
 			},
 			field: require_input_style.inputStyle.sizes?.["2xl"],
-			root: require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.["2xl"]?.minH, "& > input")
+			root: require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.["2xl"].minH, "& > input")
 		}
 	},
 	defaultProps: {

package/dist/cjs/components/password-input/password-input.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"password-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/password-input/password-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n getInputHeightStyle,\n getInputPaddingStartResetStyle,\n inputStyle,\n} from \"../input\"\n\nexport const passwordInputStyle = defineComponentSlotStyle({\n base: {\n button: {\n ...buttonStyle.base,\n rounded: \"l1\",\n _readOnly: { cursor: \"pointer\" },\n },\n field: inputStyle.base,\n root: {},\n },\n\n variants: {\n base: {\n button: {\n layerStyle: \"ghost\",\n focusVisibleRing: \"none\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _focusVisible: {\n layerStyle: \"ghost.hover\",\n },\n },\n },\n\n filled: {\n field: inputStyle.variants?.filled,\n },\n flushed: {\n field: inputStyle.variants?.flushed,\n root: getInputPaddingStartResetStyle(\"& > input\"),\n },\n outline: {\n field: inputStyle.variants?.outline,\n },\n plain: {\n field: inputStyle.variants?.plain,\n },\n },\n\n sizes: {\n xs: {\n button: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.xs.fontSize,\n },\n field: inputStyle.sizes?.xs,\n root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n },\n sm: {\n button: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.sm.fontSize,\n },\n field: inputStyle.sizes?.sm,\n root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n },\n md: {\n button: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.md.fontSize,\n },\n field: inputStyle.sizes?.md,\n root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n },\n lg: {\n button: {\n boxSize: `calc({--height} - {spaces.2.5})`,\n fontSize: inputStyle.sizes?.lg.fontSize,\n },\n field: inputStyle.sizes?.lg,\n root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n },\n xl: {\n button: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.xl.fontSize,\n },\n field: inputStyle.sizes?.xl,\n root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n },\n \"2xl\": {\n button: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n },\n field: inputStyle.sizes?.[\"2xl\"],\n root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"]?.minH, \"& > input\"),\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type PasswordInputStyle = typeof passwordInputStyle\n"],"mappings":";;;;;;;;AAQA,MAAa,qBAAqBA,wCAAyB;CACzD,MAAM;EACJ,QAAQ;GACN,GAAGC,iCAAY;GACf,SAAS;GACT,WAAW,EAAE,QAAQ,WAAW;GACjC;EACD,OAAOC,+BAAW;EAClB,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAOA,+BAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,+BAAW,UAAU;GAC5B,MAAMC,mDAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAOD,+BAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,+BAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,QAAQ,OAAO;IACrC;GACD,OAAOA,+BAAW,QAAQ;GAC1B,MAAME,wCAAoBF,+BAAW,QAAQ,~~QAAQ~~,MAAM,YAAY;~~GACxE~~;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"password-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/password-input/password-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n getInputHeightStyle,\n getInputPaddingStartResetStyle,\n inputStyle,\n} from \"../input\"\n\nexport const passwordInputStyle = defineComponentSlotStyle({\n base: {\n button: {\n ...buttonStyle.base,\n rounded: \"l1\",\n _readOnly: { cursor: \"pointer\" },\n },\n field: inputStyle.base,\n root: {},\n },\n\n variants: {\n base: {\n button: {\n layerStyle: \"ghost\",\n focusVisibleRing: \"none\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _focusVisible: {\n layerStyle: \"ghost.hover\",\n },\n },\n },\n\n filled: {\n field: inputStyle.variants?.filled,\n },\n flushed: {\n field: inputStyle.variants?.flushed,\n root: getInputPaddingStartResetStyle(\"& > input\"),\n },\n outline: {\n field: inputStyle.variants?.outline,\n },\n plain: {\n field: inputStyle.variants?.plain,\n },\n },\n\n sizes: {\n xs: {\n button: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.xs.fontSize,\n },\n field: inputStyle.sizes?.xs,\n root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n },\n sm: {\n button: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.sm.fontSize,\n },\n field: inputStyle.sizes?.sm,\n root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n },\n md: {\n button: {\n boxSize: `calc({--height} - {spaces.2})`,\n fontSize: inputStyle.sizes?.md.fontSize,\n },\n field: inputStyle.sizes?.md,\n root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n },\n lg: {\n button: {\n boxSize: `calc({--height} - {spaces.2.5})`,\n fontSize: inputStyle.sizes?.lg.fontSize,\n },\n field: inputStyle.sizes?.lg,\n root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n },\n xl: {\n button: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.xl.fontSize,\n },\n field: inputStyle.sizes?.xl,\n root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n },\n \"2xl\": {\n button: {\n boxSize: `calc({--height} - {spaces.3})`,\n fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n },\n field: inputStyle.sizes?.[\"2xl\"],\n root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type PasswordInputStyle = typeof passwordInputStyle\n"],"mappings":";;;;;;;;AAQA,MAAa,qBAAqBA,wCAAyB;CACzD,MAAM;EACJ,QAAQ;GACN,GAAGC,iCAAY;GACf,SAAS;GACT,WAAW,EAAE,QAAQ,WAAW;GACjC;EACD,OAAOC,+BAAW;EAClB,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAOA,+BAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,+BAAW,UAAU;GAC5B,MAAMC,mDAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAOD,+BAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,+BAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,OAAO,GAAG;IAChC;GACD,OAAOA,+BAAW,OAAO;GACzB,MAAME,wCAAoBF,+BAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,QAAQ;IACN,SAAS;IACT,UAAUA,+BAAW,QAAQ,OAAO;IACrC;GACD,OAAOA,+BAAW,QAAQ;GAC1B,MAAME,wCAAoBF,+BAAW,QAAQ,OAAO,MAAM,YAAY;GACvE;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

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

@@ -125,7 +125,7 @@ const SelectRoot = withProvider((props) => {
 									css,
 									colorScheme
 								}, getRootProps(groupItemProps), rootProps)(),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, { ...getFieldProps(varProps) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_element.InputElement, {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, { ...getFieldProps({ ...varProps }) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_element.InputElement, {
 									clickable: clearable && hasValue,
 									...elementProps,
 									children: clearable && hasValue ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectIcon, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select.cjs","names":["createSlotComponent","selectStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useSelect","createComboboxItem","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","SelectContext","styled","mergeProps","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","useSelectOption","CheckIcon"],"sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n GenericsComponent,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type {\n ComboboxItem,\n UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { SelectStyle } from \"./select.style\"\nimport type {\n UseSelectOptionProps,\n UseSelectProps,\n UseSelectReturn,\n} from \"./use-select\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n ComboboxContext,\n ComboboxDescendantsContext,\n ComboboxGroupContext,\n createComboboxChildren,\n createComboboxItem,\n useComboboxGroup,\n useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { selectStyle } from \"./select.style\"\nimport { SelectContext, useSelect, useSelectOption } from \"./use-select\"\n\ninterface ComponentContext\n extends\n Pick<UseSelectReturn, \"getSeparatorProps\">,\n Pick<SelectRootProps, \"groupProps\" \| \"optionProps\"> {}\n\nexport interface SelectRootProps<Multiple extends boolean = false>\n extends\n Omit<HTMLStyledProps, \"defaultValue\" \| \"offset\" \| \"onChange\" \| \"value\">,\n Merge<UseSelectProps<Multiple>, UsePopoverStyleProps>,\n UsePopupAnimationProps,\n ThemeProps<SelectStyle>,\n UseInputBorderProps {\n /*\n If `true`, display the clear icon.\n \n @default false\n /\n clearable?: boolean\n /\n The icon to be used in the clear button.\n /\n clearIcon?: ReactNode\n /\n The icon to be used in the select.\n /\n icon?: ReactNode\n /\n Props for content element.\n /\n contentProps?: SelectContentProps\n /\n The props for the end element.\n /\n elementProps?: InputGroup.ElementProps\n /\n Props for group element.\n /\n groupProps?: Omit<SelectGroupProps, \"children\" \| \"label\">\n /\n Props for icon element.\n /\n iconProps?: SelectIconProps\n /\n Props for option element.\n /\n optionProps?: Omit<SelectOptionProps, \"children\" \| \"value\">\n /\n Props for placeholder element.\n /\n placeholderProps?: Omit<SelectOptionProps, \"children\" \| \"value\">\n /\n Props for root element.\n /\n rootProps?: InputGroup.RootProps\n}\n\nconst {\n ComponentContext,\n PropsContext: SelectPropsContext,\n useComponentContext,\n usePropsContext: useSelectPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<SelectRootProps, SelectStyle, ComponentContext>(\n \"select\",\n selectStyle,\n)\n\nexport { SelectPropsContext, useSelectPropsContext }\n\n/\n `Select` is a component used for allowing a user to choose one option from a list.\n \n @see https://yamada-ui.com/docs/components/select\n /\nexport const SelectRoot = withProvider<\"div\", SelectRootProps>(\n <Multiple extends boolean = false>(props: SelectRootProps<Multiple>) => {\n const [\n groupItemProps,\n {\n className,\n css,\n colorScheme,\n animationScheme = \"block-start\",\n children,\n clearable,\n clearIcon = <XIcon />,\n duration,\n errorBorderColor,\n focusBorderColor,\n icon,\n items: itemsProp,\n contentProps,\n elementProps,\n groupProps,\n iconProps,\n optionProps,\n placeholderProps,\n rootProps,\n ...rest\n },\n ] = useGroupItemProps(props)\n const popoverStyleProps = usePopoverStyleProps(rest)\n const items = useMemo<ComboboxItem[]>(() => {\n if (itemsProp) return itemsProp\n\n return createComboboxItem(children, {\n Group: SelectGroup,\n Label: SelectLabel,\n Option: SelectOption,\n })\n }, [itemsProp, children])\n const {\n descendants,\n includePlaceholder,\n items: computedItems,\n max,\n placeholder,\n value,\n getClearIconProps,\n getContentProps,\n getFieldProps,\n getIconProps,\n getInputProps,\n getRootProps,\n getSeparatorProps,\n popoverProps,\n onActiveDescendant,\n onChange,\n onClose,\n onSelect,\n } = useSelect({ items, ...rest, ...popoverStyleProps })\n const mergedPopoverProps = useMemo<Popover.RootProps>(\n () => ({\n animationScheme,\n duration,\n ...popoverProps,\n }),\n [animationScheme, duration, popoverProps],\n )\n const computedChildren = useMemo(() => {\n if (children)\n return (\n <>\n {placeholder ? (\n <SelectOption\n {...placeholderProps}\n hidden={!includePlaceholder}\n value=\"\"\n >\n {placeholder}\n </SelectOption>\n ) : null}\n\n {children}\n </>\n )\n\n return createComboboxChildren(computedItems, {\n Group: SelectGroup,\n Option: SelectOption,\n })\n }, [\n children,\n computedItems,\n placeholder,\n includePlaceholder,\n placeholderProps,\n ])\n const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n const comboboxContext = useMemo(\n () => ({ max, value, onActiveDescendant, onChange, onClose, onSelect }),\n [max, onActiveDescendant, onChange, onClose, onSelect, value],\n )\n const selectContext = useMemo(() => ({ max, value }), [max, value])\n const componentContext = useMemo(\n () => ({ getSeparatorProps, groupProps, optionProps }),\n [getSeparatorProps, groupProps, optionProps],\n )\n const hasValue = isArray(value) ? !!value.length : !!value\n\n return (\n <ComboboxDescendantsContext value={descendants}>\n <ComboboxContext value={comboboxContext}>\n <SelectContext value={selectContext}>\n <ComponentContext value={componentContext}>\n <Popover.Root {...mergedPopoverProps}>\n <styled.input {...getInputProps()} />\n\n <InputGroup.Root\n {...mergeProps(\n { className, css, colorScheme },\n getRootProps(groupItemProps),\n rootProps,\n )()}\n >\n <Popover.Trigger>\n <SelectField {...getFieldProps(varProps)} />\n </Popover.Trigger>\n\n <InputGroup.Element\n {...{ clickable: clearable && hasValue, ...elementProps }}\n >\n {clearable && hasValue ? (\n <SelectIcon\n icon={clearIcon}\n {...getClearIconProps(iconProps)}\n />\n ) : (\n <SelectIcon icon={icon} {...getIconProps(iconProps)} />\n )}\n </InputGroup.Element>\n </InputGroup.Root>\n\n <SelectContent\n {...cast<SelectContentProps>(\n getContentProps(cast<HTMLProps>(contentProps)),\n )}\n >\n {computedChildren}\n </SelectContent>\n </Popover.Root>\n </ComponentContext>\n </SelectContext>\n </ComboboxContext>\n </ComboboxDescendantsContext>\n )\n },\n \"root\",\n)((props) => {\n const context = useInputPropsContext()\n\n return mergeProps(context, props)()\n}) as GenericsComponent<{\n <Multiple extends boolean = false>(\n props: SelectRootProps<Multiple>,\n ): ReactElement\n}>\n\ninterface SelectFieldProps extends HTMLStyledProps {}\n\nconst SelectField = withContext<\"div\", SelectFieldProps>(\"div\", \"field\")(\n { \"data-group-propagate\": \"\" },\n ({ children, ...rest }) => ({\n ...rest,\n children: <SelectValueText>{children}</SelectValueText>,\n }),\n)\n\ninterface SelectIconProps extends HTMLStyledProps {\n icon?: ReactNode\n}\n\nconst SelectIcon = withContext<\"div\", SelectIconProps>(\"div\", \"icon\")(\n undefined,\n ({ children, icon, ...rest }) => ({\n children: icon \|\| children \|\| <ChevronDownIcon />,\n ...rest,\n }),\n)\n\ninterface SelectValueTextProps extends HTMLProps<\"span\"> {}\n\nconst SelectValueText = withContext<\"span\", SelectValueTextProps>(\n \"span\",\n \"valueText\",\n)()\n\ninterface SelectContentProps extends Popover.ContentProps {}\n\nconst SelectContent = withContext<\"div\", SelectContentProps>(\n Popover.Content,\n \"content\",\n)()\n\nexport interface SelectLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SelectLabel = withContext<\"span\", SelectLabelProps>(\n \"span\",\n \"label\",\n)(undefined, (props) => {\n const { getLabelProps } = useComboboxGroupContext()\n\n return getLabelProps(props)\n})\n\nexport interface SelectGroupProps\n extends UseComboboxGroupProps, HTMLStyledProps {\n /\n The label of the group.\n /\n label?: ReactNode\n /\n Props for the label component.\n /\n labelProps?: SelectLabelProps\n}\n\nexport const SelectGroup = withContext<\"div\", SelectGroupProps>(\n ({ children, label, labelProps, ...rest }) => {\n const { groupProps } = useComponentContext()\n const { getGroupProps, getLabelProps } = useComboboxGroup(\n mergeProps(groupProps, rest)(),\n )\n const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n return (\n <ComboboxGroupContext value={context}>\n <styled.div {...getGroupProps()}>\n {label ? <SelectLabel {...labelProps}>{label}</SelectLabel> : null}\n {children}\n </styled.div>\n </ComboboxGroupContext>\n )\n },\n \"group\",\n)()\n\nexport interface SelectOptionProps\n extends UseSelectOptionProps, HTMLStyledProps {\n /\n The icon to be used in the select option.\n */\n icon?: ReactNode\n}\n\nexport const SelectOption = withContext<\"div\", SelectOptionProps>(\n ({ children, icon: iconProp, ...rest }) => {\n const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n const { getIndicatorProps, getOptionProps } = useSelectOption(\n mergeProps(optionProps, rest)(),\n )\n\n return (\n <styled.div {...getOptionProps()}>\n <SelectIndicator {...getIndicatorProps()}>\n {iconProp ?? icon ?? <CheckIcon />}\n </SelectIndicator>\n {children}\n </styled.div>\n )\n },\n \"option\",\n)()\n\ninterface SelectIndicatorProps extends HTMLStyledProps {}\n\nconst SelectIndicator = withContext<\"div\", SelectIndicatorProps>(\n \"div\",\n \"indicator\",\n)()\n\nexport interface SelectSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const SelectSeparator = withContext<\"hr\", SelectSeparatorProps>(\n \"hr\",\n \"separator\",\n)(undefined, (props) => {\n const { getSeparatorProps } = useComponentContext()\n\n return getSeparatorProps(props)\n})\n"],"mappings":"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"}
1	+ {"version":3,"file":"select.cjs","names":["createSlotComponent","selectStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useSelect","createComboboxItem","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","SelectContext","styled","mergeProps","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","useSelectOption","CheckIcon"],"sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n GenericsComponent,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type {\n ComboboxItem,\n UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { SelectStyle } from \"./select.style\"\nimport type {\n UseSelectOptionProps,\n UseSelectProps,\n UseSelectReturn,\n} from \"./use-select\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n ComboboxContext,\n ComboboxDescendantsContext,\n ComboboxGroupContext,\n createComboboxChildren,\n createComboboxItem,\n useComboboxGroup,\n useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { selectStyle } from \"./select.style\"\nimport { SelectContext, useSelect, useSelectOption } from \"./use-select\"\n\ninterface ComponentContext\n extends\n Pick<UseSelectReturn, \"getSeparatorProps\">,\n Pick<SelectRootProps, \"groupProps\" \| \"optionProps\"> {}\n\nexport interface SelectRootProps<Multiple extends boolean = false>\n extends\n Omit<HTMLStyledProps, \"defaultValue\" \| \"offset\" \| \"onChange\" \| \"value\">,\n Merge<UseSelectProps<Multiple>, UsePopoverStyleProps>,\n UsePopupAnimationProps,\n ThemeProps<SelectStyle>,\n UseInputBorderProps {\n /*\n If `true`, display the clear icon.\n \n @default false\n /\n clearable?: boolean\n /\n The icon to be used in the clear button.\n /\n clearIcon?: ReactNode\n /\n The icon to be used in the select.\n /\n icon?: ReactNode\n /\n Props for content element.\n /\n contentProps?: SelectContentProps\n /\n The props for the end element.\n /\n elementProps?: InputGroup.ElementProps\n /\n Props for group element.\n /\n groupProps?: Omit<SelectGroupProps, \"children\" \| \"label\">\n /\n Props for icon element.\n /\n iconProps?: SelectIconProps\n /\n Props for option element.\n /\n optionProps?: Omit<SelectOptionProps, \"children\" \| \"value\">\n /\n Props for placeholder element.\n /\n placeholderProps?: Omit<SelectOptionProps, \"children\" \| \"value\">\n /\n Props for root element.\n /\n rootProps?: InputGroup.RootProps\n}\n\nconst {\n ComponentContext,\n PropsContext: SelectPropsContext,\n useComponentContext,\n usePropsContext: useSelectPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<SelectRootProps, SelectStyle, ComponentContext>(\n \"select\",\n selectStyle,\n)\n\nexport { SelectPropsContext, useSelectPropsContext }\n\n/\n `Select` is a component used for allowing a user to choose one option from a list.\n \n @see https://yamada-ui.com/docs/components/select\n /\nexport const SelectRoot = withProvider<\"div\", SelectRootProps>(\n <Multiple extends boolean = false>(props: SelectRootProps<Multiple>) => {\n const [\n groupItemProps,\n {\n className,\n css,\n colorScheme,\n animationScheme = \"block-start\",\n children,\n clearable,\n clearIcon = <XIcon />,\n duration,\n errorBorderColor,\n focusBorderColor,\n icon,\n items: itemsProp,\n contentProps,\n elementProps,\n groupProps,\n iconProps,\n optionProps,\n placeholderProps,\n rootProps,\n ...rest\n },\n ] = useGroupItemProps(props)\n const popoverStyleProps = usePopoverStyleProps(rest)\n const items = useMemo<ComboboxItem[]>(() => {\n if (itemsProp) return itemsProp\n\n return createComboboxItem(children, {\n Group: SelectGroup,\n Label: SelectLabel,\n Option: SelectOption,\n })\n }, [itemsProp, children])\n const {\n descendants,\n includePlaceholder,\n items: computedItems,\n max,\n placeholder,\n value,\n getClearIconProps,\n getContentProps,\n getFieldProps,\n getIconProps,\n getInputProps,\n getRootProps,\n getSeparatorProps,\n popoverProps,\n onActiveDescendant,\n onChange,\n onClose,\n onSelect,\n } = useSelect({ items, ...rest, ...popoverStyleProps })\n const mergedPopoverProps = useMemo<Popover.RootProps>(\n () => ({\n animationScheme,\n duration,\n ...popoverProps,\n }),\n [animationScheme, duration, popoverProps],\n )\n const computedChildren = useMemo(() => {\n if (children)\n return (\n <>\n {placeholder ? (\n <SelectOption\n {...placeholderProps}\n hidden={!includePlaceholder}\n value=\"\"\n >\n {placeholder}\n </SelectOption>\n ) : null}\n\n {children}\n </>\n )\n\n return createComboboxChildren(computedItems, {\n Group: SelectGroup,\n Option: SelectOption,\n })\n }, [\n children,\n computedItems,\n placeholder,\n includePlaceholder,\n placeholderProps,\n ])\n const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n const comboboxContext = useMemo(\n () => ({ max, value, onActiveDescendant, onChange, onClose, onSelect }),\n [max, onActiveDescendant, onChange, onClose, onSelect, value],\n )\n const selectContext = useMemo(() => ({ max, value }), [max, value])\n const componentContext = useMemo(\n () => ({ getSeparatorProps, groupProps, optionProps }),\n [getSeparatorProps, groupProps, optionProps],\n )\n const hasValue = isArray(value) ? !!value.length : !!value\n\n return (\n <ComboboxDescendantsContext value={descendants}>\n <ComboboxContext value={comboboxContext}>\n <SelectContext value={selectContext}>\n <ComponentContext value={componentContext}>\n <Popover.Root {...mergedPopoverProps}>\n <styled.input {...getInputProps()} />\n\n <InputGroup.Root\n {...mergeProps(\n { className, css, colorScheme },\n getRootProps(groupItemProps),\n rootProps,\n )()}\n >\n <Popover.Trigger>\n <SelectField {...getFieldProps({ ...varProps })} />\n </Popover.Trigger>\n\n <InputGroup.Element\n {...{ clickable: clearable && hasValue, ...elementProps }}\n >\n {clearable && hasValue ? (\n <SelectIcon\n icon={clearIcon}\n {...getClearIconProps(iconProps)}\n />\n ) : (\n <SelectIcon icon={icon} {...getIconProps(iconProps)} />\n )}\n </InputGroup.Element>\n </InputGroup.Root>\n\n <SelectContent\n {...cast<SelectContentProps>(\n getContentProps(cast<HTMLProps>(contentProps)),\n )}\n >\n {computedChildren}\n </SelectContent>\n </Popover.Root>\n </ComponentContext>\n </SelectContext>\n </ComboboxContext>\n </ComboboxDescendantsContext>\n )\n },\n \"root\",\n)((props) => {\n const context = useInputPropsContext()\n\n return mergeProps(context, props)()\n}) as GenericsComponent<{\n <Multiple extends boolean = false>(\n props: SelectRootProps<Multiple>,\n ): ReactElement\n}>\n\ninterface SelectFieldProps extends HTMLStyledProps {}\n\nconst SelectField = withContext<\"div\", SelectFieldProps>(\"div\", \"field\")(\n { \"data-group-propagate\": \"\" },\n ({ children, ...rest }) => ({\n ...rest,\n children: <SelectValueText>{children}</SelectValueText>,\n }),\n)\n\ninterface SelectIconProps extends HTMLStyledProps {\n icon?: ReactNode\n}\n\nconst SelectIcon = withContext<\"div\", SelectIconProps>(\"div\", \"icon\")(\n undefined,\n ({ children, icon, ...rest }) => ({\n children: icon \|\| children \|\| <ChevronDownIcon />,\n ...rest,\n }),\n)\n\ninterface SelectValueTextProps extends HTMLProps<\"span\"> {}\n\nconst SelectValueText = withContext<\"span\", SelectValueTextProps>(\n \"span\",\n \"valueText\",\n)()\n\ninterface SelectContentProps extends Popover.ContentProps {}\n\nconst SelectContent = withContext<\"div\", SelectContentProps>(\n Popover.Content,\n \"content\",\n)()\n\nexport interface SelectLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SelectLabel = withContext<\"span\", SelectLabelProps>(\n \"span\",\n \"label\",\n)(undefined, (props) => {\n const { getLabelProps } = useComboboxGroupContext()\n\n return getLabelProps(props)\n})\n\nexport interface SelectGroupProps\n extends UseComboboxGroupProps, HTMLStyledProps {\n /\n The label of the group.\n /\n label?: ReactNode\n /\n Props for the label component.\n /\n labelProps?: SelectLabelProps\n}\n\nexport const SelectGroup = withContext<\"div\", SelectGroupProps>(\n ({ children, label, labelProps, ...rest }) => {\n const { groupProps } = useComponentContext()\n const { getGroupProps, getLabelProps } = useComboboxGroup(\n mergeProps(groupProps, rest)(),\n )\n const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n return (\n <ComboboxGroupContext value={context}>\n <styled.div {...getGroupProps()}>\n {label ? <SelectLabel {...labelProps}>{label}</SelectLabel> : null}\n {children}\n </styled.div>\n </ComboboxGroupContext>\n )\n },\n \"group\",\n)()\n\nexport interface SelectOptionProps\n extends UseSelectOptionProps, HTMLStyledProps {\n /\n The icon to be used in the select option.\n */\n icon?: ReactNode\n}\n\nexport const SelectOption = withContext<\"div\", SelectOptionProps>(\n ({ children, icon: iconProp, ...rest }) => {\n const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n const { getIndicatorProps, getOptionProps } = useSelectOption(\n mergeProps(optionProps, rest)(),\n )\n\n return (\n <styled.div {...getOptionProps()}>\n <SelectIndicator {...getIndicatorProps()}>\n {iconProp ?? icon ?? <CheckIcon />}\n </SelectIndicator>\n {children}\n </styled.div>\n )\n },\n \"option\",\n)()\n\ninterface SelectIndicatorProps extends HTMLStyledProps {}\n\nconst SelectIndicator = withContext<\"div\", SelectIndicatorProps>(\n \"div\",\n \"indicator\",\n)()\n\nexport interface SelectSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const SelectSeparator = withContext<\"hr\", SelectSeparatorProps>(\n \"hr\",\n \"separator\",\n)(undefined, (props) => {\n const { getSeparatorProps } = useComponentContext()\n\n return getSeparatorProps(props)\n})\n"],"mappings":"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"}

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

@@ -623,7 +623,7 @@ const SidebarItemLink = withContext((props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarItemTooltip, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.a, { ...props }) });
 }, "itemLink")();
 const SidebarItemContent = withContext((props) => {
-	const { contentProps = {} } = useItemComponentContext();
+	const { contentProps } = useItemComponentContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapse.Collapse, {
 		as: "ul",
 		...(0, require_utils_index.utils_exports.cast)(require_props.mergeProps(contentProps, props)())