@nlabs/gothamui 1.8.0

package/lib/components/EmptyState/EmptyState.stories.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Plus } from 'lucide-react';
+import { EmptyState as EmptyStateComponent } from './EmptyState.js';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+const meta = {
+    argTypes: {
+        actionLabel: {
+            control: 'text'
+        },
+        description: {
+            control: 'text'
+        },
+        title: {
+            control: 'text'
+        }
+    },
+    component: EmptyStateComponent,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/EmptyState'
+};
+export default meta;
+export const Default = {
+    args: {
+        actionIcon: /*#__PURE__*/ _jsx(Plus, {
+            className: "mr-1.5 -ml-0.5 size-5"
+        }),
+        actionLabel: 'New Project',
+        description: 'Get started by creating a new project.',
+        title: 'No projects'
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BsdXN9IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5cbmltcG9ydCB7RW1wdHlTdGF0ZSBhcyBFbXB0eVN0YXRlQ29tcG9uZW50fSBmcm9tICcuL0VtcHR5U3RhdGUuanMnO1xuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIEVtcHR5U3RhdGVDb21wb25lbnQ+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGFjdGlvbkxhYmVsOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIGRlc2NyaXB0aW9uOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIHRpdGxlOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogRW1wdHlTdGF0ZUNvbXBvbmVudCxcbiAgcGFyYW1ldGVyczoge1xuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvRW1wdHlTdGF0ZSdcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgRW1wdHlTdGF0ZUNvbXBvbmVudD47XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0OiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGFjdGlvbkljb246IDxQbHVzIGNsYXNzTmFtZT1cIm1yLTEuNSAtbWwtMC41IHNpemUtNVwiIC8+LFxuICAgIGFjdGlvbkxhYmVsOiAnTmV3IFByb2plY3QnLFxuICAgIGRlc2NyaXB0aW9uOiAnR2V0IHN0YXJ0ZWQgYnkgY3JlYXRpbmcgYSBuZXcgcHJvamVjdC4nLFxuICAgIHRpdGxlOiAnTm8gcHJvamVjdHMnXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJQbHVzIiwiRW1wdHlTdGF0ZSIsIkVtcHR5U3RhdGVDb21wb25lbnQiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJtZXRhIiwiYXJnVHlwZXMiLCJhY3Rpb25MYWJlbCIsImNvbnRyb2wiLCJkZXNjcmlwdGlvbiIsInRpdGxlIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsIkRlZmF1bHQiLCJhcmdzIiwiYWN0aW9uSWNvbiIsImNsYXNzTmFtZSIsInBsYXkiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxJQUFJLFFBQU8sZUFBZTtBQUVsQyxTQUFRQyxjQUFjQyxtQkFBbUIsUUFBTyxrQkFBa0I7QUFDbEUsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBSXBFLE1BQU1DLE9BQXlDO0lBQzdDQyxVQUFVO1FBQ1JDLGFBQWE7WUFDWEMsU0FBUztRQUNYO1FBQ0FDLGFBQWE7WUFDWEQsU0FBUztRQUNYO1FBQ0FFLE9BQU87WUFDTEYsU0FBUztRQUNYO0lBQ0Y7SUFDQUcsV0FBV1I7SUFDWFMsWUFBWTtRQUNWQyxRQUFRO0lBQ1Y7SUFDQUgsT0FBTztBQUNUO0FBRUEsZUFBZUwsS0FBSztBQUlwQixPQUFPLE1BQU1TLFVBQWlCO0lBQzVCQyxNQUFNO1FBQ0pDLDBCQUFZLEtBQUNmO1lBQUtnQixXQUFVOztRQUM1QlYsYUFBYTtRQUNiRSxhQUFhO1FBQ2JDLE9BQU87SUFDVDtJQUNBUSxNQUFNZDtBQUNSLEVBQUUifQ==

package/lib/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { GothamColor } from '../../utils/colorUtils.js';
+export interface ErrorMessageProps {
+    readonly color?: GothamColor;
+    readonly message?: string;
+}
+export declare const ErrorMessage: FC<ErrorMessageProps>;

package/lib/components/ErrorMessage/ErrorMessage.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2025-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { useMemo } from 'react';
+import { getErrorClasses } from '../../utils/colorUtils.js';
+export const ErrorMessage = ({ color, message })=>{
+    if (!message) {
+        return null;
+    }
+    const errorClasses = useMemo(()=>getErrorClasses(color), [
+        color
+    ]);
+    return /*#__PURE__*/ _jsx("p", {
+        className: `absolute -bottom-5 left-5 text-xs ${errorClasses}`,
+        children: message
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0Vycm9yTWVzc2FnZS9FcnJvck1lc3NhZ2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDI1LVByZXNlbnQsIE5pdHJvZ2VuIExhYnMsIEluYy5cbiAqIENvcHlyaWdodHMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgdGhlIGFjY29tcGFueWluZyBMSUNFTlNFIGZpbGUgZm9yIHRlcm1zLlxuICovXG5pbXBvcnQge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtnZXRFcnJvckNsYXNzZXN9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9yVXRpbHMuanMnO1xuXG5pbXBvcnQgdHlwZSB7RkN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtHb3RoYW1Db2xvcn0gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRXJyb3JNZXNzYWdlUHJvcHMge1xuICByZWFkb25seSBjb2xvcj86IEdvdGhhbUNvbG9yO1xuICByZWFkb25seSBtZXNzYWdlPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgRXJyb3JNZXNzYWdlOiBGQzxFcnJvck1lc3NhZ2VQcm9wcz4gPSAoe2NvbG9yLCBtZXNzYWdlfSkgPT4ge1xuICBpZiAoIW1lc3NhZ2UpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGVycm9yQ2xhc3NlcyA9IHVzZU1lbW8oKCkgPT4gZ2V0RXJyb3JDbGFzc2VzKGNvbG9yIGFzIEdvdGhhbUNvbG9yKSwgW2NvbG9yXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8cCBjbGFzc05hbWU9e2BhYnNvbHV0ZSAtYm90dG9tLTUgbGVmdC01IHRleHQteHMgJHtlcnJvckNsYXNzZXN9YH0+XG4gICAgICB7bWVzc2FnZX1cbiAgICA8L3A+XG4gICk7XG59OyJdLCJuYW1lcyI6WyJ1c2VNZW1vIiwiZ2V0RXJyb3JDbGFzc2VzIiwiRXJyb3JNZXNzYWdlIiwiY29sb3IiLCJtZXNzYWdlIiwiZXJyb3JDbGFzc2VzIiwicCIsImNsYXNzTmFtZSJdLCJtYXBwaW5ncyI6IjtBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLE9BQU8sUUFBTyxRQUFRO0FBRTlCLFNBQVFDLGVBQWUsUUFBTyw0QkFBNEI7QUFVMUQsT0FBTyxNQUFNQyxlQUFzQyxDQUFDLEVBQUNDLEtBQUssRUFBRUMsT0FBTyxFQUFDO0lBQ2xFLElBQUksQ0FBQ0EsU0FBUztRQUNaLE9BQU87SUFDVDtJQUVBLE1BQU1DLGVBQWVMLFFBQVEsSUFBTUMsZ0JBQWdCRSxRQUF1QjtRQUFDQTtLQUFNO0lBRWpGLHFCQUNFLEtBQUNHO1FBQUVDLFdBQVcsQ0FBQyxrQ0FBa0MsRUFBRUYsY0FBYztrQkFDOUREOztBQUdQLEVBQUUifQ==

package/lib/components/ErrorMessage/ErrorMessage.stories.js

@@ -0,0 +1,25 @@
+import { ErrorMessage } from './ErrorMessage.js';
+import { gothamColors } from '../../utils/colorUtils.js';
+import { focusCanvas } from '../../utils/storyInteractions.js';
+const meta = {
+    argTypes: {
+        color: {
+            control: 'select',
+            options: gothamColors
+        },
+        message: {
+            control: 'text'
+        }
+    },
+    component: ErrorMessage
+};
+export default meta;
+export const Primary = {
+    args: {
+        color: 'error',
+        message: 'This is an error message'
+    },
+    play: focusCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0Vycm9yTWVzc2FnZS9FcnJvck1lc3NhZ2Uuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXJyb3JNZXNzYWdlIH0gZnJvbSAnLi9FcnJvck1lc3NhZ2UuanMnO1xuaW1wb3J0IHtnb3RoYW1Db2xvcnN9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9yVXRpbHMuanMnO1xuaW1wb3J0IHtmb2N1c0NhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IE1ldGEsIFN0b3J5T2JqIH0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBFcnJvck1lc3NhZ2U+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNvbG9yOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIG9wdGlvbnM6IGdvdGhhbUNvbG9yc1xuICAgIH0sXG4gICAgbWVzc2FnZToge1xuICAgICAgY29udHJvbDogJ3RleHQnXG4gICAgfVxuICB9LFxuICBjb21wb25lbnQ6IEVycm9yTWVzc2FnZVxufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgRXJyb3JNZXNzYWdlPjtcblxuZXhwb3J0IGNvbnN0IFByaW1hcnk6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY29sb3I6ICdlcnJvcicsXG4gICAgbWVzc2FnZTogJ1RoaXMgaXMgYW4gZXJyb3IgbWVzc2FnZSdcbiAgfSxcbiAgcGxheTogZm9jdXNDYW52YXNcbn07XG4iXSwibmFtZXMiOlsiRXJyb3JNZXNzYWdlIiwiZ290aGFtQ29sb3JzIiwiZm9jdXNDYW52YXMiLCJtZXRhIiwiYXJnVHlwZXMiLCJjb2xvciIsImNvbnRyb2wiLCJvcHRpb25zIiwibWVzc2FnZSIsImNvbXBvbmVudCIsIlByaW1hcnkiLCJhcmdzIiwicGxheSJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsWUFBWSxRQUFRLG9CQUFvQjtBQUNqRCxTQUFRQyxZQUFZLFFBQU8sNEJBQTRCO0FBQ3ZELFNBQVFDLFdBQVcsUUFBTyxtQ0FBbUM7QUFJN0QsTUFBTUMsT0FBa0M7SUFDdENDLFVBQVU7UUFDUkMsT0FBTztZQUNMQyxTQUFTO1lBQ1RDLFNBQVNOO1FBQ1g7UUFDQU8sU0FBUztZQUNQRixTQUFTO1FBQ1g7SUFDRjtJQUNBRyxXQUFXVDtBQUNiO0FBRUEsZUFBZUcsS0FBSztBQUdwQixPQUFPLE1BQU1PLFVBQWlCO0lBQzVCQyxNQUFNO1FBQ0pOLE9BQU87UUFDUEcsU0FBUztJQUNYO0lBQ0FJLE1BQU1WO0FBQ1IsRUFBRSJ9

package/lib/components/FaqSection/FaqSection.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface FaqItem {
+    readonly answer: ReactNode;
+    readonly id?: string;
+    readonly question: ReactNode;
+}
+export interface FaqSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    readonly description?: ReactNode;
+    readonly faqs: FaqItem[];
+    readonly title: ReactNode;
+}
+declare const FaqSectionComponent: ({ className, description, faqs, title, ...props }: FaqSectionProps) => import("react").JSX.Element;
+export declare const FaqSection: import("react").MemoExoticComponent<typeof FaqSectionComponent>;
+export {};

package/lib/components/FaqSection/FaqSection.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo } from 'react';
+import { Container } from '../Container/Container.js';
+import { SectionHeader } from '../SectionHeader/SectionHeader.js';
+const FaqSectionComponent = ({ className, description, faqs, title, ...props })=>/*#__PURE__*/ _jsx("section", {
+        className: cn('bg-background py-16 sm:py-24 dark:bg-background-dark', className),
+        "data-slot": "faq-section",
+        ...props,
+        children: /*#__PURE__*/ _jsxs(Container, {
+            children: [
+                /*#__PURE__*/ _jsx(SectionHeader, {
+                    subtitle: description,
+                    title: title
+                }),
+                /*#__PURE__*/ _jsx("dl", {
+                    className: "mt-16 space-y-12 sm:grid sm:grid-cols-2 sm:space-y-0 sm:gap-x-6 sm:gap-y-14 lg:grid-cols-3 lg:gap-x-10",
+                    children: faqs.map((faq)=>/*#__PURE__*/ _jsxs("div", {
+                            children: [
+                                /*#__PURE__*/ _jsx("dt", {
+                                    className: "text-base/7 font-semibold text-foreground dark:text-foreground-dark",
+                                    children: faq.question
+                                }),
+                                /*#__PURE__*/ _jsx("dd", {
+                                    className: "mt-2 text-base/7 text-muted-foreground dark:text-muted-foreground-dark",
+                                    children: faq.answer
+                                })
+                            ]
+                        }, faq.id ?? String(faq.question)))
+                })
+            ]
+        })
+    });
+export const FaqSection = /*#__PURE__*/ memo(FaqSectionComponent);
+FaqSection.displayName = 'FaqSection';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0ZhcVNlY3Rpb24vRmFxU2VjdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7bWVtb30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NvbnRhaW5lcn0gZnJvbSAnLi4vQ29udGFpbmVyL0NvbnRhaW5lci5qcyc7XG5pbXBvcnQge1NlY3Rpb25IZWFkZXJ9IGZyb20gJy4uL1NlY3Rpb25IZWFkZXIvU2VjdGlvbkhlYWRlci5qcyc7XG5cbmltcG9ydCB0eXBlIHtIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmFxSXRlbSB7XG4gIHJlYWRvbmx5IGFuc3dlcjogUmVhY3ROb2RlO1xuICByZWFkb25seSBpZD86IHN0cmluZztcbiAgcmVhZG9ubHkgcXVlc3Rpb246IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGYXFTZWN0aW9uUHJvcHMgZXh0ZW5kcyBPbWl0PEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgJ3RpdGxlJz4ge1xuICByZWFkb25seSBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgZmFxczogRmFxSXRlbVtdO1xuICByZWFkb25seSB0aXRsZTogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBGYXFTZWN0aW9uQ29tcG9uZW50ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBkZXNjcmlwdGlvbixcbiAgZmFxcyxcbiAgdGl0bGUsXG4gIC4uLnByb3BzXG59OiBGYXFTZWN0aW9uUHJvcHMpID0+IChcbiAgPHNlY3Rpb24gY2xhc3NOYW1lPXtjbignYmctYmFja2dyb3VuZCBweS0xNiBzbTpweS0yNCBkYXJrOmJnLWJhY2tncm91bmQtZGFyaycsIGNsYXNzTmFtZSl9IGRhdGEtc2xvdD1cImZhcS1zZWN0aW9uXCIgey4uLnByb3BzfT5cbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNlY3Rpb25IZWFkZXIgc3VidGl0bGU9e2Rlc2NyaXB0aW9ufSB0aXRsZT17dGl0bGV9IC8+XG4gICAgICA8ZGwgY2xhc3NOYW1lPVwibXQtMTYgc3BhY2UteS0xMiBzbTpncmlkIHNtOmdyaWQtY29scy0yIHNtOnNwYWNlLXktMCBzbTpnYXAteC02IHNtOmdhcC15LTE0IGxnOmdyaWQtY29scy0zIGxnOmdhcC14LTEwXCI+XG4gICAgICAgIHtmYXFzLm1hcCgoZmFxKSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2ZhcS5pZCA/PyBTdHJpbmcoZmFxLnF1ZXN0aW9uKX0+XG4gICAgICAgICAgICA8ZHQgY2xhc3NOYW1lPVwidGV4dC1iYXNlLzcgZm9udC1zZW1pYm9sZCB0ZXh0LWZvcmVncm91bmQgZGFyazp0ZXh0LWZvcmVncm91bmQtZGFya1wiPntmYXEucXVlc3Rpb259PC9kdD5cbiAgICAgICAgICAgIDxkZCBjbGFzc05hbWU9XCJtdC0yIHRleHQtYmFzZS83IHRleHQtbXV0ZWQtZm9yZWdyb3VuZCBkYXJrOnRleHQtbXV0ZWQtZm9yZWdyb3VuZC1kYXJrXCI+e2ZhcS5hbnN3ZXJ9PC9kZD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2RsPlxuICAgIDwvQ29udGFpbmVyPlxuICA8L3NlY3Rpb24+XG4pO1xuXG5leHBvcnQgY29uc3QgRmFxU2VjdGlvbiA9IG1lbW8oRmFxU2VjdGlvbkNvbXBvbmVudCk7XG5GYXFTZWN0aW9uLmRpc3BsYXlOYW1lID0gJ0ZhcVNlY3Rpb24nO1xuIl0sIm5hbWVzIjpbImNuIiwibWVtbyIsIkNvbnRhaW5lciIsIlNlY3Rpb25IZWFkZXIiLCJGYXFTZWN0aW9uQ29tcG9uZW50IiwiY2xhc3NOYW1lIiwiZGVzY3JpcHRpb24iLCJmYXFzIiwidGl0bGUiLCJwcm9wcyIsInNlY3Rpb24iLCJkYXRhLXNsb3QiLCJzdWJ0aXRsZSIsImRsIiwibWFwIiwiZmFxIiwiZGl2IiwiZHQiLCJxdWVzdGlvbiIsImRkIiwiYW5zd2VyIiwiaWQiLCJTdHJpbmciLCJGYXFTZWN0aW9uIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUNoQyxTQUFRQyxJQUFJLFFBQU8sUUFBUTtBQUUzQixTQUFRQyxTQUFTLFFBQU8sNEJBQTRCO0FBQ3BELFNBQVFDLGFBQWEsUUFBTyxvQ0FBb0M7QUFnQmhFLE1BQU1DLHNCQUFzQixDQUFDLEVBQzNCQyxTQUFTLEVBQ1RDLFdBQVcsRUFDWEMsSUFBSSxFQUNKQyxLQUFLLEVBQ0wsR0FBR0MsT0FDYSxpQkFDaEIsS0FBQ0M7UUFBUUwsV0FBV0wsR0FBRyx3REFBd0RLO1FBQVlNLGFBQVU7UUFBZSxHQUFHRixLQUFLO2tCQUMxSCxjQUFBLE1BQUNQOzs4QkFDQyxLQUFDQztvQkFBY1MsVUFBVU47b0JBQWFFLE9BQU9BOzs4QkFDN0MsS0FBQ0s7b0JBQUdSLFdBQVU7OEJBQ1hFLEtBQUtPLEdBQUcsQ0FBQyxDQUFDQyxvQkFDVCxNQUFDQzs7OENBQ0MsS0FBQ0M7b0NBQUdaLFdBQVU7OENBQXVFVSxJQUFJRyxRQUFROzs4Q0FDakcsS0FBQ0M7b0NBQUdkLFdBQVU7OENBQTBFVSxJQUFJSyxNQUFNOzs7MkJBRjFGTCxJQUFJTSxFQUFFLElBQUlDLE9BQU9QLElBQUlHLFFBQVE7Ozs7O0FBVWpELE9BQU8sTUFBTUssMkJBQWF0QixLQUFLRyxxQkFBcUI7QUFDcERtQixXQUFXQyxXQUFXLEdBQUcifQ==

package/lib/components/FaqSection/FaqSection.stories.js

@@ -0,0 +1,31 @@
+import { FaqSection } from './FaqSection.js';
+const meta = {
+    component: FaqSection,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Marketing/Sections/FaqSection'
+};
+export default meta;
+export const ThreeColumn = {
+    args: {
+        description: 'Answers for the most common implementation questions.',
+        faqs: [
+            {
+                answer: 'Yes. Components accept data props and className overrides.',
+                question: 'Can I reuse these across microsites?'
+            },
+            {
+                answer: 'Yes. Classes target Tailwind v4 tokens and Gotham theme colors.',
+                question: 'Are the styles Gotham-aware?'
+            },
+            {
+                answer: 'Yes. Each component has a sibling test and Storybook example.',
+                question: 'Are examples included?'
+            }
+        ],
+        title: 'Frequently asked questions'
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0ZhcVNlY3Rpb24vRmFxU2VjdGlvbi5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0ZhcVNlY3Rpb259IGZyb20gJy4vRmFxU2VjdGlvbi5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBGYXFTZWN0aW9uPiA9IHtcbiAgY29tcG9uZW50OiBGYXFTZWN0aW9uLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnZnVsbHNjcmVlbidcbiAgfSxcbiAgdGl0bGU6ICdNYXJrZXRpbmcvU2VjdGlvbnMvRmFxU2VjdGlvbidcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgRmFxU2VjdGlvbj47XG5cbmV4cG9ydCBjb25zdCBUaHJlZUNvbHVtbjogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBkZXNjcmlwdGlvbjogJ0Fuc3dlcnMgZm9yIHRoZSBtb3N0IGNvbW1vbiBpbXBsZW1lbnRhdGlvbiBxdWVzdGlvbnMuJyxcbiAgICBmYXFzOiBbXG4gICAgICB7YW5zd2VyOiAnWWVzLiBDb21wb25lbnRzIGFjY2VwdCBkYXRhIHByb3BzIGFuZCBjbGFzc05hbWUgb3ZlcnJpZGVzLicsIHF1ZXN0aW9uOiAnQ2FuIEkgcmV1c2UgdGhlc2UgYWNyb3NzIG1pY3Jvc2l0ZXM/J30sXG4gICAgICB7YW5zd2VyOiAnWWVzLiBDbGFzc2VzIHRhcmdldCBUYWlsd2luZCB2NCB0b2tlbnMgYW5kIEdvdGhhbSB0aGVtZSBjb2xvcnMuJywgcXVlc3Rpb246ICdBcmUgdGhlIHN0eWxlcyBHb3RoYW0tYXdhcmU/J30sXG4gICAgICB7YW5zd2VyOiAnWWVzLiBFYWNoIGNvbXBvbmVudCBoYXMgYSBzaWJsaW5nIHRlc3QgYW5kIFN0b3J5Ym9vayBleGFtcGxlLicsIHF1ZXN0aW9uOiAnQXJlIGV4YW1wbGVzIGluY2x1ZGVkPyd9XG4gICAgXSxcbiAgICB0aXRsZTogJ0ZyZXF1ZW50bHkgYXNrZWQgcXVlc3Rpb25zJ1xuICB9XG59O1xuIl0sIm5hbWVzIjpbIkZhcVNlY3Rpb24iLCJtZXRhIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsInRpdGxlIiwiVGhyZWVDb2x1bW4iLCJhcmdzIiwiZGVzY3JpcHRpb24iLCJmYXFzIiwiYW5zd2VyIiwicXVlc3Rpb24iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVFBLFVBQVUsUUFBTyxrQkFBa0I7QUFJM0MsTUFBTUMsT0FBZ0M7SUFDcENDLFdBQVdGO0lBQ1hHLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxjQUFxQjtJQUNoQ0MsTUFBTTtRQUNKQyxhQUFhO1FBQ2JDLE1BQU07WUFDSjtnQkFBQ0MsUUFBUTtnQkFBOERDLFVBQVU7WUFBc0M7WUFDdkg7Z0JBQUNELFFBQVE7Z0JBQW1FQyxVQUFVO1lBQThCO1lBQ3BIO2dCQUFDRCxRQUFRO2dCQUFpRUMsVUFBVTtZQUF3QjtTQUM3RztRQUNETixPQUFPO0lBQ1Q7QUFDRixFQUFFIn0=

package/lib/components/Fieldset/Fieldset.d.ts

@@ -0,0 +1,21 @@
+import { Description as HeadlessDescription, Field as HeadlessField, Fieldset as HeadlessFieldset, Label as HeadlessLabel, Legend as HeadlessLegend } from '@headlessui/react';
+import type { ComponentPropsWithoutRef } from 'react';
+export declare const Fieldset: ({ className, ...props }: Omit<ComponentPropsWithoutRef<typeof HeadlessFieldset>, 'as' | 'className'> & {
+    readonly className?: string;
+}) => import("react").JSX.Element;
+export declare const Legend: ({ className, ...props }: Omit<ComponentPropsWithoutRef<typeof HeadlessLegend>, 'as' | 'className'> & {
+    readonly className?: string;
+}) => import("react").JSX.Element;
+export declare const FieldGroup: ({ className, ...props }: ComponentPropsWithoutRef<'div'>) => import("react").JSX.Element;
+export declare const Field: ({ className, ...props }: Omit<ComponentPropsWithoutRef<typeof HeadlessField>, 'as' | 'className'> & {
+    readonly className?: string;
+}) => import("react").JSX.Element;
+export declare const FieldLabel: ({ className, ...props }: Omit<ComponentPropsWithoutRef<typeof HeadlessLabel>, 'as' | 'className'> & {
+    readonly className?: string;
+}) => import("react").JSX.Element;
+export declare const FieldDescription: ({ className, ...props }: Omit<ComponentPropsWithoutRef<typeof HeadlessDescription>, 'as' | 'className'> & {
+    readonly className?: string;
+}) => import("react").JSX.Element;
+export declare const FieldError: ({ className, ...props }: Omit<ComponentPropsWithoutRef<typeof HeadlessDescription>, 'as' | 'className'> & {
+    readonly className?: string;
+}) => import("react").JSX.Element;

package/lib/components/Fieldset/Fieldset.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Description as HeadlessDescription, Field as HeadlessField, Fieldset as HeadlessFieldset, Label as HeadlessLabel, Legend as HeadlessLegend } from '@headlessui/react';
+import { cn } from '@nlabs/utils';
+export const Fieldset = ({ className, ...props })=>/*#__PURE__*/ _jsx(HeadlessFieldset, {
+        className: cn('*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6', className),
+        ...props
+    });
+export const Legend = ({ className, ...props })=>/*#__PURE__*/ _jsx(HeadlessLegend, {
+        className: cn('text-base/6 font-semibold text-foreground data-disabled:opacity-50 sm:text-sm/6 dark:text-foreground-dark', className),
+        "data-slot": "legend",
+        ...props
+    });
+export const FieldGroup = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('space-y-8', className),
+        "data-slot": "control",
+        ...props
+    });
+export const Field = ({ className, ...props })=>/*#__PURE__*/ _jsx(HeadlessField, {
+        className: cn('[&>[data-slot=label]+[data-slot=control]]:mt-3', '[&>[data-slot=label]+[data-slot=description]]:mt-1', '[&>[data-slot=description]+[data-slot=control]]:mt-3', '[&>[data-slot=control]+[data-slot=description]]:mt-3', '[&>[data-slot=control]+[data-slot=error]]:mt-3', '*:data-[slot=label]:font-medium', className),
+        "data-slot": "field",
+        ...props
+    });
+export const FieldLabel = ({ className, ...props })=>/*#__PURE__*/ _jsx(HeadlessLabel, {
+        className: cn('text-base/6 text-foreground select-none data-disabled:opacity-50 sm:text-sm/6 dark:text-foreground-dark', className),
+        "data-slot": "label",
+        ...props
+    });
+export const FieldDescription = ({ className, ...props })=>/*#__PURE__*/ _jsx(HeadlessDescription, {
+        className: cn('text-base/6 text-muted-foreground data-disabled:opacity-50 sm:text-sm/6 dark:text-muted-foreground-dark', className),
+        "data-slot": "description",
+        ...props
+    });
+export const FieldError = ({ className, ...props })=>/*#__PURE__*/ _jsx(HeadlessDescription, {
+        className: cn('text-base/6 text-error data-disabled:opacity-50 sm:text-sm/6 dark:text-error-dark', className),
+        "data-slot": "error",
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0ZpZWxkc2V0L0ZpZWxkc2V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0Rlc2NyaXB0aW9uIGFzIEhlYWRsZXNzRGVzY3JpcHRpb24sIEZpZWxkIGFzIEhlYWRsZXNzRmllbGQsIEZpZWxkc2V0IGFzIEhlYWRsZXNzRmllbGRzZXQsIExhYmVsIGFzIEhlYWRsZXNzTGFiZWwsIExlZ2VuZCBhcyBIZWFkbGVzc0xlZ2VuZH0gZnJvbSAnQGhlYWRsZXNzdWkvcmVhY3QnO1xuaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHR5cGUge0NvbXBvbmVudFByb3BzV2l0aG91dFJlZn0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSAoe1xuICBjbGFzc05hbWUsXG4gIC4uLnByb3BzXG59OiBPbWl0PENvbXBvbmVudFByb3BzV2l0aG91dFJlZjx0eXBlb2YgSGVhZGxlc3NGaWVsZHNldD4sICdhcycgfCAnY2xhc3NOYW1lJz4gJiB7cmVhZG9ubHkgY2xhc3NOYW1lPzogc3RyaW5nfSkgPT4gKFxuICA8SGVhZGxlc3NGaWVsZHNldFxuICAgIGNsYXNzTmFtZT17Y24oJyo6ZGF0YS1bc2xvdD10ZXh0XTptdC0xIFsmPiorW2RhdGEtc2xvdD1jb250cm9sXV06bXQtNicsIGNsYXNzTmFtZSl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IE9taXQ8Q29tcG9uZW50UHJvcHNXaXRob3V0UmVmPHR5cGVvZiBIZWFkbGVzc0xlZ2VuZD4sICdhcycgfCAnY2xhc3NOYW1lJz4gJiB7cmVhZG9ubHkgY2xhc3NOYW1lPzogc3RyaW5nfSkgPT4gKFxuICA8SGVhZGxlc3NMZWdlbmRcbiAgICBjbGFzc05hbWU9e2NuKCd0ZXh0LWJhc2UvNiBmb250LXNlbWlib2xkIHRleHQtZm9yZWdyb3VuZCBkYXRhLWRpc2FibGVkOm9wYWNpdHktNTAgc206dGV4dC1zbS82IGRhcms6dGV4dC1mb3JlZ3JvdW5kLWRhcmsnLCBjbGFzc05hbWUpfVxuICAgIGRhdGEtc2xvdD1cImxlZ2VuZFwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkR3JvdXAgPSAoe1xuICBjbGFzc05hbWUsXG4gIC4uLnByb3BzXG59OiBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J2Rpdic+KSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2NuKCdzcGFjZS15LTgnLCBjbGFzc05hbWUpfVxuICAgIGRhdGEtc2xvdD1cImNvbnRyb2xcIlxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBGaWVsZCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IE9taXQ8Q29tcG9uZW50UHJvcHNXaXRob3V0UmVmPHR5cGVvZiBIZWFkbGVzc0ZpZWxkPiwgJ2FzJyB8ICdjbGFzc05hbWUnPiAmIHtyZWFkb25seSBjbGFzc05hbWU/OiBzdHJpbmd9KSA9PiAoXG4gIDxIZWFkbGVzc0ZpZWxkXG4gICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICdbJj5bZGF0YS1zbG90PWxhYmVsXStbZGF0YS1zbG90PWNvbnRyb2xdXTptdC0zJyxcbiAgICAgICdbJj5bZGF0YS1zbG90PWxhYmVsXStbZGF0YS1zbG90PWRlc2NyaXB0aW9uXV06bXQtMScsXG4gICAgICAnWyY+W2RhdGEtc2xvdD1kZXNjcmlwdGlvbl0rW2RhdGEtc2xvdD1jb250cm9sXV06bXQtMycsXG4gICAgICAnWyY+W2RhdGEtc2xvdD1jb250cm9sXStbZGF0YS1zbG90PWRlc2NyaXB0aW9uXV06bXQtMycsXG4gICAgICAnWyY+W2RhdGEtc2xvdD1jb250cm9sXStbZGF0YS1zbG90PWVycm9yXV06bXQtMycsXG4gICAgICAnKjpkYXRhLVtzbG90PWxhYmVsXTpmb250LW1lZGl1bScsXG4gICAgICBjbGFzc05hbWVcbiAgICApfVxuICAgIGRhdGEtc2xvdD1cImZpZWxkXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IE9taXQ8Q29tcG9uZW50UHJvcHNXaXRob3V0UmVmPHR5cGVvZiBIZWFkbGVzc0xhYmVsPiwgJ2FzJyB8ICdjbGFzc05hbWUnPiAmIHtyZWFkb25seSBjbGFzc05hbWU/OiBzdHJpbmd9KSA9PiAoXG4gIDxIZWFkbGVzc0xhYmVsXG4gICAgY2xhc3NOYW1lPXtjbigndGV4dC1iYXNlLzYgdGV4dC1mb3JlZ3JvdW5kIHNlbGVjdC1ub25lIGRhdGEtZGlzYWJsZWQ6b3BhY2l0eS01MCBzbTp0ZXh0LXNtLzYgZGFyazp0ZXh0LWZvcmVncm91bmQtZGFyaycsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwibGFiZWxcIlxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBGaWVsZERlc2NyaXB0aW9uID0gKHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogT21pdDxDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8dHlwZW9mIEhlYWRsZXNzRGVzY3JpcHRpb24+LCAnYXMnIHwgJ2NsYXNzTmFtZSc+ICYge3JlYWRvbmx5IGNsYXNzTmFtZT86IHN0cmluZ30pID0+IChcbiAgPEhlYWRsZXNzRGVzY3JpcHRpb25cbiAgICBjbGFzc05hbWU9e2NuKCd0ZXh0LWJhc2UvNiB0ZXh0LW11dGVkLWZvcmVncm91bmQgZGF0YS1kaXNhYmxlZDpvcGFjaXR5LTUwIHNtOnRleHQtc20vNiBkYXJrOnRleHQtbXV0ZWQtZm9yZWdyb3VuZC1kYXJrJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJkZXNjcmlwdGlvblwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkRXJyb3IgPSAoe1xuICBjbGFzc05hbWUsXG4gIC4uLnByb3BzXG59OiBPbWl0PENvbXBvbmVudFByb3BzV2l0aG91dFJlZjx0eXBlb2YgSGVhZGxlc3NEZXNjcmlwdGlvbj4sICdhcycgfCAnY2xhc3NOYW1lJz4gJiB7cmVhZG9ubHkgY2xhc3NOYW1lPzogc3RyaW5nfSkgPT4gKFxuICA8SGVhZGxlc3NEZXNjcmlwdGlvblxuICAgIGNsYXNzTmFtZT17Y24oJ3RleHQtYmFzZS82IHRleHQtZXJyb3IgZGF0YS1kaXNhYmxlZDpvcGFjaXR5LTUwIHNtOnRleHQtc20vNiBkYXJrOnRleHQtZXJyb3ItZGFyaycsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiZXJyb3JcIlxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG4iXSwibmFtZXMiOlsiRGVzY3JpcHRpb24iLCJIZWFkbGVzc0Rlc2NyaXB0aW9uIiwiRmllbGQiLCJIZWFkbGVzc0ZpZWxkIiwiRmllbGRzZXQiLCJIZWFkbGVzc0ZpZWxkc2V0IiwiTGFiZWwiLCJIZWFkbGVzc0xhYmVsIiwiTGVnZW5kIiwiSGVhZGxlc3NMZWdlbmQiLCJjbiIsImNsYXNzTmFtZSIsInByb3BzIiwiZGF0YS1zbG90IiwiRmllbGRHcm91cCIsImRpdiIsIkZpZWxkTGFiZWwiLCJGaWVsZERlc2NyaXB0aW9uIiwiRmllbGRFcnJvciJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLGVBQWVDLG1CQUFtQixFQUFFQyxTQUFTQyxhQUFhLEVBQUVDLFlBQVlDLGdCQUFnQixFQUFFQyxTQUFTQyxhQUFhLEVBQUVDLFVBQVVDLGNBQWMsUUFBTyxvQkFBb0I7QUFDN0ssU0FBUUMsRUFBRSxRQUFPLGVBQWU7QUFJaEMsT0FBTyxNQUFNTixXQUFXLENBQUMsRUFDdkJPLFNBQVMsRUFDVCxHQUFHQyxPQUN5RyxpQkFDNUcsS0FBQ1A7UUFDQ00sV0FBV0QsR0FBRywwREFBMERDO1FBQ3ZFLEdBQUdDLEtBQUs7T0FFWDtBQUVGLE9BQU8sTUFBTUosU0FBUyxDQUFDLEVBQ3JCRyxTQUFTLEVBQ1QsR0FBR0MsT0FDdUcsaUJBQzFHLEtBQUNIO1FBQ0NFLFdBQVdELEdBQUcsNkdBQTZHQztRQUMzSEUsYUFBVTtRQUNULEdBQUdELEtBQUs7T0FFWDtBQUVGLE9BQU8sTUFBTUUsYUFBYSxDQUFDLEVBQ3pCSCxTQUFTLEVBQ1QsR0FBR0MsT0FDNkIsaUJBQ2hDLEtBQUNHO1FBQ0NKLFdBQVdELEdBQUcsYUFBYUM7UUFDM0JFLGFBQVU7UUFDVCxHQUFHRCxLQUFLO09BRVg7QUFFRixPQUFPLE1BQU1WLFFBQVEsQ0FBQyxFQUNwQlMsU0FBUyxFQUNULEdBQUdDLE9BQ3NHLGlCQUN6RyxLQUFDVDtRQUNDUSxXQUFXRCxHQUNULGtEQUNBLHNEQUNBLHdEQUNBLHdEQUNBLGtEQUNBLG1DQUNBQztRQUVGRSxhQUFVO1FBQ1QsR0FBR0QsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNSSxhQUFhLENBQUMsRUFDekJMLFNBQVMsRUFDVCxHQUFHQyxPQUNzRyxpQkFDekcsS0FBQ0w7UUFDQ0ksV0FBV0QsR0FBRywyR0FBMkdDO1FBQ3pIRSxhQUFVO1FBQ1QsR0FBR0QsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNSyxtQkFBbUIsQ0FBQyxFQUMvQk4sU0FBUyxFQUNULEdBQUdDLE9BQzRHLGlCQUMvRyxLQUFDWDtRQUNDVSxXQUFXRCxHQUFHLDJHQUEyR0M7UUFDekhFLGFBQVU7UUFDVCxHQUFHRCxLQUFLO09BRVg7QUFFRixPQUFPLE1BQU1NLGFBQWEsQ0FBQyxFQUN6QlAsU0FBUyxFQUNULEdBQUdDLE9BQzRHLGlCQUMvRyxLQUFDWDtRQUNDVSxXQUFXRCxHQUFHLHFGQUFxRkM7UUFDbkdFLGFBQVU7UUFDVCxHQUFHRCxLQUFLO09BRVgifQ==

package/lib/components/Fieldset/Fieldset.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { InputField } from '../InputField/InputField.js';
+import { Field, FieldDescription, FieldGroup, FieldLabel, Fieldset, Legend } from './Fieldset.js';
+const meta = {
+    component: Fieldset,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Form/Fieldset'
+};
+export default meta;
+export const Default = {
+    play: interactWithCanvas,
+    render: ()=>/*#__PURE__*/ _jsxs(Fieldset, {
+            className: "w-96",
+            children: [
+                /*#__PURE__*/ _jsx(Legend, {
+                    children: "Profile"
+                }),
+                /*#__PURE__*/ _jsx(FieldGroup, {
+                    children: /*#__PURE__*/ _jsxs(Field, {
+                        children: [
+                            /*#__PURE__*/ _jsx(FieldLabel, {
+                                children: "Name"
+                            }),
+                            /*#__PURE__*/ _jsx(FieldDescription, {
+                                children: "Shown on your public profile."
+                            }),
+                            /*#__PURE__*/ _jsx(InputField, {
+                                name: "name",
+                                placeholder: "Bruce Wayne"
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0ZpZWxkc2V0L0ZpZWxkc2V0LnN0b3JpZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7aW50ZXJhY3RXaXRoQ2FudmFzfSBmcm9tICcuLi8uLi91dGlscy9zdG9yeUludGVyYWN0aW9ucy5qcyc7XG5pbXBvcnQge0lucHV0RmllbGR9IGZyb20gJy4uL0lucHV0RmllbGQvSW5wdXRGaWVsZC5qcyc7XG5pbXBvcnQge0ZpZWxkLCBGaWVsZERlc2NyaXB0aW9uLCBGaWVsZEdyb3VwLCBGaWVsZExhYmVsLCBGaWVsZHNldCwgTGVnZW5kfSBmcm9tICcuL0ZpZWxkc2V0LmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIEZpZWxkc2V0PiA9IHtcbiAgY29tcG9uZW50OiBGaWVsZHNldCxcbiAgcGFyYW1ldGVyczoge1xuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvRm9ybS9GaWVsZHNldCdcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgRmllbGRzZXQ+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhcyxcbiAgcmVuZGVyOiAoKSA9PiAoXG4gICAgPEZpZWxkc2V0IGNsYXNzTmFtZT1cInctOTZcIj5cbiAgICAgIDxMZWdlbmQ+UHJvZmlsZTwvTGVnZW5kPlxuICAgICAgPEZpZWxkR3JvdXA+XG4gICAgICAgIDxGaWVsZD5cbiAgICAgICAgICA8RmllbGRMYWJlbD5OYW1lPC9GaWVsZExhYmVsPlxuICAgICAgICAgIDxGaWVsZERlc2NyaXB0aW9uPlNob3duIG9uIHlvdXIgcHVibGljIHByb2ZpbGUuPC9GaWVsZERlc2NyaXB0aW9uPlxuICAgICAgICAgIDxJbnB1dEZpZWxkIG5hbWU9XCJuYW1lXCIgcGxhY2Vob2xkZXI9XCJCcnVjZSBXYXluZVwiIC8+XG4gICAgICAgIDwvRmllbGQ+XG4gICAgICA8L0ZpZWxkR3JvdXA+XG4gICAgPC9GaWVsZHNldD5cbiAgKVxufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImludGVyYWN0V2l0aENhbnZhcyIsIklucHV0RmllbGQiLCJGaWVsZCIsIkZpZWxkRGVzY3JpcHRpb24iLCJGaWVsZEdyb3VwIiwiRmllbGRMYWJlbCIsIkZpZWxkc2V0IiwiTGVnZW5kIiwibWV0YSIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJwbGF5IiwicmVuZGVyIiwiY2xhc3NOYW1lIiwibmFtZSIsInBsYWNlaG9sZGVyIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBRTFCLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxVQUFVLFFBQU8sOEJBQThCO0FBQ3ZELFNBQVFDLEtBQUssRUFBRUMsZ0JBQWdCLEVBQUVDLFVBQVUsRUFBRUMsVUFBVSxFQUFFQyxRQUFRLEVBQUVDLE1BQU0sUUFBTyxnQkFBZ0I7QUFJaEcsTUFBTUMsT0FBOEI7SUFDbENDLFdBQVdIO0lBQ1hJLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxVQUFpQjtJQUM1QkMsTUFBTWQ7SUFDTmUsUUFBUSxrQkFDTixNQUFDVDtZQUFTVSxXQUFVOzs4QkFDbEIsS0FBQ1Q7OEJBQU87OzhCQUNSLEtBQUNIOzhCQUNDLGNBQUEsTUFBQ0Y7OzBDQUNDLEtBQUNHOzBDQUFXOzswQ0FDWixLQUFDRjswQ0FBaUI7OzBDQUNsQixLQUFDRjtnQ0FBV2dCLE1BQUs7Z0NBQU9DLGFBQVk7Ozs7Ozs7QUFLOUMsRUFBRSJ9

package/lib/components/Footer/Footer.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+export interface FooterLink {
+    readonly href: string;
+    readonly label: string;
+}
+export interface FooterLinkGroup {
+    readonly links: readonly FooterLink[];
+    readonly title: string;
+}
+export interface FooterSocialLink extends FooterLink {
+    readonly icon?: ReactNode;
+}
+export interface FooterProps {
+    readonly brand?: ReactNode;
+    readonly className?: string;
+    readonly copyright?: string;
+    readonly description?: ReactNode;
+    readonly links?: readonly FooterLink[];
+    readonly linkGroups?: readonly FooterLinkGroup[];
+    readonly socialLinks?: readonly FooterSocialLink[];
+    readonly supportEmail?: string;
+    readonly supportLabel?: string;
+    readonly variant?: 'small' | 'large';
+}
+export declare const Footer: ({ brand, className, copyright, description, links, linkGroups, socialLinks, supportEmail, supportLabel, variant }: FooterProps) => import("react").JSX.Element;
+export default Footer;

package/lib/components/Footer/Footer.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+export const Footer = ({ brand, className, copyright, description, links = [], linkGroups = [], socialLinks = [], supportEmail = '', supportLabel = 'Support', variant = 'small' })=>{
+    const hasSupportEmail = Boolean(String(supportEmail || '').trim());
+    if (variant === 'large') {
+        return /*#__PURE__*/ _jsx("footer", {
+            className: cn('bg-gray-900 dark:bg-gray-950', className),
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "xl:grid xl:grid-cols-3 xl:gap-8",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "space-y-8",
+                                children: [
+                                    brand ? /*#__PURE__*/ _jsx("div", {
+                                        className: "flex items-center gap-3",
+                                        children: brand
+                                    }) : null,
+                                    description ? /*#__PURE__*/ _jsx("p", {
+                                        className: "text-balance text-sm/6 text-gray-400",
+                                        children: description
+                                    }) : null,
+                                    socialLinks.length > 0 ? /*#__PURE__*/ _jsx("div", {
+                                        className: "flex gap-x-6",
+                                        children: socialLinks.map((item)=>/*#__PURE__*/ _jsxs("a", {
+                                                className: "text-gray-400 transition-colors duration-200 hover:text-violet-400",
+                                                href: item.href,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        className: "sr-only",
+                                                        children: item.label
+                                                    }),
+                                                    item.icon ? item.icon : item.label
+                                                ]
+                                            }, `${item.label}-${item.href}`))
+                                    }) : null
+                                ]
+                            }),
+                            linkGroups.length > 0 ? /*#__PURE__*/ _jsx("div", {
+                                className: "mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0",
+                                children: linkGroups.map((group)=>/*#__PURE__*/ _jsxs("div", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("h3", {
+                                                className: "text-sm/6 font-semibold text-white",
+                                                children: group.title
+                                            }),
+                                            /*#__PURE__*/ _jsx("ul", {
+                                                className: "mt-6 space-y-4",
+                                                role: "list",
+                                                children: group.links.map((item)=>/*#__PURE__*/ _jsx("li", {
+                                                        children: /*#__PURE__*/ _jsx("a", {
+                                                            className: "text-sm/6 text-gray-400 transition-colors duration-200 hover:text-violet-400",
+                                                            href: item.href,
+                                                            children: item.label
+                                                        })
+                                                    }, `${group.title}-${item.label}-${item.href}`))
+                                            })
+                                        ]
+                                    }, group.title))
+                            }) : null
+                        ]
+                    }),
+                    copyright ? /*#__PURE__*/ _jsx("div", {
+                        className: "mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24",
+                        children: /*#__PURE__*/ _jsx("p", {
+                            className: "text-sm/6 text-gray-400",
+                            children: copyright
+                        })
+                    }) : null
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx("footer", {
+        className: cn('border-t border-gray-900/8 bg-white/70 backdrop-blur-sm dark:border-white/8 dark:bg-gray-900/70', className),
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "mx-auto flex max-w-7xl flex-col gap-5 px-5 py-6 sm:px-6 lg:px-8",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between",
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "flex items-center",
+                            children: brand
+                        }),
+                        /*#__PURE__*/ _jsxs("nav", {
+                            "aria-label": "Footer",
+                            className: "flex flex-wrap items-center gap-x-5 gap-y-2",
+                            children: [
+                                links.map((item)=>/*#__PURE__*/ _jsx("a", {
+                                        className: "text-sm font-medium text-gray-500 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-white",
+                                        href: item.href,
+                                        children: item.label
+                                    }, `${item.label}-${item.href}`)),
+                                hasSupportEmail ? /*#__PURE__*/ _jsx("a", {
+                                    className: "text-sm font-medium text-gray-500 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-white",
+                                    href: `mailto:${supportEmail}`,
+                                    children: supportLabel
+                                }) : null
+                            ]
+                        })
+                    ]
+                }),
+                copyright ? /*#__PURE__*/ _jsx("div", {
+                    className: "border-t border-gray-900/8 pt-4 dark:border-white/8",
+                    children: /*#__PURE__*/ _jsx("p", {
+                        className: "text-xs text-gray-500 dark:text-gray-400",
+                        children: copyright
+                    })
+                }) : null
+            ]
+        })
+    });
+};
+export default Footer;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0Zvb3Rlci9Gb290ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5cbmltcG9ydCB0eXBlIHtSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGludGVyZmFjZSBGb290ZXJMaW5rIHtcbiAgcmVhZG9ubHkgaHJlZjogc3RyaW5nO1xuICByZWFkb25seSBsYWJlbDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvb3RlckxpbmtHcm91cCB7XG4gIHJlYWRvbmx5IGxpbmtzOiByZWFkb25seSBGb290ZXJMaW5rW107XG4gIHJlYWRvbmx5IHRpdGxlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9vdGVyU29jaWFsTGluayBleHRlbmRzIEZvb3Rlckxpbmsge1xuICByZWFkb25seSBpY29uPzogUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvb3RlclByb3BzIHtcbiAgcmVhZG9ubHkgYnJhbmQ/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGNsYXNzTmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgY29weXJpZ2h0Pzogc3RyaW5nO1xuICByZWFkb25seSBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgbGlua3M/OiByZWFkb25seSBGb290ZXJMaW5rW107XG4gIHJlYWRvbmx5IGxpbmtHcm91cHM/OiByZWFkb25seSBGb290ZXJMaW5rR3JvdXBbXTtcbiAgcmVhZG9ubHkgc29jaWFsTGlua3M/OiByZWFkb25seSBGb290ZXJTb2NpYWxMaW5rW107XG4gIHJlYWRvbmx5IHN1cHBvcnRFbWFpbD86IHN0cmluZztcbiAgcmVhZG9ubHkgc3VwcG9ydExhYmVsPzogc3RyaW5nO1xuICByZWFkb25seSB2YXJpYW50PzogJ3NtYWxsJyB8ICdsYXJnZSc7XG59XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSAoe1xuICBicmFuZCxcbiAgY2xhc3NOYW1lLFxuICBjb3B5cmlnaHQsXG4gIGRlc2NyaXB0aW9uLFxuICBsaW5rcyA9IFtdLFxuICBsaW5rR3JvdXBzID0gW10sXG4gIHNvY2lhbExpbmtzID0gW10sXG4gIHN1cHBvcnRFbWFpbCA9ICcnLFxuICBzdXBwb3J0TGFiZWwgPSAnU3VwcG9ydCcsXG4gIHZhcmlhbnQgPSAnc21hbGwnXG59OiBGb290ZXJQcm9wcykgPT4ge1xuICBjb25zdCBoYXNTdXBwb3J0RW1haWwgPSBCb29sZWFuKFN0cmluZyhzdXBwb3J0RW1haWwgfHwgJycpLnRyaW0oKSk7XG5cbiAgaWYodmFyaWFudCA9PT0gJ2xhcmdlJykge1xuICAgIHJldHVybiAoXG4gICAgICA8Zm9vdGVyIGNsYXNzTmFtZT17Y24oJ2JnLWdyYXktOTAwIGRhcms6YmctZ3JheS05NTAnLCBjbGFzc05hbWUpfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteC1hdXRvIG1heC13LTd4bCBweC02IHBiLTggcHQtMTYgc206cHQtMjQgbGc6cHgtOCBsZzpwdC0zMlwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwieGw6Z3JpZCB4bDpncmlkLWNvbHMtMyB4bDpnYXAtOFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzcGFjZS15LThcIj5cbiAgICAgICAgICAgICAge2JyYW5kID8gKFxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTNcIj5cbiAgICAgICAgICAgICAgICAgIHticmFuZH1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICA8cCBjbGFzc05hbWU9XCJ0ZXh0LWJhbGFuY2UgdGV4dC1zbS82IHRleHQtZ3JheS00MDBcIj5cbiAgICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICB7c29jaWFsTGlua3MubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggZ2FwLXgtNlwiPlxuICAgICAgICAgICAgICAgICAge3NvY2lhbExpbmtzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cInRleHQtZ3JheS00MDAgdHJhbnNpdGlvbi1jb2xvcnMgZHVyYXRpb24tMjAwIGhvdmVyOnRleHQtdmlvbGV0LTQwMFwiXG4gICAgICAgICAgICAgICAgICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgICAgICAgICAgICAgICAgIGtleT17YCR7aXRlbS5sYWJlbH0tJHtpdGVtLmhyZWZ9YH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInNyLW9ubHlcIj57aXRlbS5sYWJlbH08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAge2l0ZW0uaWNvbiA/IGl0ZW0uaWNvbiA6IGl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAge2xpbmtHcm91cHMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtdC0xNiBncmlkIGdyaWQtY29scy0yIGdhcC04IHhsOmNvbC1zcGFuLTIgeGw6bXQtMFwiPlxuICAgICAgICAgICAgICAgIHtsaW5rR3JvdXBzLm1hcCgoZ3JvdXApID0+IChcbiAgICAgICAgICAgICAgICAgIDxkaXYga2V5PXtncm91cC50aXRsZX0+XG4gICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzc05hbWU9XCJ0ZXh0LXNtLzYgZm9udC1zZW1pYm9sZCB0ZXh0LXdoaXRlXCI+e2dyb3VwLnRpdGxlfTwvaDM+XG4gICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzc05hbWU9XCJtdC02IHNwYWNlLXktNFwiIHJvbGU9XCJsaXN0XCI+XG4gICAgICAgICAgICAgICAgICAgICAge2dyb3VwLmxpbmtzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGtleT17YCR7Z3JvdXAudGl0bGV9LSR7aXRlbS5sYWJlbH0tJHtpdGVtLmhyZWZ9YH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwidGV4dC1zbS82IHRleHQtZ3JheS00MDAgdHJhbnNpdGlvbi1jb2xvcnMgZHVyYXRpb24tMjAwIGhvdmVyOnRleHQtdmlvbGV0LTQwMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7Y29weXJpZ2h0ID8gKFxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtdC0xNiBib3JkZXItdCBib3JkZXItd2hpdGUvMTAgcHQtOCBzbTptdC0yMCBsZzptdC0yNFwiPlxuICAgICAgICAgICAgICA8cCBjbGFzc05hbWU9XCJ0ZXh0LXNtLzYgdGV4dC1ncmF5LTQwMFwiPntjb3B5cmlnaHR9PC9wPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9mb290ZXI+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGZvb3RlciBjbGFzc05hbWU9e2NuKCdib3JkZXItdCBib3JkZXItZ3JheS05MDAvOCBiZy13aGl0ZS83MCBiYWNrZHJvcC1ibHVyLXNtIGRhcms6Ym9yZGVyLXdoaXRlLzggZGFyazpiZy1ncmF5LTkwMC83MCcsIGNsYXNzTmFtZSl9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJteC1hdXRvIGZsZXggbWF4LXctN3hsIGZsZXgtY29sIGdhcC01IHB4LTUgcHktNiBzbTpweC02IGxnOnB4LThcIj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGZsZXgtY29sIGdhcC00IG1kOmZsZXgtcm93IG1kOml0ZW1zLWNlbnRlciBtZDpqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICB7YnJhbmR9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPG5hdiBhcmlhLWxhYmVsPVwiRm9vdGVyXCIgY2xhc3NOYW1lPVwiZmxleCBmbGV4LXdyYXAgaXRlbXMtY2VudGVyIGdhcC14LTUgZ2FwLXktMlwiPlxuICAgICAgICAgICAge2xpbmtzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cInRleHQtc20gZm9udC1tZWRpdW0gdGV4dC1ncmF5LTUwMCB0cmFuc2l0aW9uLWNvbG9ycyBob3Zlcjp0ZXh0LWdyYXktOTAwIGRhcms6dGV4dC1ncmF5LTQwMCBkYXJrOmhvdmVyOnRleHQtd2hpdGVcIlxuICAgICAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgICAgICBrZXk9e2Ake2l0ZW0ubGFiZWx9LSR7aXRlbS5ocmVmfWB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbS5sYWJlbH1cbiAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICB7aGFzU3VwcG9ydEVtYWlsID8gKFxuICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cInRleHQtc20gZm9udC1tZWRpdW0gdGV4dC1ncmF5LTUwMCB0cmFuc2l0aW9uLWNvbG9ycyBob3Zlcjp0ZXh0LWdyYXktOTAwIGRhcms6dGV4dC1ncmF5LTQwMCBkYXJrOmhvdmVyOnRleHQtd2hpdGVcIlxuICAgICAgICAgICAgICAgIGhyZWY9e2BtYWlsdG86JHtzdXBwb3J0RW1haWx9YH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtzdXBwb3J0TGFiZWx9XG4gICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvbmF2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2NvcHlyaWdodCA/IChcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlci10IGJvcmRlci1ncmF5LTkwMC84IHB0LTQgZGFyazpib3JkZXItd2hpdGUvOFwiPlxuICAgICAgICAgICAgPHAgY2xhc3NOYW1lPVwidGV4dC14cyB0ZXh0LWdyYXktNTAwIGRhcms6dGV4dC1ncmF5LTQwMFwiPntjb3B5cmlnaHR9PC9wPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZm9vdGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRm9vdGVyO1xuIl0sIm5hbWVzIjpbImNuIiwiRm9vdGVyIiwiYnJhbmQiLCJjbGFzc05hbWUiLCJjb3B5cmlnaHQiLCJkZXNjcmlwdGlvbiIsImxpbmtzIiwibGlua0dyb3VwcyIsInNvY2lhbExpbmtzIiwic3VwcG9ydEVtYWlsIiwic3VwcG9ydExhYmVsIiwidmFyaWFudCIsImhhc1N1cHBvcnRFbWFpbCIsIkJvb2xlYW4iLCJTdHJpbmciLCJ0cmltIiwiZm9vdGVyIiwiZGl2IiwicCIsImxlbmd0aCIsIm1hcCIsIml0ZW0iLCJhIiwiaHJlZiIsInNwYW4iLCJsYWJlbCIsImljb24iLCJncm91cCIsImgzIiwidGl0bGUiLCJ1bCIsInJvbGUiLCJsaSIsIm5hdiIsImFyaWEtbGFiZWwiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQStCaEMsT0FBTyxNQUFNQyxTQUFTLENBQUMsRUFDckJDLEtBQUssRUFDTEMsU0FBUyxFQUNUQyxTQUFTLEVBQ1RDLFdBQVcsRUFDWEMsUUFBUSxFQUFFLEVBQ1ZDLGFBQWEsRUFBRSxFQUNmQyxjQUFjLEVBQUUsRUFDaEJDLGVBQWUsRUFBRSxFQUNqQkMsZUFBZSxTQUFTLEVBQ3hCQyxVQUFVLE9BQU8sRUFDTDtJQUNaLE1BQU1DLGtCQUFrQkMsUUFBUUMsT0FBT0wsZ0JBQWdCLElBQUlNLElBQUk7SUFFL0QsSUFBR0osWUFBWSxTQUFTO1FBQ3RCLHFCQUNFLEtBQUNLO1lBQU9iLFdBQVdILEdBQUcsZ0NBQWdDRztzQkFDcEQsY0FBQSxNQUFDYztnQkFBSWQsV0FBVTs7a0NBQ2IsTUFBQ2M7d0JBQUlkLFdBQVU7OzBDQUNiLE1BQUNjO2dDQUFJZCxXQUFVOztvQ0FDWkQsc0JBQ0MsS0FBQ2U7d0NBQUlkLFdBQVU7a0RBQ1pEO3lDQUVEO29DQUNIRyw0QkFDQyxLQUFDYTt3Q0FBRWYsV0FBVTtrREFDVkU7eUNBRUQ7b0NBQ0hHLFlBQVlXLE1BQU0sR0FBRyxrQkFDcEIsS0FBQ0Y7d0NBQUlkLFdBQVU7a0RBQ1pLLFlBQVlZLEdBQUcsQ0FBQyxDQUFDQyxxQkFDaEIsTUFBQ0M7Z0RBQ0NuQixXQUFVO2dEQUNWb0IsTUFBTUYsS0FBS0UsSUFBSTs7a0VBR2YsS0FBQ0M7d0RBQUtyQixXQUFVO2tFQUFXa0IsS0FBS0ksS0FBSzs7b0RBQ3BDSixLQUFLSyxJQUFJLEdBQUdMLEtBQUtLLElBQUksR0FBR0wsS0FBS0ksS0FBSzs7K0NBSDlCLEdBQUdKLEtBQUtJLEtBQUssQ0FBQyxDQUFDLEVBQUVKLEtBQUtFLElBQUksRUFBRTt5Q0FPckM7Ozs0QkFFTGhCLFdBQVdZLE1BQU0sR0FBRyxrQkFDbkIsS0FBQ0Y7Z0NBQUlkLFdBQVU7MENBQ1pJLFdBQVdhLEdBQUcsQ0FBQyxDQUFDTyxzQkFDZixNQUFDVjs7MERBQ0MsS0FBQ1c7Z0RBQUd6QixXQUFVOzBEQUFzQ3dCLE1BQU1FLEtBQUs7OzBEQUMvRCxLQUFDQztnREFBRzNCLFdBQVU7Z0RBQWlCNEIsTUFBSzswREFDakNKLE1BQU1yQixLQUFLLENBQUNjLEdBQUcsQ0FBQyxDQUFDQyxxQkFDaEIsS0FBQ1c7a0VBQ0MsY0FBQSxLQUFDVjs0REFDQ25CLFdBQVU7NERBQ1ZvQixNQUFNRixLQUFLRSxJQUFJO3NFQUVkRixLQUFLSSxLQUFLOzt1REFMTixHQUFHRSxNQUFNRSxLQUFLLENBQUMsQ0FBQyxFQUFFUixLQUFLSSxLQUFLLENBQUMsQ0FBQyxFQUFFSixLQUFLRSxJQUFJLEVBQUU7Ozt1Q0FKaERJLE1BQU1FLEtBQUs7aUNBaUJ2Qjs7O29CQUVMekIsMEJBQ0MsS0FBQ2E7d0JBQUlkLFdBQVU7a0NBQ2IsY0FBQSxLQUFDZTs0QkFBRWYsV0FBVTtzQ0FBMkJDOzt5QkFFeEM7Ozs7SUFJWjtJQUVBLHFCQUNFLEtBQUNZO1FBQU9iLFdBQVdILEdBQUcsbUdBQW1HRztrQkFDdkgsY0FBQSxNQUFDYztZQUFJZCxXQUFVOzs4QkFDYixNQUFDYztvQkFBSWQsV0FBVTs7c0NBQ2IsS0FBQ2M7NEJBQUlkLFdBQVU7c0NBQ1pEOztzQ0FFSCxNQUFDK0I7NEJBQUlDLGNBQVc7NEJBQVMvQixXQUFVOztnQ0FDaENHLE1BQU1jLEdBQUcsQ0FBQyxDQUFDQyxxQkFDVixLQUFDQzt3Q0FDQ25CLFdBQVU7d0NBQ1ZvQixNQUFNRixLQUFLRSxJQUFJO2tEQUdkRixLQUFLSSxLQUFLO3VDQUZOLEdBQUdKLEtBQUtJLEtBQUssQ0FBQyxDQUFDLEVBQUVKLEtBQUtFLElBQUksRUFBRTtnQ0FLcENYLGdDQUNDLEtBQUNVO29DQUNDbkIsV0FBVTtvQ0FDVm9CLE1BQU0sQ0FBQyxPQUFPLEVBQUVkLGNBQWM7OENBRTdCQztxQ0FFRDs7Ozs7Z0JBR1BOLDBCQUNDLEtBQUNhO29CQUFJZCxXQUFVOzhCQUNiLGNBQUEsS0FBQ2U7d0JBQUVmLFdBQVU7a0NBQTRDQzs7cUJBRXpEOzs7O0FBSVosRUFBRTtBQUVGLGVBQWVILE9BQU8ifQ==