@yamada-ui/react 2.3.1-dev-20261102052904 → 2.3.1

package/dist/cjs/components/native-accordion/use-native-accordion.cjs

@@ -4,7 +4,7 @@ const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");
 let react = require("react");
-//#region src/components/native-accordion/use-native-accordion.ts
+// src/components/native-accordion/use-native-accordion.ts
 const [NativeAccordionContext, useNativeAccordionContext] = require_context.createContext({ name: "NativeAccordionContext" });
 const useNativeAccordion = ({ name, multiple = false, ...rest } = {}) => {
 	const generatedName = (0, react.useId)();
@@ -45,7 +45,6 @@ const useNativeAccordionItem = ({ disabled, ...rest }) => {
 		getPanelProps
 	};
 };
-//#endregion
 exports.NativeAccordionContext = NativeAccordionContext;
 exports.useNativeAccordion = useNativeAccordion;
 exports.useNativeAccordionContext = useNativeAccordionContext;

package/dist/cjs/components/native-popover/namespace.cjs

@@ -1,6 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_native_popover = require("./native-popover.cjs");
-//#region src/components/native-popover/namespace.ts
+// src/components/native-popover/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Anchor: () => require_native_popover.NativePopoverAnchor,
 	Body: () => require_native_popover.NativePopoverBody,
@@ -13,7 +13,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Trigger: () => require_native_popover.NativePopoverTrigger,
 	usePropsContext: () => require_native_popover.useNativePopoverPropsContext
 });
-//#endregion
 exports.Anchor = require_native_popover.NativePopoverAnchor;
 exports.Body = require_native_popover.NativePopoverBody;
 exports.CloseTrigger = require_native_popover.NativePopoverCloseTrigger;

package/dist/cjs/components/native-popover/native-popover.cjs

