bundled/presets.d.ts

@@ -1,209 +0,0 @@
-
-import { MaybeArray, BaseTheme, CSSProperties, Preset } from 'https://esm.sh/v135/@twind/core@1.1.3/core.d.ts';
-
-declare function presetAutoprefix(): Preset;
-export { presetAutoprefix };
-
-
-
-declare module 'https://esm.sh/v135/@twind/core@1.1.3/core.d.ts' {
-    interface CustomProperties {
-        '--tw-backdrop-blur'?: string;
-        '--tw-backdrop-brightness'?: string;
-        '--tw-backdrop-contrast'?: string;
-        '--tw-backdrop-grayscale'?: string;
-        '--tw-backdrop-hue-rotate'?: string;
-        '--tw-backdrop-invert'?: string;
-        '--tw-backdrop-opacity'?: string;
-        '--tw-backdrop-saturate'?: string;
-        '--tw-backdrop-sepia'?: string;
-        '--tw-bg-opacity'?: string | number;
-        '--tw-blur'?: string;
-        '--tw-border-opacity'?: string | number;
-        '--tw-border-spacing-x'?: string | number;
-        '--tw-border-spacing-y'?: string | number;
-        '--tw-brightness'?: string;
-        '--tw-contrast'?: string;
-        '--tw-divide-opacity'?: string | number;
-        '--tw-divide-x-reverse'?: string | number;
-        '--tw-divide-y-reverse'?: string | number;
-        '--tw-drop-shadow'?: string;
-        '--tw-gradient-from'?: string;
-        '--tw-gradient-stops'?: string;
-        '--tw-gradient-to'?: string;
-        '--tw-gradient-via'?: string;
-        '--tw-grayscale'?: string;
-        '--tw-hue-rotate'?: string;
-        '--tw-invert'?: string;
-        '--tw-numeric-figure'?: string;
-        '--tw-numeric-fraction'?: string;
-        '--tw-numeric-spacing'?: string;
-        '--tw-opacity'?: string | number;
-        '--tw-ordinal'?: string;
-        '--tw-placeholder-opacity'?: string;
-        '--tw-ring-color'?: string;
-        '--tw-ring-inset'?: string;
-        '--tw-ring-offset-color'?: string;
-        '--tw-ring-offset-shadow'?: string;
-        '--tw-ring-offset-width'?: string;
-        '--tw-ring-opacity'?: string | number;
-        '--tw-ring-shadow'?: string;
-        '--tw-rotate'?: string;
-        '--tw-saturate'?: string;
-        '--tw-scale-x'?: string;
-        '--tw-scale-y'?: string;
-        '--tw-sepia'?: string;
-        '--tw-shadow'?: string;
-        '--tw-shadow-color'?: string;
-        '--tw-shadow-colored'?: string;
-        '--tw-skew-x'?: string;
-        '--tw-skew-y'?: string;
-        '--tw-slashed-zero'?: string;
-        '--tw-scroll-snap-strictness'?: string;
-        '--tw-text-opacity'?: string;
-        '--tw-pan-x'?: string;
-        '--tw-pan-y'?: string;
-        '--tw-pinch-zoom'?: string;
-        '--tw-touch-action'?: string;
-        '--tw-transform'?: string;
-        '--tw-translate-x'?: string;
-        '--tw-translate-y'?: string;
-    }
-}
-declare type FontSizeValue = string | [size: string, lineHeight: string] | [size: string, options: {
-    lineHeight?: string;
-    letterSpacing?: string;
-    fontWeight?: string;
-}];
-declare type FontFamilyValue = MaybeArray<string> | [fontFamily: MaybeArray<string>, configuration: {
-    fontFeatureSettings?: string;
-}];
-interface Container {
-    screens?: BaseTheme['screens'];
-    center?: boolean;
-    padding?: string | Record<string, string>;
-}
-interface TailwindTheme extends BaseTheme {
-    columns: Record<string, string>;
-    spacing: Record<string, string>;
-    durations: Record<string, MaybeArray<string>>;
-    accentColor: BaseTheme['colors'];
-    animation: Record<string, MaybeArray<string>>;
-    aria: Record<string, string>;
-    aspectRatio: Record<string, string>;
-    backdropBlur: Record<string, string>;
-    backdropBrightness: Record<string, string>;
-    backdropContrast: Record<string, string>;
-    backdropGrayscale: Record<string, string>;
-    backdropHueRotate: Record<string, string>;
-    backdropInvert: Record<string, string>;
-    backdropOpacity: Record<string, string>;
-    backdropSaturate: Record<string, string>;
-    backdropSepia: Record<string, string>;
-    backgroundColor: BaseTheme['colors'];
-    backgroundImage: Record<string, MaybeArray<string>>;
-    backgroundOpacity: Record<string, string>;
-    backgroundPosition: Record<string, string>;
-    backgroundSize: Record<string, MaybeArray<string>>;
-    blur: Record<string, string>;
-    borderColor: BaseTheme['colors'];
-    borderOpacity: Record<string, string>;
-    borderRadius: Record<string, string>;
-    borderSpacing: Record<string, string>;
-    borderWidth: Record<string, string>;
-    boxShadow: Record<string, MaybeArray<string>>;
-    boxShadowColor: BaseTheme['colors'];
-    brightness: Record<string, string>;
-    caretColor: BaseTheme['colors'];
-    container: Container;
-    content: Record<string, string>;
-    contrast: Record<string, string>;
-    cursor: Record<string, MaybeArray<string>>;
-    data: Record<string, string>;
-    divideColor: BaseTheme['colors'];
-    divideOpacity: Record<string, string>;
-    divideWidth: Record<string, string>;
-    dropShadow: Record<string, MaybeArray<string>>;
-    fill: BaseTheme['colors'];
-    flex: Record<string, string>;
-    flexBasis: Record<string, string>;
-    flexGrow: Record<string, number | string>;
-    flexShrink: Record<string, number | string>;
-    fontFamily: Record<string, FontFamilyValue>;
-    fontSize: Record<string, FontSizeValue>;
-    fontWeight: Record<string, string>;
-    gap: Record<string, string>;
-    gradientColorStops: BaseTheme['colors'];
-    grayscale: Record<string, string>;
-    gridAutoColumns: Record<string, string>;
-    gridAutoRows: Record<string, string>;
-    gridColumn: Record<string, string>;
-    gridColumnEnd: Record<string, string>;
-    gridColumnStart: Record<string, string>;
-    gridRow: Record<string, string>;
-    gridRowEnd: Record<string, string>;
-    gridRowStart: Record<string, string>;
-    gridTemplateColumns: Record<string, string>;
-    gridTemplateRows: Record<string, string>;
-    height: Record<string, string>;
-    hueRotate: Record<string, string>;
-    inset: Record<string, string>;
-    invert: Record<string, string>;
-    keyframes: Record<string, Record<string, CSSProperties>>;
-    letterSpacing: Record<string, string>;
-    lineHeight: Record<string, string>;
-    listStyleType: Record<string, string>;
-    margin: Record<string, string>;
-    maxHeight: Record<string, string>;
-    maxWidth: Record<string, string>;
-    minHeight: Record<string, string>;
-    minWidth: Record<string, string>;
-    objectPosition: Record<string, string>;
-    opacity: Record<string, string>;
-    order: Record<string, string>;
-    outlineColor: BaseTheme['colors'];
-    outlineOffset: Record<string, string>;
-    outlineWidth: Record<string, string>;
-    padding: Record<string, string>;
-    placeholderColor: BaseTheme['colors'];
-    placeholderOpacity: Record<string, string>;
-    ringColor: BaseTheme['colors'];
-    ringOffsetColor: BaseTheme['colors'];
-    ringOffsetWidth: Record<string, string>;
-    ringOpacity: Record<string, string>;
-    ringWidth: Record<string, string>;
-    rotate: Record<string, string>;
-    saturate: Record<string, string>;
-    scale: Record<string, string>;
-    scrollMargin: Record<string, string>;
-    scrollPadding: Record<string, string>;
-    sepia: Record<string, string>;
-    skew: Record<string, string>;
-    space: Record<string, string>;
-    stroke: BaseTheme['colors'];
-    strokeWidth: Record<string, string>;
-    supports: Record<string, string>;
-    textColor: BaseTheme['colors'];
-    textDecorationColor: BaseTheme['colors'];
-    textDecorationThickness: Record<string, string>;
-    textIndent: Record<string, string>;
-    textOpacity: Record<string, string>;
-    textUnderlineOffset: Record<string, string>;
-    transformOrigin: Record<string, string>;
-    transitionDelay: Record<string, MaybeArray<string>>;
-    transitionDuration: Record<string, MaybeArray<string>>;
-    transitionProperty: Record<string, MaybeArray<string>>;
-    transitionTimingFunction: Record<string, MaybeArray<string>>;
-    translate: Record<string, string>;
-    width: Record<string, string>;
-    willChange: Record<string, string>;
-    zIndex: Record<string, string>;
-}
-
-interface TailwindPresetOptions {
-    /** Allows to disable to tailwind preflight (default: `false` eg include the tailwind preflight ) */
-    disablePreflight?: boolean | undefined;
-}
-declare function presetTailwind({ disablePreflight, }?: TailwindPresetOptions): Preset<TailwindTheme>;
-
-export { Container, FontFamilyValue, FontSizeValue, TailwindPresetOptions, TailwindTheme, presetTailwind };

