@just-web/css 0.6.1 → 0.8.0

package/cjs/utils/data-attribute.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDataAttribute = getDataAttribute;
-exports.observeDataAttributes = observeDataAttributes;
-var _globalsCtx = require("../globals.ctx.ts");
-var _attribute = require("./attribute.ts");
-function getDataAttribute(qualifiedName, element = _globalsCtx.ctx.getDocumentElement()) {
-  return (0, _attribute.getAttribute)(qualifiedName, element);
-}
-function observeDataAttributes(handlers, element) {
-  return (0, _attribute.observeAttributes)(handlers, element);
-}

package/cjs/utils/get-css-prop-values.d.ts

@@ -1,16 +0,0 @@
-import type { CreateTuple } from 'type-plus';
-/**
- * Retrieves CSS custom property values from the specified element.
- *
- * @param element - The HTML element to get property values from
- * @param props - CSS custom property names to retrieve, must be in the format `--property-name`
- * @returns Array of property values corresponding to the requested custom properties
- */
-export declare function getCSSPropValues<Props extends Array<`--${string}`>>(element: HTMLElement, ...props: Props): CreateTuple<Props['length'], string>;
-/**
- * Retrieves CSS custom property values from `document.body`.
- *
- * @param props - CSS custom property names to retrieve, must be in the format `--property-name`
- * @returns Array of property values corresponding to the requested custom properties
- */
-export declare function getCSSPropValues<Props extends Array<`--${string}`>>(...props: Props): CreateTuple<Props['length'], string>;

package/cjs/utils/get-css-prop-values.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCSSPropValues = getCSSPropValues;
-function getCSSPropValues(element, ...props) {
-  if (typeof element === "string") {
-    return getCSSPropValues(globalThis.document.body, element, ...props);
-  }
-  const style = globalThis.getComputedStyle(element);
-  return props.map(v => style.getPropertyValue(v));
-}

package/cjs/utils/prefers-color-scheme.d.ts

@@ -1,33 +0,0 @@
-/**
- * Observes system color scheme preference changes and calls handlers when they occur.
- *
- * @param themes - An object mapping theme names to handler functions that are called when that theme is activated
- * @returns A cleanup function that removes all event listeners
- *
- * @example
- * ```ts
- * // Observe light/dark mode changes
- * const cleanup = observePrefersColorScheme({
- *   light: (theme) => console.log('Light mode activated'),
- *   dark: (theme) => console.log('Dark mode activated')
- * })
- *
- * // Later, to stop observing:
- * cleanup()
- * ```
- */
-export declare function observePrefersColorScheme<T extends string>(themes: Record<T, (value: T | null) => void>): () => void;
-/**
- * Gets the current preferred color theme from the system settings.
- *
- * @param themes - A list of theme names to check against the system preference
- * @returns The first matching theme from the provided list, or null if none match
- *
- * @example
- * ```ts
- * // Check if system prefers light or dark mode
- * const theme = getPrefersColorTheme('light', 'dark')
- * // Returns 'light', 'dark', or null
- * ```
- */
-export declare function getPrefersColorTheme<T extends string>(...themes: T[]): any;

package/cjs/utils/prefers-color-scheme.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPrefersColorTheme = getPrefersColorTheme;
-exports.observePrefersColorScheme = observePrefersColorScheme;
-var _typePlus = require("type-plus");
-var _globalsCtx = require("../globals.ctx.ts");
-function observePrefersColorScheme(themes) {
-  const removers = (0, _typePlus.mapKey)(themes, t => {
-    const m = _globalsCtx.ctx.matchMedia(`(prefers-color-scheme: ${t})`);
-    const listener = event => {
-      if (event.matches) {
-        themes[t]?.(t);
-      }
-    };
-    m.addEventListener("change", listener);
-    return () => m.removeEventListener("change", listener);
-  });
-  return () => {
-    for (const remover of removers) {
-      remover();
-    }
-  };
-}
-function getPrefersColorTheme(...themes) {
-  return themes.find(theme => _globalsCtx.ctx.matchMedia(`(prefers-color-scheme: ${theme})`).matches) ?? null;
-}

package/esm/convertors/px_2_rem.d.ts

