@ohos-ports/dxos-react-ui-theme 0.6.7-beta.1

package/dist/types/src/styles/fragments/index.d.ts

@@ -0,0 +1,19 @@
+export * from './arrow';
+export * from './density';
+export * from './dimensions';
+export * from './disabled';
+export * from './elevation';
+export * from './focus';
+export * from './group';
+export * from './hover';
+export * from './hue';
+export * from './layout';
+export * from './motion';
+export * from './ornament';
+export * from './selected';
+export * from './shimmer';
+export * from './surface';
+export * from './size';
+export * from './text';
+export * from './valence';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/styles/fragments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/dist/types/src/styles/fragments/layout.d.ts

@@ -0,0 +1,3 @@
+export declare const bounceLayout = "fixed inset-0 z-0 overflow-auto overscroll-auto";
+export declare const fixedInsetFlexLayout = "flex flex-col fixed inset-0 overflow-hidden overscroll-none";
+//# sourceMappingURL=layout.d.ts.map

package/dist/types/src/styles/fragments/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/layout.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,oDAAoD,CAAC;AAE9E,eAAO,MAAM,oBAAoB,gEAAgE,CAAC"}

package/dist/types/src/styles/fragments/motion.d.ts

@@ -0,0 +1,3 @@
+export declare const popperMotion = "will-change-[opacity,transform] data-[side=top]:animate-slideDownAndFade data-[side=right]:animate-slideLeftAndFade data-[side=bottom]:animate-slideUpAndFade data-[side=left]:animate-slideRightAndFade";
+export declare const dialogMotion = "will-change-[opacity,transform] animate-slideUpAndFade";
+//# sourceMappingURL=motion.d.ts.map

package/dist/types/src/styles/fragments/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/motion.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,6MACmL,CAAC;AAE7M,eAAO,MAAM,YAAY,2DAA2D,CAAC"}

package/dist/types/src/styles/fragments/ornament.d.ts

@@ -0,0 +1,4 @@
+export declare const separatorBorderColor = "separator-separator";
+export declare const inlineSeparator = "self-stretch border-ie mli-1";
+export declare const blockSeparator = "self-stretch border-be mlb-1";
+//# sourceMappingURL=ornament.d.ts.map

package/dist/types/src/styles/fragments/ornament.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ornament.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/ornament.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAC1D,eAAO,MAAM,eAAe,iCAAiC,CAAC;AAC9D,eAAO,MAAM,cAAc,iCAAiC,CAAC"}

package/dist/types/src/styles/fragments/selected.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentFragment } from '@dxos/react-ui-types';
+export declare const ghostSelectedCurrent: string;
+export declare const ghostHighlighted = "data-[highlighted]:bg-primary-100 dark:data-[highlighted]:bg-primary-850 hover:data-[highlighted]:bg-primary-150 hover:dark:data-[highlighted]:bg-primary-800";
+export declare const ghostSelectedTrackingInterFromNormal = "tracking-[0.0092em]";
+export declare const ghostSelected = "aria-selected:surface-base aria-selected:fg-accent aria-selected:font-semibold aria-selected:tracking-normal transition-[color,font-variation-settings,letter-spacing]";
+export type SelectedStyleProps = {
+    current?: boolean;
+    selected?: boolean;
+};
+export declare const staticGhostSelectedCurrent: ComponentFragment<SelectedStyleProps>;
+export declare const staticGhostSelected: ComponentFragment<Pick<SelectedStyleProps, 'selected'>>;
+//# sourceMappingURL=selected.d.ts.map

package/dist/types/src/styles/fragments/selected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/selected.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI9D,eAAO,MAAM,oBAAoB,QAIyK,CAAC;AAE3M,eAAO,MAAM,gBAAgB,kKACoI,CAAC;AAElK,eAAO,MAAM,oCAAoC,wBAAwB,CAAC;AAE1E,eAAO,MAAM,aAAa,2KACgJ,CAAC;AAE3K,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,CAAC,kBAAkB,CAQ5E,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAChC,CAAC"}

