@devvit/ui-renderer 0.9.3 → 0.9.5

package/blocks/templates/renderWebViewBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, sizingClass, sizingStyle, stackChildClass } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 import '../components/devvit-blocks-webview.js';
 export function renderWebViewBlock(block, ctx) {
     const { html, styleMap } = getTemplateRenderingStrategy();

package/blocks/templates/util.d.ts

@@ -0,0 +1,7 @@
+import { ClassInfo, classMap as clientClassMap } from 'lit/directives/class-map.js';
+import { TemplateResult } from 'lit';
+import { UnsafeString } from '@reddit/baseplate/html.js';
+export declare function classMap(classInfo: ClassInfo, forceString?: boolean): UnsafeString | ReturnType<typeof clientClassMap>;
+export declare function unsafeHTML(input: string): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/unsafe-html.js").UnsafeHTMLDirective>;
+export declare function resolveIcon(name: string): TemplateResult;
+//# sourceMappingURL=util.d.ts.map

package/blocks/templates/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EAA0C,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAIjG,wBAAgB,QAAQ,CACtB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,GACpB,YAAY,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAWlD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,4HAMvC;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAYxD"}

package/blocks/templates/util.js

@@ -0,0 +1,36 @@
+import { classMap as clientClassMap } from 'lit/directives/class-map.js';
+import { unsafeHTML as clientUnsafeHTML } from 'lit/directives/unsafe-html.js';
+import { unsafeHTML as serverUnsafeHTML } from '@reddit/baseplate/html.js';
+import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
+import faceplateIcons from '@reddit/faceplate-ui/svgs/svg-manifest.js';
+export function classMap(classInfo, forceString) {
+    const { getType } = getTemplateRenderingStrategy();
+    if (getType() === 'client' && forceString !== true) {
+        return clientClassMap(classInfo);
+    }
+    const result = Object.keys(classInfo)
+        .filter((className) => classInfo[className])
+        .join(' ');
+    return serverUnsafeHTML(result);
+}
+export function unsafeHTML(input) {
+    const { getType } = getTemplateRenderingStrategy();
+    if (getType() === 'client') {
+        return clientUnsafeHTML(input);
+    }
+    return serverUnsafeHTML(input);
+}
+export function resolveIcon(name) {
+    const { html } = getTemplateRenderingStrategy();
+    const fill = name.match(/-fill$/) !== null;
+    // clean up icon name
+    const iconName = name.replace(/^icon-/, '').replace(/-(fill|outline)$/, '');
+    // eslint-disable-next-line @reddit/i18n-shreddit/no-unwrapped-strings
+    const icon = faceplateIcons[iconName][fill ? 'fill' : 'outline'];
+    if (icon) {
+        return html `${unsafeHTML(icon)}`;
+    }
+    else {
+        return html ``;
+    }
+}

package/client/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/client/blocks.ts"],"names":[],"mappings":"AAAA,OAAO,kEAAkE,CAAC;AAC1E,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../library/src/client/blocks.ts"],"names":[],"mappings":"AAAA,OAAO,kEAAkE,CAAC;AAC1E,cAAc,oBAAoB,CAAC"}

package/client/devvit-animation-player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-animation-player.d.ts","sourceRoot":"","sources":["../../src/client/devvit-animation-player.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,4BAA4B,CAAC;AAEpC;;GAEG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACvB,GAAG,EAAE,MAAM,CAAM;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE7C,MAAM;CAQhB"}
+{"version":3,"file":"devvit-animation-player.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-animation-player.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,4BAA4B,CAAC;AAEpC;;GAEG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACvB,GAAG,EAAE,MAAM,CAAM;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE7C,MAAM;CAQhB"}

package/client/devvit-custom-post.d.ts

@@ -4,6 +4,7 @@ import type { Metadata } from '@devvit/protos';
 import { Block, RenderPostResponse } from '@devvit/protos';
 import type { ActorRef } from '@devvit/runtimes/common/runtime/ActorRef.js';
 import './devvit-animation-player.js';
+import '../blocks/components/devvit-blocks-renderer.js';
 declare global {
     interface HTMLElementTagNameMap {
         'devvit-custom-post': DevvitCustomPost;
@@ -16,10 +17,14 @@ export declare class DevvitCustomPost extends LitElement {
     postId?: string;
     renderResponse?: RenderPostResponse;
     rootBlock?: Block;
-    static get styles(): import("lit").CSSResult[];
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues): void;
-    render(): import("@reddit/baseplate/html.js").TemplateLike;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'devvit-custom-post': DevvitCustomPost;
+    }
 }
 //# sourceMappingURL=devvit-custom-post.d.ts.map

package/client/devvit-custom-post.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-custom-post.d.ts","sourceRoot":"","sources":["../../src/client/devvit-custom-post.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvD,OAAO,kEAAkE,CAAC;AAI1E,OAAO,KAAK,EAMV,QAAQ,EAIT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,EAML,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAM5E,OAAO,8BAA8B,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AASD,qBAEa,gBAAiB,SAAQ,UAAU;;IAE9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAGpC,SAAS,CAAC,EAAE,KAAK,CAAC;IAalB,WAAoB,MAAM,8BAEzB;IAMQ,iBAAiB;IAKjB,oBAAoB;cAQV,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAatD,MAAM;CAqGhB"}
+{"version":3,"file":"devvit-custom-post.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-custom-post.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,kEAAkE,CAAC;AAG1E,OAAO,KAAK,EAMV,QAAQ,EAIT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,EAKL,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAI5E,OAAO,8BAA8B,CAAC;AACtC,OAAO,gDAAgD,CAAC;AAExD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AASD,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAGpC,SAAS,CAAC,EAAE,KAAK,CAAC;IAiBT,iBAAiB;IAKjB,oBAAoB;cAQV,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAatD,MAAM;CAkGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/client/devvit-custom-post.js

@@ -1,17 +1,13 @@
-var _DevvitCustomPost_instances, _DevvitCustomPost_postData, _DevvitCustomPost_appState, _DevvitCustomPost_lastRequest, _DevvitCustomPost_customPostActor, _DevvitCustomPost_uiEventHandlerActor, _DevvitCustomPost_rpcQueue, _DevvitCustomPost_rerenderTimeout, _DevvitCustomPost_state_get, _DevvitCustomPost_handleUIEvent, _DevvitCustomPost_handleUserAction, _DevvitCustomPost_renderRequest, _DevvitCustomPost_initialRender, _DevvitCustomPost_userActionRender, _DevvitCustomPost_effectEventRender, _DevvitCustomPost_renderPost, _DevvitCustomPost_handleEffects;
+var _DevvitCustomPost_instances, _DevvitCustomPost_postData, _DevvitCustomPost_appState, _DevvitCustomPost_lastRequest, _DevvitCustomPost_customPostActor, _DevvitCustomPost_uiEventHandlerActor, _DevvitCustomPost_rpcQueue, _DevvitCustomPost_rerenderTimeout, _DevvitCustomPost_state_get, _DevvitCustomPost_makeRenderContext, _DevvitCustomPost_handleUIEvent, _DevvitCustomPost_handleUserAction, _DevvitCustomPost_renderRequest, _DevvitCustomPost_initialRender, _DevvitCustomPost_userActionRender, _DevvitCustomPost_effectEventRender, _DevvitCustomPost_renderPost, _DevvitCustomPost_handleEffects;
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate, __metadata } from "tslib";
 import { html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { localized, msg } from '@lit/localize';
 import PQueue from 'p-queue';
 import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import { emptyState } from '@reddit/faceplate-ui/templates/empty-state.js';
 import { customEvent } from '@reddit/faceplate/lib/custom-event.js';
-import { Block, BlockRenderEventType, BlockStackDirection, BlockType, CustomPostDefinition, EffectType, RenderPostResponse, UIEventHandlerDefinition, } from '@devvit/protos';
-import { renderBlocks } from '../blocks/index.js';
-import { snooBlocks } from './assets/snooBlocks.js';
-import { styles } from '../styles.js';
+import { Block, BlockRenderEventType, BlockStackDirection, CustomPostDefinition, EffectType, RenderPostResponse, UIEventHandlerDefinition, } from '@devvit/protos';
 import './devvit-animation-player.js';
+import '../blocks/components/devvit-blocks-renderer.js';
 let DevvitCustomPost = class DevvitCustomPost extends LitElement {
     constructor() {
         super(...arguments);
@@ -23,6 +19,14 @@ let DevvitCustomPost = class DevvitCustomPost extends LitElement {
         _DevvitCustomPost_uiEventHandlerActor.set(this, void 0);
         _DevvitCustomPost_rpcQueue.set(this, new PQueue({ concurrency: 1 }));
         _DevvitCustomPost_rerenderTimeout.set(this, void 0);
+        _DevvitCustomPost_makeRenderContext.set(this, () => ({
+            request: __classPrivateFieldGet(this, _DevvitCustomPost_lastRequest, "f"),
+            state: __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get),
+            stackDirection: BlockStackDirection.UNRECOGNIZED,
+            onAction: (action) => {
+                __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_userActionRender).call(this, action.id, action.data);
+            },
+        }));
         _DevvitCustomPost_handleUIEvent.set(this, (event) => {
             void __classPrivateFieldGet(this, _DevvitCustomPost_rpcQueue, "f").add(async () => {
                 const req = {
@@ -45,9 +49,6 @@ let DevvitCustomPost = class DevvitCustomPost extends LitElement {
             state: __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get),
         }));
     }
-    static get styles() {
-        return [styles];
-    }
     connectedCallback() {
         super.connectedCallback();
         this.addEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
@@ -60,39 +61,28 @@ let DevvitCustomPost = class DevvitCustomPost extends LitElement {
         this.removeEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
     }
     willUpdate(changedProperties) {
+        if (changedProperties.has('postId')) {
+            __classPrivateFieldSet(this, _DevvitCustomPost_postData, this.postId !== undefined ? { __postData: { thingId: this.postId } } : undefined, "f");
+        }
         if (changedProperties.has('actorRef')) {
             __classPrivateFieldSet(this, _DevvitCustomPost_customPostActor, this.actorRef?.As(CustomPostDefinition), "f");
             __classPrivateFieldSet(this, _DevvitCustomPost_uiEventHandlerActor, this.actorRef?.As(UIEventHandlerDefinition), "f");
             __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_initialRender).call(this);
         }
-        if (changedProperties.has('postId')) {
-            __classPrivateFieldSet(this, _DevvitCustomPost_postData, this.postId !== undefined ? { __postData: { thingId: this.postId } } : undefined, "f");
-        }
     }
     render() {
         if (!this.renderResponse) {
             return html `<slot></slot>`;
         }
-        if (this.rootBlock && this.rootBlock.type === BlockType.BLOCK_ROOT) {
-            return renderBlocks(this.rootBlock, {
-                request: __classPrivateFieldGet(this, _DevvitCustomPost_lastRequest, "f"),
-                state: __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get),
-                stackDirection: BlockStackDirection.UNRECOGNIZED,
-                onAction: (action) => {
-                    __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_userActionRender).call(this, action.id, action.data);
-                },
-            });
-        }
-        return html `${emptyState({
-            creative: html `<div class="w-3xl h-3xl">${snooBlocks}</div>`,
-            title: msg('Whoops!', { desc: 'Header for message to display when rendering fails' }),
-            description: msg('Something went wrong while attempting to display this content.', {
-                desc: 'Message for users to display when rendering fails',
-            }),
-        })}`;
+        return html `<devvit-blocks-renderer
+      .block="${this.rootBlock}"
+      .renderContext="${__classPrivateFieldGet(this, _DevvitCustomPost_makeRenderContext, "f")}"
+    >
+      <slot slot="empty-state-image" name="empty-state-image"></slot>
+    </devvit-blocks-renderer>`;
     }
 };
-_DevvitCustomPost_postData = new WeakMap(), _DevvitCustomPost_appState = new WeakMap(), _DevvitCustomPost_lastRequest = new WeakMap(), _DevvitCustomPost_customPostActor = new WeakMap(), _DevvitCustomPost_uiEventHandlerActor = new WeakMap(), _DevvitCustomPost_rpcQueue = new WeakMap(), _DevvitCustomPost_rerenderTimeout = new WeakMap(), _DevvitCustomPost_handleUIEvent = new WeakMap(), _DevvitCustomPost_handleUserAction = new WeakMap(), _DevvitCustomPost_renderRequest = new WeakMap(), _DevvitCustomPost_instances = new WeakSet(), _DevvitCustomPost_state_get = function _DevvitCustomPost_state_get() {
+_DevvitCustomPost_postData = new WeakMap(), _DevvitCustomPost_appState = new WeakMap(), _DevvitCustomPost_lastRequest = new WeakMap(), _DevvitCustomPost_customPostActor = new WeakMap(), _DevvitCustomPost_uiEventHandlerActor = new WeakMap(), _DevvitCustomPost_rpcQueue = new WeakMap(), _DevvitCustomPost_rerenderTimeout = new WeakMap(), _DevvitCustomPost_makeRenderContext = new WeakMap(), _DevvitCustomPost_handleUIEvent = new WeakMap(), _DevvitCustomPost_handleUserAction = new WeakMap(), _DevvitCustomPost_renderRequest = new WeakMap(), _DevvitCustomPost_instances = new WeakSet(), _DevvitCustomPost_state_get = function _DevvitCustomPost_state_get() {
     return Object.assign({}, __classPrivateFieldGet(this, _DevvitCustomPost_postData, "f"), __classPrivateFieldGet(this, _DevvitCustomPost_appState, "f"));
 }, _DevvitCustomPost_initialRender = function _DevvitCustomPost_initialRender() {
     __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_renderPost).call(this, __classPrivateFieldGet(this, _DevvitCustomPost_renderRequest, "f").call(this, BlockRenderEventType.RENDER_INITIAL));
@@ -152,7 +142,6 @@ __decorate([
     __metadata("design:type", Object)
 ], DevvitCustomPost.prototype, "rootBlock", void 0);
 DevvitCustomPost = __decorate([
-    localized(),
     customElement('devvit-custom-post')
 ], DevvitCustomPost);
 export { DevvitCustomPost };

package/client/effects/devvit-effect-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-effect-handler.d.ts","sourceRoot":"","sources":["../../../src/client/effects/devvit-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EACL,MAAM,EAEN,IAAI,EACJ,2BAA2B,EAC3B,gBAAgB,EAChB,KAAK,EACL,OAAO,EACR,MAAM,gBAAgB,CAAC;AAExB,8BAAsB,mBAAoB,YAAW,kBAAkB;;IACrE,SAAS,CAAC,IAAI,EAAE,eAAe,CAAC;gBAEpB,IAAI,EAAE,eAAe;IAKjC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAEvE,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAEpE,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAEnF,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAE1E,SAAS,CAAC,uBAAuB,CAC/B,cAAc,EAAE,2BAA2B,EAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAGpC,aAAa;IAIb,gBAAgB;IAIhB,UAAU;IAEV,WAAW;IAOX,MAAM,WAAY,MAAM,mBAAmB,OAAO,KAAK,IAAI,UA8BzD;CACH"}
+{"version":3,"file":"devvit-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/devvit-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EACL,MAAM,EAEN,IAAI,EACJ,2BAA2B,EAC3B,gBAAgB,EAChB,KAAK,EACL,OAAO,EACR,MAAM,gBAAgB,CAAC;AAExB,8BAAsB,mBAAoB,YAAW,kBAAkB;;IACrE,SAAS,CAAC,IAAI,EAAE,eAAe,CAAC;gBAEpB,IAAI,EAAE,eAAe;IAKjC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAEvE,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAEpE,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAEnF,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAE1E,SAAS,CAAC,uBAAuB,CAC/B,cAAc,EAAE,2BAA2B,EAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAGpC,aAAa;IAIb,gBAAgB;IAIhB,UAAU;IAEV,WAAW;IAOX,MAAM,WAAY,MAAM,mBAAmB,OAAO,KAAK,IAAI,UA8BzD;CACH"}

package/client/effects/form-effect-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-effect-handler.d.ts","sourceRoot":"","sources":["../../../src/client/effects/form-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAGtC,qBAAa,iBAAkB,SAAQ,mBAAmB;;gBAK5C,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM;IAK7C,WAAW;cAKD,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;CAG5E"}
+{"version":3,"file":"form-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/form-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAGtC,qBAAa,iBAAkB,SAAQ,mBAAmB;;gBAK5C,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM;IAK7C,WAAW;cAKD,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;CAG5E"}

package/client/effects/toast-effect-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-effect-handler.d.ts","sourceRoot":"","sources":["../../../src/client/effects/toast-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE,qBAAa,kBAAmB,SAAQ,mBAAmB;IAChD,WAAW,CAAC,KAAK,EAAE,KAAK;CAQlC"}
+{"version":3,"file":"toast-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/toast-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE,qBAAa,kBAAmB,SAAQ,mBAAmB;IAChD,WAAW,CAAC,KAAK,EAAE,KAAK;CAQlC"}

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts

@@ -1,9 +1,9 @@
 import { PropertyValues, TemplateResult } from 'lit';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FormField } from '@devvit/protos';
 import '@reddit/faceplate-ui/components/faceplate-dropdown-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-switch-input.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export declare class DevvitFormSelectionDropdown extends InputElement {
     #private;
     field: FormField | undefined;

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-selection-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AASjE,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAIxB,OAAO,4DAA4D,CAAC;AACpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,2DAA2D,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,qBAAa,2BAA4B,SAAQ,YAAY;;IAE3D,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAG7B,YAAY,UAAS;IAGrB,YAAY,SAAM;IAKlB,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAwDnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgDrC"}
+{"version":3,"file":"devvit-form-selection-dropdown.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAS1D,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAIxB,OAAO,4DAA4D,CAAC;AACpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,2DAA2D,CAAC;AAEnE,qBAAa,2BAA4B,SAAQ,YAAY;;IAE3D,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAG7B,YAAY,UAAS;IAGrB,YAAY,SAAM;IAKlB,WAAoB,MAAM,mCAWzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAwDnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgDrC"}

package/client/formbuilder/components/devvit-form-selection-dropdown.js

@@ -1,17 +1,18 @@
 var _DevvitFormSelectionDropdown_selection, _DevvitFormSelectionDropdown_config, _DevvitFormSelectionDropdown_updateSelection, _DevvitFormSelectionDropdown_singleSelectListItem, _DevvitFormSelectionDropdown_multiSelectListItem;
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate, __metadata } from "tslib";
+import { css } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
 import { html, ifDefined } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
 import { listItem } from '@reddit/faceplate-ui/templates/list-item.js';
 import { button } from '@reddit/faceplate-ui/templates/button.js';
 import { msg } from '@reddit/faceplate/lib/i18n/localize.js';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FieldConfig_Selection, FormFieldValue_SelectionValue, } from '@devvit/protos';
 import { styles } from '../../../styles.js';
 import '@reddit/faceplate-ui/components/faceplate-dropdown-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-menu.js';
 import '@reddit/faceplate-ui/components/faceplate-switch-input.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export class DevvitFormSelectionDropdown extends InputElement {
     constructor() {
         super(...arguments);
@@ -62,7 +63,16 @@ export class DevvitFormSelectionDropdown extends InputElement {
         }));
     }
     static get styles() {
-        return [super.styles, styles];
+        return [
+            super.styles,
+            styles,
+            // fixes a layering bug when dropdown menus are too close together
+            css `
+        .button .dropdown-icon {
+          transform: none;
+        }
+      `,
+        ];
     }
     get value() {
         return __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_selection, "f").values.join(',');

