@graphprotocol/gds-css 0.0.1

package/dist/tailwind-customizations/variants.js

@@ -0,0 +1,153 @@
+import { getRegisteredComponents } from "../component-registry.js";
+import { cssStates, cssStateSelectors, getFocusStateSelector } from "../css-states/states.js";
+import { wrapSelector } from "../utils/index.js";
+function getClickableSelector(enabled = true) {
+    return `:where(
+    :any-link,
+    button,
+    input:is([type='button'], [type='submit'], [type='reset']),
+    summary,
+    [role='button'],
+    [role='link'],
+    [role='menuitem'],
+    [role='menuitemcheckbox'],
+    [role='menuitemradio'],
+    [role='option'],
+    [role='tab'],
+    .gds-checkable-label
+  )${enabled !== 'any' ? (enabled ? cssStateSelectors.enabled : cssStateSelectors.disabled) : ''}`;
+}
+/**
+ * Static list of Tailwind's built-in variants and our own custom ones. Maintains the same order as
+ * `https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/variants.ts`
+ */
+const staticVariantSelectors = {
+    // Positional
+    first: ':first-child',
+    last: ':last-child',
+    only: ':only-child',
+    odd: ':nth-child(odd)',
+    even: ':nth-child(even)',
+    'first-of-type': ':first-of-type',
+    'last-of-type': ':last-of-type',
+    'only-of-type': ':only-of-type',
+    // State
+    visited: ':visited',
+    target: ':target',
+    open: cssStateSelectors.open,
+    // Forms
+    current: cssStateSelectors.current, // custom CSS state
+    default: ':default',
+    checked: cssStateSelectors.checked,
+    indeterminate: cssStateSelectors.indeterminate,
+    unchecked: cssStateSelectors.unchecked, // custom CSS state, different from `not-checked` which can still be indeterminate
+    'placeholder-shown': ':placeholder-shown',
+    autofill: ':autofill',
+    optional: ':optional',
+    required: ':required',
+    valid: ':valid',
+    invalid: ':invalid',
+    'user-valid': ':user-valid',
+    'user-invalid': ':user-invalid',
+    'in-range': ':in-range',
+    'out-of-range': ':out-of-range',
+    'read-only': cssStateSelectors['read-only'],
+    // Content
+    empty: ':empty',
+    blank: cssStateSelectors.blank, // custom CSS state
+    // Interactive
+    idle: cssStateSelectors.idle, // custom CSS state
+    'focus-within': getFocusStateSelector(false, true),
+    'hocus-visible': `:is(${cssStateSelectors.hover}, ${getFocusStateSelector(true, false)})`, // custom
+    hover: cssStateSelectors.hover,
+    focus: getFocusStateSelector(false, false),
+    'focus-visible': getFocusStateSelector(true, false),
+    active: cssStateSelectors.active,
+    enabled: cssStateSelectors.enabled,
+    disabled: cssStateSelectors.disabled,
+    // Other
+    inert: ':is([inert], [inert] *)',
+    // Clickable (all custom)
+    'any-clickable': getClickableSelector('any'),
+    clickable: getClickableSelector(),
+    'any-clickable-open': `${getClickableSelector('any')}${cssStateSelectors.open}`,
+    'clickable-open': `${getClickableSelector()}${cssStateSelectors.open}`,
+    'any-clickable-current': `${getClickableSelector('any')}${cssStateSelectors.current}`,
+    'clickable-current': `${getClickableSelector()}${cssStateSelectors.current}`,
+    'any-clickable-checked': `${getClickableSelector('any')}${cssStateSelectors.checked}`,
+    'clickable-checked': `${getClickableSelector()}${cssStateSelectors.checked}`,
+    'any-clickable-indeterminate': `${getClickableSelector('any')}${cssStateSelectors.indeterminate}`,
+    'clickable-indeterminate': `${getClickableSelector()}${cssStateSelectors.indeterminate}`,
+    'any-clickable-unchecked': `${getClickableSelector('any')}${cssStateSelectors.unchecked}`,
+    'clickable-unchecked': `${getClickableSelector()}${cssStateSelectors.unchecked}`,
+    'clickable-idle': `${getClickableSelector()}${cssStateSelectors.idle}`,
+    'clickable-focus-within': `${getClickableSelector()}${getFocusStateSelector(false, true)}`,
+    'clickable-hocus-visible': `:is(${getClickableSelector()}${cssStateSelectors.hover}, ${getClickableSelector()}${getFocusStateSelector(true, false)})`,
+    'clickable-hover': `${getClickableSelector()}${cssStateSelectors.hover}`,
+    'clickable-focus': `${getClickableSelector()}${getFocusStateSelector(false, false)}`,
+    'clickable-focus-visible': `${getClickableSelector()}${getFocusStateSelector(true, false)}`,
+    'clickable-active': `${getClickableSelector()}${cssStateSelectors.active}`,
+    'clickable-disabled': getClickableSelector(false),
+};
+const positionalVariants = ['first', 'last', 'only', 'odd', 'even', 'inert'];
+/** Generate positional variant selectors (`{prefix}-first`, `{prefix}-last`, etc.) */
+function generatePositionalVariantSelectors(prefix, baseSelector) {
+    return {
+        ...positionalVariants.reduce((result, variant) => {
+            result[`${prefix}-not-${variant}`] =
+                `${baseSelector}${wrapSelector(':not', staticVariantSelectors[variant])}`;
+            return result;
+        }, {}),
+        ...positionalVariants.reduce((result, variant) => {
+            result[`${prefix}-${variant}`] = `${baseSelector}${staticVariantSelectors[variant]}`;
+            return result;
+        }, {}),
+    };
+}
+/** Get all variant selectors including dynamically generated ones based on registered components. */
+export function getVariantSelectors() {
+    const dynamicVariantSelectors = {};
+    // Add `addon-compatible` and `addon-compatible-{variant}` variants if there are addon-compatible components
+    const addonCompatibleComponents = getRegisteredComponents().filter((component) => component.addonCompatible);
+    if (addonCompatibleComponents.length > 0) {
+        const addonCompatibleSelector = `:is(${addonCompatibleComponents.map((component) => `.${component.className}`).join(', ')})`;
+        dynamicVariantSelectors['addon-compatible'] = addonCompatibleSelector;
+        Object.assign(dynamicVariantSelectors, generatePositionalVariantSelectors('addon-compatible', addonCompatibleSelector));
+    }
+    return {
+        ...staticVariantSelectors,
+        ...dynamicVariantSelectors,
+    };
+}
+/**
+ * Get component variant selectors for all registered components. These include plain component
+ * selectors, state-based selectors, and positional ones.
+ */
+export function getComponentVariantSelectors(options = {}) {
+    const { includePlain = true, includeStates = true, includePositional = true } = options;
+    const componentVariantSelectors = {};
+    for (const component of getRegisteredComponents()) {
+        // Plain `{component}` variant
+        if (includePlain) {
+            componentVariantSelectors[component.kebabName] = `.${component.className}`;
+        }
+        // CSS state variants (`{component}-state` and `{component}-not-state`)
+        if (includeStates) {
+            for (const state of cssStates) {
+                // Skip `not-*` states for `{component}-not-*` to prevent `{component}-not-not-*`
+                if (!state.startsWith('not-')) {
+                    componentVariantSelectors[`${component.kebabName}-not-${state}`] =
+                        `.${component.className}${wrapSelector(':not', cssStateSelectors[state])}`;
+                }
+                componentVariantSelectors[`${component.kebabName}-${state}`] =
+                    `.${component.className}${cssStateSelectors[state]}`;
+            }
+        }
+        // Positional variants (`{component}-first`, `{component}-last`, etc.)
+        if (includePositional) {
+            Object.assign(componentVariantSelectors, generatePositionalVariantSelectors(component.kebabName, `.${component.className}`));
+        }
+    }
+    return componentVariantSelectors;
+}
+//# sourceMappingURL=variants.js.map