package/dist/types/src/styles/fragments/shimmer.d.ts

@@ -0,0 +1,3 @@
+export declare const shimmer = "relative before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-neutral-100/10 before:to-transparent isolate overflow-hidden";
+export declare const strongShimmer = "relative before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-primary-100/80 before:to-transparent isolate overflow-hidden";
+//# sourceMappingURL=shimmer.d.ts.map

package/dist/types/src/styles/fragments/shimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/shimmer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,oNAC+L,CAAC;AAEpN,eAAO,MAAM,aAAa,oNACyL,CAAC"}

package/dist/types/src/styles/fragments/size.d.ts

@@ -0,0 +1,9 @@
+import { type Size } from '@dxos/react-ui-types';
+export declare const sizeWidthMap: Map<Size, string>;
+export declare const sizeHeightMap: Map<Size, string>;
+export declare const getSizeHeight: (key: Size) => string | undefined;
+export declare const getSizeWidth: (key: Size) => string | undefined;
+export declare const getSize: (size: Size) => string;
+export declare const computeSize: (value: number, defaultSize: Size) => Size;
+export declare const sizeValue: (size: Size) => number;
+//# sourceMappingURL=size.d.ts.map

package/dist/types/src/styles/fragments/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/size.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAIjD,eAAO,MAAM,YAAY,mBAoCvB,CAAC;AAEH,eAAO,MAAM,aAAa,mBAoCxB,CAAC;AAIH,eAAO,MAAM,aAAa,mCAAwC,CAAC;AACnE,eAAO,MAAM,YAAY,mCAAsC,CAAC;AAChE,eAAO,MAAM,OAAO,SAAU,IAAI,WAAgD,CAAC;AAEnF,eAAO,MAAM,WAAW,UAAW,MAAM,eAAe,IAAI,SAwB3D,CAAC;AAEF,eAAO,MAAM,SAAS,SAAU,IAAI,KAAG,MAAoC,CAAC"}

package/dist/types/src/styles/fragments/surface.d.ts

@@ -0,0 +1,9 @@
+export declare const baseSurface = "base-surface";
+export declare const fixedSurface = "base-surface md:fixed-surface backdrop-blur-md dark:backdrop-blur-lg";
+export declare const fixedBorder = "separator-separator";
+export declare const groupSurface = "base-surface";
+export declare const groupBorder = "separator-separator";
+export declare const modalSurface = "modal-surface";
+export declare const attentionSurface = "attention-surface";
+export declare const accentSurface = "surface-accent fg-inverse";
+//# sourceMappingURL=surface.d.ts.map

package/dist/types/src/styles/fragments/surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/surface.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAG1C,eAAO,MAAM,YAAY,yEAAyE,CAAC;AACnG,eAAO,MAAM,WAAW,wBAAwB,CAAC;AAGjD,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,WAAW,wBAAwB,CAAC;AAGjD,eAAO,MAAM,YAAY,kBAAkB,CAAC;AAI5C,eAAO,MAAM,gBAAgB,sBAAsB,CAAC;AAEpD,eAAO,MAAM,aAAa,8BAA8B,CAAC"}

package/dist/types/src/styles/fragments/text.d.ts

@@ -0,0 +1,6 @@
+export declare const placeholderText = "placeholder-neutral-300 dark:placeholder-neutral-500";
+export declare const staticPlaceholderText = "text-neutral-300 dark:text-neutral-500";
+export declare const descriptionText = "text-xs font-normal fg-description";
+export declare const descriptionTextPrimary = "text-xs font-normal fg-base";
+export declare const chromeText = "text-xs font-normal";
+//# sourceMappingURL=text.d.ts.map

package/dist/types/src/styles/fragments/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,yDAAyD,CAAC;AACtF,eAAO,MAAM,qBAAqB,2CAA2C,CAAC;AAE9E,eAAO,MAAM,eAAe,uCAAuC,CAAC;AACpE,eAAO,MAAM,sBAAsB,gCAAgC,CAAC;AAEpE,eAAO,MAAM,UAAU,wBAAwB,CAAC"}

