npm - @yamada-ui/react - Versions diffs - 2.3.1-dev-20261102052904 → 2.3.1 - Mend

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

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

package/dist/cjs/components/stack/z-stack.style.cjs CHANGED Viewed

@@ -1,10 +1,9 @@
-//#region src/components/stack/z-stack.style.ts
+// src/components/stack/z-stack.style.ts
 const zStackStyle = require("../../core/system/config.cjs").defineComponentStyle({ base: {
 	gap: "lg",
 	overflow: "hidden",
 	position: "relative"
 } });
-//#endregion
 exports.zStackStyle = zStackStyle;
 //# sourceMappingURL=z-stack.style.cjs.map

package/dist/cjs/components/stack/z-stack.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"z-stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/z-stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const zStackStyle = defineComponentStyle({\n base: {\n gap: \"lg\",\n overflow: \"hidden\",\n position: \"relative\",\n },\n})\n\nexport type ZStackStyle = typeof zStackStyle\n"],"mappings":";AAEA,MAAa,~~oDAAcA~~,CAAAA,CAAAA,qBAAqB,EAC9C,MAAM;CACJ,KAAK;CACL,UAAU;CACV,UAAU;AACZ,EACF,CAAC"}
1	+ {"version":3,"file":"z-stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/z-stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const zStackStyle = defineComponentStyle({\n base: {\n gap: \"lg\",\n overflow: \"hidden\",\n position: \"relative\",\n },\n})\n\nexport type ZStackStyle = typeof zStackStyle\n"],"mappings":";AAEA,MAAa,c,sCAAcA,CAAAA,CAAAA,qBAAqB,EAC9C,MAAM;CACJ,KAAK;CACL,UAAU;CACV,UAAU;AACZ,EACF,CAAC"}

package/dist/cjs/components/stat/namespace.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_stat = require("./stat.cjs");
-//#region src/components/stat/namespace.ts
+// src/components/stat/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	HelperMessage: () => require_stat.StatHelperMessage,
 	Icon: () => require_stat.StatIcon,
@@ -11,7 +11,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Value: () => require_stat.StatValue,
 	usePropsContext: () => require_stat.useStatPropsContext
 });
-//#endregion
 exports.HelperMessage = require_stat.StatHelperMessage;
 exports.Icon = require_stat.StatIcon;
 exports.Label = require_stat.StatLabel;

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