@@ -1,22 +0,0 @@
-/**
- * Converts pixel values to rem units.
- *
- * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
- * @param options - Optional configuration
- * @param options.base - Base pixel value to calculate rem units from. Defaults to 16
- * @param options.precision - Number of decimal places in the output. Defaults to 4
- * @returns The converted value as a string with 'rem' units
- *
- * @example
- * ```ts
- * px2rem(16) // '1.0000'
- * px2rem('32px') // '2.0000'
- * px2rem(20, { base: 20 }) // '1.0000'
- * px2rem(13, { precision: 2 }) // '0.81'
- * ```
- */
-export declare function px2rem(px: number | string, options?: {
-    base?: number | undefined;
-    precision?: number | undefined;
-}): number;
-//# sourceMappingURL=px_2_rem.d.ts.map

package/esm/convertors/px_2_rem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"px_2_rem.d.ts","sourceRoot":"","sources":["../../src/convertors/px_2_rem.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CACrB,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GACrE,MAAM,CASR"}

package/esm/convertors/px_2_rem.js

@@ -1,26 +0,0 @@
-/**
- * Converts pixel values to rem units.
- *
- * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
- * @param options - Optional configuration
- * @param options.base - Base pixel value to calculate rem units from. Defaults to 16
- * @param options.precision - Number of decimal places in the output. Defaults to 4
- * @returns The converted value as a string with 'rem' units
- *
- * @example
- * ```ts
- * px2rem(16) // '1.0000'
- * px2rem('32px') // '2.0000'
- * px2rem(20, { base: 20 }) // '1.0000'
- * px2rem(13, { precision: 2 }) // '0.81'
- * ```
- */
-export function px2rem(px, options) {
-    const { base = 16, precision = 4 } = options ?? {};
-    if (typeof px === 'string') {
-        px = px.replace(/px$/, '');
-        px = Number.parseFloat(px);
-    }
-    return Number((px / base).toFixed(precision));
-}
-//# sourceMappingURL=px_2_rem.js.map

package/esm/convertors/px_2_rem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"px_2_rem.js","sourceRoot":"","sources":["../../src/convertors/px_2_rem.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,MAAM,CACrB,EAAmB,EACnB,OAAuE;IAEvE,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;IAElD,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;QAC5B,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QAC1B,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC;IAED,OAAO,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;AAC9C,CAAC"}

package/esm/convertors/rem_2_px.d.ts

@@ -1,22 +0,0 @@
-/**
- * Converts rem values to pixel units.
- *
- * @param rem - The rem value to convert. Can be a number or string (e.g. '1rem' or '1')
- * @param options - Optional configuration
- * @param options.base - Base pixel value to calculate pixels from. Defaults to 16
- * @param options.precision - Number of decimal places in the output. Defaults to 4
- * @returns The converted value as a string with 'px' units
- *
- * @example
- * ```ts
- * rem2px(1) // '16.0000'
- * rem2px('2rem') // '32.0000'
- * rem2px(1, { base: 20 }) // '20.0000'
- * rem2px(0.8125, { precision: 2 }) // '13.00'
- * ```
- */
-export declare function rem2px(rem: number | string, options?: {
-    base?: number | undefined;
-    precision?: number | undefined;
-}): number;
-//# sourceMappingURL=rem_2_px.d.ts.map

package/esm/convertors/rem_2_px.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rem_2_px.d.ts","sourceRoot":"","sources":["../../src/convertors/rem_2_px.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CACrB,GAAG,EAAE,MAAM,GAAG,MAAM,EACpB,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GACrE,MAAM,CASR"}

package/esm/convertors/rem_2_px.js

@@ -1,26 +0,0 @@
-/**
- * Converts rem values to pixel units.
- *
- * @param rem - The rem value to convert. Can be a number or string (e.g. '1rem' or '1')
- * @param options - Optional configuration
- * @param options.base - Base pixel value to calculate pixels from. Defaults to 16
- * @param options.precision - Number of decimal places in the output. Defaults to 4
- * @returns The converted value as a string with 'px' units
- *
- * @example
- * ```ts
- * rem2px(1) // '16.0000'
- * rem2px('2rem') // '32.0000'
- * rem2px(1, { base: 20 }) // '20.0000'
- * rem2px(0.8125, { precision: 2 }) // '13.00'
- * ```
- */
-export function rem2px(rem, options) {
-    const { base = 16, precision = 4 } = options ?? {};
-    if (typeof rem === 'string') {
-        rem = rem.replace(/rem$/, '');
-        rem = Number.parseFloat(rem);
-    }
-    return Number((rem * base).toFixed(precision));
-}
-//# sourceMappingURL=rem_2_px.js.map

