@just-web/toolkits 1.0.0

package/dist/children/just-children.d.cts

@@ -0,0 +1,37 @@
+import { ReactNode } from "react";
+import { AnyRecord } from "type-plus";
+
+//#region src/children/just-children.d.ts
+
+/**
+ * Props interface for components that accept a render-props-aware `children`.
+ *
+ * Use this when defining component props that support the same `children` contract as {@link JustChildren}:
+ * a static value, a resolver function that receives render props (including existing `children`), or `undefined`.
+ *
+ * @typeParam RenderProps - Record type for render props. When `children` is a function, it receives `RenderProps` merged with `{ children?: ReactNode }`.
+ */
+interface JustChildrenProps<RenderProps extends AnyRecord = AnyRecord> {
+  children?: JustChildren<RenderProps> | undefined;
+}
+/**
+ * A `children` type that can be static or computed from render props.
+ *
+ * - `ReactNode`: The value is used as the children (replaces existing `children` in render props when provided).
+ * - `undefined`: Uses the existing `children` from render props as-is.
+ * - `function`: Process the render props and return the desired `children`.
+ *
+ * @typeParam RenderProps - Record type for render props. Resolvers receive `RenderProps` merged with `{ children?: ReactNode }`.
+ */
+type JustChildren<RenderProps extends AnyRecord = AnyRecord> = ((renderProps: JustChildrenFnProps<RenderProps>) => ReactNode | undefined) | ReactNode | undefined;
+/**
+ * The props type for `JustChildren` resolver functions.
+ *
+ * @typeParam RenderProps - Record type for render props.
+ */
+type JustChildrenFnProps<RenderProps extends AnyRecord = AnyRecord> = RenderProps & {
+  children?: ReactNode | undefined;
+};
+//#endregion
+export { JustChildren, JustChildrenFnProps, JustChildrenProps };
+//# sourceMappingURL=just-children.d.cts.map

package/dist/children/just-children.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-children.d.cts","names":[],"sources":["../../src/children/just-children.ts"],"sourcesContent":[],"mappings":";;;;;;;AAWA;;;;;;AAaY,UAbK,iBAaO,CAAA,oBAb+B,SAa/B,GAb2C,SAa3C,CAAA,CAAA;EAAqB,QAAA,CAAA,EAZjC,YAYiC,CAZpB,WAYoB,CAAA,GAAA,SAAA;;;;;;;AAU7C;;;;AACY,KAXA,YAWA,CAAA,oBAXiC,SAWjC,GAX6C,SAW7C,CAAA,GAAA,CAAA,CAAA,WAAA,EAVM,mBAUN,CAV0B,WAU1B,CAAA,EAAA,GAV2C,SAU3C,GAAA,SAAA,CAAA,GATT,SASS,GAAA,SAAA;;;;;;KADA,wCAAwC,YAAY,aAAa;aACjE"}

package/dist/children/just-children.d.mts

@@ -0,0 +1,37 @@
+import { ReactNode } from "react";
+import { AnyRecord } from "type-plus";
+
+//#region src/children/just-children.d.ts
+
+/**
+ * Props interface for components that accept a render-props-aware `children`.
+ *
+ * Use this when defining component props that support the same `children` contract as {@link JustChildren}:
+ * a static value, a resolver function that receives render props (including existing `children`), or `undefined`.
+ *
+ * @typeParam RenderProps - Record type for render props. When `children` is a function, it receives `RenderProps` merged with `{ children?: ReactNode }`.
+ */
+interface JustChildrenProps<RenderProps extends AnyRecord = AnyRecord> {
+  children?: JustChildren<RenderProps> | undefined;
+}
+/**
+ * A `children` type that can be static or computed from render props.
+ *
+ * - `ReactNode`: The value is used as the children (replaces existing `children` in render props when provided).
+ * - `undefined`: Uses the existing `children` from render props as-is.
+ * - `function`: Process the render props and return the desired `children`.
+ *
+ * @typeParam RenderProps - Record type for render props. Resolvers receive `RenderProps` merged with `{ children?: ReactNode }`.
+ */
+type JustChildren<RenderProps extends AnyRecord = AnyRecord> = ((renderProps: JustChildrenFnProps<RenderProps>) => ReactNode | undefined) | ReactNode | undefined;
+/**
+ * The props type for `JustChildren` resolver functions.
+ *
+ * @typeParam RenderProps - Record type for render props.
+ */
+type JustChildrenFnProps<RenderProps extends AnyRecord = AnyRecord> = RenderProps & {
+  children?: ReactNode | undefined;
+};
+//#endregion
+export { JustChildren, JustChildrenFnProps, JustChildrenProps };
+//# sourceMappingURL=just-children.d.mts.map