package/dist/tailwind-customizations/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../src/tailwind-customizations/variants.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin.d.ts

@@ -0,0 +1,4 @@
+import createPlugin from 'tailwindcss/plugin';
+declare const gdsTailwindPlugin: ReturnType<typeof createPlugin>;
+export default gdsTailwindPlugin;
+//# sourceMappingURL=tailwind-plugin.d.ts.map

package/dist/tailwind-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAM7C,QAAA,MAAM,iBAAiB,EAAE,UAAU,CAAC,OAAO,YAAY,CAKrD,CAAA;AAEF,eAAe,iBAAiB,CAAA"}

package/dist/tailwind-plugin.js

@@ -0,0 +1,12 @@
+import createPlugin from 'tailwindcss/plugin';
+import { registerCSSProps } from "./css-props/registerCSSProps.js";
+import { registerCSSStates } from "./css-states/registerCSSStates.js";
+import { registerUtilities, registerVariants } from "./tailwind-customizations/index.js";
+const gdsTailwindPlugin = createPlugin((api) => {
+    registerUtilities(api);
+    registerVariants(api);
+    registerCSSStates(api);
+    registerCSSProps(api);
+});
+export default gdsTailwindPlugin;
+//# sourceMappingURL=tailwind-plugin.js.map

package/dist/tailwind-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin.js","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AAExF,MAAM,iBAAiB,GAAoC,YAAY,CAAC,CAAC,GAAG,EAAE,EAAE;IAC9E,iBAAiB,CAAC,GAAG,CAAC,CAAA;IACtB,gBAAgB,CAAC,GAAG,CAAC,CAAA;IACrB,iBAAiB,CAAC,GAAG,CAAC,CAAA;IACtB,gBAAgB,CAAC,GAAG,CAAC,CAAA;AACvB,CAAC,CAAC,CAAA;AAEF,eAAe,iBAAiB,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+import type createPlugin from 'tailwindcss/plugin';
+/** Types for Tailwind CSS plugin API. */
+export type PluginAPI = Parameters<Parameters<typeof createPlugin>[0]>[0];
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAElD,yCAAyC;AACzC,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/dist/types.js

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

