@dxos/ui-theme 0.0.0 → 0.8.4-main.59c2e9b

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

@@ -0,0 +1,9 @@
+import { type Size } from '@dxos/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,gBAAgB,CAAC;AAI3C,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,GAAI,MAAM,IAAI,WAAgD,CAAC;AAEnF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,aAAa,IAAI,SAwB3D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,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 sidebarSurface = "sidebar-surface backdrop-blur-md dark:backdrop-blur-lg";
+export declare const sidebarBorder = "border-separator";
+export declare const activeSurface = "base-surface";
+export declare const groupBorder = "border-separator";
+export declare const modalSurface = "modal-surface backdrop-blur-md";
+export declare const attentionSurface = "attention-surface";
+export declare const accentSurface = "bg-accentSurface text-accentSurfaceText";
+//# 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,cAAc,2DAA2D,CAAC;AACvF,eAAO,MAAM,aAAa,qBAAqB,CAAC;AAGhD,eAAO,MAAM,aAAa,iBAAiB,CAAC;AAC5C,eAAO,MAAM,WAAW,qBAAqB,CAAC;AAG9C,eAAO,MAAM,YAAY,mCAAmC,CAAC;AAI7D,eAAO,MAAM,gBAAgB,sBAAsB,CAAC;AAEpD,eAAO,MAAM,aAAa,4CAA4C,CAAC"}

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

@@ -0,0 +1,7 @@
+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-sm font-normal text-description";
+export declare const descriptionTextPrimary = "text-sm font-normal text-baseText";
+export declare const descriptionMessage: string[];
+export declare const chromeText = "text-sm 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,yCAAyC,CAAC;AACtE,eAAO,MAAM,sBAAsB,sCAAsC,CAAC;AAC1E,eAAO,MAAM,kBAAkB,UAAyE,CAAC;AAEzG,eAAO,MAAM,UAAU,wBAAwB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { type MessageValence } from '@dxos/ui-types';
+export declare const successText = "text-xs font-medium text-successText";
+export declare const infoText = "text-xs font-medium text-infoText";
+export declare const warningText = "text-xs font-medium text-warningText";
+export declare const errorText = "text-xs font-medium text-errorText";
+export declare const valenceColorText: (valence?: MessageValence) => "text-xs font-medium text-successText" | "text-xs font-medium text-infoText" | "text-xs font-medium text-warningText" | "text-xs font-medium text-errorText" | undefined;
+export declare const neutralMessageColors = "border border-dashed border-separator text-subdued";
+export declare const successMessageColors = "text-successSurfaceText bg-successSurface";
+export declare const infoMessageColors = "text-infoSurfaceText bg-infoSurface";
+export declare const warningMessageColors = "text-warningSurfaceText bg-warningSurface";
+export declare const errorMessageColors = "text-errorSurfaceText bg-errorSurface";
+export declare const messageValence: (valence?: MessageValence) => "border border-dashed border-separator text-subdued" | "text-successSurfaceText bg-successSurface" | "text-infoSurfaceText bg-infoSurface" | "text-warningSurfaceText bg-warningSurface" | "text-errorSurfaceText bg-errorSurface";
+//# 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,gBAAgB,CAAC;AAErD,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,QAAQ,sCAAsC,CAAC;AAC5D,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,SAAS,uCAAuC,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAAI,UAAU,cAAc,6KAaxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,uDAAuD,CAAC;AACzF,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAChF,eAAO,MAAM,iBAAiB,wCAAwC,CAAC;AACvE,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAChF,eAAO,MAAM,kBAAkB,0CAA0C,CAAC;AAE1E,eAAO,MAAM,cAAc,GAAI,UAAU,cAAc,uOAatD,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/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":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA6BpE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA0BnD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAChF,MAAM,MAAM,EAAE,kBAAkB,MAAM,EAAE,YAAY,CAAC,EAAE,GAAG,SAAS,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,3 @@
+declare const _default: import("tailwindcss/types/config").Config;
+export default _default;
+//# 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":";AAMA,wBAAoE"}

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

@@ -0,0 +1,3 @@
+import { type huePalettes } from './config/tokens/physical-colors';
+export type HuePalette = keyof typeof huePalettes;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC"}

package/dist/types/src/util/hash-styles.d.ts

@@ -0,0 +1,15 @@
+import { type ChromaticPalette } from '@dxos/ui-types';
+export type Hue = ChromaticPalette | 'neutral';
+export type ColorStyles = {
+    hue: Hue;
+    text: string;
+    icon: string;
+    bg: string;
+    surface: string;
+    border: string;
+};
+export declare const styles: ColorStyles[];
+export declare const getStyles: (hue: string) => ColorStyles;
+export declare const getHashHue: (id: string | undefined) => Hue;
+export declare const getHashStyles: (id: string | undefined) => ColorStyles;
+//# sourceMappingURL=hash-styles.d.ts.map

package/dist/types/src/util/hash-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-styles.d.ts","sourceRoot":"","sources":["../../../../src/util/hash-styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAG/C,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAcF,eAAO,MAAM,MAAM,EAAE,WAAW,EAyH/B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,KAAG,WAEvC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,GAEnD,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,WAGtD,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './hash-styles';
+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,eAAe,CAAC;AAC9B,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":"AAUA,eAAO,MAAM,EAAE,sEAwCd,CAAC"}

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

@@ -0,0 +1,164 @@
+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 [() => boolean];
+    }[];
+    'logical.mli': {
+        mli: readonly [() => boolean];
+    }[];
+    'logical.mbs': {
+        mbs: readonly [() => boolean];
+    }[];
+    'logical.mbe': {
+        mbe: readonly [() => boolean];
+    }[];
+    'logical.mis': {
+        mis: readonly [() => boolean];
+    }[];
+    'logical.mie': {
+        mie: readonly [() => boolean];
+    }[];
+    'logical.plb': {
+        plb: readonly [() => boolean];
+    }[];
+    'logical.pli': {
+        pli: readonly [() => boolean];
+    }[];
+    'logical.pbs': {
+        pbs: readonly [() => boolean];
+    }[];
+    'logical.pbe': {
+        pbe: readonly [() => boolean];
+    }[];
+    'logical.pis': {
+        pis: readonly [() => boolean];
+    }[];
+    'logical.pie': {
+        pie: readonly [() => 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-li': {
+        'border-li': readonly ["", (value: string) => boolean, (value: string) => boolean];
+    }[];
+    'logical.border-lb': {
+        'border-lb': readonly ["", (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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,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,GAAI,YAAY,iBAAiB,KAAG,iBAwC3D,CAAC"}