@landform.io/sdk 0.1.2

package/dist/chunk-ZLOP4BTK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/generateCSS.ts","../src/theme/injection.ts"],"names":[],"mappings":"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AA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CA+hBN,IAAA,EAAK;AACP;AAMO,SAAS,sBAAsB,KAAA,EAA0B;AAC/D,EAAA,MAAM,YAAA,GAAe,iBAAiB,KAAK,CAAA;AAC3C,EAAA,MAAM,kBAAkB,uBAAA,EAAwB;AAEhD,EAAA,OAAO,GAAG,YAAY;;AAAA,EAAO,eAAe,CAAA,CAAA;AAC7C;;;ACjpBA,IAAM,QAAA,GAAW,yBAAA;AACjB,IAAM,eAAA,GAAkB,oBAAA;AAKjB,SAAS,SAAA,GAAqB;AACpC,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,QAAA,KAAa,WAAA;AAC7D;AAMO,SAAS,eAAe,KAAA,EAA8B;AAC5D,EAAA,IAAI,CAAC,WAAU,EAAG;AACjB,IAAA,OAAO,MAAM;AAAA,IAAC,CAAA;AAAA,EACf;AAEA,EAAA,IAAI,OAAA,GAAU,QAAA,CAAS,cAAA,CAAe,QAAQ,CAAA;AAE9C,EAAA,IAAI,CAAC,OAAA,EAAS;AACb,IAAA,OAAA,GAAU,QAAA,CAAS,cAAc,OAAO,CAAA;AACxC,IAAA,OAAA,CAAQ,EAAA,GAAK,QAAA;AACb,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,OAAO,CAAA;AAAA,EAClC;AAEA,EAAA,OAAA,CAAQ,WAAA,GAAc,sBAAsB,KAAK,CAAA;AAGjD,EAAA,IAAI,MAAM,SAAA,EAAW;AACpB,IAAA,IAAI,gBAAgB,QAAA,CAAS,cAAA;AAAA,MAC5B;AAAA,KACD;AACA,IAAA,IAAI,CAAC,aAAA,EAAe;AACnB,MAAA,aAAA,GAAgB,QAAA,CAAS,cAAc,OAAO,CAAA;AAC9C,MAAA,aAAA,CAAc,EAAA,GAAK,eAAA;AACnB,MAAA,QAAA,CAAS,IAAA,CAAK,YAAY,aAAa,CAAA;AAAA,IACxC;AACA,IAAA,aAAA,CAAc,cAAc,KAAA,CAAM,SAAA;AAAA,EACnC;AAGA,EAAA,OAAO,MAAM;AACZ,IAAA,MAAM,EAAA,GAAK,QAAA,CAAS,cAAA,CAAe,QAAQ,CAAA;AAC3C,IAAA,IAAI,EAAA,KAAO,MAAA,EAAO;AAClB,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,cAAA,CAAe,eAAe,CAAA;AACxD,IAAA,IAAI,QAAA,WAAmB,MAAA,EAAO;AAAA,EAC/B,CAAA;AACD;AAKO,SAAS,kBAAkB,KAAA,EAA0B;AAC3D,EAAA,OAAO,sBAAsB,KAAK,CAAA;AACnC","file":"chunk-ZLOP4BTK.cjs","sourcesContent":["import type { FormTheme } from \"../types\";\n\n/**\n * Convert border radius enum to CSS value\n */\nexport function radiusToCSS(radius: FormTheme[\"borders\"][\"radius\"]): string {\n\tswitch (radius) {\n\t\tcase \"none\":\n\t\t\treturn \"0\";\n\t\tcase \"small\":\n\t\t\treturn \"4px\";\n\t\tcase \"medium\":\n\t\t\treturn \"8px\";\n\t\tcase \"large\":\n\t\t\treturn \"12px\";\n\t\tcase \"full\":\n\t\t\treturn \"9999px\";\n\t\tdefault:\n\t\t\treturn \"0\";\n\t}\n}\n\n/**\n * Generate CSS custom properties from theme\n * These variables use the --lf- prefix (Landform)\n */\nexport function generateThemeCSS(theme: FormTheme): string {\n\tconst t = theme;\n\n\treturn `\n:root {\n\t/* Colors - Base */\n\t--lf-color-primary: ${t.colors.primary};\n\t--lf-color-secondary: ${t.colors.secondary};\n\t--lf-color-accent: ${t.colors.accent};\n\n\t/* Colors - Backgrounds */\n\t--lf-color-background: ${t.colors.background};\n\t--lf-color-surface: ${t.colors.surfaceBackground};\n\t--lf-color-input-bg: ${t.colors.inputBackground};\n\t--lf-color-input-border: ${t.colors.inputBorder};\n\n\t/* Colors - Text */\n\t--lf-color-question: ${t.colors.questionText};\n\t--lf-color-answer: ${t.colors.answerText};\n\t--lf-color-placeholder: ${t.colors.placeholderText};\n\n\t/* Colors - Buttons */\n\t--lf-color-button-bg: ${t.colors.buttonBackground};\n\t--lf-color-button-text: ${t.colors.buttonText};\n\t--lf-color-button-hover: ${t.colors.buttonHoverBackground};\n\n\t/* Colors - Selection */\n\t--lf-color-selected-bg: ${t.colors.selectedBackground};\n\t--lf-color-selected-border: ${t.colors.selectedBorder};\n\n\t/* Colors - Feedback */\n\t--lf-color-error: ${t.colors.errorColor};\n\t--lf-color-success: ${t.colors.successColor};\n\n\t/* Colors - Progress */\n\t--lf-color-progress-bg: ${t.colors.progressBackground};\n\t--lf-color-progress-fill: ${t.colors.progressFill};\n\n\t/* Typography - Question */\n\t--lf-font-question: ${t.typography.questionFont.family};\n\t--lf-font-size-question: ${t.typography.questionFont.size};\n\t--lf-font-weight-question: ${t.typography.questionFont.weight};\n\t--lf-line-height-question: ${t.typography.questionFont.lineHeight};\n\t${t.typography.questionFont.letterSpacing ? `--lf-letter-spacing-question: ${t.typography.questionFont.letterSpacing};` : \"\"}\n\n\t/* Typography - Answer */\n\t--lf-font-answer: ${t.typography.answerFont.family};\n\t--lf-font-size-answer: ${t.typography.answerFont.size};\n\t--lf-font-weight-answer: ${t.typography.answerFont.weight};\n\t--lf-line-height-answer: ${t.typography.answerFont.lineHeight};\n\t${t.typography.answerFont.letterSpacing ? `--lf-letter-spacing-answer: ${t.typography.answerFont.letterSpacing};` : \"\"}\n\n\t/* Typography - Button */\n\t--lf-font-button: ${t.typography.buttonFont.family};\n\t--lf-font-size-button: ${t.typography.buttonFont.size};\n\t--lf-font-weight-button: ${t.typography.buttonFont.weight};\n\t--lf-line-height-button: ${t.typography.buttonFont.lineHeight};\n\n\t/* Spacing */\n\t--lf-spacing-question: ${t.spacing.questionGap};\n\t--lf-spacing-option: ${t.spacing.optionGap};\n\t--lf-spacing-container: ${t.spacing.containerPadding};\n\n\t/* Borders */\n\t--lf-border-width: ${t.borders.inputBorderWidth};\n\t--lf-border-style: ${t.borders.inputBorderStyle};\n\t--lf-border-radius: ${radiusToCSS(t.borders.radius)};\n\n\t/* Animations */\n\t--lf-transition-duration: ${t.animations.transitionDuration};\n\t--lf-transition-easing: ${t.animations.transitionEasing};\n}\n`.trim();\n}\n\n/**\n * Generate component-level CSS classes\n */\nexport function generateComponentStyles(): string {\n\treturn `\n/* ============================================================================\n   Landform SDK - Component Styles\n   ============================================================================ */\n\n/* Form Container */\n.lf-form {\n\tmin-height: 100vh;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground-color: var(--lf-color-background);\n\tfont-family: var(--lf-font-answer);\n\tcolor: var(--lf-color-answer);\n}\n\n/* Question Container */\n.lf-question-container {\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tpadding: var(--lf-spacing-container);\n\tmax-width: 720px;\n\tmargin: 0 auto;\n\twidth: 100%;\n}\n\n/* Question Title */\n.lf-question-title {\n\tfont-family: var(--lf-font-question);\n\tfont-size: var(--lf-font-size-question);\n\tfont-weight: var(--lf-font-weight-question);\n\tline-height: var(--lf-line-height-question);\n\tcolor: var(--lf-color-question);\n\tmargin: 0 0 0.5rem 0;\n}\n\n/* Question Description */\n.lf-question-description {\n\tcolor: var(--lf-color-answer);\n\topacity: 0.8;\n\tmargin: 0;\n}\n\n/* Required Indicator */\n.lf-required {\n\tcolor: var(--lf-color-error);\n}\n\n/* Input Base */\n.lf-input {\n\twidth: 100%;\n\tpadding: 0.75rem 1rem;\n\tfont-family: var(--lf-font-answer);\n\tfont-size: var(--lf-font-size-answer);\n\tcolor: var(--lf-color-answer);\n\tbackground-color: var(--lf-color-input-bg);\n\tborder: var(--lf-border-width) var(--lf-border-style) var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n\toutline: none;\n\ttransition: border-color var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-input:focus {\n\tborder-color: var(--lf-color-primary);\n}\n\n.lf-input::placeholder {\n\tcolor: var(--lf-color-placeholder);\n}\n\n/* Input Underline Style */\n.lf-input-underline {\n\twidth: 100%;\n\tpadding: 0.75rem 0;\n\tfont-family: var(--lf-font-answer);\n\tfont-size: var(--lf-font-size-answer);\n\tcolor: var(--lf-color-answer);\n\tbackground-color: transparent;\n\tborder: none;\n\tborder-bottom: var(--lf-border-width) var(--lf-border-style) var(--lf-color-input-border);\n\tborder-radius: 0;\n\toutline: none;\n\ttransition: border-color var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-input-underline:focus {\n\tborder-bottom-color: var(--lf-color-primary);\n}\n\n.lf-input-underline::placeholder {\n\tcolor: var(--lf-color-placeholder);\n}\n\n/* Choice Button */\n.lf-choice {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.75rem;\n\twidth: 100%;\n\tpadding: 1rem 1.25rem;\n\tfont-family: var(--lf-font-answer);\n\tfont-size: var(--lf-font-size-answer);\n\tcolor: var(--lf-color-answer);\n\tbackground-color: var(--lf-color-surface);\n\tborder: var(--lf-border-width) var(--lf-border-style) var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n\ttext-align: left;\n}\n\n.lf-choice:hover {\n\tborder-color: var(--lf-color-primary);\n}\n\n.lf-choice-selected {\n\tbackground-color: var(--lf-color-selected-bg);\n\tborder-color: var(--lf-color-selected-border);\n}\n\n/* Key Hint */\n.lf-key-hint {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-width: 1.75rem;\n\theight: 1.75rem;\n\tpadding: 0 0.5rem;\n\tfont-size: 0.875rem;\n\tfont-weight: 500;\n\tcolor: var(--lf-color-answer);\n\tbackground-color: var(--lf-color-background);\n\tborder: 1px solid var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n}\n\n.lf-choice-selected .lf-key-hint {\n\tbackground-color: var(--lf-color-primary);\n\tborder-color: var(--lf-color-primary);\n\tcolor: var(--lf-color-button-text);\n}\n\n/* Button */\n.lf-button {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 0.5rem;\n\tpadding: 0.75rem 1.5rem;\n\tfont-family: var(--lf-font-button);\n\tfont-size: var(--lf-font-size-button);\n\tfont-weight: var(--lf-font-weight-button);\n\tline-height: var(--lf-line-height-button);\n\tcolor: var(--lf-color-button-text);\n\tbackground-color: var(--lf-color-button-bg);\n\tborder: none;\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: background-color var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-button:hover {\n\tbackground-color: var(--lf-color-button-hover);\n}\n\n.lf-button:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n/* Progress Bar */\n.lf-progress {\n\tbackground-color: var(--lf-color-progress-bg);\n\toverflow: hidden;\n}\n\n.lf-progress-fill {\n\tbackground-color: var(--lf-color-progress-fill);\n\ttransition: width var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n/* Rating Stars */\n.lf-rating-star {\n\tcursor: pointer;\n\tcolor: var(--lf-color-input-border);\n\ttransition: color var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-rating-star-active {\n\tcolor: var(--lf-color-primary);\n}\n\n.lf-rating-star:hover {\n\tcolor: var(--lf-color-primary);\n}\n\n/* Scale Button (Opinion Scale, NPS) */\n.lf-scale-button {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-width: 2.5rem;\n\theight: 2.5rem;\n\tpadding: 0.5rem;\n\tfont-family: var(--lf-font-answer);\n\tfont-size: var(--lf-font-size-answer);\n\tcolor: var(--lf-color-answer);\n\tbackground-color: var(--lf-color-surface);\n\tborder: var(--lf-border-width) var(--lf-border-style) var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-scale-button:hover {\n\tborder-color: var(--lf-color-primary);\n}\n\n.lf-scale-button-selected {\n\tbackground-color: var(--lf-color-primary);\n\tborder-color: var(--lf-color-primary);\n\tcolor: var(--lf-color-button-text);\n}\n\n/* Navigation */\n.lf-navigation {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 1rem var(--lf-spacing-container);\n\tbackground-color: var(--lf-color-background);\n\tborder-top: 1px solid var(--lf-color-input-border);\n}\n\n.lf-navigation-button {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 0.5rem;\n\tpadding: 0.5rem 1rem;\n\tfont-family: var(--lf-font-button);\n\tfont-size: 0.875rem;\n\tcolor: var(--lf-color-answer);\n\tbackground-color: transparent;\n\tborder: 1px solid var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-navigation-button:hover {\n\tborder-color: var(--lf-color-primary);\n\tcolor: var(--lf-color-primary);\n}\n\n.lf-navigation-button:disabled {\n\topacity: 0.3;\n\tcursor: not-allowed;\n}\n\n/* Error Message */\n.lf-error {\n\tcolor: var(--lf-color-error);\n\tfont-size: 0.875rem;\n\tmargin-top: 0.5rem;\n}\n\n/* Branding */\n.lf-branding {\n\tpadding: 1rem;\n\ttext-align: center;\n\tfont-size: 0.75rem;\n\tcolor: var(--lf-color-placeholder);\n}\n\n.lf-branding a {\n\tcolor: var(--lf-color-primary);\n\ttext-decoration: none;\n}\n\n.lf-branding a:hover {\n\ttext-decoration: underline;\n}\n\n/* Picture Choice Grid */\n.lf-picture-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n\tgap: var(--lf-spacing-option);\n}\n\n.lf-picture-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\tbackground-color: var(--lf-color-surface);\n\tborder: var(--lf-border-width) var(--lf-border-style) var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-picture-card:hover {\n\tborder-color: var(--lf-color-primary);\n}\n\n.lf-picture-card-selected {\n\tborder-color: var(--lf-color-selected-border);\n\tbackground-color: var(--lf-color-selected-bg);\n}\n\n.lf-picture-card img {\n\twidth: 100%;\n\taspect-ratio: 4/3;\n\tobject-fit: cover;\n}\n\n.lf-picture-card-label {\n\tpadding: 0.75rem;\n\ttext-align: center;\n\tfont-size: 0.875rem;\n}\n\n/* Welcome & Thank You Screens */\n.lf-screen {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n\tmin-height: 100vh;\n\tpadding: var(--lf-spacing-container);\n}\n\n.lf-screen-title {\n\tfont-family: var(--lf-font-question);\n\tfont-size: calc(var(--lf-font-size-question) * 1.25);\n\tfont-weight: var(--lf-font-weight-question);\n\tcolor: var(--lf-color-question);\n\tmargin: 0 0 1rem 0;\n}\n\n.lf-screen-description {\n\tfont-size: var(--lf-font-size-answer);\n\tcolor: var(--lf-color-answer);\n\topacity: 0.8;\n\tmargin: 0 0 2rem 0;\n\tmax-width: 480px;\n}\n\n/* Slider */\n.lf-slider {\n\twidth: 100%;\n\theight: 8px;\n\tappearance: none;\n\tbackground: var(--lf-color-progress-bg);\n\tborder-radius: var(--lf-border-radius);\n\toutline: none;\n}\n\n.lf-slider::-webkit-slider-thumb {\n\tappearance: none;\n\twidth: 24px;\n\theight: 24px;\n\tbackground: var(--lf-color-primary);\n\tborder-radius: 50%;\n\tcursor: pointer;\n}\n\n.lf-slider::-moz-range-thumb {\n\twidth: 24px;\n\theight: 24px;\n\tbackground: var(--lf-color-primary);\n\tborder-radius: 50%;\n\tcursor: pointer;\n\tborder: none;\n}\n\n/* Signature Canvas */\n.lf-signature-canvas {\n\tborder: var(--lf-border-width) var(--lf-border-style) var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n\tbackground-color: var(--lf-color-input-bg);\n\tcursor: crosshair;\n}\n\n/* ============================================================================\n   Component Variants - Card Style Choices (Quiz Template)\n   ============================================================================ */\n\n.lf-choice-card {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\twidth: 100%;\n\tpadding: 1rem 1.25rem;\n\tfont-family: var(--lf-font-answer);\n\tfont-size: var(--lf-font-size-answer);\n\tcolor: var(--lf-color-answer);\n\tbackground-color: var(--lf-color-surface);\n\tborder: none;\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n\ttext-align: left;\n}\n\n.lf-choice-card:hover {\n\tbackground-color: var(--lf-color-input-bg);\n\ttransform: translateY(-1px);\n}\n\n.lf-choice-card-selected {\n\tbackground-color: var(--lf-color-selected-bg);\n\tcolor: var(--lf-color-button-text);\n}\n\n.lf-choice-card-selected:hover {\n\tbackground-color: var(--lf-color-selected-bg);\n\ttransform: none;\n}\n\n/* Circular indicator for card choices */\n.lf-choice-indicator {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tflex-shrink: 0;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n/* Checkmark indicator style (default) */\n.lf-choice-indicator-checkmark {\n\tborder-radius: 50%;\n\tborder: 2px solid var(--lf-color-input-border);\n}\n\n.lf-choice-card-selected .lf-choice-indicator-checkmark {\n\tbackground-color: var(--lf-color-button-text);\n\tborder-color: var(--lf-color-button-text);\n\tcolor: var(--lf-color-selected-bg);\n}\n\n/* Arrow indicator style - no border, SVG handles circle */\n.lf-choice-indicator svg {\n\twidth: 18px;\n\theight: 18px;\n}\n\n/* ============================================================================\n   Component Variants - Bottom Bar Navigation (Quiz Template)\n   ============================================================================ */\n\n.lf-navigation-bottom-bar {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 1rem;\n\tpadding: 1.5rem var(--lf-spacing-container);\n\tbackground-color: var(--lf-color-background);\n}\n\n.lf-nav-btn-back {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 0.5rem;\n\tpadding: 0.875rem 1.5rem;\n\tfont-family: var(--lf-font-button);\n\tfont-size: var(--lf-font-size-button);\n\tfont-weight: var(--lf-font-weight-button);\n\tcolor: var(--lf-color-answer);\n\tbackground-color: var(--lf-color-background);\n\tborder: 1px solid var(--lf-color-input-border);\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-nav-btn-back:hover {\n\tbackground-color: var(--lf-color-surface);\n}\n\n.lf-nav-btn-back:disabled {\n\topacity: 0.4;\n\tcursor: not-allowed;\n}\n\n.lf-nav-btn-next {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 0.5rem;\n\tpadding: 0.875rem 2rem;\n\tfont-family: var(--lf-font-button);\n\tfont-size: var(--lf-font-size-button);\n\tfont-weight: var(--lf-font-weight-button);\n\tcolor: var(--lf-color-button-text);\n\tbackground-color: var(--lf-color-button-bg);\n\tborder: none;\n\tborder-radius: var(--lf-border-radius);\n\tcursor: pointer;\n\ttransition: all var(--lf-transition-duration) var(--lf-transition-easing);\n}\n\n.lf-nav-btn-next:hover {\n\tbackground-color: var(--lf-color-button-hover);\n}\n\n.lf-nav-btn-next:disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n/* ============================================================================\n   Component Variants - Centered Header (Quiz Template)\n   ============================================================================ */\n\n.lf-header-centered {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: 1.5rem var(--lf-spacing-container);\n}\n\n.lf-header-logo {\n\tmax-height: 48px;\n\twidth: auto;\n}\n\n.lf-header-brand {\n\tmargin-top: 0.5rem;\n\tfont-size: 0.875rem;\n\tcolor: var(--lf-color-placeholder);\n}\n`.trim();\n}\n\n/**\n * Generate inline CSS string for SSR\n * Returns complete CSS that can be embedded in HTML\n */\nexport function generateThemeStyleTag(theme: FormTheme): string {\n\tconst cssVariables = generateThemeCSS(theme);\n\tconst componentStyles = generateComponentStyles();\n\n\treturn `${cssVariables}\\n\\n${componentStyles}`;\n}\n","import { generateThemeStyleTag } from \"./generateCSS\";\nimport type { FormTheme } from \"../types\";\n\nconst STYLE_ID = \"lf-form-theme-variables\";\nconst CUSTOM_STYLE_ID = \"lf-form-custom-css\";\n\n/**\n * SSR-safe check if we're in browser\n */\nexport function isBrowser(): boolean {\n\treturn typeof window !== \"undefined\" && typeof document !== \"undefined\";\n}\n\n/**\n * Inject theme CSS into document head (client-side only)\n * Returns a cleanup function\n */\nexport function injectThemeCSS(theme: FormTheme): () => void {\n\tif (!isBrowser()) {\n\t\treturn () => {}; // No-op for SSR\n\t}\n\n\tlet styleEl = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n\n\tif (!styleEl) {\n\t\tstyleEl = document.createElement(\"style\");\n\t\tstyleEl.id = STYLE_ID;\n\t\tdocument.head.appendChild(styleEl);\n\t}\n\n\tstyleEl.textContent = generateThemeStyleTag(theme);\n\n\t// Handle custom CSS\n\tif (theme.customCSS) {\n\t\tlet customStyleEl = document.getElementById(\n\t\t\tCUSTOM_STYLE_ID\n\t\t) as HTMLStyleElement | null;\n\t\tif (!customStyleEl) {\n\t\t\tcustomStyleEl = document.createElement(\"style\");\n\t\t\tcustomStyleEl.id = CUSTOM_STYLE_ID;\n\t\t\tdocument.head.appendChild(customStyleEl);\n\t\t}\n\t\tcustomStyleEl.textContent = theme.customCSS;\n\t}\n\n\t// Return cleanup function\n\treturn () => {\n\t\tconst el = document.getElementById(STYLE_ID);\n\t\tif (el) el.remove();\n\t\tconst customEl = document.getElementById(CUSTOM_STYLE_ID);\n\t\tif (customEl) customEl.remove();\n\t};\n}\n\n/**\n * Get theme CSS as a string for SSR injection\n */\nexport function getThemeCSSForSSR(theme: FormTheme): string {\n\treturn generateThemeStyleTag(theme);\n}\n"]}