@@ -6,7 +6,7 @@ const require_triangle_icon = require("../icon/icons/triangle-icon.cjs");
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 const require_stat_style = require("./stat.style.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/stat/stat.tsx
+// src/components/stat/stat.tsx
 const { PropsContext: StatPropsContext, usePropsContext: useStatPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("stat", require_stat_style.statStyle);
 /**
 * `Stat` is used to show numbers and data in a box.
@@ -49,7 +49,6 @@ const StatLabel = withContext("dt", "label")();
 const StatValue = withContext("dd", "value")();
 const StatUnit = withContext("span", "unit")();
 const StatHelperMessage = withContext("dd", "helperMessage")();
-//#endregion
 exports.StatHelperMessage = StatHelperMessage;
 exports.StatIcon = StatIcon;
 exports.StatLabel = StatLabel;

package/dist/cjs/components/stat/stat.style.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/components/stat/stat.style.ts
+// src/components/stat/stat.style.ts
 const statStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		helperMessage: {
@@ -99,7 +99,6 @@ centerContent: {
 	},
 	defaultProps: { size: "md" }
 });
-//#endregion
 exports.statStyle = statStyle;
 //# sourceMappingURL=stat.style.cjs.map

package/dist/cjs/components/stat/stat.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stat.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/stat/stat.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const statStyle = defineComponentSlotStyle({\n base: {\n helperMessage: {\n alignItems: \"center\",\n color: \"fg.muted\",\n display: \"inline-flex\",\n },\n icon: {\n \"&[data-type='decrease']\": {\n color: \"fg.error\",\n fill: \"fg.error\",\n transform: \"rotate(180deg)\",\n },\n \"&[data-type='increase']\": {\n color: \"fg.success\",\n fill: \"fg.success\",\n },\n fontSize: \"1em\",\n me: \"1\",\n verticalAlign: \"middle\",\n },\n label: {\n color: \"fg.muted\",\n fontWeight: \"medium\",\n },\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n unit: {\n color: \"fg.muted\",\n fontWeight: \"initial\",\n letterSpacing: \"initial\",\n },\n value: {\n alignItems: \"baseline\",\n color: \"colorScheme.solid\",\n display: \"inline-flex\",\n fontFeatureSettings: '\"pnum\"',\n fontVariantNumeric: \"proportional-nums\",\n fontWeight: \"semibold\",\n letterSpacing: \"tight\",\n lineHeight: \"1\",\n verticalAlign: \"baseline\",\n },\n },\n\n props: {\n /*\n If `true`, container will center its children regardless of their width.\n \n @default false\n */\n centerContent: {\n false: {\n root: {\n alignItems: \"flex-start\",\n },\n },\n true: {\n root: {\n alignItems: \"center\",\n },\n },\n },\n },\n\n sizes: {\n xs: {\n helperMessage: {\n fontSize: \"xs\",\n },\n label: {\n fontSize: \"sm\",\n },\n root: {\n gap: \"1\",\n },\n unit: {\n fontSize: \"sm\",\n },\n value: {\n fontSize: \"3xl\",\n gap: \"1\",\n },\n },\n sm: {\n helperMessage: {\n fontSize: \"xs\",\n },\n label: {\n fontSize: \"sm\",\n },\n root: {\n gap: \"1\",\n },\n unit: {\n fontSize: \"sm\",\n },\n value: {\n fontSize: \"4xl\",\n gap: \"1\",\n },\n },\n md: {\n helperMessage: {\n fontSize: \"sm\",\n },\n label: {\n fontSize: \"md\",\n },\n root: {\n gap: \"2\",\n },\n unit: {\n fontSize: \"md\",\n },\n value: {\n fontSize: \"5xl\",\n gap: \"1.5\",\n },\n },\n lg: {\n helperMessage: {\n fontSize: \"sm\",\n },\n label: {\n fontSize: \"md\",\n },\n root: {\n gap: \"2\",\n },\n unit: {\n fontSize: \"md\",\n },\n value: {\n fontSize: \"6xl\",\n gap: \"2\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type StatStyle = typeof statStyle\n"],"mappings":";AAEA,MAAa,~~kDAAYA~~,CAAAA,CAAAA,yBAAyB;CAChD,MAAM;EACJ,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;EACX;EACA,MAAM;GACJ,2BAA2B;IACzB,OAAO;IACP,MAAM;IACN,WAAW;GACb;GACA,2BAA2B;IACzB,OAAO;IACP,MAAM;GACR;GACA,UAAU;GACV,IAAI;GACJ,eAAe;EACjB;EACA,OAAO;GACL,OAAO;GACP,YAAY;EACd;EACA,MAAM;GACJ,SAAS;GACT,eAAe;EACjB;EACA,MAAM;GACJ,OAAO;GACP,YAAY;GACZ,eAAe;EACjB;EACA,OAAO;GACL,YAAY;GACZ,OAAO;GACP,SAAS;GACT,qBAAqB;GACrB,oBAAoB;GACpB,YAAY;GACZ,eAAe;GACf,YAAY;GACZ,eAAe;EACjB;CACF;CAEA,OAAO;;;;;;AAML,eAAe;EACb,OAAO,EACL,MAAM,EACJ,YAAY,aACd,EACF;EACA,MAAM,EACJ,MAAM,EACJ,YAAY,SACd,EACF;CACF,EACF;CAEA,OAAO;EACL,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
1	+ {"version":3,"file":"stat.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/stat/stat.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const statStyle = defineComponentSlotStyle({\n base: {\n helperMessage: {\n alignItems: \"center\",\n color: \"fg.muted\",\n display: \"inline-flex\",\n },\n icon: {\n \"&[data-type='decrease']\": {\n color: \"fg.error\",\n fill: \"fg.error\",\n transform: \"rotate(180deg)\",\n },\n \"&[data-type='increase']\": {\n color: \"fg.success\",\n fill: \"fg.success\",\n },\n fontSize: \"1em\",\n me: \"1\",\n verticalAlign: \"middle\",\n },\n label: {\n color: \"fg.muted\",\n fontWeight: \"medium\",\n },\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n unit: {\n color: \"fg.muted\",\n fontWeight: \"initial\",\n letterSpacing: \"initial\",\n },\n value: {\n alignItems: \"baseline\",\n color: \"colorScheme.solid\",\n display: \"inline-flex\",\n fontFeatureSettings: '\"pnum\"',\n fontVariantNumeric: \"proportional-nums\",\n fontWeight: \"semibold\",\n letterSpacing: \"tight\",\n lineHeight: \"1\",\n verticalAlign: \"baseline\",\n },\n },\n\n props: {\n /*\n If `true`, container will center its children regardless of their width.\n \n @default false\n */\n centerContent: {\n false: {\n root: {\n alignItems: \"flex-start\",\n },\n },\n true: {\n root: {\n alignItems: \"center\",\n },\n },\n },\n },\n\n sizes: {\n xs: {\n helperMessage: {\n fontSize: \"xs\",\n },\n label: {\n fontSize: \"sm\",\n },\n root: {\n gap: \"1\",\n },\n unit: {\n fontSize: \"sm\",\n },\n value: {\n fontSize: \"3xl\",\n gap: \"1\",\n },\n },\n sm: {\n helperMessage: {\n fontSize: \"xs\",\n },\n label: {\n fontSize: \"sm\",\n },\n root: {\n gap: \"1\",\n },\n unit: {\n fontSize: \"sm\",\n },\n value: {\n fontSize: \"4xl\",\n gap: \"1\",\n },\n },\n md: {\n helperMessage: {\n fontSize: \"sm\",\n },\n label: {\n fontSize: \"md\",\n },\n root: {\n gap: \"2\",\n },\n unit: {\n fontSize: \"md\",\n },\n value: {\n fontSize: \"5xl\",\n gap: \"1.5\",\n },\n },\n lg: {\n helperMessage: {\n fontSize: \"sm\",\n },\n label: {\n fontSize: \"md\",\n },\n root: {\n gap: \"2\",\n },\n unit: {\n fontSize: \"md\",\n },\n value: {\n fontSize: \"6xl\",\n gap: \"2\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type StatStyle = typeof statStyle\n"],"mappings":";AAEA,MAAa,Y,sCAAYA,CAAAA,CAAAA,yBAAyB;CAChD,MAAM;EACJ,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;EACX;EACA,MAAM;GACJ,2BAA2B;IACzB,OAAO;IACP,MAAM;IACN,WAAW;GACb;GACA,2BAA2B;IACzB,OAAO;IACP,MAAM;GACR;GACA,UAAU;GACV,IAAI;GACJ,eAAe;EACjB;EACA,OAAO;GACL,OAAO;GACP,YAAY;EACd;EACA,MAAM;GACJ,SAAS;GACT,eAAe;EACjB;EACA,MAAM;GACJ,OAAO;GACP,YAAY;GACZ,eAAe;EACjB;EACA,OAAO;GACL,YAAY;GACZ,OAAO;GACP,SAAS;GACT,qBAAqB;GACrB,oBAAoB;GACpB,YAAY;GACZ,eAAe;GACf,YAAY;GACZ,eAAe;EACjB;CACF;CAEA,OAAO;;;;;;AAML,eAAe;EACb,OAAO,EACL,MAAM,EACJ,YAAY,aACd,EACF;EACA,MAAM,EACJ,MAAM,EACJ,YAAY,SACd,EACF;CACF,EACF;CAEA,OAAO;EACL,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,eAAe,EACb,UAAU,KACZ;GACA,OAAO,EACL,UAAU,KACZ;GACA,MAAM,EACJ,KAAK,IACP;GACA,MAAM,EACJ,UAAU,KACZ;GACA,OAAO;IACL,UAAU;IACV,KAAK;GACP;EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

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

@@ -3,7 +3,7 @@ const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_status_style = require("./status.style.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/status/status.tsx
+// src/components/status/status.tsx
 const { PropsContext: StatusPropsContext, usePropsContext: useStatusPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("status", require_status_style.statusStyle);
 /**
 * `Status` is component that indicate the status of a process or state.
@@ -24,7 +24,6 @@ const Status = withProvider(({ children, indicatorProps, labelProps, ...rest })
 }));
 const StatusIndicator = withContext("div", "indicator")();
 const StatusLabel = withContext("p", "label")();
-//#endregion
 exports.Status = Status;
 exports.StatusPropsContext = StatusPropsContext;
 exports.useStatusPropsContext = useStatusPropsContext;

package/dist/cjs/components/status/status.style.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/components/status/status.style.ts
+// src/components/status/status.style.ts
 const statusStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		indicator: {
@@ -30,7 +30,6 @@ const statusStyle = require("../../core/system/config.cjs").defineComponentSlotS
 	},
 	defaultProps: { size: "md" }
 });
-//#endregion
 exports.statusStyle = statusStyle;
 //# sourceMappingURL=status.style.cjs.map

package/dist/cjs/components/status/status.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"status.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/status/status.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const statusStyle = defineComponentSlotStyle({\n base: {\n indicator: {\n bg: \"colorScheme.solid\",\n flexShrink: 0,\n forcedColorAdjust: \"none\",\n rounded: \"full\",\n },\n label: {},\n root: {\n alignItems: \"center\",\n display: \"inline-flex\",\n gap: \"sm\",\n },\n },\n\n sizes: {\n sm: {\n indicator: { boxSize: \"2\" },\n label: { fontSize: \"sm\" },\n },\n md: {\n indicator: { boxSize: \"2.5\" },\n label: { fontSize: \"md\" },\n },\n lg: {\n indicator: { boxSize: \"3\" },\n label: { fontSize: \"lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type StatusStyle = typeof statusStyle\n"],"mappings":";AAEA,MAAa,~~oDAAcA~~,CAAAA,CAAAA,yBAAyB;CAClD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,YAAY;GACZ,mBAAmB;GACnB,SAAS;EACX;EACA,OAAO,CAAC;EACR,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;EACP;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,SAAS,IAAI;GAC1B,OAAO,EAAE,UAAU,KAAK;EAC1B;EACA,IAAI;GACF,WAAW,EAAE,SAAS,MAAM;GAC5B,OAAO,EAAE,UAAU,KAAK;EAC1B;EACA,IAAI;GACF,WAAW,EAAE,SAAS,IAAI;GAC1B,OAAO,EAAE,UAAU,KAAK;EAC1B;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
1	+ {"version":3,"file":"status.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/status/status.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const statusStyle = defineComponentSlotStyle({\n base: {\n indicator: {\n bg: \"colorScheme.solid\",\n flexShrink: 0,\n forcedColorAdjust: \"none\",\n rounded: \"full\",\n },\n label: {},\n root: {\n alignItems: \"center\",\n display: \"inline-flex\",\n gap: \"sm\",\n },\n },\n\n sizes: {\n sm: {\n indicator: { boxSize: \"2\" },\n label: { fontSize: \"sm\" },\n },\n md: {\n indicator: { boxSize: \"2.5\" },\n label: { fontSize: \"md\" },\n },\n lg: {\n indicator: { boxSize: \"3\" },\n label: { fontSize: \"lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type StatusStyle = typeof statusStyle\n"],"mappings":";AAEA,MAAa,c,sCAAcA,CAAAA,CAAAA,yBAAyB;CAClD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,YAAY;GACZ,mBAAmB;GACnB,SAAS;EACX;EACA,OAAO,CAAC;EACR,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;EACP;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,SAAS,IAAI;GAC1B,OAAO,EAAE,UAAU,KAAK;EAC1B;EACA,IAAI;GACF,WAAW,EAAE,SAAS,MAAM;GAC5B,OAAO,EAAE,UAAU,KAAK;EAC1B;EACA,IAAI;GACF,WAAW,EAAE,SAAS,IAAI;GAC1B,OAAO,EAAE,UAAU,KAAK;EAC1B;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

package/dist/cjs/components/steps/namespace.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_use_steps = require("./use-steps.cjs");
 const require_steps = require("./steps.cjs");
-//#region src/components/steps/namespace.ts
+// src/components/steps/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	CompletedContent: () => require_steps.StepsCompletedContent,
 	Content: () => require_steps.StepsContent,
@@ -25,7 +25,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	useItemContext: () => require_use_steps.useStepsItemContext,
 	usePropsContext: () => require_steps.useStepsPropsContext
 });
-//#endregion
 exports.CompletedContent = require_steps.StepsCompletedContent;
 exports.Content = require_steps.StepsContent;
 exports.Contents = require_steps.StepsContents;

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

@@ -10,7 +10,7 @@ const require_hooks_use_lazy_mount_index = require("../../hooks/use-lazy-mount/i
 const require_use_steps = require("./use-steps.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/steps/steps.tsx
+// src/components/steps/steps.tsx
 const { ComponentContext, PropsContext: StepsPropsContext, useComponentContext, usePropsContext: useStepsPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("steps", require_steps_style.stepsStyle);
 /**
 * `Steps` is a component that displays the progress of a multi-step process.
@@ -234,7 +234,6 @@ const StepsNextTrigger = withContext("button", {
 		...getNextTriggerProps(props)
 	};
 });
-//#endregion
 exports.StepsCompletedContent = StepsCompletedContent;
 exports.StepsContent = StepsContent;
 exports.StepsContents = StepsContents;

package/dist/cjs/components/steps/steps.style.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/components/steps/steps.style.ts
+// src/components/steps/steps.style.ts
 const stepsStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		description: { color: "fg.muted" },
@@ -151,7 +151,6 @@ orientation: {
 		orientation: "horizontal"
 	}
 });
-//#endregion
 exports.stepsStyle = stepsStyle;
 //# sourceMappingURL=steps.style.cjs.map

package/dist/cjs/components/steps/steps.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"steps.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/steps/steps.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const stepsStyle = defineComponentSlotStyle({\n base: {\n description: {\n color: \"fg.muted\",\n },\n indicator: {\n alignItems: \"center\",\n boxSize: \"{size}\",\n display: \"flex\",\n flexShrink: \"0\",\n fontWeight: \"medium\",\n justifyContent: \"center\",\n rounded: \"full\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n },\n item: {\n display: \"flex\",\n flex: \"1 0 0\",\n position: \"relative\",\n _last: {\n \"& [role=separator]\": {\n display: \"none\",\n },\n flex: \"initial\",\n },\n },\n list: {\n display: \"flex\",\n gap: \"3\",\n justifyContent: \"space-between\",\n },\n root: {\n display: \"flex\",\n gap: \"4\",\n w: \"full\",\n },\n separator: {\n bg: \"border\",\n flex: \"1\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n },\n title: {\n fontWeight: \"medium\",\n },\n },\n\n props: {\n /*\n The orientation of the steps.\n \n @default 'horizontal'\n */\n orientation: {\n horizontal: {\n item: {\n alignItems: \"center\",\n flexDirection: \"row\",\n },\n list: {\n alignItems: \"center\",\n flexDirection: \"row\",\n w: \"full\",\n },\n root: {\n flexDirection: \"column\",\n },\n separator: {\n h: \"{thickness}\",\n w: \"full\",\n },\n },\n vertical: {\n content: {\n flex: \"1\",\n },\n item: {\n alignItems: \"flex-start\",\n },\n list: {\n alignItems: \"flex-start\",\n flexDirection: \"column\",\n },\n root: {\n flexDirection: \"row\",\n },\n separator: {\n h: \"full\",\n insetBlockStart: \"calc({size} + {gap})\",\n insetInlineStart: \"calc(({size} / 2) - ({thickness} / 2))\",\n maxH: `calc(full - {size} - {gap})`,\n position: \"absolute\",\n w: \"{thickness}\",\n },\n },\n },\n },\n\n variants: {\n solid: {\n indicator: {\n _complete: {\n layerStyle: \"solid\",\n },\n _current: {\n bg: \"colorScheme.muted\",\n color: \"colorScheme.fg\",\n },\n _incomplete: {\n bg: \"bg.subtle\",\n color: \"fg.emphasized\",\n },\n },\n separator: {\n _complete: {\n bg: \"colorScheme.solid\",\n },\n },\n },\n subtle: {\n indicator: {\n _complete: {\n bg: \"colorScheme.emphasized\",\n color: \"colorScheme.fg\",\n },\n _current: {\n bg: \"colorScheme.muted\",\n color: \"colorScheme.fg\",\n },\n _incomplete: {\n bg: \"bg.subtle\",\n color: \"fg.emphasized\",\n },\n },\n separator: {\n _complete: {\n bg: \"colorScheme.emphasized\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n indicator: {\n fontSize: \"md\",\n },\n item: {\n \"--gap\": \"sizes.3\",\n \"--size\": \"sizes.8\",\n \"--thickness\": \"sizes.0.5\",\n fontSize: \"xs\",\n gap: \"3\",\n },\n },\n md: {\n indicator: {\n fontSize: \"md\",\n },\n item: {\n \"--gap\": \"sizes.3\",\n \"--size\": \"sizes.10\",\n \"--thickness\": \"sizes.0.5\",\n fontSize: \"sm\",\n gap: \"3\",\n },\n },\n lg: {\n indicator: {\n fontSize: \"lg\",\n },\n item: {\n \"--gap\": \"sizes.3\",\n \"--size\": \"sizes.12\",\n \"--thickness\": \"sizes.0.5\",\n gap: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n orientation: \"horizontal\",\n },\n})\n\nexport type StepsStyle = typeof stepsStyle\n"],"mappings":";AAEA,MAAa,~~mDAAaA~~,CAAAA,CAAAA,yBAAyB;CACjD,MAAM;EACJ,aAAa,EACX,OAAO,WACT;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,SAAS;GACT,YAAY;GACZ,YAAY;GACZ,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;EACtB;EACA,MAAM;GACJ,SAAS;GACT,MAAM;GACN,UAAU;GACV,OAAO;IACL,sBAAsB,EACpB,SAAS,OACX;IACA,MAAM;GACR;EACF;EACA,MAAM;GACJ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,MAAM;GACJ,SAAS;GACT,KAAK;GACL,GAAG;EACL;EACA,WAAW;GACT,IAAI;GACJ,MAAM;GACN,oBAAoB;GACpB,oBAAoB;EACtB;EACA,OAAO,EACL,YAAY,SACd;CACF;CAEA,OAAO;;;;;;AAML,aAAa;EACX,YAAY;GACV,MAAM;IACJ,YAAY;IACZ,eAAe;GACjB;GACA,MAAM;IACJ,YAAY;IACZ,eAAe;IACf,GAAG;GACL;GACA,MAAM,EACJ,eAAe,SACjB;GACA,WAAW;IACT,GAAG;IACH,GAAG;GACL;EACF;EACA,UAAU;GACR,SAAS,EACP,MAAM,IACR;GACA,MAAM,EACJ,YAAY,aACd;GACA,MAAM;IACJ,YAAY;IACZ,eAAe;GACjB;GACA,MAAM,EACJ,eAAe,MACjB;GACA,WAAW;IACT,GAAG;IACH,iBAAiB;IACjB,kBAAkB;IAClB,MAAM;IACN,UAAU;IACV,GAAG;GACL;EACF;CACF,EACF;CAEA,UAAU;EACR,OAAO;GACL,WAAW;IACT,WAAW,EACT,YAAY,QACd;IACA,UAAU;KACR,IAAI;KACJ,OAAO;IACT;IACA,aAAa;KACX,IAAI;KACJ,OAAO;IACT;GACF;GACA,WAAW,EACT,WAAW,EACT,IAAI,oBACN,EACF;EACF;EACA,QAAQ;GACN,WAAW;IACT,WAAW;KACT,IAAI;KACJ,OAAO;IACT;IACA,UAAU;KACR,IAAI;KACJ,OAAO;IACT;IACA,aAAa;KACX,IAAI;KACJ,OAAO;IACT;GACF;GACA,WAAW,EACT,WAAW,EACT,IAAI,yBACN,EACF;EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EACT,UAAU,KACZ;GACA,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,WAAW,EACT,UAAU,KACZ;GACA,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,WAAW,EACT,UAAU,KACZ;GACA,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,KAAK;GACP;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;CACf;AACF,CAAC"}
1	+ {"version":3,"file":"steps.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/steps/steps.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const stepsStyle = defineComponentSlotStyle({\n base: {\n description: {\n color: \"fg.muted\",\n },\n indicator: {\n alignItems: \"center\",\n boxSize: \"{size}\",\n display: \"flex\",\n flexShrink: \"0\",\n fontWeight: \"medium\",\n justifyContent: \"center\",\n rounded: \"full\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n },\n item: {\n display: \"flex\",\n flex: \"1 0 0\",\n position: \"relative\",\n _last: {\n \"& [role=separator]\": {\n display: \"none\",\n },\n flex: \"initial\",\n },\n },\n list: {\n display: \"flex\",\n gap: \"3\",\n justifyContent: \"space-between\",\n },\n root: {\n display: \"flex\",\n gap: \"4\",\n w: \"full\",\n },\n separator: {\n bg: \"border\",\n flex: \"1\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n },\n title: {\n fontWeight: \"medium\",\n },\n },\n\n props: {\n /*\n The orientation of the steps.\n \n @default 'horizontal'\n */\n orientation: {\n horizontal: {\n item: {\n alignItems: \"center\",\n flexDirection: \"row\",\n },\n list: {\n alignItems: \"center\",\n flexDirection: \"row\",\n w: \"full\",\n },\n root: {\n flexDirection: \"column\",\n },\n separator: {\n h: \"{thickness}\",\n w: \"full\",\n },\n },\n vertical: {\n content: {\n flex: \"1\",\n },\n item: {\n alignItems: \"flex-start\",\n },\n list: {\n alignItems: \"flex-start\",\n flexDirection: \"column\",\n },\n root: {\n flexDirection: \"row\",\n },\n separator: {\n h: \"full\",\n insetBlockStart: \"calc({size} + {gap})\",\n insetInlineStart: \"calc(({size} / 2) - ({thickness} / 2))\",\n maxH: `calc(full - {size} - {gap})`,\n position: \"absolute\",\n w: \"{thickness}\",\n },\n },\n },\n },\n\n variants: {\n solid: {\n indicator: {\n _complete: {\n layerStyle: \"solid\",\n },\n _current: {\n bg: \"colorScheme.muted\",\n color: \"colorScheme.fg\",\n },\n _incomplete: {\n bg: \"bg.subtle\",\n color: \"fg.emphasized\",\n },\n },\n separator: {\n _complete: {\n bg: \"colorScheme.solid\",\n },\n },\n },\n subtle: {\n indicator: {\n _complete: {\n bg: \"colorScheme.emphasized\",\n color: \"colorScheme.fg\",\n },\n _current: {\n bg: \"colorScheme.muted\",\n color: \"colorScheme.fg\",\n },\n _incomplete: {\n bg: \"bg.subtle\",\n color: \"fg.emphasized\",\n },\n },\n separator: {\n _complete: {\n bg: \"colorScheme.emphasized\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n indicator: {\n fontSize: \"md\",\n },\n item: {\n \"--gap\": \"sizes.3\",\n \"--size\": \"sizes.8\",\n \"--thickness\": \"sizes.0.5\",\n fontSize: \"xs\",\n gap: \"3\",\n },\n },\n md: {\n indicator: {\n fontSize: \"md\",\n },\n item: {\n \"--gap\": \"sizes.3\",\n \"--size\": \"sizes.10\",\n \"--thickness\": \"sizes.0.5\",\n fontSize: \"sm\",\n gap: \"3\",\n },\n },\n lg: {\n indicator: {\n fontSize: \"lg\",\n },\n item: {\n \"--gap\": \"sizes.3\",\n \"--size\": \"sizes.12\",\n \"--thickness\": \"sizes.0.5\",\n gap: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n orientation: \"horizontal\",\n },\n})\n\nexport type StepsStyle = typeof stepsStyle\n"],"mappings":";AAEA,MAAa,a,sCAAaA,CAAAA,CAAAA,yBAAyB;CACjD,MAAM;EACJ,aAAa,EACX,OAAO,WACT;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,SAAS;GACT,YAAY;GACZ,YAAY;GACZ,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;EACtB;EACA,MAAM;GACJ,SAAS;GACT,MAAM;GACN,UAAU;GACV,OAAO;IACL,sBAAsB,EACpB,SAAS,OACX;IACA,MAAM;GACR;EACF;EACA,MAAM;GACJ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,MAAM;GACJ,SAAS;GACT,KAAK;GACL,GAAG;EACL;EACA,WAAW;GACT,IAAI;GACJ,MAAM;GACN,oBAAoB;GACpB,oBAAoB;EACtB;EACA,OAAO,EACL,YAAY,SACd;CACF;CAEA,OAAO;;;;;;AAML,aAAa;EACX,YAAY;GACV,MAAM;IACJ,YAAY;IACZ,eAAe;GACjB;GACA,MAAM;IACJ,YAAY;IACZ,eAAe;IACf,GAAG;GACL;GACA,MAAM,EACJ,eAAe,SACjB;GACA,WAAW;IACT,GAAG;IACH,GAAG;GACL;EACF;EACA,UAAU;GACR,SAAS,EACP,MAAM,IACR;GACA,MAAM,EACJ,YAAY,aACd;GACA,MAAM;IACJ,YAAY;IACZ,eAAe;GACjB;GACA,MAAM,EACJ,eAAe,MACjB;GACA,WAAW;IACT,GAAG;IACH,iBAAiB;IACjB,kBAAkB;IAClB,MAAM;IACN,UAAU;IACV,GAAG;GACL;EACF;CACF,EACF;CAEA,UAAU;EACR,OAAO;GACL,WAAW;IACT,WAAW,EACT,YAAY,QACd;IACA,UAAU;KACR,IAAI;KACJ,OAAO;IACT;IACA,aAAa;KACX,IAAI;KACJ,OAAO;IACT;GACF;GACA,WAAW,EACT,WAAW,EACT,IAAI,oBACN,EACF;EACF;EACA,QAAQ;GACN,WAAW;IACT,WAAW;KACT,IAAI;KACJ,OAAO;IACT;IACA,UAAU;KACR,IAAI;KACJ,OAAO;IACT;IACA,aAAa;KACX,IAAI;KACJ,OAAO;IACT;GACF;GACA,WAAW,EACT,WAAW,EACT,IAAI,yBACN,EACF;EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EACT,UAAU,KACZ;GACA,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,WAAW,EACT,UAAU,KACZ;GACA,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,UAAU;IACV,KAAK;GACP;EACF;EACA,IAAI;GACF,WAAW,EACT,UAAU,KACZ;GACA,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,KAAK;GACP;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;CACf;AACF,CAAC"}

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

@@ -7,7 +7,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_hooks_use_descendants_index = require("../../hooks/use-descendants/index.cjs");
 let react = require("react");
-//#region src/components/steps/use-steps.ts
+// src/components/steps/use-steps.ts
 const { DescendantsContext: StepsDescendantsContext, useDescendant: useStepsDescendant, useDescendants: useStepsDescendants } = require_hooks_use_descendants_index.createDescendants();
 const [StepsContext, useStepsContext] = require_context.createContext({ name: "StepsContext" });
 const [StepsItemContext, useStepsItemContext] = require_context.createContext({ name: "StepsItemContext" });
@@ -135,7 +135,6 @@ const useStepsItem = ({ index, ...rest }) => {
 		getTitleProps
 	};
 };
-//#endregion
 exports.StepsContext = StepsContext;
 exports.StepsDescendantsContext = StepsDescendantsContext;
 exports.StepsItemContext = StepsItemContext;

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

@@ -5,7 +5,7 @@ const require_create_component = require("../../core/components/create-component
 const require_switch_style = require("./switch.style.cjs");
 const require_use_switch = require("./use-switch.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/switch/switch.tsx
+// src/components/switch/switch.tsx
 const { PropsContext: SwitchPropsContext, usePropsContext: useSwitchPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("switch", require_switch_style.switchStyle);
 /**
 * `Switch` is a component used to toggle between on and off states.
@@ -38,7 +38,6 @@ const Switch = withProvider(({ children, icon, inputProps, labelProps, ...props
 const SwitchThumb = withContext("div", "thumb")();
 const SwitchTrack = withContext("div", "track")();
 const SwitchLabel = withContext("span", "label")();
-//#endregion
 exports.Switch = Switch;
 exports.SwitchPropsContext = SwitchPropsContext;
 exports.useSwitchPropsContext = useSwitchPropsContext;

package/dist/cjs/components/switch/switch.style.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 const require_config = require("../../core/system/config.cjs");
 const require_focus_ring = require("../../core/css/focus-ring.cjs");
-//#region src/components/switch/switch.style.ts
+// src/components/switch/switch.style.ts
 const switchStyle = require_config.defineComponentSlotStyle({
 	base: {
 		label: { userSelect: "none" },
@@ -138,7 +138,6 @@ const switchStyle = require_config.defineComponentSlotStyle({
 		shape: "circle"
 	}
 });
-//#endregion
 exports.switchStyle = switchStyle;
 //# sourceMappingURL=switch.style.cjs.map

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

@@ -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_use_field_props = require("../field/use-field-props.cjs");
 let react = require("react");
-//#region src/components/switch/use-switch.ts
+// src/components/switch/use-switch.ts
 const useSwitch = (props = {}) => {
 	const uuid = (0, react.useId)();
 	const { props: { id = uuid, ref, name, checked: checkedProp, checkOnEnter = true, defaultChecked = false, disabled, readOnly, required, value, onChange: onChangeProp, ...rest }, ariaProps, dataProps, eventProps } = require_use_field_props.useFieldProps(props);
@@ -86,7 +86,6 @@ const useSwitch = (props = {}) => {
 		getTrackProps
 	};
 };
-//#endregion
 exports.useSwitch = useSwitch;
 //# sourceMappingURL=use-switch.cjs.map

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

@@ -15,7 +15,7 @@ const require_native_table = require("../native-table/native-table.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _tanstack_react_table = require("@tanstack/react-table");
-//#region src/components/table/table.tsx
+// src/components/table/table.tsx
 function getMergeHeaderGroups(headerGroups) {
 	if (headerGroups.length <= 1) return headerGroups;
 	const columnsIds = /* @__PURE__ */ new Set();
@@ -544,7 +544,6 @@ const TruncatedText = ({ children, lineClamp, truncated, ...rest }) => {
 	});
 	else return children;
 };
-//#endregion
 exports.Table = Table;
 exports.TablePropsContext = TablePropsContext;
 exports.useTablePropsContext = useTablePropsContext;

package/dist/cjs/components/tabs/namespace.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_use_tabs = require("./use-tabs.cjs");
 const require_tabs = require("./tabs.cjs");
-//#region src/components/tabs/namespace.ts
+// src/components/tabs/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Context: () => require_use_tabs.TabsContext,
 	DescendantsContext: () => require_use_tabs.TabDescendantsContext,
@@ -19,7 +19,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	usePanelDescendants: () => require_use_tabs.useTabPanelDescendants,
 	usePropsContext: () => require_tabs.useTabsPropsContext
 });
-//#endregion
 exports.Context = require_use_tabs.TabsContext;
 exports.DescendantsContext = require_use_tabs.TabDescendantsContext;
 exports.List = require_tabs.TabsList;

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

@@ -8,7 +8,7 @@ const require_tabs_style = require("./tabs.style.cjs");
 const require_use_tabs = require("./use-tabs.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/tabs/tabs.tsx
+// src/components/tabs/tabs.tsx
 const { ComponentContext, PropsContext: TabsPropsContext, useComponentContext, usePropsContext: useTabsPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("tabs", require_tabs_style.tabsStyle);
 /**
 * `Tabs` is a component for switching between different display areas.
@@ -112,7 +112,6 @@ const TabsPanel = withContext("div", "panel")(void 0, (props) => {
 		children
 	};
 });
-//#endregion
 exports.TabsList = TabsList;
 exports.TabsPanel = TabsPanel;
 exports.TabsPanels = TabsPanels;

package/dist/cjs/components/tabs/tabs.style.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/components/tabs/tabs.style.ts
+// src/components/tabs/tabs.style.ts
 const tabsStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		list: { display: "flex" },
@@ -159,7 +159,6 @@ const tabsStyle = require("../../core/system/config.cjs").defineComponentSlotSty
 		orientation: "horizontal"
 	}
 });
-//#endregion
 exports.tabsStyle = tabsStyle;
 //# sourceMappingURL=tabs.style.cjs.map

package/dist/cjs/components/tabs/tabs.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tabs/tabs.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tabsStyle = defineComponentSlotStyle({\n base: {\n list: {\n display: \"flex\",\n },\n panel: {\n flex: \"1\",\n },\n root: {\n display: \"flex\",\n w: \"full\",\n },\n tab: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"flex\",\n fontWeight: \"medium\",\n gap: \"2\",\n justifyContent: \"center\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n },\n\n props: {\n /*\n The alignment of the tabs.\n \n @default 'start'\n /\n align: {\n center: {\n list: {\n justifyContent: \"center\",\n },\n },\n end: {\n list: {\n justifyContent: \"flex-end\",\n },\n },\n start: {\n list: {\n justifyContent: \"flex-start\",\n },\n },\n },\n /\n If `true`, tabs will stretch to width of the tablist.\n \n @default false\n /\n fitted: {\n true: {\n tab: {\n flex: 1,\n },\n },\n },\n /\n The orientation of the tab list.\n \n @default 'horizontal'\n */\n orientation: {\n horizontal: {\n list: { alignItems: \"center\", flexDirection: \"row\" },\n root: {\n flexDirection: \"column\",\n },\n },\n vertical: {\n list: { alignItems: \"stretch\", flexDirection: \"column\" },\n root: {\n flexDirection: \"row\",\n },\n },\n },\n },\n\n variants: {\n line: {\n list: {\n _horizontal: {\n borderBottomWidth: \"1px\",\n },\n _vertical: {\n borderRightWidth: \"1px\",\n },\n },\n tab: {\n color: \"fg.muted\",\n focusVisibleRing: \"inside\",\n position: \"relative\",\n _selected: {\n color: \"fg\",\n _after: {\n borderColor: \"colorScheme.solid\",\n position: \"absolute\",\n },\n _horizontal: {\n _after: {\n borderBottomWidth: \"1px\",\n bottom: \"-1px\",\n w: \"full\",\n },\n },\n _vertical: {\n _after: {\n borderRightWidth: \"1px\",\n h: \"full\",\n right: \"-1px\",\n },\n },\n },\n },\n },\n outline: {\n list: {\n _horizontal: {\n borderBottomWidth: \"1px\",\n },\n _vertical: {\n borderRightWidth: \"1px\",\n },\n },\n tab: {\n border: \"1px solid transparent\",\n color: \"fg.muted\",\n focusVisibleRing: \"inside\",\n position: \"relative\",\n _horizontal: {\n mb: \"-1px\",\n roundedStart: \"l2\",\n },\n _vertical: {\n me: \"-1px\",\n roundedLeft: \"l2\",\n },\n _selected: {\n bg: \"bg\",\n borderColor: \"border\",\n color: \"fg\",\n _horizontal: {\n borderBottomColor: \"transparent\",\n },\n _vertical: {\n borderRightColor: \"transparent\",\n },\n },\n },\n },\n plain: {\n tab: {\n color: \"fg.muted\",\n rounded: \"l2\",\n _selected: {\n color: \"fg\",\n },\n },\n },\n subtle: {\n tab: {\n border: \"1px solid transparent\",\n color: \"fg.muted\",\n rounded: \"l2\",\n _selected: {\n layerStyle: \"subtle\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n root: {\n gap: \"sm\",\n },\n tab: {\n fontSize: \"sm\",\n px: \"3\",\n py: \"1\",\n },\n },\n md: {\n root: {\n gap: \"md\",\n },\n tab: {\n fontSize: \"md\",\n px: \"4\",\n py: \"2\",\n },\n },\n lg: {\n root: {\n gap: \"lg\",\n },\n tab: {\n fontSize: \"lg\",\n px: \"5\",\n py: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"line\",\n align: \"start\",\n orientation: \"horizontal\",\n },\n})\n\nexport type TabsStyle = typeof tabsStyle\n"],"mappings":";AAEA,MAAa,~~kDAAYA~~,CAAAA,CAAAA,yBAAyB;CAChD,MAAM;EACJ,MAAM,EACJ,SAAS,OACX;EACA,OAAO,EACL,MAAM,IACR;EACA,MAAM;GACJ,SAAS;GACT,GAAG;EACL;EACA,KAAK;GACH,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GAChB,oBAAoB;GACpB,oBAAoB;GACpB,WAAW,EACT,YAAY,WACd;EACF;CACF;CAEA,OAAO;;;;;;EAML,OAAO;GACL,QAAQ,EACN,MAAM,EACJ,gBAAgB,SAClB,EACF;GACA,KAAK,EACH,MAAM,EACJ,gBAAgB,WAClB,EACF;GACA,OAAO,EACL,MAAM,EACJ,gBAAgB,aAClB,EACF;EACF;;;;;;EAMA,QAAQ,EACN,MAAM,EACJ,KAAK,EACH,MAAM,EACR,EACF,EACF;;;;;;EAMA,aAAa;GACX,YAAY;IACV,MAAM;KAAE,YAAY;KAAU,eAAe;IAAM;IACnD,MAAM,EACJ,eAAe,SACjB;GACF;GACA,UAAU;IACR,MAAM;KAAE,YAAY;KAAW,eAAe;IAAS;IACvD,MAAM,EACJ,eAAe,MACjB;GACF;EACF;CACF;CAEA,UAAU;EACR,MAAM;GACJ,MAAM;IACJ,aAAa,EACX,mBAAmB,MACrB;IACA,WAAW,EACT,kBAAkB,MACpB;GACF;GACA,KAAK;IACH,OAAO;IACP,kBAAkB;IAClB,UAAU;IACV,WAAW;KACT,OAAO;KACP,QAAQ;MACN,aAAa;MACb,UAAU;KACZ;KACA,aAAa,EACX,QAAQ;MACN,mBAAmB;MACnB,QAAQ;MACR,GAAG;KACL,EACF;KACA,WAAW,EACT,QAAQ;MACN,kBAAkB;MAClB,GAAG;MACH,OAAO;KACT,EACF;IACF;GACF;EACF;EACA,SAAS;GACP,MAAM;IACJ,aAAa,EACX,mBAAmB,MACrB;IACA,WAAW,EACT,kBAAkB,MACpB;GACF;GACA,KAAK;IACH,QAAQ;IACR,OAAO;IACP,kBAAkB;IAClB,UAAU;IACV,aAAa;KACX,IAAI;KACJ,cAAc;IAChB;IACA,WAAW;KACT,IAAI;KACJ,aAAa;IACf;IACA,WAAW;KACT,IAAI;KACJ,aAAa;KACb,OAAO;KACP,aAAa,EACX,mBAAmB,cACrB;KACA,WAAW,EACT,kBAAkB,cACpB;IACF;GACF;EACF;EACA,OAAO,EACL,KAAK;GACH,OAAO;GACP,SAAS;GACT,WAAW,EACT,OAAO,KACT;EACF,EACF;EACA,QAAQ,EACN,KAAK;GACH,QAAQ;GACR,OAAO;GACP,SAAS;GACT,WAAW,EACT,YAAY,SACd;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,MAAM,EACJ,KAAK,KACP;GACA,KAAK;IACH,UAAU;IACV,IAAI;IACJ,IAAI;GACN;EACF;EACA,IAAI;GACF,MAAM,EACJ,KAAK,KACP;GACA,KAAK;IACH,UAAU;IACV,IAAI;IACJ,IAAI;GACN;EACF;EACA,IAAI;GACF,MAAM,EACJ,KAAK,KACP;GACA,KAAK;IACH,UAAU;IACV,IAAI;IACJ,IAAI;GACN;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACP,aAAa;CACf;AACF,CAAC"}
1	+ {"version":3,"file":"tabs.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tabs/tabs.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tabsStyle = defineComponentSlotStyle({\n base: {\n list: {\n display: \"flex\",\n },\n panel: {\n flex: \"1\",\n },\n root: {\n display: \"flex\",\n w: \"full\",\n },\n tab: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"flex\",\n fontWeight: \"medium\",\n gap: \"2\",\n justifyContent: \"center\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n },\n\n props: {\n /*\n The alignment of the tabs.\n \n @default 'start'\n /\n align: {\n center: {\n list: {\n justifyContent: \"center\",\n },\n },\n end: {\n list: {\n justifyContent: \"flex-end\",\n },\n },\n start: {\n list: {\n justifyContent: \"flex-start\",\n },\n },\n },\n /\n If `true`, tabs will stretch to width of the tablist.\n \n @default false\n /\n fitted: {\n true: {\n tab: {\n flex: 1,\n },\n },\n },\n /\n The orientation of the tab list.\n \n @default 'horizontal'\n */\n orientation: {\n horizontal: {\n list: { alignItems: \"center\", flexDirection: \"row\" },\n root: {\n flexDirection: \"column\",\n },\n },\n vertical: {\n list: { alignItems: \"stretch\", flexDirection: \"column\" },\n root: {\n flexDirection: \"row\",\n },\n },\n },\n },\n\n variants: {\n line: {\n list: {\n _horizontal: {\n borderBottomWidth: \"1px\",\n },\n _vertical: {\n borderRightWidth: \"1px\",\n },\n },\n tab: {\n color: \"fg.muted\",\n focusVisibleRing: \"inside\",\n position: \"relative\",\n _selected: {\n color: \"fg\",\n _after: {\n borderColor: \"colorScheme.solid\",\n position: \"absolute\",\n },\n _horizontal: {\n _after: {\n borderBottomWidth: \"1px\",\n bottom: \"-1px\",\n w: \"full\",\n },\n },\n _vertical: {\n _after: {\n borderRightWidth: \"1px\",\n h: \"full\",\n right: \"-1px\",\n },\n },\n },\n },\n },\n outline: {\n list: {\n _horizontal: {\n borderBottomWidth: \"1px\",\n },\n _vertical: {\n borderRightWidth: \"1px\",\n },\n },\n tab: {\n border: \"1px solid transparent\",\n color: \"fg.muted\",\n focusVisibleRing: \"inside\",\n position: \"relative\",\n _horizontal: {\n mb: \"-1px\",\n roundedStart: \"l2\",\n },\n _vertical: {\n me: \"-1px\",\n roundedLeft: \"l2\",\n },\n _selected: {\n bg: \"bg\",\n borderColor: \"border\",\n color: \"fg\",\n _horizontal: {\n borderBottomColor: \"transparent\",\n },\n _vertical: {\n borderRightColor: \"transparent\",\n },\n },\n },\n },\n plain: {\n tab: {\n color: \"fg.muted\",\n rounded: \"l2\",\n _selected: {\n color: \"fg\",\n },\n },\n },\n subtle: {\n tab: {\n border: \"1px solid transparent\",\n color: \"fg.muted\",\n rounded: \"l2\",\n _selected: {\n layerStyle: \"subtle\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n root: {\n gap: \"sm\",\n },\n tab: {\n fontSize: \"sm\",\n px: \"3\",\n py: \"1\",\n },\n },\n md: {\n root: {\n gap: \"md\",\n },\n tab: {\n fontSize: \"md\",\n px: \"4\",\n py: \"2\",\n },\n },\n lg: {\n root: {\n gap: \"lg\",\n },\n tab: {\n fontSize: \"lg\",\n px: \"5\",\n py: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"line\",\n align: \"start\",\n orientation: \"horizontal\",\n },\n})\n\nexport type TabsStyle = typeof tabsStyle\n"],"mappings":";AAEA,MAAa,Y,sCAAYA,CAAAA,CAAAA,yBAAyB;CAChD,MAAM;EACJ,MAAM,EACJ,SAAS,OACX;EACA,OAAO,EACL,MAAM,IACR;EACA,MAAM;GACJ,SAAS;GACT,GAAG;EACL;EACA,KAAK;GACH,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GAChB,oBAAoB;GACpB,oBAAoB;GACpB,WAAW,EACT,YAAY,WACd;EACF;CACF;CAEA,OAAO;;;;;;EAML,OAAO;GACL,QAAQ,EACN,MAAM,EACJ,gBAAgB,SAClB,EACF;GACA,KAAK,EACH,MAAM,EACJ,gBAAgB,WAClB,EACF;GACA,OAAO,EACL,MAAM,EACJ,gBAAgB,aAClB,EACF;EACF;;;;;;EAMA,QAAQ,EACN,MAAM,EACJ,KAAK,EACH,MAAM,EACR,EACF,EACF;;;;;;EAMA,aAAa;GACX,YAAY;IACV,MAAM;KAAE,YAAY;KAAU,eAAe;IAAM;IACnD,MAAM,EACJ,eAAe,SACjB;GACF;GACA,UAAU;IACR,MAAM;KAAE,YAAY;KAAW,eAAe;IAAS;IACvD,MAAM,EACJ,eAAe,MACjB;GACF;EACF;CACF;CAEA,UAAU;EACR,MAAM;GACJ,MAAM;IACJ,aAAa,EACX,mBAAmB,MACrB;IACA,WAAW,EACT,kBAAkB,MACpB;GACF;GACA,KAAK;IACH,OAAO;IACP,kBAAkB;IAClB,UAAU;IACV,WAAW;KACT,OAAO;KACP,QAAQ;MACN,aAAa;MACb,UAAU;KACZ;KACA,aAAa,EACX,QAAQ;MACN,mBAAmB;MACnB,QAAQ;MACR,GAAG;KACL,EACF;KACA,WAAW,EACT,QAAQ;MACN,kBAAkB;MAClB,GAAG;MACH,OAAO;KACT,EACF;IACF;GACF;EACF;EACA,SAAS;GACP,MAAM;IACJ,aAAa,EACX,mBAAmB,MACrB;IACA,WAAW,EACT,kBAAkB,MACpB;GACF;GACA,KAAK;IACH,QAAQ;IACR,OAAO;IACP,kBAAkB;IAClB,UAAU;IACV,aAAa;KACX,IAAI;KACJ,cAAc;IAChB;IACA,WAAW;KACT,IAAI;KACJ,aAAa;IACf;IACA,WAAW;KACT,IAAI;KACJ,aAAa;KACb,OAAO;KACP,aAAa,EACX,mBAAmB,cACrB;KACA,WAAW,EACT,kBAAkB,cACpB;IACF;GACF;EACF;EACA,OAAO,EACL,KAAK;GACH,OAAO;GACP,SAAS;GACT,WAAW,EACT,OAAO,KACT;EACF,EACF;EACA,QAAQ,EACN,KAAK;GACH,QAAQ;GACR,OAAO;GACP,SAAS;GACT,WAAW,EACT,YAAY,SACd;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,MAAM,EACJ,KAAK,KACP;GACA,KAAK;IACH,UAAU;IACV,IAAI;IACJ,IAAI;GACN;EACF;EACA,IAAI;GACF,MAAM,EACJ,KAAK,KACP;GACA,KAAK;IACH,UAAU;IACV,IAAI;IACJ,IAAI;GACN;EACF;EACA,IAAI;GACF,MAAM,EACJ,KAAK,KACP;GACA,KAAK;IACH,UAAU;IACV,IAAI;IACJ,IAAI;GACN;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACP,aAAa;CACf;AACF,CAAC"}

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

@@ -8,7 +8,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_hooks_use_descendants_index = require("../../hooks/use-descendants/index.cjs");
 let react = require("react");
-//#region src/components/tabs/use-tabs.ts
+// src/components/tabs/use-tabs.ts
 const { DescendantsContext: TabDescendantsContext, useDescendant: useTabDescendant, useDescendants: useTabDescendants } = require_hooks_use_descendants_index.createDescendants();
 const { DescendantsContext: TabPanelDescendantsContext, useDescendant: useTabPanelDescendant, useDescendants: useTabPanelDescendants } = require_hooks_use_descendants_index.createDescendants();
 const [TabsContext, useTabsContext] = require_context.createContext({ name: "TabsContext" });
@@ -161,7 +161,6 @@ const useTabPanel = ({ id, index, ...rest }) => {
 		])
 	};
 };
-//#endregion
 exports.TabDescendantsContext = TabDescendantsContext;
 exports.TabPanelDescendantsContext = TabPanelDescendantsContext;
 exports.TabsContext = TabsContext;

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

@@ -8,7 +8,7 @@ const require_hooks_use_clickable_index = require("../../hooks/use-clickable/ind
 const require_tag_style = require("./tag.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/tag/tag.tsx
+// src/components/tag/tag.tsx
 const { ComponentContext, PropsContext: TagPropsContext, useComponentContext, usePropsContext: useTagPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("tag", require_tag_style.tagStyle);
 /**
 * `Tag` is a component used to categorize or organize items using keywords that describe them.
@@ -80,7 +80,6 @@ const TagCloseButton = withContext("span", ["icon", "closeButton"])(void 0, ({ c
 		...rest
 	};
 });
-//#endregion
 exports.Tag = Tag;
 exports.TagPropsContext = TagPropsContext;
 exports.useTagPropsContext = useTagPropsContext;

package/dist/cjs/components/tag/tag.style.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/components/tag/tag.style.ts
+// src/components/tag/tag.style.ts
 const tagStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		closeButton: {
@@ -87,7 +87,6 @@ fullRounded: { true: { root: { rounded: "full" } } } },
 		variant: "subtle"
 	}
 });
-//#endregion
 exports.tagStyle = tagStyle;
 //# sourceMappingURL=tag.style.cjs.map

package/dist/cjs/components/tag/tag.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tag/tag.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tagStyle = defineComponentSlotStyle({\n base: {\n closeButton: {\n alignItems: \"center\",\n color: \"currentcolor\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n justifyContent: \"center\",\n rounded: \"full\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n _hover: {\n layerStyle: \"hover\",\n },\n _active: {\n layerStyle: \"active\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n content: {\n lineClamp: 1,\n },\n endIcon: {},\n icon: {\n alignItems: \"center\",\n display: \"inline-flex\",\n flexShrink: 0,\n justifyContent: \"center\",\n },\n root: {\n alignItems: \"center\",\n display: \"inline-flex\",\n gap: \"1\",\n maxW: \"full\",\n rounded: \"l2\",\n userSelect: \"none\",\n verticalAlign: \"top\",\n },\n startIcon: {},\n },\n\n props: {\n /*\n If `true`, the tag is full rounded. Else, it'll be slightly round.\n \n @default false\n */\n fullRounded: {\n true: { root: { rounded: \"full\" } },\n },\n },\n\n variants: {\n outline: {\n root: {\n layerStyle: \"outline\",\n },\n },\n plain: {\n root: {\n borderColor: \"transparent\",\n borderWidth: \"1px\",\n },\n },\n solid: {\n root: {\n layerStyle: \"solid\",\n },\n },\n subtle: {\n root: {\n layerStyle: \"subtle\",\n },\n },\n surface: {\n root: {\n layerStyle: \"surface\",\n },\n },\n },\n\n sizes: {\n sm: {\n element: {\n fontSize: \"1.25em\",\n },\n root: {\n fontSize: \"xs\",\n lineHeight: \"{sizes.5}\",\n minH: \"5\",\n minW: \"5\",\n px: \"1.5\",\n },\n },\n md: {\n element: {\n fontSize: \"1.25em\",\n },\n root: {\n fontSize: \"sm\",\n lineHeight: \"{sizes.6}\",\n minH: \"6\",\n minW: \"6\",\n px: \"2\",\n },\n },\n lg: {\n element: {\n fontSize: \"1.25em\",\n },\n root: {\n fontSize: \"md\",\n lineHeight: \"{sizes.7}\",\n minH: \"7\",\n minW: \"7\",\n px: \"2.5\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"subtle\",\n },\n})\n\nexport type TagStyle = typeof tagStyle\n"],"mappings":";AAEA,MAAa,~~iDAAWA~~,CAAAA,CAAAA,yBAAyB;CAC/C,MAAM;EACJ,aAAa;GACX,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,QAAQ,EACN,YAAY,QACd;GACA,SAAS,EACP,YAAY,SACd;GACA,WAAW,EACT,YAAY,WACd;EACF;EACA,SAAS,EACP,WAAW,EACb;EACA,SAAS,CAAC;EACV,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,MAAM;GACN,SAAS;GACT,YAAY;GACZ,eAAe;EACjB;EACA,WAAW,CAAC;CACd;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EAAE,MAAM,EAAE,SAAS,OAAO,EAAE,EACpC,EACF;CAEA,UAAU;EACR,SAAS,EACP,MAAM,EACJ,YAAY,UACd,EACF;EACA,OAAO,EACL,MAAM;GACJ,aAAa;GACb,aAAa;EACf,EACF;EACA,OAAO,EACL,MAAM,EACJ,YAAY,QACd,EACF;EACA,QAAQ,EACN,MAAM,EACJ,YAAY,SACd,EACF;EACA,SAAS,EACP,MAAM,EACJ,YAAY,UACd,EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;EACA,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;EACA,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
1	+ {"version":3,"file":"tag.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tag/tag.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tagStyle = defineComponentSlotStyle({\n base: {\n closeButton: {\n alignItems: \"center\",\n color: \"currentcolor\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n justifyContent: \"center\",\n rounded: \"full\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n _hover: {\n layerStyle: \"hover\",\n },\n _active: {\n layerStyle: \"active\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n content: {\n lineClamp: 1,\n },\n endIcon: {},\n icon: {\n alignItems: \"center\",\n display: \"inline-flex\",\n flexShrink: 0,\n justifyContent: \"center\",\n },\n root: {\n alignItems: \"center\",\n display: \"inline-flex\",\n gap: \"1\",\n maxW: \"full\",\n rounded: \"l2\",\n userSelect: \"none\",\n verticalAlign: \"top\",\n },\n startIcon: {},\n },\n\n props: {\n /*\n If `true`, the tag is full rounded. Else, it'll be slightly round.\n \n @default false\n */\n fullRounded: {\n true: { root: { rounded: \"full\" } },\n },\n },\n\n variants: {\n outline: {\n root: {\n layerStyle: \"outline\",\n },\n },\n plain: {\n root: {\n borderColor: \"transparent\",\n borderWidth: \"1px\",\n },\n },\n solid: {\n root: {\n layerStyle: \"solid\",\n },\n },\n subtle: {\n root: {\n layerStyle: \"subtle\",\n },\n },\n surface: {\n root: {\n layerStyle: \"surface\",\n },\n },\n },\n\n sizes: {\n sm: {\n element: {\n fontSize: \"1.25em\",\n },\n root: {\n fontSize: \"xs\",\n lineHeight: \"{sizes.5}\",\n minH: \"5\",\n minW: \"5\",\n px: \"1.5\",\n },\n },\n md: {\n element: {\n fontSize: \"1.25em\",\n },\n root: {\n fontSize: \"sm\",\n lineHeight: \"{sizes.6}\",\n minH: \"6\",\n minW: \"6\",\n px: \"2\",\n },\n },\n lg: {\n element: {\n fontSize: \"1.25em\",\n },\n root: {\n fontSize: \"md\",\n lineHeight: \"{sizes.7}\",\n minH: \"7\",\n minW: \"7\",\n px: \"2.5\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"subtle\",\n },\n})\n\nexport type TagStyle = typeof tagStyle\n"],"mappings":";AAEA,MAAa,W,sCAAWA,CAAAA,CAAAA,yBAAyB;CAC/C,MAAM;EACJ,aAAa;GACX,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,QAAQ,EACN,YAAY,QACd;GACA,SAAS,EACP,YAAY,SACd;GACA,WAAW,EACT,YAAY,WACd;EACF;EACA,SAAS,EACP,WAAW,EACb;EACA,SAAS,CAAC;EACV,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,MAAM;GACN,SAAS;GACT,YAAY;GACZ,eAAe;EACjB;EACA,WAAW,CAAC;CACd;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EAAE,MAAM,EAAE,SAAS,OAAO,EAAE,EACpC,EACF;CAEA,UAAU;EACR,SAAS,EACP,MAAM,EACJ,YAAY,UACd,EACF;EACA,OAAO,EACL,MAAM;GACJ,aAAa;GACb,aAAa;EACf,EACF;EACA,OAAO,EACL,MAAM,EACJ,YAAY,QACd,EACF;EACA,QAAQ,EACN,MAAM,EACJ,YAAY,SACd,EACF;EACA,SAAS,EACP,MAAM,EACJ,YAAY,UACd,EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;EACA,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;EACA,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

@@ -1,7 +1,7 @@
 "use client";
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_text_style = require("./text.style.cjs");
-//#region src/components/text/text.tsx
+// src/components/text/text.tsx
 const { PropsContext: TextPropsContext, usePropsContext: useTextPropsContext, withContext } = require_create_component.createComponent("text", require_text_style.textStyle);
 /**
 * `Text` is a component that represents a paragraph of text. By default, it renders a `p` element.
@@ -14,7 +14,6 @@ const Text = withContext("p")(void 0, ({ align: textAlign, casing: textTransform
 	textTransform,
 	...rest
 }));
-//#endregion
 exports.Text = Text;
 exports.TextPropsContext = TextPropsContext;
 exports.useTextPropsContext = useTextPropsContext;

package/dist/cjs/components/text/text.style.cjs CHANGED Viewed

@@ -1,6 +1,5 @@
-//#region src/components/text/text.style.ts
+// src/components/text/text.style.ts
 const textStyle = require("../../core/system/config.cjs").defineComponentStyle({});
-//#endregion
 exports.textStyle = textStyle;
 //# sourceMappingURL=text.style.cjs.map

package/dist/cjs/components/text/text.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/text/text.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const textStyle = defineComponentStyle({})\n\nexport type TextStyle = typeof textStyle\n"],"mappings":";AAEA,MAAa,~~kDAAYA~~,CAAAA,CAAAA,qBAAqB,CAAC,CAAC"}
1	+ {"version":3,"file":"text.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/text/text.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const textStyle = defineComponentStyle({})\n\nexport type TextStyle = typeof textStyle\n"],"mappings":";AAEA,MAAa,Y,sCAAYA,CAAAA,CAAAA,qBAAqB,CAAC,CAAC"}

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

@@ -5,7 +5,7 @@ const require_use_input_border = require("../input/use-input-border.cjs");
 const require_input = require("../input/input.cjs");
 const require_textarea_style = require("./textarea.style.cjs");
 const require_use_textarea = require("./use-textarea.cjs");
-//#region src/components/textarea/textarea.tsx
+// src/components/textarea/textarea.tsx
 const { PropsContext: TextareaPropsContext, usePropsContext: useTextareaPropsContext, withContext } = require_create_component.createComponent("textarea", require_textarea_style.textareaStyle);
 /**
 * `Textarea` is a component used to obtain multi-line text input.
@@ -34,7 +34,6 @@ const Textarea = withContext("textarea")((props) => {
 		...getTextareaProps()
 	};
 });
-//#endregion
 exports.Textarea = Textarea;
 exports.TextareaPropsContext = TextareaPropsContext;
 exports.useTextareaPropsContext = useTextareaPropsContext;

package/dist/cjs/components/textarea/textarea.style.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 const require_config = require("../../core/system/config.cjs");
 const require_input_style = require("../input/input.style.cjs");
-//#region src/components/textarea/textarea.style.ts
+// src/components/textarea/textarea.style.ts
 const textareaStyle = require_config.defineComponentStyle({
 	base: {
 		...require_input_style.inputStyle.base,
@@ -51,7 +51,6 @@ const textareaStyle = require_config.defineComponentStyle({
 		variant: "outline"
 	}
 });
-//#endregion
 exports.textareaStyle = textareaStyle;
 //# sourceMappingURL=textarea.style.cjs.map

package/dist/cjs/components/textarea/use-autosize.cjs CHANGED Viewed

@@ -3,7 +3,7 @@ const require_effect = require("../../utils/effect.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
-//#region src/components/textarea/use-autosize.ts
+// src/components/textarea/use-autosize.ts
 const SIZING_STYLE_PROPERTIES = [
 	"borderBottomWidth",
 	"borderLeftWidth",
@@ -127,7 +127,6 @@ const useAutosize = ({ disabled = false, maxRows = Infinity, minRows = 2 } = {})
 		onResizeTextarea
 	};
 };
-//#endregion
 exports.useAutosize = useAutosize;
 //# sourceMappingURL=use-autosize.cjs.map

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

@@ -3,7 +3,7 @@ const require_ref = require("../../utils/ref.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_use_autosize = require("./use-autosize.cjs");
 let react = require("react");
-//#region src/components/textarea/use-textarea.ts
+// src/components/textarea/use-textarea.ts
 const useTextarea = ({ autosize, maxRows, minRows, resizeRef, ...rest } = {}) => {
 	const { ref, onResizeTextarea } = require_use_autosize.useAutosize({
 		disabled: !autosize,
@@ -29,7 +29,6 @@ const useTextarea = ({ autosize, maxRows, minRows, resizeRef, ...rest } = {}) =>
 		onResizeTextarea
 	};
 };
-//#endregion
 exports.useTextarea = useTextarea;
 //# sourceMappingURL=use-textarea.cjs.map

package/dist/cjs/components/timeline/namespace.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_timeline = require("./timeline.cjs");
-//#region src/components/timeline/namespace.ts
+// src/components/timeline/namespace.ts
 var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Connector: () => require_timeline.TimelineConnector,
 	Content: () => require_timeline.TimelineContent,
@@ -12,7 +12,6 @@ var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Title: () => require_timeline.TimelineTitle,
 	usePropsContext: () => require_timeline.useTimelinePropsContext
 });
-//#endregion
 exports.Connector = require_timeline.TimelineConnector;
 exports.Content = require_timeline.TimelineContent;
 exports.Description = require_timeline.TimelineDescription;

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

@@ -7,7 +7,7 @@ const require_hooks_use_value_index = require("../../hooks/use-value/index.cjs")
 const require_timeline_style = require("./timeline.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/timeline/timeline.tsx
+// src/components/timeline/timeline.tsx
 const { ComponentContext, PropsContext: TimelinePropsContext, useComponentContext, usePropsContext: useTimelinePropsContext, withContext, withProvider } = require_create_component.createSlotComponent("timeline", require_timeline_style.timelineStyle);
 /**
 * `Timeline` is a component that is used to display a list of events in chronological order.
@@ -91,7 +91,6 @@ const TimelineIndicator = withContext("div", "indicator")(void 0, ({ children =
 const TimelineContent = withContext("div", "content")({ "data-content": "" });
 const TimelineTitle = withContext("h3", "title")();
 const TimelineDescription = withContext("p", "description")();
-//#endregion
 exports.TimelineConnector = TimelineConnector;
 exports.TimelineContent = TimelineContent;
 exports.TimelineDescription = TimelineDescription;