package/esm/convertors/rem_2_px.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rem_2_px.js","sourceRoot":"","sources":["../../src/convertors/rem_2_px.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,MAAM,CACrB,GAAoB,EACpB,OAAuE;IAEvE,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;IAElD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;QAC7B,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;IAC7B,CAAC;IAED,OAAO,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;AAC/C,CAAC"}

package/esm/css-properties/css-properties.d.ts

@@ -1,27 +0,0 @@
-import type { Properties } from 'csstype';
-/**
- * Extends CSS properties to include custom properties.
- * Allows for string or number values for standard properties,
- * and string values for custom properties with '--' prefix.
- */
-export interface CSSProperties extends Properties<string | number> {
-    [k: `--${string}`]: string;
-}
-/**
- * Defines CSS properties including custom properties.
- * This function is used to properly type CSS properties when defining styles,
- * especially when using CSS custom properties (variables).
- *
- * @param style - CSS properties object that can include both standard and custom properties
- * @returns The same style object with proper typing
- *
- * @example
- * ```ts
- * defineCSSProperties({
- *   color: 'red',
- *   '--custom-color': '#ff0000'
- * })
- * ```
- */
-export declare function defineCSSProperties(style: CSSProperties): any;
-//# sourceMappingURL=css-properties.d.ts.map

package/esm/css-properties/css-properties.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-properties.d.ts","sourceRoot":"","sources":["../../src/css-properties/css-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC;IACjE,CAAC,CAAC,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,GACvC,GAAG,CACnB"}

package/esm/css-properties/css-properties.js

@@ -1,20 +0,0 @@
-/**
- * Defines CSS properties including custom properties.
- * This function is used to properly type CSS properties when defining styles,
- * especially when using CSS custom properties (variables).
- *
- * @param style - CSS properties object that can include both standard and custom properties
- * @returns The same style object with proper typing
- *
- * @example
- * ```ts
- * defineCSSProperties({
- *   color: 'red',
- *   '--custom-color': '#ff0000'
- * })
- * ```
- */
-export function defineCSSProperties(style) {
-    return style;
-}
-//# sourceMappingURL=css-properties.js.map

package/esm/css-properties/css-properties.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-properties.js","sourceRoot":"","sources":["../../src/css-properties/css-properties.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAoB;IACvD,OAAO,KAAY,CAAA;AACpB,CAAC"}

package/esm/css-properties/to_dom_style.d.ts

@@ -1,20 +0,0 @@
-import type { CSSProperties } from './css-properties.ts';
-/**
- * Converts React-style CSS properties to DOM style properties.
- * This function handles both standard CSS properties and custom properties,
- * ensuring proper formatting for DOM style application.
- *
- * @param style - React-style CSS properties object
- * @returns CSSStyleDeclaration compatible object for DOM style application
- *
- * @example
- * ```ts
- * const domStyle = toDOMStyle({
- *   backgroundColor: 'red',
- *   '--custom-color': '#ff0000'
- * })
- * element.style = domStyle
- * ```
- */
-export declare function toDOMStyle(style: CSSProperties | undefined): Partial<CSSStyleDeclaration> | undefined;
-//# sourceMappingURL=to_dom_style.d.ts.map

package/esm/css-properties/to_dom_style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"to_dom_style.d.ts","sourceRoot":"","sources":["../../src/css-properties/to_dom_style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAUrG"}

package/esm/css-properties/to_dom_style.js

@@ -1,27 +0,0 @@
-/**
- * Converts React-style CSS properties to DOM style properties.
- * This function handles both standard CSS properties and custom properties,
- * ensuring proper formatting for DOM style application.
- *
- * @param style - React-style CSS properties object
- * @returns CSSStyleDeclaration compatible object for DOM style application
- *
- * @example
- * ```ts
- * const domStyle = toDOMStyle({
- *   backgroundColor: 'red',
- *   '--custom-color': '#ff0000'
- * })
- * element.style = domStyle
- * ```
- */
-export function toDOMStyle(style) {
-    if (style === undefined)
-        return undefined;
-    const result = {};
-    for (const [key, value] of Object.entries(style)) {
-        result[key.startsWith('--') ? key : key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)] = value;
-    }
-    return result;
-}
-//# sourceMappingURL=to_dom_style.js.map