package/dist/types/src/styles/fragments/valence.d.ts

@@ -0,0 +1,13 @@
+import { type MessageValence } from '@dxos/react-ui-types';
+export declare const successText = "text-xs font-medium text-success-550 dark:text-success-300";
+export declare const infoText = "text-xs font-medium text-info-550 dark:text-info-300";
+export declare const warningText = "text-xs font-medium text-warning-550 dark:text-warning-300";
+export declare const errorText = "text-xs font-medium text-error-550 dark:text-error-300";
+export declare const valenceColorText: (valence?: MessageValence) => "text-xs font-medium text-success-550 dark:text-success-300" | "text-xs font-medium text-info-550 dark:text-info-300" | "text-xs font-medium text-warning-550 dark:text-warning-300" | "text-xs font-medium text-error-550 dark:text-error-300" | undefined;
+export declare const neutralMessageColors = "bg-neutral-25 dark:bg-neutral-850";
+export declare const successMessageColors = "shadow-success-500/50 dark:shadow-success-500/50 text-success-600 dark:text-success-100 bg-success-50 dark:bg-success-900";
+export declare const infoMessageColors = "shadow-info-500/50 dark:shadow-info-500/50 text-info-600 dark:text-info-100 bg-info-50 dark:bg-info-900";
+export declare const warningMessageColors = "shadow-warning-500/50 dark:shadow-warning-500/50 text-warning-600 dark:text-warning-100 bg-warning-50 dark:bg-warning-900";
+export declare const errorMessageColors = "shadow-error-500/50 dark:shadow-error-500/50 text-error-600 dark:text-error-100 bg-error-50 dark:bg-error-900";
+export declare const messageValence: (valence?: MessageValence) => "bg-neutral-25 dark:bg-neutral-850" | "shadow-success-500/50 dark:shadow-success-500/50 text-success-600 dark:text-success-100 bg-success-50 dark:bg-success-900" | "shadow-info-500/50 dark:shadow-info-500/50 text-info-600 dark:text-info-100 bg-info-50 dark:bg-info-900" | "shadow-warning-500/50 dark:shadow-warning-500/50 text-warning-600 dark:text-warning-100 bg-warning-50 dark:bg-warning-900" | "shadow-error-500/50 dark:shadow-error-500/50 text-error-600 dark:text-error-100 bg-error-50 dark:bg-error-900";
+//# sourceMappingURL=valence.d.ts.map

package/dist/types/src/styles/fragments/valence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,eAAO,MAAM,WAAW,+DAA+D,CAAC;AACxF,eAAO,MAAM,QAAQ,yDAAyD,CAAC;AAC/E,eAAO,MAAM,WAAW,+DAA+D,CAAC;AACxF,eAAO,MAAM,SAAS,2DAA2D,CAAC;AAElF,eAAO,MAAM,gBAAgB,aAAc,cAAc,gQAaxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,sCAAsC,CAAC;AACxE,eAAO,MAAM,oBAAoB,8HAC4F,CAAC;AAC9H,eAAO,MAAM,iBAAiB,4GAC6E,CAAC;AAC5G,eAAO,MAAM,oBAAoB,8HAC4F,CAAC;AAC9H,eAAO,MAAM,kBAAkB,kHACkF,CAAC;AAElH,eAAO,MAAM,cAAc,aAAc,cAAc,kgBAatD,CAAC"}

package/dist/types/src/styles/index.d.ts

@@ -0,0 +1,4 @@
+export * from './fragments';
+export * from './components';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/types/src/styles/theme.d.ts

@@ -0,0 +1,5 @@
+import { type Theme } from '@dxos/react-ui-types';
+export declare const defaultTheme: Theme<Record<string, any>>;
+export declare const bindTheme: <P extends Record<string, any>>(theme: Theme<Record<string, any>>) => (path: string, defaultClassName: string, styleProps: P, ...options: any[]) => string;
+export declare const defaultTx: (path: string, defaultClassName: string, styleProps: Record<string, any>, ...options: any[]) => string;
+//# sourceMappingURL=theme.d.ts.map