package/dist/types.js.map

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

package/dist/utils/cssUnescape.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Unescapes CSS-escaped strings, reversing the escaping done by libraries like `cssesc`.
+ *
+ * Handles three types of CSS escapes:
+ *
+ * 1. Hex escapes: `\20` or `\00020 ` → space character.
+ * 2. Character escapes: `\.` → `.`
+ * 3. Line continuations: `\<newline>` → (removed)
+ *
+ * @example
+ *
+ *     cssUnescape('foo\.bar') // 'foo.bar'
+ *     cssUnescape('hello\20world') // 'hello world'
+ *     cssUnescape('test\2d case') // 'test-case'
+ *
+ * @param input - The CSS-escaped string to unescape.
+ * @returns The unescaped string.
+ */
+export declare function cssUnescape(input: string): string;
+//# sourceMappingURL=cssUnescape.d.ts.map

package/dist/utils/cssUnescape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssUnescape.d.ts","sourceRoot":"","sources":["../../src/utils/cssUnescape.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA8BjD"}

package/dist/utils/cssUnescape.js

@@ -0,0 +1,44 @@
+/**
+ * Unescapes CSS-escaped strings, reversing the escaping done by libraries like `cssesc`.
+ *
+ * Handles three types of CSS escapes:
+ *
+ * 1. Hex escapes: `\20` or `\00020 ` → space character.
+ * 2. Character escapes: `\.` → `.`
+ * 3. Line continuations: `\<newline>` → (removed)
+ *
+ * @example
+ *
+ *     cssUnescape('foo\.bar') // 'foo.bar'
+ *     cssUnescape('hello\20world') // 'hello world'
+ *     cssUnescape('test\2d case') // 'test-case'
+ *
+ * @param input - The CSS-escaped string to unescape.
+ * @returns The unescaped string.
+ */
+export function cssUnescape(input) {
+    // Matches: hex escapes | line continuations | single char escapes
+    const escapePattern = /\\([0-9a-f]{1,6}[ \t\r\n\f]?|$)|\\(\r?\n|\r|\f)|\\(.)/gi;
+    return input.replace(escapePattern, (_match, hex, newline, char) => {
+        // Single character escape: "\." → "."
+        if (char) {
+            return char;
+        }
+        // Line continuation: backslash followed by newline is removed
+        if (newline) {
+            return '';
+        }
+        // Lone backslash at end of string
+        if (!hex) {
+            return '\uFFFD'; // Replacement character
+        }
+        // Hex escape: parse the hex digits (trim removes optional trailing whitespace)
+        const codePoint = Number.parseInt(hex.trim(), 16);
+        // Invalid code points: null, surrogates, or out of Unicode range
+        if (codePoint === 0 || codePoint > 0x10ffff || (codePoint >= 0xd800 && codePoint <= 0xdfff)) {
+            return '\uFFFD'; // Replacement character
+        }
+        return String.fromCodePoint(codePoint);
+    });
+}
+//# sourceMappingURL=cssUnescape.js.map