package/esm/css-properties/to_dom_style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"to_dom_style.js","sourceRoot":"","sources":["../../src/css-properties/to_dom_style.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,UAAU,CAAC,KAAgC;IAC1D,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IAEzC,MAAM,MAAM,GAAG,EAAS,CAAA;IAExB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAA;IACzG,CAAC;IAED,OAAO,MAAM,CAAA;AACd,CAAC"}

package/esm/globals.ctx.d.ts

@@ -1,6 +0,0 @@
-export declare const ctx: {
-    matchMedia(query: string): MediaQueryList;
-    getDocumentElement(): HTMLElement;
-    _reset(): void;
-};
-//# sourceMappingURL=globals.ctx.d.ts.map

package/esm/globals.ctx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"globals.ctx.d.ts","sourceRoot":"","sources":["../src/globals.ctx.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG;sBACG,MAAM;;;CAUxB,CAAA"}

package/esm/globals.ctx.js

@@ -1,13 +0,0 @@
-export const ctx = {
-    matchMedia(query) {
-        return globalThis.matchMedia(query);
-    },
-    getDocumentElement() {
-        return globalThis.document.documentElement;
-    },
-    _reset() {
-        this.matchMedia = globalThis.matchMedia;
-        this.getDocumentElement = () => globalThis.document.documentElement;
-    },
-};
-//# sourceMappingURL=globals.ctx.js.map

package/esm/globals.ctx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"globals.ctx.js","sourceRoot":"","sources":["../src/globals.ctx.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,GAAG,GAAG;IAClB,UAAU,CAAC,KAAa;QACvB,OAAO,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC;IACD,kBAAkB;QACjB,OAAO,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAA;IAC3C,CAAC;IACD,MAAM;QACL,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAA;QACvC,IAAI,CAAC,kBAAkB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAA;IACpE,CAAC;CACD,CAAA"}

package/esm/index.d.ts

@@ -1,13 +0,0 @@
-export * from './convertors/px_2_rem.ts';
-export * from './convertors/rem_2_px.ts';
-export * from './css-properties/css-properties.ts';
-export * from './css-properties/to_dom_style.ts';
-export * from './props/class-name.ts';
-export * from './props/style.ts';
-export * from './theme/class-name.ts';
-export * from './theme/data-attribute.ts';
-export * from './utils/attribute.ts';
-export * from './utils/data-attribute.ts';
-export * from './utils/get-css-prop-values.ts';
-export * from './utils/prefers-color-scheme.ts';
-//# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oCAAoC,CAAA;AAClD,cAAc,kCAAkC,CAAA;AAChD,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA"}

package/esm/index.js

@@ -1,13 +0,0 @@
-export * from "./convertors/px_2_rem.js";
-export * from "./convertors/rem_2_px.js";
-export * from "./css-properties/css-properties.js";
-export * from "./css-properties/to_dom_style.js";
-export * from "./props/class-name.js";
-export * from "./props/style.js";
-export * from "./theme/class-name.js";
-export * from "./theme/data-attribute.js";
-export * from "./utils/attribute.js";
-export * from "./utils/data-attribute.js";
-export * from "./utils/get-css-prop-values.js";
-export * from "./utils/prefers-color-scheme.js";
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oCAAoC,CAAA;AAClD,cAAc,kCAAkC,CAAA;AAChD,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA"}

package/esm/props/class-name.d.ts

@@ -1,12 +0,0 @@
-/**
- * Note that `className` could be specific to ReactJS.
- * So this type may be misplaced in this package.
- */
-/**
- * Interface for component props that include a className property.
- * The className property accepts a string value for CSS class names.
- */
-export interface ClassNameProps {
-    className?: string | undefined;
-}
-//# sourceMappingURL=class-name.d.ts.map

package/esm/props/class-name.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"class-name.d.ts","sourceRoot":"","sources":["../../src/props/class-name.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B"}

package/esm/props/class-name.js

@@ -1,6 +0,0 @@
-/**
- * Note that `className` could be specific to ReactJS.
- * So this type may be misplaced in this package.
- */
-export {};
-//# sourceMappingURL=class-name.js.map