package/dist/types/src/styles/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/styles/theme.ts"],"names":[],"mappings":"AAMA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AA2B1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA0BnD,CAAC;AAEF,eAAO,MAAM,SAAS,yCAA0C,MAAM,OAAO,MAAM,EAAE,GAAG,CAAC,CAAC,YAC1E,MAAM,oBAAoB,MAAM,cAAc,CAAC,cAAc,GAAG,EAAE,KAAG,MAIpF,CAAC;AAEF,eAAO,MAAM,SAAS,SANN,MAAM,oBAAoB,MAAM,+CAA6B,GAAG,EAAE,KAAG,MAMrC,CAAC"}

package/dist/types/src/tailwind.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=tailwind.d.ts.map

package/dist/types/src/tailwind.d.ts.map

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

package/dist/types/src/util/index.d.ts

@@ -0,0 +1,2 @@
+export * from './mx';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/util/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,MAAM,CAAC"}

package/dist/types/src/util/mx.d.ts

@@ -0,0 +1,2 @@
+export declare const mx: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
+//# sourceMappingURL=mx.d.ts.map

package/dist/types/src/util/mx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mx.d.ts","sourceRoot":"","sources":["../../../../src/util/mx.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,EAAE,sEA0Bd,CAAC"}

package/dist/types/src/util/semanticColors.d.ts

@@ -0,0 +1,10 @@
+export type SemanticColorValue = {
+    light: string;
+    dark: string;
+    fg?: SemanticColorValue;
+};
+export declare const semanticColors: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};
+//# sourceMappingURL=semanticColors.d.ts.map

package/dist/types/src/util/semanticColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticColors.d.ts","sourceRoot":"","sources":["../../../../src/util/semanticColors.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,kBAAkB,CAAC;CACzB,CAAC;AAGF,eAAO,MAAM,cAAc;;;CAwCzB,CAAC"}

package/dist/types/src/util/withLogical.d.ts