@@ -6,7 +6,7 @@ const require_native_popover_style = require("./native-popover.style.cjs");
 const require_use_native_popover = require("./use-native-popover.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/native-popover/native-popover.tsx
+// src/components/native-popover/native-popover.tsx
 const { ComponentContext, PropsContext: NativePopoverPropsContext, StyleContext, useComponentContext, usePropsContext: useNativePopoverPropsContext, withContext, useRootComponentProps } = require_create_component.createSlotComponent("native-popover", require_native_popover_style.nativePopoverStyle);
 /**
 * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.
@@ -81,7 +81,6 @@ const NativePopoverFooter = withContext("div", "footer")(void 0, (props) => {
 	const { getFooterProps } = useComponentContext();
 	return getFooterProps(props);
 });
-//#endregion
 exports.NativePopoverAnchor = NativePopoverAnchor;
 exports.NativePopoverBody = NativePopoverBody;
 exports.NativePopoverCloseTrigger = NativePopoverCloseTrigger;

package/dist/cjs/components/native-popover/native-popover.style.cjs

@@ -1,4 +1,4 @@
-//#region src/components/native-popover/native-popover.style.ts
+// src/components/native-popover/native-popover.style.ts
 const nativePopoverStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		body: {
@@ -58,7 +58,6 @@ const nativePopoverStyle = require("../../core/system/config.cjs").defineCompone
 	},
 	defaultProps: { size: "md" }
 });
-//#endregion
 exports.nativePopoverStyle = nativePopoverStyle;
 
 //# sourceMappingURL=native-popover.style.cjs.map

package/dist/cjs/components/native-popover/native-popover.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-popover.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-popover/native-popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativePopoverStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      focusVisibleRing: \"none\",\n      gap: \"{gap}\",\n      p: \"{padding}\",\n      rounded: \"l2\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"semibold\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      content: {\n        \"--gap\": \"spaces.1\",\n        \"--padding\": \"spaces.2\",\n        fontSize: \"xs\",\n      },\n    },\n    sm: {\n      content: {\n        \"--gap\": \"spaces.2\",\n        \"--padding\": \"spaces.3\",\n        fontSize: \"sm\",\n      },\n    },\n    md: {\n      content: {\n        \"--gap\": \"spaces.3\",\n        \"--padding\": \"spaces.4\",\n        fontSize: \"md\",\n      },\n    },\n    lg: {\n      content: {\n        \"--gap\": \"spaces.4\",\n        \"--padding\": \"spaces.5\",\n        fontSize: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type NativePopoverStyle = typeof nativePopoverStyle\n"],"mappings":";AAEA,MAAa,2DAAqBA,CAAAA,CAAAA,yBAAyB;CACzD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;EACP;EACA,SAAS;GACP,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,KAAK;GACL,GAAG;GACH,SAAS;EACX;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;EAClB;CACF;CAEA,OAAO;EACL,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"native-popover.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-popover/native-popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativePopoverStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      focusVisibleRing: \"none\",\n      gap: \"{gap}\",\n      p: \"{padding}\",\n      rounded: \"l2\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"semibold\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      content: {\n        \"--gap\": \"spaces.1\",\n        \"--padding\": \"spaces.2\",\n        fontSize: \"xs\",\n      },\n    },\n    sm: {\n      content: {\n        \"--gap\": \"spaces.2\",\n        \"--padding\": \"spaces.3\",\n        fontSize: \"sm\",\n      },\n    },\n    md: {\n      content: {\n        \"--gap\": \"spaces.3\",\n        \"--padding\": \"spaces.4\",\n        fontSize: \"md\",\n      },\n    },\n    lg: {\n      content: {\n        \"--gap\": \"spaces.4\",\n        \"--padding\": \"spaces.5\",\n        fontSize: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type NativePopoverStyle = typeof nativePopoverStyle\n"],"mappings":";AAEA,MAAa,qB,sCAAqBA,CAAAA,CAAAA,yBAAyB;CACzD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;EACP;EACA,SAAS;GACP,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,KAAK;GACL,GAAG;GACH,SAAS;EACX;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;EAClB;CACF;CAEA,OAAO;EACL,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

package/dist/cjs/components/native-popover/use-native-popover.cjs

@@ -5,7 +5,7 @@ const require_environment_provider = require("../../core/system/environment-prov
 const require_props = require("../../core/components/props.cjs");
 const require_hooks_use_popper_index = require("../../hooks/use-popper/index.cjs");
 let react = require("react");
-//#region src/components/native-popover/use-native-popover.tsx
+// src/components/native-popover/use-native-popover.tsx
 const useNativePopover = ({ autoUpdate, disabled = false, elements, flip, gutter, matchWidth, middleware, offset, placement = "end", platform, popover = "auto", popoverTarget, popoverTargetAction = "toggle", preventOverflow, strategy, transform, updateRef, whileElementsMounted } = {}) => {
 	const { getDocument } = require_environment_provider.useEnvironment();
 	const headerId = (0, react.useId)();
@@ -109,7 +109,6 @@ const useNativePopover = ({ autoUpdate, disabled = false, elements, flip, gutter
 		getTriggerProps
 	};
 };
-//#endregion
 exports.useNativePopover = useNativePopover;
 
 //# sourceMappingURL=use-native-popover.cjs.map

package/dist/cjs/components/native-select/namespace.cjs

@@ -1,6 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_native_select = require("./native-select.cjs");
-//#region src/components/native-select/namespace.ts
+// src/components/native-select/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Group: () => require_native_select.NativeSelectGroup,
 	Option: () => require_native_select.NativeSelectOption,
@@ -9,7 +9,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Separator: () => require_native_select.NativeSelectSeparator,
 	usePropsContext: () => require_native_select.useNativeSelectPropsContext
 });
-//#endregion
 exports.Group = require_native_select.NativeSelectGroup;
 exports.Option = require_native_select.NativeSelectOption;
 exports.PropsContext = require_native_select.NativeSelectPropsContext;

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

@@ -10,7 +10,7 @@ const require_input_group = require("../input/input-group.cjs");
 const require_native_select_style = require("./native-select.style.cjs");
 const require_use_native_select = require("./use-native-select.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/native-select/native-select.tsx
+// src/components/native-select/native-select.tsx
 const { component, PropsContext: NativeSelectPropsContext, usePropsContext: useNativeSelectPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("native-select", require_native_select_style.nativeSelectStyle);
 /**
 * `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).
@@ -50,7 +50,6 @@ const NativeSelectIcon = withContext("div", "icon")(void 0, ({ children, icon, .
 const NativeSelectGroup = component("optgroup", "group")();
 const NativeSelectOption = component("option", "option")();
 const NativeSelectSeparator = component("hr", "separator")();
-//#endregion
 exports.NativeSelectGroup = NativeSelectGroup;
 exports.NativeSelectOption = NativeSelectOption;
 exports.NativeSelectPropsContext = NativeSelectPropsContext;

package/dist/cjs/components/native-select/native-select.style.cjs

@@ -1,6 +1,6 @@
 const require_config = require("../../core/system/config.cjs");
 const require_input_style = require("../input/input.style.cjs");
-//#region src/components/native-select/native-select.style.ts
+// src/components/native-select/native-select.style.ts
 const nativeSelectStyle = require_config.defineComponentSlotStyle({
 	base: {
 		field: {
@@ -85,7 +85,6 @@ const nativeSelectStyle = require_config.defineComponentSlotStyle({
 		variant: "outline"
 	}
 });
-//#endregion
 exports.nativeSelectStyle = nativeSelectStyle;
 
 //# sourceMappingURL=native-select.style.cjs.map

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

@@ -4,7 +4,7 @@ const require_props = require("../../core/components/props.cjs");
 const require_use_field_props = require("../field/use-field-props.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/native-select/use-native-select.tsx
+// src/components/native-select/use-native-select.tsx
 const useNativeSelect = (props = {}) => {
 	const { props: { children, disabled, includePlaceholder = true, items = [], placeholder, readOnly, ...rest }, ariaProps, dataProps, eventProps } = require_use_field_props.useFieldProps(props);
 	const interactive = !(readOnly || disabled);
@@ -81,7 +81,6 @@ const useNativeSelect = (props = {}) => {
 		getRootProps
 	};
 };
-//#endregion
 exports.useNativeSelect = useNativeSelect;
 
 //# sourceMappingURL=use-native-select.cjs.map

package/dist/cjs/components/native-table/namespace.cjs

@@ -1,6 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_native_table = require("./native-table.cjs");
-//#region src/components/native-table/namespace.ts
+// src/components/native-table/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Caption: () => require_native_table.Caption,
 	Col: () => require_native_table.Col,
@@ -15,7 +15,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Tr: () => require_native_table.Tr,
 	usePropsContext: () => require_native_table.useNativeTablePropsContext
 });
-//#endregion
 exports.Caption = require_native_table.Caption;
 exports.Col = require_native_table.Col;
 exports.Colgroup = require_native_table.Colgroup;

package/dist/cjs/components/native-table/native-table.cjs

@@ -3,7 +3,7 @@ const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_native_table_style = require("./native-table.style.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/native-table/native-table.tsx
+// src/components/native-table/native-table.tsx
 const { PropsContext: NativeTablePropsContext, usePropsContext: useNativeTablePropsContext, withContext, withProvider } = require_create_component.createSlotComponent("native-table", require_native_table_style.nativeTableStyle);
 /**
 * `NativeTable` is a component for efficiently organizing and displaying data.
@@ -40,7 +40,6 @@ const Td = withContext("td", "td")(void 0, ({ numeric, ...rest }) => ({
 	"data-numeric": numeric,
 	...rest
 }));
-//#endregion
 exports.Caption = Caption;
 exports.Col = Col;
 exports.Colgroup = Colgroup;

package/dist/cjs/components/native-table/native-table.style.cjs

@@ -1,4 +1,4 @@
-//#region src/components/native-table/native-table.style.ts
+// src/components/native-table/native-table.style.ts
 const nativeTableStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		caption: {
@@ -195,7 +195,6 @@ const nativeTableStyle = require("../../core/system/config.cjs").defineComponent
 		variant: "line"
 	}
 });
-//#endregion
 exports.nativeTableStyle = nativeTableStyle;
 
 //# sourceMappingURL=native-table.style.cjs.map

package/dist/cjs/components/native-table/native-table.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-table.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-table/native-table.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeTableStyle = defineComponentSlotStyle({\n  base: {\n    caption: {\n      \"&[data-placement='end']\": {\n        mt: \"sm\",\n      },\n      \"&[data-placement='start']\": {\n        mb: \"sm\",\n      },\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n      fontWeight: \"medium\",\n      textAlign: \"center\",\n    },\n    col: {},\n    colgroup: {},\n    root: {\n      borderCollapse: \"collapse\",\n      fontVariantNumeric: \"lining-nums tabular-nums\",\n      h: \"full\",\n      w: \"full\",\n    },\n    scrollArea: {\n      display: \"block\",\n      maxW: \"full\",\n      overflow: \"auto\",\n      WebkitOverflowScrolling: \"touch\",\n      whiteSpace: \"nowrap\",\n    },\n    tbody: {},\n    td: {\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      verticalAlign: \"top\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    tfoot: {\n      \"& td\": {\n        fontWeight: \"medium\",\n        textAlign: \"start\",\n        verticalAlign: \"middle\",\n      },\n    },\n    th: {\n      fontWeight: \"medium\",\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      textAlign: \"start\",\n      verticalAlign: \"middle\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    thead: {},\n    tr: {\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, highlight the row when the table row is hovered.\n     *\n     * @default false\n     */\n    highlightOnHover: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _hover: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, highlight the row when the table row is selected.\n     *\n     * @default false\n     */\n    highlightOnSelected: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _selected: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky footer.\n     *\n     * @default false\n     */\n    stickyFooter: {\n      true: {\n        tfoot: {\n          \"& tr\": {\n            bottom: \"0\",\n            position: \"sticky\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky header.\n     *\n     * @default false\n     */\n    stickyHeader: {\n      true: {\n        thead: {\n          \"& tr\": {\n            position: \"sticky\",\n            top: \"0\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display striped rows.\n     *\n     * @default false\n     */\n    striped: {\n      true: {},\n    },\n    /**\n     * If `true`, display the outer border of the table.\n     *\n     * @default false\n     */\n    withBorder: {\n      true: {\n        root: { borderWidth: \"1px\" },\n      },\n    },\n    /**\n     * If `true`, display line on the columns of the table.\n     *\n     * @default false\n     */\n    withColumnBorders: {\n      true: {\n        tr: {\n          \"& th, td\": { borderRightWidth: \"1px\" },\n          _lastChild: { borderRightWidth: \"0\" },\n        },\n      },\n    },\n  },\n\n  variants: {\n    line: {\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      thead: {\n        \"& tr\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n      },\n    },\n    outline: {\n      root: {\n        borderWidth: \"1px\",\n      },\n      scrollArea: {\n        borderWidth: \"1px\",\n      },\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": {\n          \"&:first-of-type\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n      thead: {\n        \"& tr\": {\n          \"&:last-of-type\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      root: { fontSize: \"xs\" },\n      td: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n      th: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n    },\n    md: {\n      root: { fontSize: \"sm\" },\n      td: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n      th: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n    },\n    lg: {\n      root: { fontSize: \"md\" },\n      td: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n      th: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _odd: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"line\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _even: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"outline\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        root: {\n          borderWidth: \"0\",\n        },\n      },\n      variant: \"outline\",\n      withScrollArea: true,\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"line\",\n  },\n})\n\nexport type NativeTableStyle = typeof nativeTableStyle\n"],"mappings":"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"}
+{"version":3,"file":"native-table.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-table/native-table.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeTableStyle = defineComponentSlotStyle({\n  base: {\n    caption: {\n      \"&[data-placement='end']\": {\n        mt: \"sm\",\n      },\n      \"&[data-placement='start']\": {\n        mb: \"sm\",\n      },\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n      fontWeight: \"medium\",\n      textAlign: \"center\",\n    },\n    col: {},\n    colgroup: {},\n    root: {\n      borderCollapse: \"collapse\",\n      fontVariantNumeric: \"lining-nums tabular-nums\",\n      h: \"full\",\n      w: \"full\",\n    },\n    scrollArea: {\n      display: \"block\",\n      maxW: \"full\",\n      overflow: \"auto\",\n      WebkitOverflowScrolling: \"touch\",\n      whiteSpace: \"nowrap\",\n    },\n    tbody: {},\n    td: {\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      verticalAlign: \"top\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    tfoot: {\n      \"& td\": {\n        fontWeight: \"medium\",\n        textAlign: \"start\",\n        verticalAlign: \"middle\",\n      },\n    },\n    th: {\n      fontWeight: \"medium\",\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      textAlign: \"start\",\n      verticalAlign: \"middle\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    thead: {},\n    tr: {\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, highlight the row when the table row is hovered.\n     *\n     * @default false\n     */\n    highlightOnHover: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _hover: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, highlight the row when the table row is selected.\n     *\n     * @default false\n     */\n    highlightOnSelected: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _selected: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky footer.\n     *\n     * @default false\n     */\n    stickyFooter: {\n      true: {\n        tfoot: {\n          \"& tr\": {\n            bottom: \"0\",\n            position: \"sticky\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky header.\n     *\n     * @default false\n     */\n    stickyHeader: {\n      true: {\n        thead: {\n          \"& tr\": {\n            position: \"sticky\",\n            top: \"0\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display striped rows.\n     *\n     * @default false\n     */\n    striped: {\n      true: {},\n    },\n    /**\n     * If `true`, display the outer border of the table.\n     *\n     * @default false\n     */\n    withBorder: {\n      true: {\n        root: { borderWidth: \"1px\" },\n      },\n    },\n    /**\n     * If `true`, display line on the columns of the table.\n     *\n     * @default false\n     */\n    withColumnBorders: {\n      true: {\n        tr: {\n          \"& th, td\": { borderRightWidth: \"1px\" },\n          _lastChild: { borderRightWidth: \"0\" },\n        },\n      },\n    },\n  },\n\n  variants: {\n    line: {\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      thead: {\n        \"& tr\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n      },\n    },\n    outline: {\n      root: {\n        borderWidth: \"1px\",\n      },\n      scrollArea: {\n        borderWidth: \"1px\",\n      },\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": {\n          \"&:first-of-type\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n      thead: {\n        \"& tr\": {\n          \"&:last-of-type\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      root: { fontSize: \"xs\" },\n      td: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n      th: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n    },\n    md: {\n      root: { fontSize: \"sm\" },\n      td: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n      th: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n    },\n    lg: {\n      root: { fontSize: \"md\" },\n      td: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n      th: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _odd: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"line\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _even: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"outline\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        root: {\n          borderWidth: \"0\",\n        },\n      },\n      variant: \"outline\",\n      withScrollArea: true,\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"line\",\n  },\n})\n\nexport type NativeTableStyle = typeof nativeTableStyle\n"],"mappings":"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"}

package/dist/cjs/components/notice/notice-provider.cjs

@@ -3,7 +3,7 @@ const require_portal = require("../portal/portal.cjs");
 const require_notice = require("./notice.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/notice/notice-provider.tsx
+// src/components/notice/notice-provider.tsx
 const NoticeContext = (0, react.createContext)({});
 const createController = () => ({
 	getLimit: (0, react.createRef)(),
@@ -49,7 +49,6 @@ const NoticeProvider = ({ children, containerRef, expand = false, limit = 3 }) =
 const useNoticeContext = () => {
 	return (0, react.use)(NoticeContext);
 };
-//#endregion
 exports.NoticeProvider = NoticeProvider;
 exports.useNoticeContext = useNoticeContext;
 

package/dist/cjs/components/notice/notice.cjs

@@ -10,7 +10,7 @@ const require_notice_provider = require("./notice-provider.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let sonner = require("sonner");
-//#region src/components/notice/notice.tsx
+// src/components/notice/notice.tsx
 const PLACEMENT_MAP = {
 	end: "bottom-center",
 	"end-center": "bottom-center",
@@ -89,7 +89,6 @@ const NoticeItem = withContext(({ id, variant = "plain", closable, closeStrategi
 }, "item")();
 const NoticeContent = withContext("div", "content")();
 const NoticeCloseButton = withContext(require_close_button.CloseButton, "closeButton")();
-//#endregion
 exports.NoticeCloseButton = NoticeCloseButton;
 exports.NoticeContent = NoticeContent;
 exports.NoticeItem = NoticeItem;

package/dist/cjs/components/notice/notice.style.cjs

@@ -1,4 +1,4 @@
-//#region src/components/notice/notice.style.ts
+// src/components/notice/notice.style.ts
 const noticeStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({ base: {
 	closeButton: {
 		"&:is([data-variant='plain'], [data-variant='island'])": { colorScheme: "mono!" },
@@ -28,7 +28,6 @@ const noticeStyle = require("../../core/system/config.cjs").defineComponentSlotS
 		"--offset": "{spaces.lg}"
 	}
 } });
-//#endregion
 exports.noticeStyle = noticeStyle;
 
 //# sourceMappingURL=notice.style.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"notice.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/notice/notice.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const noticeStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      \"&:is([data-variant='plain'], [data-variant='island'])\": {\n        colorScheme: \"mono!\",\n      },\n      \"&:is([data-variant='solid'])\": {\n        color: \"colorScheme.contrast!\",\n        _hover: { bg: \"colorScheme.solid!\" },\n      },\n      fontSize: \"md!\",\n      minBoxSize: \"6!\",\n      position: \"absolute\",\n      right: \"3\",\n      top: \"2.5\",\n    },\n    content: {\n      \"&[data-close-button]\": { pe: \"6\" },\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"1\",\n    },\n    item: {\n      minW: \"sm\",\n      position: \"relative\",\n    },\n    root: {\n      \"--mobile-offset\": \"{spaces.md}\",\n      \"--offset\": \"{spaces.lg}\",\n    },\n  },\n})\n\nexport type NoticeStyle = typeof noticeStyle\n"],"mappings":";AAEA,MAAa,oDAAcA,CAAAA,CAAAA,yBAAyB,EAClD,MAAM;CACJ,aAAa;EACX,yDAAyD,EACvD,aAAa,QACf;EACA,gCAAgC;GAC9B,OAAO;GACP,QAAQ,EAAE,IAAI,qBAAqB;EACrC;EACA,UAAU;EACV,YAAY;EACZ,UAAU;EACV,OAAO;EACP,KAAK;CACP;CACA,SAAS;EACP,wBAAwB,EAAE,IAAI,IAAI;EAClC,SAAS;EACT,MAAM;EACN,eAAe;EACf,KAAK;CACP;CACA,MAAM;EACJ,MAAM;EACN,UAAU;CACZ;CACA,MAAM;EACJ,mBAAmB;EACnB,YAAY;CACd;AACF,EACF,CAAC"}
+{"version":3,"file":"notice.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/notice/notice.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const noticeStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      \"&:is([data-variant='plain'], [data-variant='island'])\": {\n        colorScheme: \"mono!\",\n      },\n      \"&:is([data-variant='solid'])\": {\n        color: \"colorScheme.contrast!\",\n        _hover: { bg: \"colorScheme.solid!\" },\n      },\n      fontSize: \"md!\",\n      minBoxSize: \"6!\",\n      position: \"absolute\",\n      right: \"3\",\n      top: \"2.5\",\n    },\n    content: {\n      \"&[data-close-button]\": { pe: \"6\" },\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"1\",\n    },\n    item: {\n      minW: \"sm\",\n      position: \"relative\",\n    },\n    root: {\n      \"--mobile-offset\": \"{spaces.md}\",\n      \"--offset\": \"{spaces.lg}\",\n    },\n  },\n})\n\nexport type NoticeStyle = typeof noticeStyle\n"],"mappings":";AAEA,MAAa,c,sCAAcA,CAAAA,CAAAA,yBAAyB,EAClD,MAAM;CACJ,aAAa;EACX,yDAAyD,EACvD,aAAa,QACf;EACA,gCAAgC;GAC9B,OAAO;GACP,QAAQ,EAAE,IAAI,qBAAqB;EACrC;EACA,UAAU;EACV,YAAY;EACZ,UAAU;EACV,OAAO;EACP,KAAK;CACP;CACA,SAAS;EACP,wBAAwB,EAAE,IAAI,IAAI;EAClC,SAAS;EACT,MAAM;EACN,eAAe;EACf,KAAK;CACP;CACA,MAAM;EACJ,MAAM;EACN,UAAU;CACZ;CACA,MAAM;EACJ,mBAAmB;EACnB,YAAY;CACd;AACF,EACF,CAAC"}

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

@@ -6,7 +6,7 @@ const require_notice_provider = require("./notice-provider.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let sonner = require("sonner");
-//#region src/components/notice/use-notice.tsx
+// src/components/notice/use-notice.tsx
 /**
 * `useNotice` is a custom hook that controls the notifications of the application using Sonner.
 *
@@ -61,7 +61,6 @@ const useNotice = (options = {}) => {
 		updateLimit
 	]);
 };
-//#endregion
 exports.useNotice = useNotice;
 
 //# sourceMappingURL=use-notice.cjs.map

package/dist/cjs/components/number-input/number-input.cjs

@@ -10,7 +10,7 @@ const require_input_group = require("../input/input-group.cjs");
 const require_number_input_style = require("./number-input.style.cjs");
 const require_use_number_input = require("./use-number-input.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/number-input/number-input.tsx
+// src/components/number-input/number-input.tsx
 const { PropsContext: NumberInputPropsContext, usePropsContext: useNumberInputPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("number-input", require_number_input_style.numberInputStyle);
 /**
 * `NumberInput` is a component used to obtain numeric input from the user.
@@ -48,7 +48,6 @@ const NumberInputDecrementButton = withContext("button", ["button", "decrement"]
 	children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chevron_down_icon.ChevronDownIcon, {}),
 	...rest
 }));
-//#endregion
 exports.NumberInput = NumberInput;
 exports.NumberInputPropsContext = NumberInputPropsContext;
 exports.useNumberInputPropsContext = useNumberInputPropsContext;

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

@@ -1,7 +1,7 @@
 const require_config = require("../../core/system/config.cjs");
 const require_button_style = require("../button/button.style.cjs");
 const require_input_style = require("../input/input.style.cjs");
-//#region src/components/number-input/number-input.style.ts
+// src/components/number-input/number-input.style.ts
 const numberInputStyle = require_config.defineComponentSlotStyle({
 	base: {
 		button: {
@@ -89,7 +89,6 @@ const numberInputStyle = require_config.defineComponentSlotStyle({
 		variant: "outline"
 	}
 });
-//#endregion
 exports.numberInputStyle = numberInputStyle;
 
 //# sourceMappingURL=number-input.style.cjs.map

package/dist/cjs/components/number-input/use-number-counter.cjs

@@ -6,7 +6,7 @@ const require_props = require("../../core/components/props.cjs");
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 const require_use_spinner = require("./use-spinner.cjs");
 let react = require("react");
-//#region src/components/number-input/use-number-counter.ts
+// src/components/number-input/use-number-counter.ts
 const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max, min, ...rest }) => {
 	const incrementRef = (0, react.useRef)(null);
 	const decrementRef = (0, react.useRef)(null);
@@ -79,7 +79,6 @@ const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max
 		getIncrementProps
 	};
 };
-//#endregion
 exports.useNumberCounter = useNumberCounter;
 
 //# sourceMappingURL=use-number-counter.cjs.map

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

@@ -9,7 +9,7 @@ const require_use_field_props = require("../field/use-field-props.cjs");
 const require_hooks_use_counter_index = require("../../hooks/use-counter/index.cjs");
 const require_use_number_counter = require("./use-number-counter.cjs");
 let react = require("react");
-//#region src/components/number-input/use-number-input.ts
+// src/components/number-input/use-number-input.ts
 const defaultFormat = (value) => value.toString();
 const defaultParse = (value) => value;
 const isDefaultValidCharacter = (char) => /^[Ee0-9+\-.]$/.test(char);
@@ -209,7 +209,6 @@ const useNumberInput = (props = {}) => {
 		])
 	};
 };
-//#endregion
 exports.useNumberInput = useNumberInput;
 
 //# sourceMappingURL=use-number-input.cjs.map

package/dist/cjs/components/number-input/use-spinner.cjs

@@ -2,7 +2,7 @@
 const require_effect = require("../../utils/effect.cjs");
 const require_hooks_use_interval_index = require("../../hooks/use-interval/index.cjs");
 let react = require("react");
-//#region src/components/number-input/use-spinner.ts
+// src/components/number-input/use-spinner.ts
 const INTERVAL = 50;
 const DELAY = 300;
 const useSpinner = ({ decrement, increment }) => {
@@ -44,7 +44,6 @@ const useSpinner = ({ decrement, increment }) => {
 		up
 	};
 };
-//#endregion
 exports.useSpinner = useSpinner;
 
 //# sourceMappingURL=use-spinner.cjs.map

package/dist/cjs/components/pagination/namespace.cjs

@@ -1,6 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_pagination = require("./pagination.cjs");
-//#region src/components/pagination/namespace.ts
+// src/components/pagination/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	EndTrigger: () => require_pagination.PaginationEndTrigger,
 	Item: () => require_pagination.PaginationItem,
@@ -13,7 +13,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Text: () => require_pagination.PaginationText,
 	usePropsContext: () => require_pagination.usePaginationPropsContext
 });
-//#endregion
 exports.EndTrigger = require_pagination.PaginationEndTrigger;
 exports.Item = require_pagination.PaginationItem;
 exports.Items = require_pagination.PaginationItems;

package/dist/cjs/components/pagination/pagination.cjs

@@ -15,7 +15,7 @@ const require_pagination_style = require("./pagination.style.cjs");
 const require_use_pagination = require("./use-pagination.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/pagination/pagination.tsx
+// src/components/pagination/pagination.tsx
 const { PropsContext: PaginationPropsContext, usePropsContext: usePaginationPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("pagination", require_pagination_style.paginationStyle);
 /**
 * `Pagination` is a component for managing the pagination and navigation of content.
@@ -198,7 +198,6 @@ const PaginationNextTrigger = withContext("button", {
 		...getNextTriggerProps(props)
 	};
 });
-//#endregion
 exports.PaginationEndTrigger = PaginationEndTrigger;
 exports.PaginationItem = PaginationItem;
 exports.PaginationItems = PaginationItems;

package/dist/cjs/components/pagination/pagination.style.cjs

@@ -1,6 +1,6 @@
 const require_config = require("../../core/system/config.cjs");
 const require_icon_button_style = require("../button/icon-button.style.cjs");
-//#region src/components/pagination/pagination.style.ts
+// src/components/pagination/pagination.style.ts
 const paginationStyle = require_config.defineComponentSlotStyle({
 	base: {
 		item: {
@@ -96,7 +96,6 @@ const paginationStyle = require_config.defineComponentSlotStyle({
 		variant: "solid"
 	}
 });
-//#endregion
 exports.paginationStyle = paginationStyle;
 
 //# sourceMappingURL=pagination.style.cjs.map

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

@@ -6,7 +6,7 @@ const require_props = require("../../core/components/props.cjs");
 const require_hooks_use_controllable_state_index = require("../../hooks/use-controllable-state/index.cjs");
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 let react = require("react");
-//#region src/components/pagination/use-pagination.ts
+// src/components/pagination/use-pagination.ts
 const [PaginationContext, usePaginationContext] = require_context.createContext({ name: "PaginationContext" });
 const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page, siblings = 1, total, onChange: onChangeProp, ...rest }) => {
 	const { ref: restRef, ...restProps } = rest;
@@ -151,7 +151,6 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 	};
 };
 const computedRange = (start, end) => Array.from({ length: end - start + 1 }, (_, index) => index + start);
-//#endregion
 exports.PaginationContext = PaginationContext;
 exports.usePagination = usePagination;
 exports.usePaginationContext = usePaginationContext;

package/dist/cjs/components/password-input/password-input.cjs

@@ -10,7 +10,7 @@ const require_input_group = require("../input/input-group.cjs");
 const require_password_input_style = require("./password-input.style.cjs");
 const require_use_password_input = require("./use-password-input.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/password-input/password-input.tsx
+// src/components/password-input/password-input.tsx
 const { PropsContext: PasswordInputPropsContext, usePropsContext: usePasswordInputPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("password-input", require_password_input_style.passwordInputStyle);
 /**
 * `PasswordInput` is a component that allows users to input passwords with a visibility toggle.
@@ -43,7 +43,6 @@ const PasswordInput = withProvider(({ className, css, colorScheme, visibilityIco
 });
 const PasswordInputField = withContext(require_input.Input, "field")({ "data-group-propagate": "" });
 const PasswordInputButton = withContext("button", "button")();
-//#endregion
 exports.PasswordInput = PasswordInput;
 exports.PasswordInputPropsContext = PasswordInputPropsContext;
 exports.usePasswordInputPropsContext = usePasswordInputPropsContext;

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

@@ -1,7 +1,7 @@
 const require_config = require("../../core/system/config.cjs");
 const require_button_style = require("../button/button.style.cjs");
 const require_input_style = require("../input/input.style.cjs");
-//#region src/components/password-input/password-input.style.ts
+// src/components/password-input/password-input.style.ts
 const passwordInputStyle = require_config.defineComponentSlotStyle({
 	base: {
 		button: {
@@ -82,7 +82,6 @@ const passwordInputStyle = require_config.defineComponentSlotStyle({
 		variant: "outline"
 	}
 });
-//#endregion
 exports.passwordInputStyle = passwordInputStyle;
 
 //# sourceMappingURL=password-input.style.cjs.map

package/dist/cjs/components/password-input/strength-meter.cjs

@@ -4,7 +4,7 @@ const require_create_component = require("../../core/components/create-component
 const require_strength_meter_style = require("./strength-meter.style.cjs");
 const require_use_strength_meter = require("./use-strength-meter.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/password-input/strength-meter.tsx
+// src/components/password-input/strength-meter.tsx
 const { PropsContext: StrengthMeterPropsContext, usePropsContext: useStrengthMeterPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("strength-meter", require_strength_meter_style.strengthMeterStyle);
 const StrengthMeter = withProvider(({ max = 4, value, withLabel = true, getIndicatorProps: getCustomIndicatorProps, ...rest }) => {
 	const percent = value / max * 100;
@@ -42,7 +42,6 @@ const StrengthMeter = withProvider(({ max = 4, value, withLabel = true, getIndic
 const StrengthMeterIndicators = withContext("div", "indicators")();
 const StrengthMeterIndicator = withContext("div", "indicator")();
 const StrengthMeterLabel = withContext("span", "label")();
-//#endregion
 exports.StrengthMeter = StrengthMeter;
 exports.StrengthMeterPropsContext = StrengthMeterPropsContext;
 exports.useStrengthMeterPropsContext = useStrengthMeterPropsContext;

package/dist/cjs/components/password-input/strength-meter.style.cjs

@@ -1,4 +1,4 @@
-//#region src/components/password-input/strength-meter.style.ts
+// src/components/password-input/strength-meter.style.ts
 const strengthMeterStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({ base: {
 	indicator: {
 		bg: "bg.subtle",
@@ -25,7 +25,6 @@ const strengthMeterStyle = require("../../core/system/config.cjs").defineCompone
 		w: "full"
 	}
 } });
-//#endregion
 exports.strengthMeterStyle = strengthMeterStyle;
 
 //# sourceMappingURL=strength-meter.style.cjs.map

package/dist/cjs/components/password-input/strength-meter.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"strength-meter.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/password-input/strength-meter.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const strengthMeterStyle = defineComponentSlotStyle({\n  base: {\n    indicator: {\n      bg: \"bg.subtle\",\n      flex: \"1\",\n      h: \"1\",\n      rounded: \"l1\",\n    },\n    indicators: {\n      display: \"flex\",\n      gap: \"sm\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n    },\n    label: {\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n    },\n    root: {\n      alignItems: \"end\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xs\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type StrengthMeterStyle = typeof strengthMeterStyle\n"],"mappings":";AAEA,MAAa,2DAAqBA,CAAAA,CAAAA,yBAAyB,EACzD,MAAM;CACJ,WAAW;EACT,IAAI;EACJ,MAAM;EACN,GAAG;EACH,SAAS;CACX;CACA,YAAY;EACV,SAAS;EACT,KAAK;EACL,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;CACL;CACA,OAAO;EACL,OAAO;EACP,UAAU;CACZ;CACA,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,eAAe;EACf,KAAK;EACL,GAAG;CACL;AACF,EACF,CAAC"}
+{"version":3,"file":"strength-meter.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/password-input/strength-meter.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const strengthMeterStyle = defineComponentSlotStyle({\n  base: {\n    indicator: {\n      bg: \"bg.subtle\",\n      flex: \"1\",\n      h: \"1\",\n      rounded: \"l1\",\n    },\n    indicators: {\n      display: \"flex\",\n      gap: \"sm\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n    },\n    label: {\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n    },\n    root: {\n      alignItems: \"end\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xs\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type StrengthMeterStyle = typeof strengthMeterStyle\n"],"mappings":";AAEA,MAAa,qB,sCAAqBA,CAAAA,CAAAA,yBAAyB,EACzD,MAAM;CACJ,WAAW;EACT,IAAI;EACJ,MAAM;EACN,GAAG;EACH,SAAS;CACX;CACA,YAAY;EACV,SAAS;EACT,KAAK;EACL,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;CACL;CACA,OAAO;EACL,OAAO;EACP,UAAU;CACZ;CACA,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,eAAe;EACf,KAAK;EACL,GAAG;CACL;AACF,EACF,CAAC"}

package/dist/cjs/components/password-input/use-password-input.cjs

@@ -6,7 +6,7 @@ const require_hooks_use_controllable_state_index = require("../../hooks/use-cont
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 const require_use_field_props = require("../field/use-field-props.cjs");
 let react = require("react");
-//#region src/components/password-input/use-password-input.tsx
+// src/components/password-input/use-password-input.tsx
 const usePasswordInput = (props = {}) => {
 	const { props: { defaultVisible, disabled, visible: visibleProp, onVisibleChange, ...rest }, ariaProps, dataProps, eventProps } = require_use_field_props.useFieldProps(props);
 	const [visible, setVisible] = require_hooks_use_controllable_state_index.useControllableState({
@@ -62,7 +62,6 @@ const usePasswordInput = (props = {}) => {
 		getInputProps
 	};
 };
-//#endregion
 exports.usePasswordInput = usePasswordInput;
 
 //# sourceMappingURL=use-password-input.cjs.map