package/esm/props/class-name.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"class-name.js","sourceRoot":"","sources":["../../src/props/class-name.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/esm/props/style.d.ts

@@ -1,8 +0,0 @@
-import type { CSSProperties } from '../css-properties/css-properties.ts';
-/**
- * Interface for component props that include a style property.
- */
-export interface StyleProps {
-    style?: CSSProperties | undefined;
-}
-//# sourceMappingURL=style.d.ts.map

package/esm/props/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/props/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAExE;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;CACjC"}

package/esm/props/style.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=style.js.map

package/esm/props/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/props/style.ts"],"names":[],"mappings":""}

package/esm/testing/log-panel.d.ts

@@ -1,5 +0,0 @@
-export declare function LogPanel({ title, log }: {
-    title: string;
-    log: string[];
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=log-panel.d.ts.map

package/esm/testing/log-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"log-panel.d.ts","sourceRoot":"","sources":["../../src/testing/log-panel.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,EAAE,CAAA;CAAE,2CAWxE"}

package/esm/testing/log-panel.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function LogPanel({ title, log }) {
-    return (_jsxs("div", { className: "bg-neutral-100 dark:bg-neutral-900 p-4 rounded overflow-y-auto", children: [_jsx("h4", { className: "mb-2", children: title }), log.map((entry, i) => (_jsx("pre", { className: "font-mono", children: entry }, i)))] }));
-}
-//# sourceMappingURL=log-panel.js.map

package/esm/testing/log-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"log-panel.js","sourceRoot":"","sources":["../../src/testing/log-panel.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAoC;IACxE,OAAO,CACN,eAAK,SAAS,EAAC,gEAAgE,aAC9E,aAAI,SAAS,EAAC,MAAM,YAAE,KAAK,GAAM,EAChC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAAa,SAAS,EAAC,WAAW,YAChC,KAAK,IADG,CAAC,CAEL,CACN,CAAC,IACG,CACN,CAAA;AACF,CAAC"}

package/esm/testing/toggle-attribute-button.d.ts

@@ -1,5 +0,0 @@
-export declare const ToggleAttributeButton: import("react").ForwardRefExoticComponent<{
-    attribute: string;
-    values?: string[];
-} & import("react").RefAttributes<HTMLElement>>;
-//# sourceMappingURL=toggle-attribute-button.d.ts.map

package/esm/testing/toggle-attribute-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-attribute-button.d.ts","sourceRoot":"","sources":["../../src/testing/toggle-attribute-button.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;eAAwC,MAAM;aAAW,MAAM,EAAE;+CA6BlG,CAAA"}

package/esm/testing/toggle-attribute-button.js

@@ -1,19 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback } from 'react';
-export const ToggleAttributeButton = forwardRef(({ attribute, values = ['test-value'] }, ref) => {
-    const handleAttributeChange = useCallback((attr) => {
-        // Handle both RefObject and function ref cases
-        const target = (ref && 'current' in ref ? ref.current : null) ?? document.documentElement;
-        const currentValue = target.getAttribute(attr);
-        const nextIndex = currentValue ? values.indexOf(currentValue) + 1 : 0;
-        const newValue = nextIndex < values.length ? values[nextIndex] : null;
-        if (newValue === null) {
-            target.removeAttribute(attr);
-        }
-        else {
-            target.setAttribute(attr, newValue);
-        }
-    }, [ref, values]);
-    return (_jsxs("button", { className: "bg-cyan-700 text-white px-4 py-2 rounded-md shadow-md active:bg-cyan-800", onClick: () => handleAttributeChange(attribute), children: ["Toggle ", attribute] }, attribute));
-});
-//# sourceMappingURL=toggle-attribute-button.js.map

package/esm/testing/toggle-attribute-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-attribute-button.js","sourceRoot":"","sources":["../../src/testing/toggle-attribute-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC9C,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,qBAAqB,GAAG,WAAW,CACxC,CAAC,IAAY,EAAE,EAAE;QAChB,+CAA+C;QAC/C,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,eAAe,CAAA;QACzF,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QAC9C,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACrE,MAAM,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,IAAI,CAAA;QAEtE,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACvB,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC;aAAM,CAAC;YACP,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QACpC,CAAC;IACF,CAAC,EACD,CAAC,GAAG,EAAE,MAAM,CAAC,CACb,CAAA;IAED,OAAO,CACN,kBAEC,SAAS,EAAC,0EAA0E,EACpF,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC,wBAEvC,SAAS,KAJZ,SAAS,CAKN,CACT,CAAA;AACF,CAAC,CACD,CAAA"}

package/esm/theme/class-name.d.ts

@@ -1,42 +0,0 @@
-/**
- * Gets the current theme by checking element class names against a themes map.
- *
- * @param options - Configuration options
- * @param options.themes - Record mapping theme keys to their class name values
- * @param options.defaultTheme - Fallback theme key if no matching class is found
- * @param options.element - Element to check classes on (defaults to document.documentElement)
- * @returns The matching theme key or defaultTheme if no match found
- *
- * @example
- * ```ts
- * const themes = {
- *   light: 'theme-light',
- *   dark: 'theme-dark'
- * }
- *
- * // Get current theme from document.documentElement
- * const theme = getThemeByClassName({
- *   themes,
- *   defaultTheme: 'light'
- * })
- *
- * // Get theme from specific element
- * const theme = getThemeByClassName({
- *   themes,
- *   element: myElement,
- *   defaultTheme: 'light'
- * })
- * ```
- */
-export declare function getThemeByClassName<Themes extends Record<string, string>>(options: {
-    themes: Themes;
-    defaultTheme?: keyof Themes | undefined;
-    element?: Element | undefined;
-}): keyof Themes | undefined;
-export declare function observeThemeByClassName<Themes extends Record<string, string>>(options: {
-    themes: Themes;
-    handler: (value: string | undefined) => void;
-    defaultTheme?: keyof Themes | undefined;
-    element?: Element | undefined;
-}): MutationObserver;
-//# sourceMappingURL=class-name.d.ts.map

package/esm/theme/class-name.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"class-name.d.ts","sourceRoot":"","sources":["../../src/theme/class-name.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE;IACnF,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,GAAG,MAAM,MAAM,GAAG,SAAS,CAK3B;AAED,wBAAgB,uBAAuB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE;IACvF,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,oBAmBA"}

package/esm/theme/class-name.js

@@ -1,56 +0,0 @@
-import { findKey } from 'type-plus';
-import { ctx } from "../globals.ctx.js";
-import { observeAttributes } from "../utils/attribute.js";
-/**
- * Gets the current theme by checking element class names against a themes map.
- *
- * @param options - Configuration options
- * @param options.themes - Record mapping theme keys to their class name values
- * @param options.defaultTheme - Fallback theme key if no matching class is found
- * @param options.element - Element to check classes on (defaults to document.documentElement)
- * @returns The matching theme key or defaultTheme if no match found
- *
- * @example
- * ```ts
- * const themes = {
- *   light: 'theme-light',
- *   dark: 'theme-dark'
- * }
- *
- * // Get current theme from document.documentElement
- * const theme = getThemeByClassName({
- *   themes,
- *   defaultTheme: 'light'
- * })
- *
- * // Get theme from specific element
- * const theme = getThemeByClassName({
- *   themes,
- *   element: myElement,
- *   defaultTheme: 'light'
- * })
- * ```
- */
-export function getThemeByClassName(options) {
-    const element = options.element ?? ctx.getDocumentElement();
-    const className = element.className;
-    const theme = findKey(options.themes, (theme) => className.includes(options.themes[theme]));
-    return theme ?? options.defaultTheme;
-}
-export function observeThemeByClassName(options) {
-    return observeAttributes({
-        class: (value) => {
-            if (value === null) {
-                options.handler(options.defaultTheme);
-                return;
-            }
-            for (const name in options.themes) {
-                if (value.includes(options.themes[name])) {
-                    options.handler(name);
-                    break;
-                }
-            }
-        },
-    }, options.element);
-}
-//# sourceMappingURL=class-name.js.map

package/esm/theme/class-name.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"class-name.js","sourceRoot":"","sources":["../../src/theme/class-name.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,mBAAmB,CAAwC,OAI1E;IACA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,GAAG,CAAC,kBAAkB,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;IACnC,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE,CAAC,CAAC,CAAA;IAC5F,OAAO,KAAK,IAAI,OAAO,CAAC,YAAY,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAwC,OAK9E;IACA,OAAO,iBAAiB,CACvB;QACC,KAAK,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC/B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACpB,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,YAAsB,CAAC,CAAA;gBAC/C,OAAM;YACP,CAAC;YAED,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;gBACnC,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAE,CAAC,EAAE,CAAC;oBAC3C,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;oBACrB,MAAK;gBACN,CAAC;YACF,CAAC;QACF,CAAC;KACD,EACD,OAAO,CAAC,OAAO,CACf,CAAA;AACF,CAAC"}