package/client/formbuilder/components/devvit-form-selection-list.d.ts

@@ -1,8 +1,8 @@
 import { PropertyValues, TemplateResult } from 'lit';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FormField } from '@devvit/protos';
 import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export declare class DevvitFormSelectionList extends InputElement {
     #private;
     field: FormField | undefined;

package/client/formbuilder/components/devvit-form-selection-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-selection-list.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMjE,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAKxB,OAAO,0DAA0D,CAAC;AAClE,OAAO,6DAA6D,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,qBAAa,uBAAwB,SAAQ,YAAY;;IAEvD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAK7B,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAsBnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA6CrC"}
+{"version":3,"file":"devvit-form-selection-list.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrD,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAMxB,OAAO,0DAA0D,CAAC;AAClE,OAAO,6DAA6D,CAAC;AAErE,qBAAa,uBAAwB,SAAQ,YAAY;;IAEvD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAK7B,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,WAER;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAsBnC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA6CrC"}

package/client/formbuilder/components/devvit-form-selection-list.js

@@ -2,12 +2,12 @@ var _DevvitFormSelectionList_config, _DevvitFormSelectionList_selection, _Devvit
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate, __metadata } from "tslib";
 import { property } from 'lit/decorators.js';
 import { html, repeat } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
+import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FieldConfig_Selection, FormFieldValue_SelectionValue, } from '@devvit/protos';
-import { renderFieldLabel } from '../fields/index.js';
+import { renderFieldLabel } from '../fields/renderFieldLabel.js';
 import { styles } from '../../../styles.js';
 import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 export class DevvitFormSelectionList extends InputElement {
     constructor() {
         super(...arguments);

package/client/formbuilder/devvit-form-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,kEAAkE,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAItF,OAAO,EAAE,aAAa,EAAoB,MAAM,gDAAgD,CAAC;AAEjG,OAAO,EAAE,IAAI,EAA4C,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAKxD,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAgF7C,MAAM;CA+ChB"}
+{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../library/src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,kEAAkE,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAGtF,OAAO,EAAE,aAAa,EAAoB,MAAM,gDAAgD,CAAC;AAEjG,OAAO,EAAE,IAAI,EAA4C,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAKxD,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAgF7C,MAAM;CA+ChB"}

package/client/formbuilder/fields/index.d.ts

@@ -1,12 +1,2 @@
-export * from './renderBooleanField.js';
-export * from './renderFieldLabel.js';
 export * from './renderFormFields.js';
-export * from './renderGroupField.js';
-export * from './renderHelpText.js';
-export * from './renderListField.js';
-export * from './renderNumberField.js';
-export * from './renderParagraphField.js';
-export * from './renderSelectionField.js';
-export * from './renderStringField.js';
-export type OnInputDelegate = (event: InputEvent | CustomEvent) => void;
 //# sourceMappingURL=index.d.ts.map

package/client/formbuilder/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW,KAAK,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/client/formbuilder/fields/index.js

@@ -1,10 +1 @@
-export * from './renderBooleanField.js';
-export * from './renderFieldLabel.js';
 export * from './renderFormFields.js';
-export * from './renderGroupField.js';
-export * from './renderHelpText.js';
-export * from './renderListField.js';
-export * from './renderNumberField.js';
-export * from './renderParagraphField.js';
-export * from './renderSelectionField.js';
-export * from './renderStringField.js';

package/client/formbuilder/fields/renderBooleanField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderBooleanField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderBooleanField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,2DAA2D,CAAC;AAEnE,eAAO,MAAM,kBAAkB,UAAW,SAAS,yCAWlD,CAAC"}
+{"version":3,"file":"renderBooleanField.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderBooleanField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,2DAA2D,CAAC;AAEnE,eAAO,MAAM,kBAAkB,UAAW,SAAS,yCAWlD,CAAC"}

package/client/formbuilder/fields/renderFieldLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderFieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderFieldLabel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,eAAO,MAAM,gBAAgB,UAAW,SAAS,yCAC+B,CAAC"}
+{"version":3,"file":"renderFieldLabel.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderFieldLabel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,eAAO,MAAM,gBAAgB,UAAW,SAAS,yCAC+B,CAAC"}

package/client/formbuilder/fields/renderFormFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderFormFields.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderFormFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrC,OAAO,EAAE,SAAS,EAAiB,MAAM,gBAAgB,CAAC;AAuB1D,eAAO,MAAM,gBAAgB,WAAY,SAAS,EAAE,KAAG,cAEtD,CAAC"}
+{"version":3,"file":"renderFormFields.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderFormFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrC,OAAO,EAAE,SAAS,EAAiB,MAAM,gBAAgB,CAAC;AAqB1D,eAAO,MAAM,gBAAgB,WAAY,SAAS,EAAE,KAAG,cAEtD,CAAC"}

package/client/formbuilder/fields/renderFormFields.js

@@ -1,7 +1,12 @@
 import { choose } from 'lit/directives/choose.js';
 import { html, repeat } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
 import { FormFieldType } from '@devvit/protos';
-import { renderBooleanField, renderGroupField, renderNumberField, renderParagraphField, renderSelectionField, renderStringField, } from './index.js';
+import { renderStringField } from './renderStringField.js';
+import { renderBooleanField } from './renderBooleanField.js';
+import { renderGroupField } from './renderGroupField.js';
+import { renderSelectionField } from './renderSelectionField.js';
+import { renderNumberField } from './renderNumberField.js';
+import { renderParagraphField } from './renderParagraphField.js';
 const renderFormField = (field) => html `
   ${choose(field.fieldType, [
     [FormFieldType.STRING, () => renderStringField(field)],
@@ -10,7 +15,7 @@ const renderFormField = (field) => html `
     [FormFieldType.BOOLEAN, () => renderBooleanField(field)],
     // [FormFieldType.LIST, () => renderListField(field)],
     [FormFieldType.SELECTION, () => renderSelectionField(field)],
-    [FormFieldType.GROUP, () => renderGroupField(field)],
+    [FormFieldType.GROUP, () => renderGroupField(field, renderFormFields)],
 ])}
 `;
 export const renderFormFields = (fields) => {

package/client/formbuilder/fields/renderGroupField.d.ts

@@ -1,3 +1,4 @@
 import { FormField } from '@devvit/protos';
-export declare const renderGroupField: (field: FormField) => import("lit-html").TemplateResult<1>;
+import { TemplateResult } from 'lit';
+export declare const renderGroupField: (field: FormField, renderFormFields: (fields: FormField[]) => TemplateResult) => TemplateResult<1>;
 //# sourceMappingURL=renderGroupField.d.ts.map

package/client/formbuilder/fields/renderGroupField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderGroupField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderGroupField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,eAAO,MAAM,gBAAgB,UAAW,SAAS,yCAShD,CAAC"}
+{"version":3,"file":"renderGroupField.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderGroupField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,eAAO,MAAM,gBAAgB,UACpB,SAAS,6BACW,SAAS,EAAE,KAAK,cAAc,sBAU1D,CAAC"}

package/client/formbuilder/fields/renderGroupField.js

@@ -1,7 +1,6 @@
 import { html } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import { renderFormFields } from './renderFormFields.js';
 import { renderFieldLabel } from './renderFieldLabel.js';
-export const renderGroupField = (field) => {
+export const renderGroupField = (field, renderFormFields) => {
     return html `
     <div class="flex flex-col py-xs border-0 gap-y-xs">
       ${renderFieldLabel(field)}

