@kya-os/consent 0.1.0

package/dist/security/validators.js

@@ -0,0 +1,210 @@
+"use strict";
+/**
+ * Security Validators
+ *
+ * Input validation utilities for secure rendering.
+ *
+ * @module @kya-os/consent/security/validators
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateColor = validateColor;
+exports.validateUrl = validateUrl;
+exports.validateEmail = validateEmail;
+exports.validateDid = validateDid;
+exports.validateNoControlChars = validateNoControlChars;
+exports.sanitizeDisplayText = sanitizeDisplayText;
+exports.validateIdentifier = validateIdentifier;
+exports.isValidInteger = isValidInteger;
+exports.validateCSRFToken = validateCSRFToken;
+/**
+ * Validate that a string is a valid hex color
+ *
+ * Only accepts 6-digit hex colors with # prefix.
+ *
+ * @param color - Color string to validate
+ * @returns The color if valid, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * validateColor('#2563EB') // Returns '#2563EB'
+ * validateColor('2563EB')  // Returns undefined
+ * validateColor('#fff')    // Returns undefined (3-digit not allowed)
+ * ```
+ */
+function validateColor(color) {
+    if (!color)
+        return undefined;
+    const hex6Pattern = /^#[0-9A-Fa-f]{6}$/;
+    if (hex6Pattern.test(color)) {
+        return color;
+    }
+    return undefined;
+}
+/**
+ * Validate that a string is a valid URL
+ *
+ * Only accepts http and https protocols.
+ *
+ * @param url - URL string to validate
+ * @returns The URL if valid, undefined otherwise
+ *
+ * @example
+ * ```typescript
+ * validateUrl('https://example.com')    // Returns 'https://example.com'
+ * validateUrl('javascript:alert(1)')    // Returns undefined
+ * validateUrl('ftp://files.example.com') // Returns undefined
+ * ```
+ */
+function validateUrl(url) {
+    if (!url)
+        return undefined;
+    try {
+        const parsed = new URL(url);
+        if (parsed.protocol === "http:" || parsed.protocol === "https:") {
+            return url;
+        }
+    }
+    catch {
+        // Invalid URL
+    }
+    return undefined;
+}
+/**
+ * Validate that a string is a valid email address
+ *
+ * Uses a simple but effective email pattern.
+ *
+ * @param email - Email string to validate
+ * @returns The email if valid, undefined otherwise
+ */
+function validateEmail(email) {
+    if (!email)
+        return undefined;
+    // Simple email pattern - not exhaustive but catches most issues
+    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (emailPattern.test(email) && email.length <= 255) {
+        return email;
+    }
+    return undefined;
+}
+/**
+ * Validate that a string is a valid DID
+ *
+ * @param did - DID string to validate
+ * @returns The DID if valid, undefined otherwise
+ */
+function validateDid(did) {
+    if (!did)
+        return undefined;
+    // DID must start with did:
+    if (!did.startsWith("did:")) {
+        return undefined;
+    }
+    // Must have at least method and identifier (did:method:identifier)
+    const parts = did.split(":");
+    if (parts.length < 3) {
+        return undefined;
+    }
+    // Method must be alphanumeric
+    const method = parts[1];
+    if (!method || !/^[a-z0-9]+$/.test(method)) {
+        return undefined;
+    }
+    // Reasonable length limit
+    if (did.length > 500) {
+        return undefined;
+    }
+    return did;
+}
+/**
+ * Validate that a string contains no control characters
+ *
+ * @param text - Text to validate
+ * @returns The text if valid, undefined otherwise
+ */
+function validateNoControlChars(text) {
+    if (!text)
+        return undefined;
+    // Allow only printable ASCII and common whitespace
+    // eslint-disable-next-line no-control-regex
+    const controlPattern = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/;
+    if (controlPattern.test(text)) {
+        return undefined;
+    }
+    return text;
+}
+/**
+ * Validate and sanitize a string for display
+ *
+ * Removes control characters and trims whitespace.
+ *
+ * @param text - Text to sanitize
+ * @param maxLength - Maximum allowed length
+ * @returns Sanitized text or undefined if invalid
+ */
+function sanitizeDisplayText(text, maxLength = 500) {
+    if (!text)
+        return undefined;
+    // Remove control characters
+    // eslint-disable-next-line no-control-regex
+    const cleaned = text.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, "");
+    // Trim and check length
+    const trimmed = cleaned.trim();
+    if (trimmed.length === 0 || trimmed.length > maxLength) {
+        return undefined;
+    }
+    return trimmed;
+}
+/**
+ * Validate that a string is alphanumeric with underscores only
+ *
+ * Useful for field names and identifiers.
+ *
+ * @param text - Text to validate
+ * @returns The text if valid, undefined otherwise
+ */
+function validateIdentifier(text) {
+    if (!text)
+        return undefined;
+    if (/^[a-zA-Z0-9_]+$/.test(text)) {
+        return text;
+    }
+    return undefined;
+}
+/**
+ * Check if a value is a safe integer within range
+ *
+ * @param value - Value to check
+ * @param min - Minimum value (inclusive)
+ * @param max - Maximum value (inclusive)
+ * @returns True if valid
+ */
+function isValidInteger(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
+    if (typeof value !== "number")
+        return false;
+    if (!Number.isFinite(value))
+        return false;
+    if (!Number.isInteger(value))
+        return false;
+    return value >= min && value <= max;
+}
+/**
+ * Validate a CSRF token format
+ *
+ * @param token - Token to validate
+ * @returns The token if valid, undefined otherwise
+ */
+function validateCSRFToken(token) {
+    if (!token)
+        return undefined;
+    // CSRF tokens should be reasonably long random strings
+    if (token.length < 16 || token.length > 256) {
+        return undefined;
+    }
+    // Should only contain safe characters
+    if (!/^[a-zA-Z0-9_-]+$/.test(token)) {
+        return undefined;
+    }
+    return token;
+}
+//# sourceMappingURL=validators.js.map