package/dist/components/index.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var chunkWHV333XL_cjs = require('../chunk-WHV333XL.cjs');
+require('../chunk-WIFNU3FA.cjs');
+require('../chunk-ZLOP4BTK.cjs');
+require('../chunk-P2GUKJHH.cjs');
+
+
+
+Object.defineProperty(exports, "Branding", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.Branding; }
+});
+Object.defineProperty(exports, "ClosedScreen", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.ClosedScreen; }
+});
+Object.defineProperty(exports, "CookieConsent", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.CookieConsent; }
+});
+Object.defineProperty(exports, "FieldRenderer", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.FieldRenderer; }
+});
+Object.defineProperty(exports, "FormContainer", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.FormContainer; }
+});
+Object.defineProperty(exports, "FormProvider", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.FormProvider; }
+});
+Object.defineProperty(exports, "FormRenderer", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.FormRenderer; }
+});
+Object.defineProperty(exports, "MultipleChoice", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.MultipleChoice; }
+});
+Object.defineProperty(exports, "NavigationControls", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.NavigationControls; }
+});
+Object.defineProperty(exports, "NumberField", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.NumberField; }
+});
+Object.defineProperty(exports, "OpinionScale", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.OpinionScale; }
+});
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.ProgressBar; }
+});
+Object.defineProperty(exports, "QuestionContainer", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.QuestionContainer; }
+});
+Object.defineProperty(exports, "QuestionHeader", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.QuestionHeader; }
+});
+Object.defineProperty(exports, "Rating", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.Rating; }
+});
+Object.defineProperty(exports, "Statement", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.Statement; }
+});
+Object.defineProperty(exports, "TextField", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.TextField; }
+});
+Object.defineProperty(exports, "ThankYouScreen", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.ThankYouScreen; }
+});
+Object.defineProperty(exports, "TimeToComplete", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.TimeToComplete; }
+});
+Object.defineProperty(exports, "WelcomeScreen", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.WelcomeScreen; }
+});
+Object.defineProperty(exports, "YesNo", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.YesNo; }
+});
+Object.defineProperty(exports, "useFormContext", {
+  enumerable: true,
+  get: function () { return chunkWHV333XL_cjs.useFormContext; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/index.d.cts

@@ -0,0 +1,166 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { U as UseFormOptions, a as UseFormReturn } from '../useForm-kF8xK1mJ.cjs';
+import React from 'react';
+import { F as FormContent, a2 as FormSettings, af as WelcomeScreen$1, ag as ThankYouScreen$1, p as FormField, a4 as FieldAnswer, S as ShortTextField, L as LongTextField, E as EmailField, W as WebsiteField, ah as NumberField$1, M as MultipleChoiceField, e as RatingField, O as OpinionScaleField, Y as YesNoField, i as StatementField } from '../index-DoRZImTl.cjs';
+
+interface FormRendererProps extends UseFormOptions {
+    className?: string;
+}
+declare function FormRenderer(props: FormRendererProps): react_jsx_runtime.JSX.Element;
+
+interface FormContextValue extends UseFormReturn {
+    content: FormContent;
+    settings: FormSettings;
+}
+declare function useFormContext(): FormContextValue;
+interface FormProviderProps extends UseFormOptions {
+    children: React.ReactNode;
+}
+declare function FormProvider({ children, ...options }: FormProviderProps): react_jsx_runtime.JSX.Element;
+
+interface FormContainerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function FormContainer({ children, className }: FormContainerProps): react_jsx_runtime.JSX.Element;
+
+interface QuestionContainerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function QuestionContainer({ children, className }: QuestionContainerProps): react_jsx_runtime.JSX.Element;
+
+declare function Branding(): react_jsx_runtime.JSX.Element | null;
+
+interface WelcomeScreenProps {
+    screen: WelcomeScreen$1;
+    onStart: () => void;
+}
+declare function WelcomeScreen({ screen, onStart }: WelcomeScreenProps): react_jsx_runtime.JSX.Element;
+
+interface ThankYouScreenProps {
+    screen: ThankYouScreen$1;
+}
+declare function ThankYouScreen({ screen }: ThankYouScreenProps): react_jsx_runtime.JSX.Element;
+
+interface ClosedScreenProps {
+    title?: string;
+    message?: string;
+    type?: "scheduled" | "limit" | "closed";
+}
+declare function ClosedScreen({ title, message, type, }: ClosedScreenProps): react_jsx_runtime.JSX.Element;
+
+declare function ProgressBar(): react_jsx_runtime.JSX.Element | null;
+
+interface NavigationControlsProps {
+    onNext?: () => void;
+    onPrevious?: () => void;
+}
+declare function NavigationControls({ onNext, onPrevious }: NavigationControlsProps): react_jsx_runtime.JSX.Element | null;
+
+declare function TimeToComplete(): react_jsx_runtime.JSX.Element | null;
+
+interface CookieConsentProps {
+    onAccept: () => void;
+}
+declare function CookieConsent({ onAccept }: CookieConsentProps): react_jsx_runtime.JSX.Element | null;
+
+interface FieldRendererProps {
+    field: FormField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+    showKeyHints?: boolean;
+    systemMessages?: FormSettings["systemMessages"];
+}
+declare function FieldRenderer({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, showKeyHints, systemMessages, }: FieldRendererProps): react_jsx_runtime.JSX.Element;
+
+interface QuestionHeaderProps {
+    field: FormField;
+    questionNumber?: number;
+    showQuestionNumber?: boolean;
+}
+declare function QuestionHeader({ field, questionNumber, showQuestionNumber, }: QuestionHeaderProps): react_jsx_runtime.JSX.Element;
+
+type TextFieldType = ShortTextField | LongTextField | EmailField | WebsiteField;
+interface TextFieldProps {
+    field: TextFieldType;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: () => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function TextField({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: TextFieldProps): react_jsx_runtime.JSX.Element;
+
+interface NumberFieldProps {
+    field: NumberField$1;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: () => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function NumberField({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: NumberFieldProps): react_jsx_runtime.JSX.Element;
+
+interface MultipleChoiceProps {
+    field: MultipleChoiceField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+    showKeyHints?: boolean;
+    systemMessages?: FormSettings["systemMessages"];
+}
+declare function MultipleChoice({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, showKeyHints, systemMessages, }: MultipleChoiceProps): react_jsx_runtime.JSX.Element;
+
+interface RatingProps {
+    field: RatingField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function Rating({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: RatingProps): react_jsx_runtime.JSX.Element;
+
+interface OpinionScaleProps {
+    field: OpinionScaleField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function OpinionScale({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: OpinionScaleProps): react_jsx_runtime.JSX.Element;
+
+interface YesNoProps {
+    field: YesNoField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+    showKeyHints?: boolean;
+}
+declare function YesNo({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, showKeyHints, }: YesNoProps): react_jsx_runtime.JSX.Element;
+
+interface StatementProps {
+    field: StatementField;
+    onNext: () => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function Statement({ field, onNext, showQuestionNumber, questionNumber, }: StatementProps): react_jsx_runtime.JSX.Element;
+
+export { Branding, ClosedScreen, type ClosedScreenProps, CookieConsent, type CookieConsentProps, FieldRenderer, type FieldRendererProps, FormContainer, type FormContainerProps, type FormContextValue, FormProvider, type FormProviderProps, FormRenderer, type FormRendererProps, MultipleChoice, type MultipleChoiceProps, NavigationControls, type NavigationControlsProps, NumberField, type NumberFieldProps, OpinionScale, type OpinionScaleProps, ProgressBar, QuestionContainer, type QuestionContainerProps, QuestionHeader, type QuestionHeaderProps, Rating, type RatingProps, Statement, type StatementProps, TextField, type TextFieldProps, ThankYouScreen, type ThankYouScreenProps, TimeToComplete, WelcomeScreen, type WelcomeScreenProps, YesNo, type YesNoProps, useFormContext };

package/dist/components/index.d.ts

@@ -0,0 +1,166 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { U as UseFormOptions, a as UseFormReturn } from '../useForm-D1mB6REv.js';
+import React from 'react';
+import { F as FormContent, a2 as FormSettings, af as WelcomeScreen$1, ag as ThankYouScreen$1, p as FormField, a4 as FieldAnswer, S as ShortTextField, L as LongTextField, E as EmailField, W as WebsiteField, ah as NumberField$1, M as MultipleChoiceField, e as RatingField, O as OpinionScaleField, Y as YesNoField, i as StatementField } from '../index-DoRZImTl.js';
+
+interface FormRendererProps extends UseFormOptions {
+    className?: string;
+}
+declare function FormRenderer(props: FormRendererProps): react_jsx_runtime.JSX.Element;
+
+interface FormContextValue extends UseFormReturn {
+    content: FormContent;
+    settings: FormSettings;
+}
+declare function useFormContext(): FormContextValue;
+interface FormProviderProps extends UseFormOptions {
+    children: React.ReactNode;
+}
+declare function FormProvider({ children, ...options }: FormProviderProps): react_jsx_runtime.JSX.Element;
+
+interface FormContainerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function FormContainer({ children, className }: FormContainerProps): react_jsx_runtime.JSX.Element;
+
+interface QuestionContainerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function QuestionContainer({ children, className }: QuestionContainerProps): react_jsx_runtime.JSX.Element;
+
+declare function Branding(): react_jsx_runtime.JSX.Element | null;
+
+interface WelcomeScreenProps {
+    screen: WelcomeScreen$1;
+    onStart: () => void;
+}
+declare function WelcomeScreen({ screen, onStart }: WelcomeScreenProps): react_jsx_runtime.JSX.Element;
+
+interface ThankYouScreenProps {
+    screen: ThankYouScreen$1;
+}
+declare function ThankYouScreen({ screen }: ThankYouScreenProps): react_jsx_runtime.JSX.Element;
+
+interface ClosedScreenProps {
+    title?: string;
+    message?: string;
+    type?: "scheduled" | "limit" | "closed";
+}
+declare function ClosedScreen({ title, message, type, }: ClosedScreenProps): react_jsx_runtime.JSX.Element;
+
+declare function ProgressBar(): react_jsx_runtime.JSX.Element | null;
+
+interface NavigationControlsProps {
+    onNext?: () => void;
+    onPrevious?: () => void;
+}
+declare function NavigationControls({ onNext, onPrevious }: NavigationControlsProps): react_jsx_runtime.JSX.Element | null;
+
+declare function TimeToComplete(): react_jsx_runtime.JSX.Element | null;
+
+interface CookieConsentProps {
+    onAccept: () => void;
+}
+declare function CookieConsent({ onAccept }: CookieConsentProps): react_jsx_runtime.JSX.Element | null;
+
+interface FieldRendererProps {
+    field: FormField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+    showKeyHints?: boolean;
+    systemMessages?: FormSettings["systemMessages"];
+}
+declare function FieldRenderer({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, showKeyHints, systemMessages, }: FieldRendererProps): react_jsx_runtime.JSX.Element;
+
+interface QuestionHeaderProps {
+    field: FormField;
+    questionNumber?: number;
+    showQuestionNumber?: boolean;
+}
+declare function QuestionHeader({ field, questionNumber, showQuestionNumber, }: QuestionHeaderProps): react_jsx_runtime.JSX.Element;
+
+type TextFieldType = ShortTextField | LongTextField | EmailField | WebsiteField;
+interface TextFieldProps {
+    field: TextFieldType;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: () => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function TextField({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: TextFieldProps): react_jsx_runtime.JSX.Element;
+
+interface NumberFieldProps {
+    field: NumberField$1;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: () => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function NumberField({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: NumberFieldProps): react_jsx_runtime.JSX.Element;
+
+interface MultipleChoiceProps {
+    field: MultipleChoiceField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+    showKeyHints?: boolean;
+    systemMessages?: FormSettings["systemMessages"];
+}
+declare function MultipleChoice({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, showKeyHints, systemMessages, }: MultipleChoiceProps): react_jsx_runtime.JSX.Element;
+
+interface RatingProps {
+    field: RatingField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function Rating({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: RatingProps): react_jsx_runtime.JSX.Element;
+
+interface OpinionScaleProps {
+    field: OpinionScaleField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function OpinionScale({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, }: OpinionScaleProps): react_jsx_runtime.JSX.Element;
+
+interface YesNoProps {
+    field: YesNoField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext: (pendingValue?: FieldAnswer) => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+    showKeyHints?: boolean;
+}
+declare function YesNo({ field, value, error, onChange, onNext, showQuestionNumber, questionNumber, showKeyHints, }: YesNoProps): react_jsx_runtime.JSX.Element;
+
+interface StatementProps {
+    field: StatementField;
+    onNext: () => void;
+    showQuestionNumber?: boolean;
+    questionNumber?: number;
+}
+declare function Statement({ field, onNext, showQuestionNumber, questionNumber, }: StatementProps): react_jsx_runtime.JSX.Element;
+
+export { Branding, ClosedScreen, type ClosedScreenProps, CookieConsent, type CookieConsentProps, FieldRenderer, type FieldRendererProps, FormContainer, type FormContainerProps, type FormContextValue, FormProvider, type FormProviderProps, FormRenderer, type FormRendererProps, MultipleChoice, type MultipleChoiceProps, NavigationControls, type NavigationControlsProps, NumberField, type NumberFieldProps, OpinionScale, type OpinionScaleProps, ProgressBar, QuestionContainer, type QuestionContainerProps, QuestionHeader, type QuestionHeaderProps, Rating, type RatingProps, Statement, type StatementProps, TextField, type TextFieldProps, ThankYouScreen, type ThankYouScreenProps, TimeToComplete, WelcomeScreen, type WelcomeScreenProps, YesNo, type YesNoProps, useFormContext };

package/dist/components/index.js

@@ -0,0 +1,6 @@
+export { Branding, ClosedScreen, CookieConsent, FieldRenderer, FormContainer, FormProvider, FormRenderer, MultipleChoice, NavigationControls, NumberField, OpinionScale, ProgressBar, QuestionContainer, QuestionHeader, Rating, Statement, TextField, ThankYouScreen, TimeToComplete, WelcomeScreen, YesNo, useFormContext } from '../chunk-I6L5OCM3.js';
+import '../chunk-HUIMGLDC.js';
+import '../chunk-PDUJU32P.js';
+import '../chunk-PKHTPGWQ.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/hooks/index.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+require('../chunk-DASQI7IA.cjs');
+var chunkWIFNU3FA_cjs = require('../chunk-WIFNU3FA.cjs');
+require('../chunk-ZLOP4BTK.cjs');
+require('../chunk-P2GUKJHH.cjs');
+
+
+
+Object.defineProperty(exports, "ThemeContext", {
+  enumerable: true,
+  get: function () { return chunkWIFNU3FA_cjs.ThemeContext; }
+});
+Object.defineProperty(exports, "useField", {
+  enumerable: true,
+  get: function () { return chunkWIFNU3FA_cjs.useField; }
+});
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function () { return chunkWIFNU3FA_cjs.useForm; }
+});
+Object.defineProperty(exports, "useProgress", {
+  enumerable: true,
+  get: function () { return chunkWIFNU3FA_cjs.useProgress; }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () { return chunkWIFNU3FA_cjs.useTheme; }
+});
+Object.defineProperty(exports, "useThemeContext", {
+  enumerable: true,
+  get: function () { return chunkWIFNU3FA_cjs.useThemeContext; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/hooks/index.d.cts

@@ -0,0 +1,75 @@
+export { U as UseFormOptions, a as UseFormReturn, u as useForm } from '../useForm-kF8xK1mJ.cjs';
+import { p as FormField, a4 as FieldAnswer, F as FormContent, a3 as ResponseAnswers, a1 as FormTheme } from '../index-DoRZImTl.cjs';
+import React$1 from 'react';
+
+interface UseFieldOptions {
+    field: FormField;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    onChange: (value: FieldAnswer) => void;
+    onNext?: () => void;
+}
+interface UseFieldReturn {
+    ref: string;
+    type: FormField["type"];
+    title: string;
+    description?: string;
+    required: boolean;
+    value: FieldAnswer | undefined;
+    error: string | null;
+    isEmpty: boolean;
+    onChange: (value: FieldAnswer) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    getInputProps: () => {
+        value: string;
+        onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+        onKeyDown: (e: React.KeyboardEvent) => void;
+        placeholder?: string;
+        "aria-invalid": boolean;
+        "aria-describedby"?: string;
+    };
+    getTextareaProps: () => {
+        value: string;
+        onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+        placeholder?: string;
+        "aria-invalid": boolean;
+        "aria-describedby"?: string;
+    };
+}
+declare function useField(options: UseFieldOptions): UseFieldReturn;
+
+interface UseProgressOptions {
+    content: FormContent;
+    answers: ResponseAnswers;
+    currentIndex: number;
+}
+interface ProgressSegment {
+    index: number;
+    fieldRef: string;
+    completed: boolean;
+    current: boolean;
+}
+interface UseProgressReturn {
+    totalFields: number;
+    answeredCount: number;
+    currentFieldIndex: number;
+    percentage: number;
+    segments: ProgressSegment[];
+}
+declare function useProgress(options: UseProgressOptions): UseProgressReturn;
+
+declare const ThemeContext: React$1.Context<FormTheme | null>;
+declare function useThemeContext(): FormTheme;
+interface UseThemeOptions {
+    theme: FormTheme;
+    inject?: boolean;
+}
+interface UseThemeReturn {
+    theme: FormTheme;
+    cssVariables: string;
+    componentStyles: string;
+    backgroundStyle: React$1.CSSProperties;
+}
+declare function useTheme(options: UseThemeOptions): UseThemeReturn;
+
+export { type ProgressSegment, ThemeContext, type UseFieldOptions, type UseFieldReturn, type UseProgressOptions, type UseProgressReturn, type UseThemeOptions, type UseThemeReturn, useField, useProgress, useTheme, useThemeContext };