package/dist/children/just-children.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-children.d.mts","names":[],"sources":["../../src/children/just-children.ts"],"sourcesContent":[],"mappings":";;;;;;;AAWA;;;;;;AAaY,UAbK,iBAaO,CAAA,oBAb+B,SAa/B,GAb2C,SAa3C,CAAA,CAAA;EAAqB,QAAA,CAAA,EAZjC,YAYiC,CAZpB,WAYoB,CAAA,GAAA,SAAA;;;;;;;AAU7C;;;;AACY,KAXA,YAWA,CAAA,oBAXiC,SAWjC,GAX6C,SAW7C,CAAA,GAAA,CAAA,CAAA,WAAA,EAVM,mBAUN,CAV0B,WAU1B,CAAA,EAAA,GAV2C,SAU3C,GAAA,SAAA,CAAA,GATT,SASS,GAAA,SAAA;;;;;;KADA,wCAAwC,YAAY,aAAa;aACjE"}

package/dist/children/resolve-children.cjs

@@ -0,0 +1,11 @@
+
+//#region src/children/resolve-children.ts
+function resolveChildren(renderProps, children) {
+	if (typeof children === "function") return children(renderProps);
+	if (children !== void 0) return children;
+	return renderProps.children;
+}
+
+//#endregion
+exports.resolveChildren = resolveChildren;
+//# sourceMappingURL=resolve-children.cjs.map

package/dist/children/resolve-children.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-children.cjs","names":[],"sources":["../../src/children/resolve-children.ts"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { AnyRecord } from 'type-plus'\nimport type { JustChildren, JustChildrenFnProps } from './just-children.ts'\n\nexport function resolveChildren<RenderProps extends AnyRecord = AnyRecord>(\n\trenderProps: JustChildrenFnProps<RenderProps>,\n\tchildren?: JustChildren<RenderProps>\n): ReactNode | undefined {\n\tif (typeof children === 'function') {\n\t\treturn children(renderProps)\n\t}\n\tif (children !== undefined) {\n\t\treturn children\n\t}\n\treturn renderProps.children\n}\n"],"mappings":";;AAIA,SAAgB,gBACf,aACA,UACwB;AACxB,KAAI,OAAO,aAAa,WACvB,QAAO,SAAS,YAAY;AAE7B,KAAI,aAAa,OAChB,QAAO;AAER,QAAO,YAAY"}

package/dist/children/resolve-children.d.cts

@@ -0,0 +1,9 @@
+import { JustChildren, JustChildrenFnProps } from "./just-children.cjs";
+import { ReactNode } from "react";
+import { AnyRecord } from "type-plus";
+
+//#region src/children/resolve-children.d.ts
+declare function resolveChildren<RenderProps extends AnyRecord = AnyRecord>(renderProps: JustChildrenFnProps<RenderProps>, children?: JustChildren<RenderProps>): ReactNode | undefined;
+//#endregion
+export { resolveChildren };
+//# sourceMappingURL=resolve-children.d.cts.map

package/dist/children/resolve-children.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-children.d.cts","names":[],"sources":["../../src/children/resolve-children.ts"],"sourcesContent":[],"mappings":";;;;;iBAIgB,oCAAoC,YAAY,wBAClD,oBAAoB,yBACtB,aAAa,eACtB"}

package/dist/children/resolve-children.d.mts

@@ -0,0 +1,9 @@
+import { JustChildren, JustChildrenFnProps } from "./just-children.mjs";
+import { ReactNode } from "react";
+import { AnyRecord } from "type-plus";
+
+//#region src/children/resolve-children.d.ts
+declare function resolveChildren<RenderProps extends AnyRecord = AnyRecord>(renderProps: JustChildrenFnProps<RenderProps>, children?: JustChildren<RenderProps>): ReactNode | undefined;
+//#endregion
+export { resolveChildren };
+//# sourceMappingURL=resolve-children.d.mts.map

package/dist/children/resolve-children.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-children.d.mts","names":[],"sources":["../../src/children/resolve-children.ts"],"sourcesContent":[],"mappings":";;;;;iBAIgB,oCAAoC,YAAY,wBAClD,oBAAoB,yBACtB,aAAa,eACtB"}

package/dist/children/resolve-children.mjs

@@ -0,0 +1,10 @@
+//#region src/children/resolve-children.ts
+function resolveChildren(renderProps, children) {
+	if (typeof children === "function") return children(renderProps);
+	if (children !== void 0) return children;
+	return renderProps.children;
+}
+
+//#endregion
+export { resolveChildren };
+//# sourceMappingURL=resolve-children.mjs.map