package/dist/utils/cssUnescape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssUnescape.js","sourceRoot":"","sources":["../../src/utils/cssUnescape.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,kEAAkE;IAClE,MAAM,aAAa,GAAG,yDAAyD,CAAA;IAE/E,OAAO,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACjE,sCAAsC;QACtC,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAA;QACb,CAAC;QAED,8DAA8D;QAC9D,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAA;QACX,CAAC;QAED,kCAAkC;QAClC,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,QAAQ,CAAA,CAAC,wBAAwB;QAC1C,CAAC;QAED,+EAA+E;QAC/E,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAEjD,iEAAiE;QACjE,IAAI,SAAS,KAAK,CAAC,IAAI,SAAS,GAAG,QAAQ,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,SAAS,IAAI,MAAM,CAAC,EAAE,CAAC;YAC5F,OAAO,QAAQ,CAAA,CAAC,wBAAwB;QAC1C,CAAC;QAED,OAAO,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export { cssUnescape } from './cssUnescape.ts';
+export { pxToTw } from './pxToTw.ts';
+export { twToPx } from './twToPx.ts';
+export { twToRem } from './twToRem.ts';
+export { wrapSelector } from './wrapSelector.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/utils/index.js

@@ -0,0 +1,6 @@
+export { cssUnescape } from "./cssUnescape.js";
+export { pxToTw } from "./pxToTw.js";
+export { twToPx } from "./twToPx.js";
+export { twToRem } from "./twToRem.js";
+export { wrapSelector } from "./wrapSelector.js";
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/utils/pxToTw.d.ts

@@ -0,0 +1,3 @@
+/** Converts a value in CSS pixels to a Tailwind length. */
+export declare function pxToTw(px: number): number;
+//# sourceMappingURL=pxToTw.d.ts.map

package/dist/utils/pxToTw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToTw.d.ts","sourceRoot":"","sources":["../../src/utils/pxToTw.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEzC"}

package/dist/utils/pxToTw.js

@@ -0,0 +1,5 @@
+/** Converts a value in CSS pixels to a Tailwind length. */
+export function pxToTw(px) {
+    return px * 0.25; // 1px = 0.25 tw unit, 4px = 1 tw unit
+}
+//# sourceMappingURL=pxToTw.js.map

package/dist/utils/pxToTw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToTw.js","sourceRoot":"","sources":["../../src/utils/pxToTw.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,MAAM,UAAU,MAAM,CAAC,EAAU;IAC/B,OAAO,EAAE,GAAG,IAAI,CAAA,CAAC,sCAAsC;AACzD,CAAC"}

package/dist/utils/twToPx.d.ts

@@ -0,0 +1,3 @@
+/** Converts a Tailwind length to `px`. */
+export declare function twToPx(tw: number): number;
+//# sourceMappingURL=twToPx.d.ts.map

package/dist/utils/twToPx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"twToPx.d.ts","sourceRoot":"","sources":["../../src/utils/twToPx.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEzC"}

package/dist/utils/twToPx.js

@@ -0,0 +1,5 @@
+/** Converts a Tailwind length to `px`. */
+export function twToPx(tw) {
+    return tw * 4; // 1 tw unit = 4px
+}
+//# sourceMappingURL=twToPx.js.map