package/dist/security/validators.js.map

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

package/dist/styles/css-variables.d.ts

@@ -0,0 +1,78 @@
+/**
+ * CSS Variable Generation
+ *
+ * Generates CSS custom properties for theming consent pages.
+ *
+ * @module @kya-os/consent/styles/css-variables
+ */
+import type { ConsentBranding, ConsentCSSVars } from "../types/branding.types";
+/**
+ * CSS variable names used in consent pages
+ */
+export declare const CSS_VAR_NAMES: {
+    readonly PRIMARY: "--consent-primary";
+    readonly SECONDARY: "--consent-secondary";
+    readonly PRIMARY_RGB: "--consent-primary-rgb";
+    readonly SECONDARY_RGB: "--consent-secondary-rgb";
+    readonly BACKGROUND: "--consent-background";
+    readonly TEXT_PRIMARY: "--consent-text-primary";
+    readonly TEXT_SECONDARY: "--consent-text-secondary";
+    readonly BORDER: "--consent-border";
+};
+export type CSSVarName = (typeof CSS_VAR_NAMES)[keyof typeof CSS_VAR_NAMES];
+/**
+ * Convert hex color to RGB string
+ *
+ * @param hex - Hex color string (e.g., '#2563EB')
+ * @returns RGB string (e.g., '37, 99, 235')
+ */
+export declare function hexToRgb(hex: string): string;
+/**
+ * Generate CSS variables from branding configuration
+ *
+ * @param branding - Branding config (optional fields)
+ * @returns CSS variable object with resolved values
+ */
+export declare function generateCSSVariables(branding?: ConsentBranding): ConsentCSSVars;
+/**
+ * Generate CSS variable declarations as a style string
+ *
+ * @param branding - Branding config
+ * @returns CSS style string (e.g., "--consent-primary: #2563EB;")
+ */
+export declare function generateCSSVariableString(branding?: ConsentBranding): string;
+/**
+ * Generate CSS variable declarations with all theme colors
+ *
+ * @param branding - Branding config
+ * @returns Complete CSS variable declarations including derived colors
+ */
+export declare function generateFullCSSVariables(branding?: ConsentBranding): Record<string, string>;
+/**
+ * Generate a style attribute value with CSS variables
+ *
+ * @param branding - Branding config
+ * @returns Style attribute value for inline styling
+ *
+ * @example
+ * ```html
+ * <div style="${generateStyleAttribute(branding)}">...</div>
+ * ```
+ */
+export declare function generateStyleAttribute(branding?: ConsentBranding): string;
+/**
+ * Generate a :root CSS block with all variables
+ *
+ * @param branding - Branding config
+ * @returns CSS :root block
+ *
+ * @example
+ * ```css
+ * :root {
+ *   --consent-primary: #2563EB;
+ *   --consent-secondary: #DBEAFE;
+ * }
+ * ```
+ */
+export declare function generateRootCSSBlock(branding?: ConsentBranding): string;
+//# sourceMappingURL=css-variables.d.ts.map