package/dist/children/resolve-children.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-children.mjs","names":[],"sources":["../../src/children/resolve-children.ts"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { AnyRecord } from 'type-plus'\nimport type { JustChildren, JustChildrenFnProps } from './just-children.ts'\n\nexport function resolveChildren<RenderProps extends AnyRecord = AnyRecord>(\n\trenderProps: JustChildrenFnProps<RenderProps>,\n\tchildren?: JustChildren<RenderProps>\n): ReactNode | undefined {\n\tif (typeof children === 'function') {\n\t\treturn children(renderProps)\n\t}\n\tif (children !== undefined) {\n\t\treturn children\n\t}\n\treturn renderProps.children\n}\n"],"mappings":";AAIA,SAAgB,gBACf,aACA,UACwB;AACxB,KAAI,OAAO,aAAa,WACvB,QAAO,SAAS,YAAY;AAE7B,KAAI,aAAa,OAChB,QAAO;AAER,QAAO,YAAY"}

package/dist/class-name/class-name-props.d.cts

@@ -0,0 +1,11 @@
+//#region src/class-name/class-name-props.d.ts
+/**
+ * Interface for component props that include a className property.
+ * The className property accepts a string value for CSS class names.
+ */
+interface ClassNameProps {
+  className?: string | undefined;
+}
+//#endregion
+export { ClassNameProps };
+//# sourceMappingURL=class-name-props.d.cts.map

package/dist/class-name/class-name-props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-name-props.d.cts","names":[],"sources":["../../src/class-name/class-name-props.ts"],"sourcesContent":[],"mappings":";;AAIA;;;UAAiB,cAAA"}

package/dist/class-name/class-name-props.d.mts

@@ -0,0 +1,11 @@
+//#region src/class-name/class-name-props.d.ts
+/**
+ * Interface for component props that include a className property.
+ * The className property accepts a string value for CSS class names.
+ */
+interface ClassNameProps {
+  className?: string | undefined;
+}
+//#endregion
+export { ClassNameProps };
+//# sourceMappingURL=class-name-props.d.mts.map

package/dist/class-name/class-name-props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-name-props.d.mts","names":[],"sources":["../../src/class-name/class-name-props.ts"],"sourcesContent":[],"mappings":";;AAIA;;;UAAiB,cAAA"}

package/dist/class-name/clsx.cjs

@@ -0,0 +1,3 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx);

package/dist/class-name/clsx.d.cts

@@ -0,0 +1,2 @@
+import clsx from "clsx";
+export { clsx };

package/dist/class-name/clsx.d.mts

@@ -0,0 +1,2 @@
+import clsx from "clsx";
+export { clsx };

package/dist/class-name/clsx.mjs

@@ -0,0 +1,3 @@
+import clsx from "clsx";
+
+export { clsx };

package/dist/class-name/just-class-name.d.cts

@@ -0,0 +1,36 @@
+import { AnyRecord } from "type-plus";
+
+//#region src/class-name/just-class-name.d.ts
+
+/**
+ * Props interface for components that accept a render-props-aware `className`.
+ *
+ * Use this when defining component props that support the same `className` contract as {@link JustClassName}:
+ * a static string, a resolver function that receives render props (including existing `className`), or `undefined`.
+ *
+ * @typeParam RenderProps - Record type for render props. When `className` is a function, it receives `RenderProps` merged with `{ className?: string }`.
+ */
+interface JustClassNameProps<RenderProps extends AnyRecord = AnyRecord> {
+  className?: JustClassName<RenderProps> | undefined;
+}
+/**
+ * A `className` type that can be static or computed from render props.
+ *
+ * - `string`: The value is appended to the existing `className` in render props.
+ * - `undefined`: Resets the `className` to `undefined`, removing existing `className`.
+ * - `function`: Process the render props and return the desired `className`.
+ *
+ * @typeParam RenderProps - Record type for render props. Resolvers receive `RenderProps` merged with `{ className?: string }`.
+ */
+type JustClassName<RenderProps extends AnyRecord = AnyRecord> = ((renderProps: JustClassNameFnProps<RenderProps>) => string | undefined) | string | undefined;
+/**
+ * The props type for `JustClassName` resolver functions.
+ *
+ * @typeParam RenderProps - Record type for render props.
+ */
+type JustClassNameFnProps<RenderProps extends AnyRecord = AnyRecord> = RenderProps & {
+  className?: string | undefined;
+};
+//#endregion
+export { JustClassName, JustClassNameFnProps, JustClassNameProps };
+//# sourceMappingURL=just-class-name.d.cts.map

package/dist/class-name/just-class-name.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-class-name.d.cts","names":[],"sources":["../../src/class-name/just-class-name.ts"],"sourcesContent":[],"mappings":";;;;;;AAUA;;;;;;AAaY,UAbK,kBAaQ,CAAA,oBAb+B,SAa/B,GAb2C,SAa3C,CAAA,CAAA;EAAqB,SAAA,CAAA,EAZjC,aAYiC,CAZnB,WAYmB,CAAA,GAAA,SAAA;;;;;AAU9C;;;;;;KAVY,kCAAkC,YAAY,4BACxC,qBAAqB;;;;;;KAS3B,yCAAyC,YAAY,aAAa"}