package/client/formbuilder/fields/renderHelpText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderHelpText.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderHelpText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrC,OAAO,+DAA+D,CAAC;AAEvE,eAAO,MAAM,cAAc,cAAe,MAAM,GAAG,SAAS,KAAG,cACiC,CAAC"}
+{"version":3,"file":"renderHelpText.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderHelpText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrC,OAAO,+DAA+D,CAAC;AAEvE,eAAO,MAAM,cAAc,cAAe,MAAM,GAAG,SAAS,KAAG,cACiC,CAAC"}

package/client/formbuilder/fields/renderListField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderListField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderListField.ts"],"names":[],"mappings":""}
+{"version":3,"file":"renderListField.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderListField.ts"],"names":[],"mappings":""}

package/client/formbuilder/fields/renderNumberField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderNumberField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderNumberField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAmBjD,CAAC"}
+{"version":3,"file":"renderNumberField.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderNumberField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAmBjD,CAAC"}

package/client/formbuilder/fields/renderParagraphField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderParagraphField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderParagraphField.ts"],"names":[],"mappings":"AAIA,OAAO,EAAyB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIlE,OAAO,6DAA6D,CAAC;AACrE,OAAO,+DAA+D,CAAC;AAGvE,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAoBpD,CAAC"}
+{"version":3,"file":"renderParagraphField.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderParagraphField.ts"],"names":[],"mappings":"AAIA,OAAO,EAAyB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,6DAA6D,CAAC;AACrE,OAAO,+DAA+D,CAAC;AAGvE,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAoBpD,CAAC"}