package/dist/styles/css-variables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variables.d.ts","sourceRoot":"","sources":["../../src/styles/css-variables.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE5E;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAU5C;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,cAAc,CAU/E;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,CAK5E;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc3F;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,CAEzE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,CAOvE"}

package/dist/styles/css-variables.js

@@ -0,0 +1,129 @@
+"use strict";
+/**
+ * CSS Variable Generation
+ *
+ * Generates CSS custom properties for theming consent pages.
+ *
+ * @module @kya-os/consent/styles/css-variables
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CSS_VAR_NAMES = void 0;
+exports.hexToRgb = hexToRgb;
+exports.generateCSSVariables = generateCSSVariables;
+exports.generateCSSVariableString = generateCSSVariableString;
+exports.generateFullCSSVariables = generateFullCSSVariables;
+exports.generateStyleAttribute = generateStyleAttribute;
+exports.generateRootCSSBlock = generateRootCSSBlock;
+const colors_1 = require("../constants/colors");
+/**
+ * CSS variable names used in consent pages
+ */
+exports.CSS_VAR_NAMES = {
+    PRIMARY: "--consent-primary",
+    SECONDARY: "--consent-secondary",
+    PRIMARY_RGB: "--consent-primary-rgb",
+    SECONDARY_RGB: "--consent-secondary-rgb",
+    BACKGROUND: "--consent-background",
+    TEXT_PRIMARY: "--consent-text-primary",
+    TEXT_SECONDARY: "--consent-text-secondary",
+    BORDER: "--consent-border",
+};
+/**
+ * Convert hex color to RGB string
+ *
+ * @param hex - Hex color string (e.g., '#2563EB')
+ * @returns RGB string (e.g., '37, 99, 235')
+ */
+function hexToRgb(hex) {
+    // Remove # if present
+    const cleanHex = hex.replace(/^#/, '');
+    // Parse hex to RGB
+    const r = parseInt(cleanHex.slice(0, 2), 16);
+    const g = parseInt(cleanHex.slice(2, 4), 16);
+    const b = parseInt(cleanHex.slice(4, 6), 16);
+    return `${r}, ${g}, ${b}`;
+}
+/**
+ * Generate CSS variables from branding configuration
+ *
+ * @param branding - Branding config (optional fields)
+ * @returns CSS variable object with resolved values
+ */
+function generateCSSVariables(branding) {
+    const primary = branding?.primaryColor ?? colors_1.DEFAULT_COLORS.PRIMARY;
+    const secondary = branding?.secondaryColor ?? colors_1.DEFAULT_COLORS.SECONDARY;
+    return {
+        "--consent-primary": primary,
+        "--consent-secondary": secondary,
+        "--consent-primary-rgb": hexToRgb(primary),
+        "--consent-secondary-rgb": hexToRgb(secondary),
+    };
+}
+/**
+ * Generate CSS variable declarations as a style string
+ *
+ * @param branding - Branding config
+ * @returns CSS style string (e.g., "--consent-primary: #2563EB;")
+ */
+function generateCSSVariableString(branding) {
+    const vars = generateCSSVariables(branding);
+    return Object.entries(vars)
+        .map(([name, value]) => `${name}: ${value};`)
+        .join(" ");
+}
+/**
+ * Generate CSS variable declarations with all theme colors
+ *
+ * @param branding - Branding config
+ * @returns Complete CSS variable declarations including derived colors
+ */
+function generateFullCSSVariables(branding) {
+    const primary = branding?.primaryColor ?? colors_1.DEFAULT_COLORS.PRIMARY;
+    const secondary = branding?.secondaryColor ?? colors_1.DEFAULT_COLORS.SECONDARY;
+    return {
+        // Core branding colors
+        [exports.CSS_VAR_NAMES.PRIMARY]: primary,
+        [exports.CSS_VAR_NAMES.SECONDARY]: secondary,
+        // Additional theme colors
+        [exports.CSS_VAR_NAMES.BACKGROUND]: colors_1.DEFAULT_COLORS.BACKGROUND,
+        [exports.CSS_VAR_NAMES.TEXT_PRIMARY]: colors_1.DEFAULT_COLORS.TEXT_PRIMARY,
+        [exports.CSS_VAR_NAMES.TEXT_SECONDARY]: colors_1.DEFAULT_COLORS.TEXT_SECONDARY,
+        [exports.CSS_VAR_NAMES.BORDER]: colors_1.DEFAULT_COLORS.BORDER,
+    };
+}
+/**
+ * Generate a style attribute value with CSS variables
+ *
+ * @param branding - Branding config
+ * @returns Style attribute value for inline styling
+ *
+ * @example
+ * ```html
+ * <div style="${generateStyleAttribute(branding)}">...</div>
+ * ```
+ */
+function generateStyleAttribute(branding) {
+    return generateCSSVariableString(branding);
+}
+/**
+ * Generate a :root CSS block with all variables
+ *
+ * @param branding - Branding config
+ * @returns CSS :root block
+ *
+ * @example
+ * ```css
+ * :root {
+ *   --consent-primary: #2563EB;
+ *   --consent-secondary: #DBEAFE;
+ * }
+ * ```
+ */
+function generateRootCSSBlock(branding) {
+    const vars = generateFullCSSVariables(branding);
+    const declarations = Object.entries(vars)
+        .map(([name, value]) => `  ${name}: ${value};`)
+        .join("\n");
+    return `:root {\n${declarations}\n}`;
+}
+//# sourceMappingURL=css-variables.js.map

package/dist/styles/css-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variables.js","sourceRoot":"","sources":["../../src/styles/css-variables.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AA2BH,4BAUC;AAQD,oDAUC;AAQD,8DAKC;AAQD,4DAcC;AAaD,wDAEC;AAgBD,oDAOC;AA9HD,gDAAqD;AAGrD;;GAEG;AACU,QAAA,aAAa,GAAG;IAC3B,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,qBAAqB;IAChC,WAAW,EAAE,uBAAuB;IACpC,aAAa,EAAE,yBAAyB;IACxC,UAAU,EAAE,sBAAsB;IAClC,YAAY,EAAE,wBAAwB;IACtC,cAAc,EAAE,0BAA0B;IAC1C,MAAM,EAAE,kBAAkB;CAClB,CAAC;AAIX;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,GAAW;IAClC,sBAAsB;IACtB,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAEvC,mBAAmB;IACnB,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7C,OAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AAC5B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,oBAAoB,CAAC,QAA0B;IAC7D,MAAM,OAAO,GAAG,QAAQ,EAAE,YAAY,IAAI,uBAAc,CAAC,OAAO,CAAC;IACjE,MAAM,SAAS,GAAG,QAAQ,EAAE,cAAc,IAAI,uBAAc,CAAC,SAAS,CAAC;IAEvE,OAAO;QACL,mBAAmB,EAAE,OAAO;QAC5B,qBAAqB,EAAE,SAAS;QAChC,uBAAuB,EAAE,QAAQ,CAAC,OAAO,CAAC;QAC1C,yBAAyB,EAAE,QAAQ,CAAC,SAAS,CAAC;KAC/C,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAgB,yBAAyB,CAAC,QAA0B;IAClE,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC5C,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACxB,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,KAAK,KAAK,GAAG,CAAC;SAC5C,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,SAAgB,wBAAwB,CAAC,QAA0B;IACjE,MAAM,OAAO,GAAG,QAAQ,EAAE,YAAY,IAAI,uBAAc,CAAC,OAAO,CAAC;IACjE,MAAM,SAAS,GAAG,QAAQ,EAAE,cAAc,IAAI,uBAAc,CAAC,SAAS,CAAC;IAEvE,OAAO;QACL,uBAAuB;QACvB,CAAC,qBAAa,CAAC,OAAO,CAAC,EAAE,OAAO;QAChC,CAAC,qBAAa,CAAC,SAAS,CAAC,EAAE,SAAS;QACpC,0BAA0B;QAC1B,CAAC,qBAAa,CAAC,UAAU,CAAC,EAAE,uBAAc,CAAC,UAAU;QACrD,CAAC,qBAAa,CAAC,YAAY,CAAC,EAAE,uBAAc,CAAC,YAAY;QACzD,CAAC,qBAAa,CAAC,cAAc,CAAC,EAAE,uBAAc,CAAC,cAAc;QAC7D,CAAC,qBAAa,CAAC,MAAM,CAAC,EAAE,uBAAc,CAAC,MAAM;KAC9C,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,sBAAsB,CAAC,QAA0B;IAC/D,OAAO,yBAAyB,CAAC,QAAQ,CAAC,CAAC;AAC7C,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,SAAgB,oBAAoB,CAAC,QAA0B;IAC7D,MAAM,IAAI,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACtC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,KAAK,GAAG,CAAC;SAC9C,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO,YAAY,YAAY,KAAK,CAAC;AACvC,CAAC"}

package/dist/styles/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Consent Styles
+ *
+ * CSS tokens and generators for consent page styling.
+ * Matches AgentShield preview components exactly for pixel-perfect parity.
+ *
+ * @module @kya-os/consent/styles
+ */
+export * from "./tokens";
+export * from "./css-variables";
+export * from "./stylesheet";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,28 @@
+"use strict";
+/**
+ * Consent Styles
+ *
+ * CSS tokens and generators for consent page styling.
+ * Matches AgentShield preview components exactly for pixel-perfect parity.
+ *
+ * @module @kya-os/consent/styles
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tokens"), exports);
+__exportStar(require("./css-variables"), exports);
+__exportStar(require("./stylesheet"), exports);
+//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,kDAAgC;AAChC,+CAA6B"}

package/dist/styles/stylesheet.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Stylesheet Generation
+ *
+ * Generates complete CSS stylesheets for consent pages.
+ *
+ * @module @kya-os/consent/styles/stylesheet
+ */
+import type { ConsentBranding } from "../types/branding.types";
+/**
+ * Custom checkbox styles that work with Tailwind's appearance-none
+ *
+ * Creates a checkmark using CSS that appears when checked.
+ */
+export declare const CHECKBOX_STYLES = "\n/* Custom checkbox checkmark */\ninput[type=\"checkbox\"]:checked::before {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 5px;\n  height: 9px;\n  border: solid white;\n  border-width: 0 2px 2px 0;\n  transform: translate(-50%, -60%) rotate(45deg);\n}\n\n/* Focus ring for accessibility */\ninput[type=\"checkbox\"]:focus-visible {\n  outline: 2px solid var(--consent-primary);\n  outline-offset: 2px;\n}\n";
+/**
+ * Form input focus styles
+ */
+export declare const INPUT_STYLES = "\n/* Input focus states */\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  ring: 2px;\n  ring-color: var(--consent-primary);\n  border-color: transparent;\n}\n\n/* Password visibility toggle button */\n.password-toggle {\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: #6B7280;\n}\n\n.password-toggle:hover {\n  color: #374151;\n}\n";
+/**
+ * Loading spinner animation
+ */
+export declare const SPINNER_STYLES = "\n/* Loading spinner */\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n";
+/**
+ * Smooth transitions
+ */
+export declare const TRANSITION_STYLES = "\n/* Smooth transitions */\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-shadow {\n  transition-property: box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n";
+/**
+ * Generate a complete stylesheet for consent pages
+ *
+ * @param branding - Branding configuration
+ * @returns Complete CSS stylesheet string
+ */
+export declare function generateStylesheet(branding?: ConsentBranding): string;
+/**
+ * Generate minimal inline styles (for embedding in HTML)
+ *
+ * @param branding - Branding configuration
+ * @returns Minimal CSS for inline <style> tag
+ */
+export declare function generateInlineStyles(branding?: ConsentBranding): string;
+/**
+ * Generate styles for a specific component
+ *
+ * @param component - Component name
+ * @returns Component-specific CSS
+ */
+export declare function generateComponentStyles(component: "checkbox" | "input" | "spinner" | "all"): string;
+/**
+ * Generate styles for the <head> section of consent pages
+ *
+ * This is an alias for generateStylesheet for compatibility with templates.
+ *
+ * @param branding - Branding configuration
+ * @returns CSS styles for <style> tag in <head>
+ */
+export declare function generateHeadStyles(branding?: ConsentBranding): string;
+//# sourceMappingURL=stylesheet.d.ts.map

package/dist/styles/stylesheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../src/styles/stylesheet.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D;;;;GAIG;AACH,eAAO,MAAM,eAAe,0bAmB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,8dA2BxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,8JAW1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,ygBAmB7B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,CA6CrE;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,CAQvE;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,GAClD,MAAM,CAWR;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,CAErE"}