package/dist/class-name/just-class-name.d.mts

@@ -0,0 +1,36 @@
+import { AnyRecord } from "type-plus";
+
+//#region src/class-name/just-class-name.d.ts
+
+/**
+ * Props interface for components that accept a render-props-aware `className`.
+ *
+ * Use this when defining component props that support the same `className` contract as {@link JustClassName}:
+ * a static string, a resolver function that receives render props (including existing `className`), or `undefined`.
+ *
+ * @typeParam RenderProps - Record type for render props. When `className` is a function, it receives `RenderProps` merged with `{ className?: string }`.
+ */
+interface JustClassNameProps<RenderProps extends AnyRecord = AnyRecord> {
+  className?: JustClassName<RenderProps> | undefined;
+}
+/**
+ * A `className` type that can be static or computed from render props.
+ *
+ * - `string`: The value is appended to the existing `className` in render props.
+ * - `undefined`: Resets the `className` to `undefined`, removing existing `className`.
+ * - `function`: Process the render props and return the desired `className`.
+ *
+ * @typeParam RenderProps - Record type for render props. Resolvers receive `RenderProps` merged with `{ className?: string }`.
+ */
+type JustClassName<RenderProps extends AnyRecord = AnyRecord> = ((renderProps: JustClassNameFnProps<RenderProps>) => string | undefined) | string | undefined;
+/**
+ * The props type for `JustClassName` resolver functions.
+ *
+ * @typeParam RenderProps - Record type for render props.
+ */
+type JustClassNameFnProps<RenderProps extends AnyRecord = AnyRecord> = RenderProps & {
+  className?: string | undefined;
+};
+//#endregion
+export { JustClassName, JustClassNameFnProps, JustClassNameProps };
+//# sourceMappingURL=just-class-name.d.mts.map

package/dist/class-name/just-class-name.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-class-name.d.mts","names":[],"sources":["../../src/class-name/just-class-name.ts"],"sourcesContent":[],"mappings":";;;;;;AAUA;;;;;;AAaY,UAbK,kBAaQ,CAAA,oBAb+B,SAa/B,GAb2C,SAa3C,CAAA,CAAA;EAAqB,SAAA,CAAA,EAZjC,aAYiC,CAZnB,WAYmB,CAAA,GAAA,SAAA;;;;;AAU9C;;;;;;KAVY,kCAAkC,YAAY,4BACxC,qBAAqB;;;;;;KAS3B,yCAAyC,YAAY,aAAa"}

package/dist/class-name/resolve-class-name.cjs

@@ -0,0 +1,12 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+require('./clsx.cjs');
+let clsx = require("clsx");
+
+//#region src/class-name/resolve-class-name.ts
+function resolveClassName(renderProps, className) {
+	return typeof className === "function" ? className(renderProps) : (0, clsx.default)(renderProps.className, className);
+}
+
+//#endregion
+exports.resolveClassName = resolveClassName;
+//# sourceMappingURL=resolve-class-name.cjs.map

package/dist/class-name/resolve-class-name.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-class-name.cjs","names":[],"sources":["../../src/class-name/resolve-class-name.ts"],"sourcesContent":["import type { AnyRecord } from 'type-plus'\nimport { clsx } from './clsx.ts'\nimport type { JustClassName, JustClassNameFnProps } from './just-class-name.ts'\n\nexport function resolveClassName<RenderProps extends AnyRecord = AnyRecord>(\n\trenderProps: JustClassNameFnProps<RenderProps>,\n\tclassName?: JustClassName<RenderProps>\n) {\n\treturn typeof className === 'function'\n\t\t? className(renderProps)\n\t\t: clsx(renderProps.className, className)\n}\n"],"mappings":";;;;;AAIA,SAAgB,iBACf,aACA,WACC;AACD,QAAO,OAAO,cAAc,aACzB,UAAU,YAAY,qBACjB,YAAY,WAAW,UAAU"}

package/dist/class-name/resolve-class-name.d.cts

@@ -0,0 +1,8 @@
+import { JustClassName, JustClassNameFnProps } from "./just-class-name.cjs";
+import { AnyRecord } from "type-plus";
+
+//#region src/class-name/resolve-class-name.d.ts
+declare function resolveClassName<RenderProps extends AnyRecord = AnyRecord>(renderProps: JustClassNameFnProps<RenderProps>, className?: JustClassName<RenderProps>): string | undefined;
+//#endregion
+export { resolveClassName };
+//# sourceMappingURL=resolve-class-name.d.cts.map

package/dist/class-name/resolve-class-name.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-class-name.d.cts","names":[],"sources":["../../src/class-name/resolve-class-name.ts"],"sourcesContent":[],"mappings":";;;;iBAIgB,qCAAqC,YAAY,wBACnD,qBAAqB,0BACtB,cAAc"}