package/client/formbuilder/fields/renderSelectionField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderSelectionField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderSelectionField.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,iDAAiD,CAAC;AACzD,OAAO,6CAA6C,CAAC;AAErD,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAapD,CAAC"}
+{"version":3,"file":"renderSelectionField.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderSelectionField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,OAAO,iDAAiD,CAAC;AACzD,OAAO,6CAA6C,CAAC;AAErD,eAAO,MAAM,oBAAoB,UAAW,SAAS,yCAapD,CAAC"}

package/client/formbuilder/fields/renderSelectionField.js

@@ -1,5 +1,5 @@
-import { renderFieldLabel } from './index.js';
 import { html } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
+import { renderFieldLabel } from './renderFieldLabel.js';
 import '../components/devvit-form-selection-dropdown.js';
 import '../components/devvit-form-selection-list.js';
 export const renderSelectionField = (field) => {

package/client/formbuilder/fields/renderStringField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderStringField.d.ts","sourceRoot":"","sources":["../../../../src/client/formbuilder/fields/renderStringField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAqBjD,CAAC"}
+{"version":3,"file":"renderStringField.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/fields/renderStringField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,yDAAyD,CAAC;AAEjE,eAAO,MAAM,iBAAiB,UAAW,SAAS,yCAqBjD,CAAC"}

package/client/formbuilder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/formbuilder/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../library/src/client/formbuilder/index.ts"],"names":[],"mappings":""}

package/custom-styles.css

@@ -0,0 +1,36 @@
+/** Text outline classes */
+.text-outline-thin-bright {
+  text-shadow: #000 1px 0 0.5px, #000 -1px 0 0.5px, #000 0 1px 0.5px, #000 0 -1px 0.5px;
+}
+.text-outline-thick-bright {
+  text-shadow: #000 1px 0 2px, #000 -1px 0 2px, #000 0 1px 1px, #000 0 -1px 1px, #000 1px 0 2px,
+    #000 -1px 0 2px, #000 0 1px 1px, #000 0 -1px 1px;
+}
+.text-outline-thin-dark {
+  text-shadow: #fff 1px 0 0.5px, #fff -1px 0 0.5px, #fff 0 1px 0.5px, #fff 0 -1px 0.5px;
+}
+.text-outline-thick-dark {
+  text-shadow: #fff 1px 0 2px, #fff -1px 0 2px, #fff 0 1px 1px, #fff 0 -1px 1px, #fff 1px 0 2px,
+    #fff -1px 0 2px, #fff 0 1px 1px, #fff 0 -1px 1px;
+}
+/** Custom border sizes */
+.border-dx-thick {
+  border-width: 2px;
+}
+.border-dx-thin {
+  border-width: 1px;
+}
+/** Custom border radius sizes */
+.rounded-dx-lg {
+  border-radius: 1.5rem;
+}
+.rounded-dx-md {
+  border-radius: 1rem;
+}
+.rounded-dx-sm {
+  border-radius: 0.5rem;
+}
+/** Custom z-index for form dialogs */
+.z-dialog {
+  z-index: 100;
+}

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../library/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}