bundled/test.tsx

@@ -1,11 +0,0 @@
-import * as TW from "./core.js";
-import {presetAutoprefix, presetTailwind} from "./presets.js"
-
-const Configure =
-{
-  theme: {},
-  presets: [presetAutoprefix(), presetTailwind()],
-  hash: false
-} as TW.TwindUserConfig;
-
-console.log(TW.install(Configure));

deno.jsonc

@@ -7,7 +7,7 @@
 		"react/": "https://esm.sh/preact@10.20.2/compat/",
 		"@preact/signals": "https://esm.sh/@preact/signals@1.2.3?deps=preact@10.20.2",
 		"signals-original": "https://esm.sh/@preact/signals@1.2.3?deps=preact@10.20.2",
-		"@twind/": "./bundled/",
+		"@twind/": "https://esm.sh/v126/@twind/",
 
 		">other/": "https://esm.sh/",
 		">able/": "./",

run-browser.tsx

@@ -1,12 +1,13 @@
 import React from "react";
-import * as TW from   "@twind/core.js";
-import * as Pre from "@twind/presets.js";
+import * as TW from   "@twind/core";
+import TWPreTail from "@twind/preset-tailwind";
+import TWPreAuto from "@twind/preset-autoprefix";
 import * as App from ">able/app.tsx";
 
 const Configure =
 {
   theme: {},
-  presets: [Pre.presetAutoprefix(), Pre.presetTailwind()],
+  presets: [TWPreTail(), TWPreAuto()],
   hash: false
 } as TW.TwindUserConfig;