package/dist/utils/twToPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"twToPx.js","sourceRoot":"","sources":["../../src/utils/twToPx.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,MAAM,UAAU,MAAM,CAAC,EAAU;IAC/B,OAAO,EAAE,GAAG,CAAC,CAAA,CAAC,kBAAkB;AAClC,CAAC"}

package/dist/utils/twToRem.d.ts

@@ -0,0 +1,3 @@
+/** Converts a Tailwind length to `rem`. */
+export declare function twToRem(tw: number): number;
+//# sourceMappingURL=twToRem.d.ts.map

package/dist/utils/twToRem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"twToRem.d.ts","sourceRoot":"","sources":["../../src/utils/twToRem.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE1C"}

package/dist/utils/twToRem.js

@@ -0,0 +1,5 @@
+/** Converts a Tailwind length to `rem`. */
+export function twToRem(tw) {
+    return tw * 0.25; // 1 tw unit = 0.25rem (4px at 16px base)
+}
+//# sourceMappingURL=twToRem.js.map

package/dist/utils/twToRem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"twToRem.js","sourceRoot":"","sources":["../../src/utils/twToRem.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,MAAM,UAAU,OAAO,CAAC,EAAU;IAChC,OAAO,EAAE,GAAG,IAAI,CAAA,CAAC,yCAAyC;AAC5D,CAAC"}

package/dist/utils/wrapSelector.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Wraps a CSS selector with a pseudo-class function like :is() or :not(). Returns the simplest
+ * equivalent selector by applying logical simplifications.
+ *
+ * @param pseudo - The pseudo-class to use (':is' or ':not').
+ * @param selector - The CSS selector to wrap.
+ * @returns The wrapped or simplified selector.
+ */
+export declare function wrapSelector(pseudo: ':is' | ':not', selector: string): string;
+//# sourceMappingURL=wrapSelector.d.ts.map

package/dist/utils/wrapSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapSelector.d.ts","sourceRoot":"","sources":["../../src/utils/wrapSelector.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAmD7E"}

package/dist/utils/wrapSelector.js