@@ -0,0 +1,158 @@
+import { type Config } from 'tailwind-merge';
+declare const classGroupsConfig: {
+    float: {
+        float: string[];
+    }[];
+    clear: {
+        clear: string[];
+    }[];
+    resize: {
+        resize: string[];
+    }[];
+    'text-alignment': {
+        text: string[];
+    }[];
+    'logical.overscroll-b': {
+        'overscroll-b': string[];
+    }[];
+    'logical.overscroll-i': {
+        'overscroll-b': string[];
+    }[];
+    'logical.bs': {
+        bs: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.min-bs': {
+        'min-bs': readonly [() => boolean];
+    }[];
+    'logical.max-bs': {
+        'max-bs': readonly [() => boolean];
+    }[];
+    'logical.is': {
+        is: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.min-is': {
+        'min-is': readonly [() => boolean];
+    }[];
+    'logical.max-is': {
+        'max-is': readonly [() => boolean];
+    }[];
+    'logical.mlb': {
+        mlb: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.mli': {
+        mli: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.mbs': {
+        mbs: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.mbe': {
+        mbe: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.mis': {
+        mis: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.mie': {
+        mie: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.plb': {
+        plb: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.pli': {
+        pli: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.pbs': {
+        pbs: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.pbe': {
+        pbe: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.pis': {
+        pis: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.pie': {
+        pie: readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.space-b': {
+        'space-b': readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.space-i': {
+        'space-i': readonly [(value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.inset-block': {
+        'inset-block': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.inset-inline': {
+        'inset-inline': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.block-start': {
+        'block-start': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.block-end': {
+        'block-end': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.inline-start': {
+        'inline-start': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.inline-end': {
+        'inline-end': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.border-bs': {
+        'border-bs': readonly ["", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.border-be': {
+        'border-be': readonly ["", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.border-is': {
+        'border-is': readonly ["", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.border-ie': {
+        'border-ie': readonly ["", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.border-color-bs': {
+        'border-bs': readonly [() => boolean];
+    }[];
+    'logical.border-color-be': {
+        'border-be': readonly [() => boolean];
+    }[];
+    'logical.border-color-is': {
+        'border-is': readonly [() => boolean];
+    }[];
+    'logical.border-color-ie': {
+        'border-ie': readonly [() => boolean];
+    }[];
+    'logical.rounded-bs': {
+        'rounded-bs': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.rounded-be': {
+        'rounded-be': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.rounded-is': {
+        'rounded-is': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.rounded-ie': {
+        'rounded-ie': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.rounded-ss': {
+        'rounded-ss': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.rounded-se': {
+        'rounded-se': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.rounded-es': {
+        'rounded-es': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.rounded-ee': {
+        'rounded-ee': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
+    }[];
+    'logical.divide-b': {
+        'divide-b': readonly ["", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.divide-i': {
+        'divide-i': readonly ["", (value: string) => boolean, (value: string) => boolean];
+    }[];
+};
+export type WithLogicalClassGroups = keyof typeof classGroupsConfig;
+type WithLogicalConfig = Config<WithLogicalClassGroups, string>;
+export declare const withLogical: (prevConfig: WithLogicalConfig) => WithLogicalConfig;
+export {};
+//# sourceMappingURL=withLogical.d.ts.map

package/dist/types/src/util/withLogical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLogical.d.ts","sourceRoot":"","sources":["../../../../src/util/withLogical.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,gBAAgB,CAAC;AAQvE,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEpE,KAAK,iBAAiB,GAAG,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,WAAW,sDAsCvB,CAAC"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@ohos-ports/dxos-react-ui-theme",
+  "version": "0.6.7-beta.1",
+  "description": "A set of design system tokens to use with DXOS UI.",
+  "homepage": "https://dxos.org",
+  "bugs": "https://github.com/dxos/dxos/issues",
+  "license": "MIT",
+  "author": "DXOS.org",
+  "main": "dist/lib/browser/index.mjs",
+  "types": "dist/types/src/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "plugin.js",
+    "plugin.d.ts"
+  ],
+  "dependencies": {
+    "@ch-ui/colors": "^0.4.4",
+    "@fontsource-variable/inter": "5.0.16",
+    "@fontsource-variable/jetbrains-mono": "5.0.21",
+    "@tailwindcss/forms": "^0.5.3",
+    "autoprefixer": "^10.4.12",
+    "esbuild-style-plugin": "^1.6.1",
+    "glob": "~7.1.6",
+    "lodash.get": "^4.4.2",
+    "lodash.merge": "^4.6.2",
+    "tailwind-merge": "^2.2.1",
+    "tailwind-scrollbar": "^3.1.0",
+    "tailwindcss": "~3.4.1",
+    "tailwindcss-logical": "^3.0.0",
+    "tailwindcss-radix": "^2.8.0",
+    "@dxos/node-std": "0.6.7"
+  },
+  "devDependencies": {
+    "@types/lodash.get": "^4.4.7",
+    "@types/lodash.merge": "^4.6.6",
+    "esbuild": "^0.19.6",
+    "postcss": "^8.4.41",
+    "vite": "^5.3.4",
+    "@dxos/react-ui-types": "0.6.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/plugin.d.ts

@@ -0,0 +1,7 @@
+/* eslint-disable */ 
+
+//
+// Copyright 2022 DXOS.org
+//
+
+export * from './dist/types/src/plugin';

package/plugin.js

@@ -0,0 +1,10 @@
+/* eslint-disable */ 
+
+//
+// Copyright 2021 DXOS.org
+//
+
+// Not included in the main `index.ts` so that the apps are not bundled with it.
+// It contains native Node functionality so must not be included in the final app bundle, only during compilation/bundling.
+
+module.exports = require('./dist/plugin/node/plugin.cjs');