package/dist/class-name/resolve-class-name.d.mts

@@ -0,0 +1,8 @@
+import { JustClassName, JustClassNameFnProps } from "./just-class-name.mjs";
+import { AnyRecord } from "type-plus";
+
+//#region src/class-name/resolve-class-name.d.ts
+declare function resolveClassName<RenderProps extends AnyRecord = AnyRecord>(renderProps: JustClassNameFnProps<RenderProps>, className?: JustClassName<RenderProps>): string | undefined;
+//#endregion
+export { resolveClassName };
+//# sourceMappingURL=resolve-class-name.d.mts.map

package/dist/class-name/resolve-class-name.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-class-name.d.mts","names":[],"sources":["../../src/class-name/resolve-class-name.ts"],"sourcesContent":[],"mappings":";;;;iBAIgB,qCAAqC,YAAY,wBACnD,qBAAqB,0BACtB,cAAc"}

package/dist/class-name/resolve-class-name.mjs

@@ -0,0 +1,10 @@
+import { clsx } from "./clsx.mjs";
+
+//#region src/class-name/resolve-class-name.ts
+function resolveClassName(renderProps, className) {
+	return typeof className === "function" ? className(renderProps) : clsx(renderProps.className, className);
+}
+
+//#endregion
+export { resolveClassName };
+//# sourceMappingURL=resolve-class-name.mjs.map

package/dist/class-name/resolve-class-name.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-class-name.mjs","names":[],"sources":["../../src/class-name/resolve-class-name.ts"],"sourcesContent":["import type { AnyRecord } from 'type-plus'\nimport { clsx } from './clsx.ts'\nimport type { JustClassName, JustClassNameFnProps } from './just-class-name.ts'\n\nexport function resolveClassName<RenderProps extends AnyRecord = AnyRecord>(\n\trenderProps: JustClassNameFnProps<RenderProps>,\n\tclassName?: JustClassName<RenderProps>\n) {\n\treturn typeof className === 'function'\n\t\t? className(renderProps)\n\t\t: clsx(renderProps.className, className)\n}\n"],"mappings":";;;AAIA,SAAgB,iBACf,aACA,WACC;AACD,QAAO,OAAO,cAAc,aACzB,UAAU,YAAY,GACtB,KAAK,YAAY,WAAW,UAAU"}

package/dist/color-scheme/get-prefers-color-scheme.cjs