@@ -0,0 +1,57 @@
+/**
+ * Wraps a CSS selector with a pseudo-class function like :is() or :not(). Returns the simplest
+ * equivalent selector by applying logical simplifications.
+ *
+ * @param pseudo - The pseudo-class to use (':is' or ':not').
+ * @param selector - The CSS selector to wrap.
+ * @returns The wrapped or simplified selector.
+ */
+export function wrapSelector(pseudo, selector) {
+    // Trim whitespace
+    selector = selector.trim();
+    // If there's nothing to wrap, return an empty string
+    if (!selector) {
+        return '';
+    }
+    // Check if the selector matches the pattern :something(...)
+    const pseudoMatch = selector.match(/^:(\w+)\(/);
+    if (pseudoMatch) {
+        const existingPseudo = `:${pseudoMatch[1]}`;
+        const startIndex = existingPseudo.length + 1; // Length of ':something('
+        // Find the matching closing parenthesis for the opening one
+        let depth = 0;
+        for (let i = startIndex; i < selector.length; i++) {
+            if (selector[i] === '(')
+                depth++;
+            else if (selector[i] === ')') {
+                if (depth === 0) {
+                    // Found the matching closing parenthesis
+                    if (i === selector.length - 1) {
+                        // The entire selector is wrapped in a single pseudo-class function
+                        if (pseudo === ':is') {
+                            // Wrapping anything in :is() doesn't change its behavior
+                            // :is(:not(...)) is equivalent to :not(...)
+                            // :is(:is(...)) is equivalent to :is(...)
+                            // :is(:where(...)) is equivalent to :where(...)
+                            return selector;
+                        }
+                        if (pseudo === ':not' && existingPseudo === ':not') {
+                            // Double negation: :not(:not(...)) is equivalent to :is(...)
+                            return `:is(${selector.slice(startIndex, -1)})`;
+                        }
+                        if (pseudo === ':not' && existingPseudo === ':is') {
+                            // :not(:is(...)) is equivalent to :not(...)
+                            return `:not(${selector.slice(startIndex, -1)})`;
+                        }
+                        // Otherwise wrap normally
+                    }
+                    break;
+                }
+                depth--;
+            }
+        }
+    }
+    // Otherwise, wrap the selector
+    return `${pseudo}(${selector})`;
+}
+//# sourceMappingURL=wrapSelector.js.map

package/dist/utils/wrapSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapSelector.js","sourceRoot":"","sources":["../../src/utils/wrapSelector.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,MAAsB,EAAE,QAAgB;IACnE,kBAAkB;IAClB,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAA;IAE1B,qDAAqD;IACrD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,EAAE,CAAA;IACX,CAAC;IAED,4DAA4D;IAC5D,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAC/C,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,cAAc,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;QAC3C,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAA,CAAC,0BAA0B;QAEvE,4DAA4D;QAC5D,IAAI,KAAK,GAAG,CAAC,CAAA;QAEb,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAClD,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG;gBAAE,KAAK,EAAE,CAAA;iBAC3B,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;gBAC7B,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;oBAChB,yCAAyC;oBACzC,IAAI,CAAC,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBAC9B,mEAAmE;wBACnE,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;4BACrB,yDAAyD;4BACzD,4CAA4C;4BAC5C,0CAA0C;4BAC1C,gDAAgD;4BAChD,OAAO,QAAQ,CAAA;wBACjB,CAAC;wBACD,IAAI,MAAM,KAAK,MAAM,IAAI,cAAc,KAAK,MAAM,EAAE,CAAC;4BACnD,6DAA6D;4BAC7D,OAAO,OAAO,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;wBACjD,CAAC;wBACD,IAAI,MAAM,KAAK,MAAM,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;4BAClD,4CAA4C;4BAC5C,OAAO,QAAQ,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;wBAClD,CAAC;wBACD,0BAA0B;oBAC5B,CAAC;oBACD,MAAK;gBACP,CAAC;gBACD,KAAK,EAAE,CAAA;YACT,CAAC;QACH,CAAC;IACH,CAAC;IAED,+BAA+B;IAC/B,OAAO,GAAG,MAAM,IAAI,QAAQ,GAAG,CAAA;AACjC,CAAC"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@graphprotocol/gds-css",
+  "version": "0.0.1",
+  "description": "Tailwind preset and design tokens for The Graph Design System",
+  "author": "Edge & Node and contributors",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/graphprotocol/gds.git",
+    "directory": "packages/css"
+  },
+  "homepage": "https://github.com/graphprotocol/gds/tree/main/packages/css",
+  "bugs": "https://github.com/graphprotocol/gds/issues",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "style": "./styles/tailwind.css",
+      "typecheck": "./dist/index.d.ts",
+      "default": "./src/index.ts"
+    },
+    "./tailwind.css": "./styles/tailwind.css",
+    "./tailwind-plugin": {
+      "typecheck": "./dist/tailwind-plugin.d.ts",
+      "default": "./src/tailwind-plugin.ts"
+    }
+  },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "style": "./styles/tailwind.css",
+        "default": "./dist/index.js"
+      },
+      "./tailwind.css": "./styles/tailwind.css",
+      "./tailwind-plugin": "./dist/tailwind-plugin.js"
+    }
+  },
+  "files": [
+    "styles",
+    "dist",
+    "!dist/**/*.test.*",
+    "src",
+    "!src/**/*.test.*"
+  ],
+  "peerDependencies": {
+    "tailwindcss": "^4.1.14"
+  },
+  "dependencies": {
+    "@graphprotocol/gds-utils": "workspace:*",
+    "@graphprotocol/tailwindcss-animate": "workspace:*",
+    "cssesc": "^3.0.0",
+    "ts-extras": "^0.16.0"
+  },
+  "devDependencies": {
+    "@types/cssesc": "^3.0.2",
+    "@types/node": "^24.10.2"
+  },
+  "scripts": {
+    "prepare": "pnpm generate:design-tokens",
+    "generate:design-tokens": "tsx scripts/generate-design-tokens.ts",
+    "build": "tsc --build tsconfig.build.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}