@@ -0,0 +1,21 @@
+
+//#region src/color-scheme/get-prefers-color-scheme.ts
+/**
+* Gets the current preferred color scheme.
+* It can only be 'light' or 'dark'.
+*
+* Even if the browser preference is 'auto'/'device', it will return 'light' or 'dark'.
+*
+* When `matchMedia` is unavailable (e.g. SSR), returns `defaultColorScheme`.
+*
+* @param defaultColorScheme - Fallback when `matchMedia` is unavailable (default: `'light'`)
+* @returns 'light' or 'dark'
+*/
+function getPrefersColorScheme(defaultColorScheme = "light") {
+	if (typeof matchMedia === "undefined") return defaultColorScheme;
+	return matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+
+//#endregion
+exports.getPrefersColorScheme = getPrefersColorScheme;
+//# sourceMappingURL=get-prefers-color-scheme.cjs.map

package/dist/color-scheme/get-prefers-color-scheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-prefers-color-scheme.cjs","names":[],"sources":["../../src/color-scheme/get-prefers-color-scheme.ts"],"sourcesContent":["/**\n * Gets the current preferred color scheme.\n * It can only be 'light' or 'dark'.\n *\n * Even if the browser preference is 'auto'/'device', it will return 'light' or 'dark'.\n *\n * When `matchMedia` is unavailable (e.g. SSR), returns `defaultColorScheme`.\n *\n * @param defaultColorScheme - Fallback when `matchMedia` is unavailable (default: `'light'`)\n * @returns 'light' or 'dark'\n */\nexport function getPrefersColorScheme(\n\tdefaultColorScheme: 'light' | 'dark' = 'light'\n): 'light' | 'dark' {\n\tif (typeof matchMedia === 'undefined') return defaultColorScheme\n\treturn matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAgB,sBACf,qBAAuC,SACpB;AACnB,KAAI,OAAO,eAAe,YAAa,QAAO;AAC9C,QAAO,WAAW,gCAAgC,CAAC,UAAU,UAAU"}

package/dist/color-scheme/get-prefers-color-scheme.d.cts

@@ -0,0 +1,16 @@
+//#region src/color-scheme/get-prefers-color-scheme.d.ts
+/**
+ * Gets the current preferred color scheme.
+ * It can only be 'light' or 'dark'.
+ *
+ * Even if the browser preference is 'auto'/'device', it will return 'light' or 'dark'.
+ *
+ * When `matchMedia` is unavailable (e.g. SSR), returns `defaultColorScheme`.
+ *
+ * @param defaultColorScheme - Fallback when `matchMedia` is unavailable (default: `'light'`)
+ * @returns 'light' or 'dark'
+ */
+declare function getPrefersColorScheme(defaultColorScheme?: 'light' | 'dark'): 'light' | 'dark';
+//#endregion
+export { getPrefersColorScheme };
+//# sourceMappingURL=get-prefers-color-scheme.d.cts.map

package/dist/color-scheme/get-prefers-color-scheme.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-prefers-color-scheme.d.cts","names":[],"sources":["../../src/color-scheme/get-prefers-color-scheme.ts"],"sourcesContent":[],"mappings":";;AAWA;;;;;;;;;;iBAAgB,qBAAA"}

package/dist/color-scheme/get-prefers-color-scheme.d.mts

@@ -0,0 +1,16 @@
+//#region src/color-scheme/get-prefers-color-scheme.d.ts
+/**
+ * Gets the current preferred color scheme.
+ * It can only be 'light' or 'dark'.
+ *
+ * Even if the browser preference is 'auto'/'device', it will return 'light' or 'dark'.
+ *
+ * When `matchMedia` is unavailable (e.g. SSR), returns `defaultColorScheme`.
+ *
+ * @param defaultColorScheme - Fallback when `matchMedia` is unavailable (default: `'light'`)
+ * @returns 'light' or 'dark'
+ */
+declare function getPrefersColorScheme(defaultColorScheme?: 'light' | 'dark'): 'light' | 'dark';
+//#endregion
+export { getPrefersColorScheme };
+//# sourceMappingURL=get-prefers-color-scheme.d.mts.map

package/dist/color-scheme/get-prefers-color-scheme.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-prefers-color-scheme.d.mts","names":[],"sources":["../../src/color-scheme/get-prefers-color-scheme.ts"],"sourcesContent":[],"mappings":";;AAWA;;;;;;;;;;iBAAgB,qBAAA"}

package/dist/color-scheme/get-prefers-color-scheme.mjs

@@ -0,0 +1,20 @@
+//#region src/color-scheme/get-prefers-color-scheme.ts
+/**
+* Gets the current preferred color scheme.
+* It can only be 'light' or 'dark'.
+*
+* Even if the browser preference is 'auto'/'device', it will return 'light' or 'dark'.
+*
+* When `matchMedia` is unavailable (e.g. SSR), returns `defaultColorScheme`.
+*
+* @param defaultColorScheme - Fallback when `matchMedia` is unavailable (default: `'light'`)
+* @returns 'light' or 'dark'
+*/
+function getPrefersColorScheme(defaultColorScheme = "light") {
+	if (typeof matchMedia === "undefined") return defaultColorScheme;
+	return matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+
+//#endregion
+export { getPrefersColorScheme };
+//# sourceMappingURL=get-prefers-color-scheme.mjs.map

package/dist/color-scheme/get-prefers-color-scheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-prefers-color-scheme.mjs","names":[],"sources":["../../src/color-scheme/get-prefers-color-scheme.ts"],"sourcesContent":["/**\n * Gets the current preferred color scheme.\n * It can only be 'light' or 'dark'.\n *\n * Even if the browser preference is 'auto'/'device', it will return 'light' or 'dark'.\n *\n * When `matchMedia` is unavailable (e.g. SSR), returns `defaultColorScheme`.\n *\n * @param defaultColorScheme - Fallback when `matchMedia` is unavailable (default: `'light'`)\n * @returns 'light' or 'dark'\n */\nexport function getPrefersColorScheme(\n\tdefaultColorScheme: 'light' | 'dark' = 'light'\n): 'light' | 'dark' {\n\tif (typeof matchMedia === 'undefined') return defaultColorScheme\n\treturn matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,sBACf,qBAAuC,SACpB;AACnB,KAAI,OAAO,eAAe,YAAa,QAAO;AAC9C,QAAO,WAAW,gCAAgC,CAAC,UAAU,UAAU"}

package/dist/color-scheme/observe-prefers-color-scheme.cjs

@@ -0,0 +1,29 @@
+
+//#region src/color-scheme/observe-prefers-color-scheme.ts
+/**
+* Observes system color scheme preference changes and calls handlers when they occur.
+*
+* @param handler - A function that is called when the color scheme preference changes
+* @returns A cleanup function that removes all event listeners
+*
+* @example
+* ```ts
+* // Observe light/dark mode changes
+* const cleanup = observePrefersColorScheme((value) => console.log('Color scheme changed to:', value))
+*
+* // Later, to stop observing:
+* cleanup()
+* ```
+*/
+function observePrefersColorScheme(handler) {
+	const m = globalThis.matchMedia("(prefers-color-scheme: light)");
+	const listener = (event) => {
+		handler(event.matches ? "light" : "dark");
+	};
+	m.addEventListener("change", listener);
+	return () => m.removeEventListener("change", listener);
+}
+
+//#endregion
+exports.observePrefersColorScheme = observePrefersColorScheme;
+//# sourceMappingURL=observe-prefers-color-scheme.cjs.map

package/dist/color-scheme/observe-prefers-color-scheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-prefers-color-scheme.cjs","names":[],"sources":["../../src/color-scheme/observe-prefers-color-scheme.ts"],"sourcesContent":["/**\n * Observes system color scheme preference changes and calls handlers when they occur.\n *\n * @param handler - A function that is called when the color scheme preference changes\n * @returns A cleanup function that removes all event listeners\n *\n * @example\n * ```ts\n * // Observe light/dark mode changes\n * const cleanup = observePrefersColorScheme((value) => console.log('Color scheme changed to:', value))\n *\n * // Later, to stop observing:\n * cleanup()\n * ```\n */\nexport function observePrefersColorScheme(handler: (value: 'light' | 'dark') => void) {\n\tconst m = globalThis.matchMedia('(prefers-color-scheme: light)')\n\tconst listener = (event: MediaQueryListEvent) => {\n\t\thandler(event.matches ? 'light' : 'dark')\n\t}\n\n\tm.addEventListener('change', listener)\n\treturn () => m.removeEventListener('change', listener)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,SAAgB,0BAA0B,SAA4C;CACrF,MAAM,IAAI,WAAW,WAAW,gCAAgC;CAChE,MAAM,YAAY,UAA+B;AAChD,UAAQ,MAAM,UAAU,UAAU,OAAO;;AAG1C,GAAE,iBAAiB,UAAU,SAAS;AACtC,cAAa,EAAE,oBAAoB,UAAU,SAAS"}

package/dist/color-scheme/observe-prefers-color-scheme.d.cts

@@ -0,0 +1,20 @@
+//#region src/color-scheme/observe-prefers-color-scheme.d.ts
+/**
+ * Observes system color scheme preference changes and calls handlers when they occur.
+ *
+ * @param handler - A function that is called when the color scheme preference changes
+ * @returns A cleanup function that removes all event listeners
+ *
+ * @example
+ * ```ts
+ * // Observe light/dark mode changes
+ * const cleanup = observePrefersColorScheme((value) => console.log('Color scheme changed to:', value))
+ *
+ * // Later, to stop observing:
+ * cleanup()
+ * ```
+ */
+declare function observePrefersColorScheme(handler: (value: 'light' | 'dark') => void): () => void;
+//#endregion
+export { observePrefersColorScheme };
+//# sourceMappingURL=observe-prefers-color-scheme.d.cts.map

package/dist/color-scheme/observe-prefers-color-scheme.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-prefers-color-scheme.d.cts","names":[],"sources":["../../src/color-scheme/observe-prefers-color-scheme.ts"],"sourcesContent":[],"mappings":";;AAeA;;;;;;;;;;;;;;iBAAgB,yBAAA"}

package/dist/color-scheme/observe-prefers-color-scheme.d.mts

@@ -0,0 +1,20 @@
+//#region src/color-scheme/observe-prefers-color-scheme.d.ts
+/**
+ * Observes system color scheme preference changes and calls handlers when they occur.
+ *
+ * @param handler - A function that is called when the color scheme preference changes
+ * @returns A cleanup function that removes all event listeners
+ *
+ * @example
+ * ```ts
+ * // Observe light/dark mode changes
+ * const cleanup = observePrefersColorScheme((value) => console.log('Color scheme changed to:', value))
+ *
+ * // Later, to stop observing:
+ * cleanup()
+ * ```
+ */
+declare function observePrefersColorScheme(handler: (value: 'light' | 'dark') => void): () => void;
+//#endregion
+export { observePrefersColorScheme };
+//# sourceMappingURL=observe-prefers-color-scheme.d.mts.map

package/dist/color-scheme/observe-prefers-color-scheme.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-prefers-color-scheme.d.mts","names":[],"sources":["../../src/color-scheme/observe-prefers-color-scheme.ts"],"sourcesContent":[],"mappings":";;AAeA;;;;;;;;;;;;;;iBAAgB,yBAAA"}

package/dist/color-scheme/observe-prefers-color-scheme.mjs

@@ -0,0 +1,28 @@
+//#region src/color-scheme/observe-prefers-color-scheme.ts
+/**
+* Observes system color scheme preference changes and calls handlers when they occur.
+*
+* @param handler - A function that is called when the color scheme preference changes
+* @returns A cleanup function that removes all event listeners
+*
+* @example
+* ```ts
+* // Observe light/dark mode changes
+* const cleanup = observePrefersColorScheme((value) => console.log('Color scheme changed to:', value))
+*
+* // Later, to stop observing:
+* cleanup()
+* ```
+*/
+function observePrefersColorScheme(handler) {
+	const m = globalThis.matchMedia("(prefers-color-scheme: light)");
+	const listener = (event) => {
+		handler(event.matches ? "light" : "dark");
+	};
+	m.addEventListener("change", listener);
+	return () => m.removeEventListener("change", listener);
+}
+
+//#endregion
+export { observePrefersColorScheme };
+//# sourceMappingURL=observe-prefers-color-scheme.mjs.map

package/dist/color-scheme/observe-prefers-color-scheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-prefers-color-scheme.mjs","names":[],"sources":["../../src/color-scheme/observe-prefers-color-scheme.ts"],"sourcesContent":["/**\n * Observes system color scheme preference changes and calls handlers when they occur.\n *\n * @param handler - A function that is called when the color scheme preference changes\n * @returns A cleanup function that removes all event listeners\n *\n * @example\n * ```ts\n * // Observe light/dark mode changes\n * const cleanup = observePrefersColorScheme((value) => console.log('Color scheme changed to:', value))\n *\n * // Later, to stop observing:\n * cleanup()\n * ```\n */\nexport function observePrefersColorScheme(handler: (value: 'light' | 'dark') => void) {\n\tconst m = globalThis.matchMedia('(prefers-color-scheme: light)')\n\tconst listener = (event: MediaQueryListEvent) => {\n\t\thandler(event.matches ? 'light' : 'dark')\n\t}\n\n\tm.addEventListener('change', listener)\n\treturn () => m.removeEventListener('change', listener)\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,0BAA0B,SAA4C;CACrF,MAAM,IAAI,WAAW,WAAW,gCAAgC;CAChE,MAAM,YAAY,UAA+B;AAChD,UAAQ,MAAM,UAAU,UAAU,OAAO;;AAG1C,GAAE,iBAAiB,UAAU,SAAS;AACtC,cAAa,EAAE,oBAAoB,UAAU,SAAS"}

package/dist/index.cjs

@@ -0,0 +1,39 @@
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_get_attribute = require('./attributes/get-attribute.cjs');
+const require_get_data_attribute = require('./attributes/get-data-attribute.cjs');
+const require_observe_attribute = require('./attributes/observe-attribute.cjs');
+const require_observe_data_attribute = require('./attributes/observe-data-attribute.cjs');
+const require_resolve_children = require('./children/resolve-children.cjs');
+require('./class-name/clsx.cjs');
+const require_resolve_class_name = require('./class-name/resolve-class-name.cjs');
+const require_get_prefers_color_scheme = require('./color-scheme/get-prefers-color-scheme.cjs');
+const require_observe_prefers_color_scheme = require('./color-scheme/observe-prefers-color-scheme.cjs');
+const require_define_css_properties = require('./style/define-css-properties.cjs');
+const require_get_css_variable_value = require('./style/get-css-variable-value.cjs');
+const require_resolve_style = require('./style/resolve-style.cjs');
+const require_to_dom_style = require('./style/to-dom-style.cjs');
+const require_get_rem_to_px_scale = require('./units/get-rem-to-px-scale.cjs');
+const require_px_2_num = require('./units/px-2-num.cjs');
+const require_px_2_rem = require('./units/px-2-rem.cjs');
+const require_rem_2_px = require('./units/rem-2-px.cjs');
+const require_append_id = require('./utils/append-id.cjs');
+let clsx = require("clsx");
+
+exports.appendId = require_append_id.appendId;
+exports.clsx = clsx.default;
+exports.defineCSSProperties = require_define_css_properties.defineCSSProperties;
+exports.getAttribute = require_get_attribute.getAttribute;
+exports.getCSSVariableValue = require_get_css_variable_value.getCSSVariableValue;
+exports.getDataAttribute = require_get_data_attribute.getDataAttribute;
+exports.getPrefersColorScheme = require_get_prefers_color_scheme.getPrefersColorScheme;
+exports.getRemToPxScale = require_get_rem_to_px_scale.getRemToPxScale;
+exports.observeAttributes = require_observe_attribute.observeAttributes;
+exports.observeDataAttributes = require_observe_data_attribute.observeDataAttributes;
+exports.observePrefersColorScheme = require_observe_prefers_color_scheme.observePrefersColorScheme;
+exports.px2num = require_px_2_num.px2num;
+exports.px2rem = require_px_2_rem.px2rem;
+exports.rem2px = require_rem_2_px.rem2px;
+exports.resolveChildren = require_resolve_children.resolveChildren;
+exports.resolveClassName = require_resolve_class_name.resolveClassName;
+exports.resolveStyle = require_resolve_style.resolveStyle;
+exports.toDomStyle = require_to_dom_style.toDomStyle;