@nlabs/gothamui 1.8.0

package/lib/components/Pricing/Pricing.stories.js

@@ -0,0 +1,146 @@
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Pricing } from './Pricing.js';
+const tiers = [
+    {
+        ctaLabel: 'Choose starter',
+        description: 'For small component libraries.',
+        features: [
+            'Story coverage',
+            'Basic controls',
+            'Smoke interactions'
+        ],
+        href: '#starter',
+        id: 'starter',
+        name: 'Starter',
+        price: {
+            annually: '$190',
+            monthly: '$19'
+        }
+    },
+    {
+        badge: 'Popular',
+        ctaLabel: 'Choose growth',
+        description: 'For production design systems.',
+        featured: true,
+        features: [
+            'Full controls',
+            'Interaction tests',
+            'Release checks'
+        ],
+        href: '#growth',
+        id: 'growth',
+        name: 'Growth',
+        price: {
+            annually: '$490',
+            monthly: '$49'
+        }
+    }
+];
+const comparisonSections = [
+    {
+        features: [
+            {
+                name: 'Controls',
+                tiers: {
+                    Growth: true,
+                    Starter: true
+                }
+            },
+            {
+                name: 'Interaction stories',
+                tiers: {
+                    Growth: true,
+                    Starter: 'Basic'
+                }
+            }
+        ],
+        name: 'Storybook'
+    }
+];
+const meta = {
+    argTypes: {
+        cardStyle: {
+            control: 'select',
+            options: [
+                'default',
+                'contrast',
+                'solid'
+            ]
+        },
+        defaultFrequency: {
+            control: 'select',
+            options: [
+                'monthly',
+                'annually'
+            ]
+        },
+        description: {
+            control: 'text'
+        },
+        eyebrow: {
+            control: 'text'
+        },
+        title: {
+            control: 'text'
+        },
+        tone: {
+            control: 'select',
+            options: [
+                'default',
+                'dark',
+                'gradient'
+            ]
+        },
+        variant: {
+            control: 'select',
+            options: [
+                'grid',
+                'single',
+                'comparison'
+            ]
+        }
+    },
+    component: Pricing,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Components/Pricing'
+};
+export default meta;
+export const Grid = {
+    args: {
+        cardStyle: 'default',
+        defaultFrequency: 'monthly',
+        description: 'Pick the coverage level that fits your release workflow.',
+        eyebrow: 'Pricing',
+        frequencies: [
+            {
+                label: 'Monthly',
+                priceSuffix: '/mo',
+                value: 'monthly'
+            },
+            {
+                label: 'Annually',
+                priceSuffix: '/yr',
+                value: 'annually'
+            }
+        ],
+        tiers,
+        title: 'Plans for every component system',
+        tone: 'default',
+        variant: 'grid'
+    },
+    play: interactWithCanvas
+};
+export const Comparison = {
+    args: {
+        comparisonSections,
+        tiers,
+        title: 'Compare plans',
+        variant: 'comparison'
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1ByaWNpbmcvUHJpY2luZy5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7UHJpY2luZ30gZnJvbSAnLi9QcmljaW5nLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IHRpZXJzID0gW1xuICB7XG4gICAgY3RhTGFiZWw6ICdDaG9vc2Ugc3RhcnRlcicsXG4gICAgZGVzY3JpcHRpb246ICdGb3Igc21hbGwgY29tcG9uZW50IGxpYnJhcmllcy4nLFxuICAgIGZlYXR1cmVzOiBbJ1N0b3J5IGNvdmVyYWdlJywgJ0Jhc2ljIGNvbnRyb2xzJywgJ1Ntb2tlIGludGVyYWN0aW9ucyddLFxuICAgIGhyZWY6ICcjc3RhcnRlcicsXG4gICAgaWQ6ICdzdGFydGVyJyxcbiAgICBuYW1lOiAnU3RhcnRlcicsXG4gICAgcHJpY2U6IHthbm51YWxseTogJyQxOTAnLCBtb250aGx5OiAnJDE5J31cbiAgfSxcbiAge1xuICAgIGJhZGdlOiAnUG9wdWxhcicsXG4gICAgY3RhTGFiZWw6ICdDaG9vc2UgZ3Jvd3RoJyxcbiAgICBkZXNjcmlwdGlvbjogJ0ZvciBwcm9kdWN0aW9uIGRlc2lnbiBzeXN0ZW1zLicsXG4gICAgZmVhdHVyZWQ6IHRydWUsXG4gICAgZmVhdHVyZXM6IFsnRnVsbCBjb250cm9scycsICdJbnRlcmFjdGlvbiB0ZXN0cycsICdSZWxlYXNlIGNoZWNrcyddLFxuICAgIGhyZWY6ICcjZ3Jvd3RoJyxcbiAgICBpZDogJ2dyb3d0aCcsXG4gICAgbmFtZTogJ0dyb3d0aCcsXG4gICAgcHJpY2U6IHthbm51YWxseTogJyQ0OTAnLCBtb250aGx5OiAnJDQ5J31cbiAgfVxuXTtcblxuY29uc3QgY29tcGFyaXNvblNlY3Rpb25zID0gW1xuICB7XG4gICAgZmVhdHVyZXM6IFtcbiAgICAgIHtuYW1lOiAnQ29udHJvbHMnLCB0aWVyczoge0dyb3d0aDogdHJ1ZSwgU3RhcnRlcjogdHJ1ZX19LFxuICAgICAge25hbWU6ICdJbnRlcmFjdGlvbiBzdG9yaWVzJywgdGllcnM6IHtHcm93dGg6IHRydWUsIFN0YXJ0ZXI6ICdCYXNpYyd9fVxuICAgIF0sXG4gICAgbmFtZTogJ1N0b3J5Ym9vaydcbiAgfVxuXTtcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgUHJpY2luZz4gPSB7XG4gIGFyZ1R5cGVzOiB7XG4gICAgY2FyZFN0eWxlOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIG9wdGlvbnM6IFsnZGVmYXVsdCcsICdjb250cmFzdCcsICdzb2xpZCddXG4gICAgfSxcbiAgICBkZWZhdWx0RnJlcXVlbmN5OiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIG9wdGlvbnM6IFsnbW9udGhseScsICdhbm51YWxseSddXG4gICAgfSxcbiAgICBkZXNjcmlwdGlvbjoge1xuICAgICAgY29udHJvbDogJ3RleHQnXG4gICAgfSxcbiAgICBleWVicm93OiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIHRpdGxlOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIHRvbmU6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgb3B0aW9uczogWydkZWZhdWx0JywgJ2RhcmsnLCAnZ3JhZGllbnQnXVxuICAgIH0sXG4gICAgdmFyaWFudDoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBbJ2dyaWQnLCAnc2luZ2xlJywgJ2NvbXBhcmlzb24nXVxuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBQcmljaW5nLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnZnVsbHNjcmVlbidcbiAgfSxcbiAgdGl0bGU6ICdDb21wb25lbnRzL1ByaWNpbmcnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIFByaWNpbmc+O1xuXG5leHBvcnQgY29uc3QgR3JpZDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjYXJkU3R5bGU6ICdkZWZhdWx0JyxcbiAgICBkZWZhdWx0RnJlcXVlbmN5OiAnbW9udGhseScsXG4gICAgZGVzY3JpcHRpb246ICdQaWNrIHRoZSBjb3ZlcmFnZSBsZXZlbCB0aGF0IGZpdHMgeW91ciByZWxlYXNlIHdvcmtmbG93LicsXG4gICAgZXllYnJvdzogJ1ByaWNpbmcnLFxuICAgIGZyZXF1ZW5jaWVzOiBbXG4gICAgICB7bGFiZWw6ICdNb250aGx5JywgcHJpY2VTdWZmaXg6ICcvbW8nLCB2YWx1ZTogJ21vbnRobHknfSxcbiAgICAgIHtsYWJlbDogJ0FubnVhbGx5JywgcHJpY2VTdWZmaXg6ICcveXInLCB2YWx1ZTogJ2FubnVhbGx5J31cbiAgICBdLFxuICAgIHRpZXJzLFxuICAgIHRpdGxlOiAnUGxhbnMgZm9yIGV2ZXJ5IGNvbXBvbmVudCBzeXN0ZW0nLFxuICAgIHRvbmU6ICdkZWZhdWx0JyxcbiAgICB2YXJpYW50OiAnZ3JpZCdcbiAgfSxcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzXG59O1xuXG5leHBvcnQgY29uc3QgQ29tcGFyaXNvbjogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb21wYXJpc29uU2VjdGlvbnMsXG4gICAgdGllcnMsXG4gICAgdGl0bGU6ICdDb21wYXJlIHBsYW5zJyxcbiAgICB2YXJpYW50OiAnY29tcGFyaXNvbidcbiAgfSxcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzXG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiaW50ZXJhY3RXaXRoQ2FudmFzIiwiUHJpY2luZyIsInRpZXJzIiwiY3RhTGFiZWwiLCJkZXNjcmlwdGlvbiIsImZlYXR1cmVzIiwiaHJlZiIsImlkIiwibmFtZSIsInByaWNlIiwiYW5udWFsbHkiLCJtb250aGx5IiwiYmFkZ2UiLCJmZWF0dXJlZCIsImNvbXBhcmlzb25TZWN0aW9ucyIsIkdyb3d0aCIsIlN0YXJ0ZXIiLCJtZXRhIiwiYXJnVHlwZXMiLCJjYXJkU3R5bGUiLCJjb250cm9sIiwib3B0aW9ucyIsImRlZmF1bHRGcmVxdWVuY3kiLCJleWVicm93IiwidGl0bGUiLCJ0b25lIiwidmFyaWFudCIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJHcmlkIiwiYXJncyIsImZyZXF1ZW5jaWVzIiwibGFiZWwiLCJwcmljZVN1ZmZpeCIsInZhbHVlIiwicGxheSIsIkNvbXBhcmlzb24iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFdBQVcsUUFBUTtBQUMxQixTQUFRQyxrQkFBa0IsUUFBTyxtQ0FBbUM7QUFDcEUsU0FBUUMsT0FBTyxRQUFPLGVBQWU7QUFJckMsTUFBTUMsUUFBUTtJQUNaO1FBQ0VDLFVBQVU7UUFDVkMsYUFBYTtRQUNiQyxVQUFVO1lBQUM7WUFBa0I7WUFBa0I7U0FBcUI7UUFDcEVDLE1BQU07UUFDTkMsSUFBSTtRQUNKQyxNQUFNO1FBQ05DLE9BQU87WUFBQ0MsVUFBVTtZQUFRQyxTQUFTO1FBQUs7SUFDMUM7SUFDQTtRQUNFQyxPQUFPO1FBQ1BULFVBQVU7UUFDVkMsYUFBYTtRQUNiUyxVQUFVO1FBQ1ZSLFVBQVU7WUFBQztZQUFpQjtZQUFxQjtTQUFpQjtRQUNsRUMsTUFBTTtRQUNOQyxJQUFJO1FBQ0pDLE1BQU07UUFDTkMsT0FBTztZQUFDQyxVQUFVO1lBQVFDLFNBQVM7UUFBSztJQUMxQztDQUNEO0FBRUQsTUFBTUcscUJBQXFCO0lBQ3pCO1FBQ0VULFVBQVU7WUFDUjtnQkFBQ0csTUFBTTtnQkFBWU4sT0FBTztvQkFBQ2EsUUFBUTtvQkFBTUMsU0FBUztnQkFBSTtZQUFDO1lBQ3ZEO2dCQUFDUixNQUFNO2dCQUF1Qk4sT0FBTztvQkFBQ2EsUUFBUTtvQkFBTUMsU0FBUztnQkFBTztZQUFDO1NBQ3RFO1FBQ0RSLE1BQU07SUFDUjtDQUNEO0FBRUQsTUFBTVMsT0FBNkI7SUFDakNDLFVBQVU7UUFDUkMsV0FBVztZQUNUQyxTQUFTO1lBQ1RDLFNBQVM7Z0JBQUM7Z0JBQVc7Z0JBQVk7YUFBUTtRQUMzQztRQUNBQyxrQkFBa0I7WUFDaEJGLFNBQVM7WUFDVEMsU0FBUztnQkFBQztnQkFBVzthQUFXO1FBQ2xDO1FBQ0FqQixhQUFhO1lBQ1hnQixTQUFTO1FBQ1g7UUFDQUcsU0FBUztZQUNQSCxTQUFTO1FBQ1g7UUFDQUksT0FBTztZQUNMSixTQUFTO1FBQ1g7UUFDQUssTUFBTTtZQUNKTCxTQUFTO1lBQ1RDLFNBQVM7Z0JBQUM7Z0JBQVc7Z0JBQVE7YUFBVztRQUMxQztRQUNBSyxTQUFTO1lBQ1BOLFNBQVM7WUFDVEMsU0FBUztnQkFBQztnQkFBUTtnQkFBVTthQUFhO1FBQzNDO0lBQ0Y7SUFDQU0sV0FBVzFCO0lBQ1gyQixZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBTCxPQUFPO0FBQ1Q7QUFFQSxlQUFlUCxLQUFLO0FBSXBCLE9BQU8sTUFBTWEsT0FBYztJQUN6QkMsTUFBTTtRQUNKWixXQUFXO1FBQ1hHLGtCQUFrQjtRQUNsQmxCLGFBQWE7UUFDYm1CLFNBQVM7UUFDVFMsYUFBYTtZQUNYO2dCQUFDQyxPQUFPO2dCQUFXQyxhQUFhO2dCQUFPQyxPQUFPO1lBQVM7WUFDdkQ7Z0JBQUNGLE9BQU87Z0JBQVlDLGFBQWE7Z0JBQU9DLE9BQU87WUFBVTtTQUMxRDtRQUNEakM7UUFDQXNCLE9BQU87UUFDUEMsTUFBTTtRQUNOQyxTQUFTO0lBQ1g7SUFDQVUsTUFBTXBDO0FBQ1IsRUFBRTtBQUVGLE9BQU8sTUFBTXFDLGFBQW9CO0lBQy9CTixNQUFNO1FBQ0pqQjtRQUNBWjtRQUNBc0IsT0FBTztRQUNQRSxTQUFTO0lBQ1g7SUFDQVUsTUFBTXBDO0FBQ1IsRUFBRSJ9

package/lib/components/ProductGrid/ProductGrid.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface ProductItem {
+    readonly badge?: ReactNode;
+    readonly colors?: string[];
+    readonly description?: ReactNode;
+    readonly href?: string;
+    readonly id?: string | number;
+    readonly imageAlt: string;
+    readonly imageSrc: string;
+    readonly name: ReactNode;
+    readonly price?: ReactNode;
+}
+export interface ProductGridProps extends HTMLAttributes<HTMLDivElement> {
+    readonly products: ProductItem[];
+}
+declare const ProductGridComponent: ({ className, products, ...props }: ProductGridProps) => import("react").JSX.Element;
+export interface ProductCardProps extends HTMLAttributes<HTMLElement> {
+    readonly product: ProductItem;
+}
+declare const ProductCardComponent: ({ className, product, ...props }: ProductCardProps) => import("react").JSX.Element;
+export declare const ProductGrid: import("react").MemoExoticComponent<typeof ProductGridComponent>;
+export declare const ProductCard: import("react").MemoExoticComponent<typeof ProductCardComponent>;
+export {};

package/lib/components/ProductGrid/ProductGrid.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo } from 'react';
+const ProductGridComponent = ({ className, products, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8', className),
+        "data-slot": "product-grid",
+        ...props,
+        children: products.map((product)=>/*#__PURE__*/ _jsx(ProductCard, {
+                product: product
+            }, product.id ?? String(product.name)))
+    });
+const ProductCardComponent = ({ className, product, ...props })=>{
+    const content = /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("img", {
+                alt: product.imageAlt,
+                className: "aspect-square w-full rounded-lg bg-muted object-cover transition-opacity group-hover:opacity-80 dark:bg-muted-dark xl:aspect-7/8",
+                src: product.imageSrc
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "mt-4 flex items-start justify-between gap-3",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "min-w-0",
+                        children: [
+                            /*#__PURE__*/ _jsx("h3", {
+                                className: "text-sm text-foreground dark:text-foreground-dark",
+                                children: product.name
+                            }),
+                            product.description ? /*#__PURE__*/ _jsx("p", {
+                                className: "mt-1 text-sm text-muted-foreground dark:text-muted-foreground-dark",
+                                children: product.description
+                            }) : null
+                        ]
+                    }),
+                    product.price ? /*#__PURE__*/ _jsx("p", {
+                        className: "shrink-0 text-sm font-medium text-foreground dark:text-foreground-dark",
+                        children: product.price
+                    }) : null
+                ]
+            }),
+            product.colors?.length ? /*#__PURE__*/ _jsx("div", {
+                className: "mt-3 flex gap-1.5",
+                children: product.colors.map((color)=>/*#__PURE__*/ _jsx("span", {
+                        "aria-label": color,
+                        className: "size-4 rounded-full border border-black/10 ring-1 ring-black/5 dark:border-white/20 dark:ring-white/10",
+                        style: {
+                            backgroundColor: color
+                        }
+                    }, color))
+            }) : null,
+            product.badge ? /*#__PURE__*/ _jsx("div", {
+                className: "mt-3",
+                children: product.badge
+            }) : null
+        ]
+    });
+    if (product.href) {
+        return /*#__PURE__*/ _jsx("a", {
+            className: cn('group block', className),
+            "data-slot": "product-card",
+            href: product.href,
+            ...props,
+            children: content
+        });
+    }
+    return /*#__PURE__*/ _jsx("article", {
+        className: cn('group block', className),
+        "data-slot": "product-card",
+        ...props,
+        children: content
+    });
+};
+export const ProductGrid = /*#__PURE__*/ memo(ProductGridComponent);
+ProductGrid.displayName = 'ProductGrid';
+export const ProductCard = /*#__PURE__*/ memo(ProductCardComponent);
+ProductCard.displayName = 'ProductCard';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1Byb2R1Y3RHcmlkL1Byb2R1Y3RHcmlkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2NufSBmcm9tICdAbmxhYnMvdXRpbHMnO1xuaW1wb3J0IHttZW1vfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtBbmNob3JIVE1MQXR0cmlidXRlcywgSFRNTEF0dHJpYnV0ZXMsIFJlYWN0Tm9kZX0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb2R1Y3RJdGVtIHtcbiAgcmVhZG9ubHkgYmFkZ2U/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGNvbG9ycz86IHN0cmluZ1tdO1xuICByZWFkb25seSBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgaHJlZj86IHN0cmluZztcbiAgcmVhZG9ubHkgaWQ/OiBzdHJpbmcgfCBudW1iZXI7XG4gIHJlYWRvbmx5IGltYWdlQWx0OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGltYWdlU3JjOiBzdHJpbmc7XG4gIHJlYWRvbmx5IG5hbWU6IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgcHJpY2U/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZHVjdEdyaWRQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHJlYWRvbmx5IHByb2R1Y3RzOiBQcm9kdWN0SXRlbVtdO1xufVxuXG5jb25zdCBQcm9kdWN0R3JpZENvbXBvbmVudCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgcHJvZHVjdHMsXG4gIC4uLnByb3BzXG59OiBQcm9kdWN0R3JpZFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2NuKCdncmlkIGdyaWQtY29scy0xIGdhcC14LTYgZ2FwLXktMTAgc206Z3JpZC1jb2xzLTIgbGc6Z3JpZC1jb2xzLTMgeGw6Z3JpZC1jb2xzLTQgeGw6Z2FwLXgtOCcsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwicHJvZHVjdC1ncmlkXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7cHJvZHVjdHMubWFwKChwcm9kdWN0KSA9PiAoXG4gICAgICA8UHJvZHVjdENhcmQga2V5PXtwcm9kdWN0LmlkID8/IFN0cmluZyhwcm9kdWN0Lm5hbWUpfSBwcm9kdWN0PXtwcm9kdWN0fSAvPlxuICAgICkpfVxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZHVjdENhcmRQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiB7XG4gIHJlYWRvbmx5IHByb2R1Y3Q6IFByb2R1Y3RJdGVtO1xufVxuXG5jb25zdCBQcm9kdWN0Q2FyZENvbXBvbmVudCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgcHJvZHVjdCxcbiAgLi4ucHJvcHNcbn06IFByb2R1Y3RDYXJkUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8PlxuICAgICAgPGltZ1xuICAgICAgICBhbHQ9e3Byb2R1Y3QuaW1hZ2VBbHR9XG4gICAgICAgIGNsYXNzTmFtZT1cImFzcGVjdC1zcXVhcmUgdy1mdWxsIHJvdW5kZWQtbGcgYmctbXV0ZWQgb2JqZWN0LWNvdmVyIHRyYW5zaXRpb24tb3BhY2l0eSBncm91cC1ob3ZlcjpvcGFjaXR5LTgwIGRhcms6YmctbXV0ZWQtZGFyayB4bDphc3BlY3QtNy84XCJcbiAgICAgICAgc3JjPXtwcm9kdWN0LmltYWdlU3JjfVxuICAgICAgLz5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXQtNCBmbGV4IGl0ZW1zLXN0YXJ0IGp1c3RpZnktYmV0d2VlbiBnYXAtM1wiPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1pbi13LTBcIj5cbiAgICAgICAgICA8aDMgY2xhc3NOYW1lPVwidGV4dC1zbSB0ZXh0LWZvcmVncm91bmQgZGFyazp0ZXh0LWZvcmVncm91bmQtZGFya1wiPntwcm9kdWN0Lm5hbWV9PC9oMz5cbiAgICAgICAgICB7cHJvZHVjdC5kZXNjcmlwdGlvbiA/IDxwIGNsYXNzTmFtZT1cIm10LTEgdGV4dC1zbSB0ZXh0LW11dGVkLWZvcmVncm91bmQgZGFyazp0ZXh0LW11dGVkLWZvcmVncm91bmQtZGFya1wiPntwcm9kdWN0LmRlc2NyaXB0aW9ufTwvcD4gOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge3Byb2R1Y3QucHJpY2UgPyA8cCBjbGFzc05hbWU9XCJzaHJpbmstMCB0ZXh0LXNtIGZvbnQtbWVkaXVtIHRleHQtZm9yZWdyb3VuZCBkYXJrOnRleHQtZm9yZWdyb3VuZC1kYXJrXCI+e3Byb2R1Y3QucHJpY2V9PC9wPiA6IG51bGx9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9kdWN0LmNvbG9ycz8ubGVuZ3RoID8gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm10LTMgZmxleCBnYXAtMS41XCI+XG4gICAgICAgICAge3Byb2R1Y3QuY29sb3JzLm1hcCgoY29sb3IpID0+IChcbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2NvbG9yfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJzaXplLTQgcm91bmRlZC1mdWxsIGJvcmRlciBib3JkZXItYmxhY2svMTAgcmluZy0xIHJpbmctYmxhY2svNSBkYXJrOmJvcmRlci13aGl0ZS8yMCBkYXJrOnJpbmctd2hpdGUvMTBcIlxuICAgICAgICAgICAgICBrZXk9e2NvbG9yfVxuICAgICAgICAgICAgICBzdHlsZT17e2JhY2tncm91bmRDb2xvcjogY29sb3J9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtwcm9kdWN0LmJhZGdlID8gPGRpdiBjbGFzc05hbWU9XCJtdC0zXCI+e3Byb2R1Y3QuYmFkZ2V9PC9kaXY+IDogbnVsbH1cbiAgICA8Lz5cbiAgKTtcblxuICBpZihwcm9kdWN0LmhyZWYpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbignZ3JvdXAgYmxvY2snLCBjbGFzc05hbWUpfVxuICAgICAgICBkYXRhLXNsb3Q9XCJwcm9kdWN0LWNhcmRcIlxuICAgICAgICBocmVmPXtwcm9kdWN0LmhyZWZ9XG4gICAgICAgIHsuLi5wcm9wcyBhcyBBbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxhcnRpY2xlXG4gICAgICBjbGFzc05hbWU9e2NuKCdncm91cCBibG9jaycsIGNsYXNzTmFtZSl9XG4gICAgICBkYXRhLXNsb3Q9XCJwcm9kdWN0LWNhcmRcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjb250ZW50fVxuICAgIDwvYXJ0aWNsZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBQcm9kdWN0R3JpZCA9IG1lbW8oUHJvZHVjdEdyaWRDb21wb25lbnQpO1xuUHJvZHVjdEdyaWQuZGlzcGxheU5hbWUgPSAnUHJvZHVjdEdyaWQnO1xuXG5leHBvcnQgY29uc3QgUHJvZHVjdENhcmQgPSBtZW1vKFByb2R1Y3RDYXJkQ29tcG9uZW50KTtcblByb2R1Y3RDYXJkLmRpc3BsYXlOYW1lID0gJ1Byb2R1Y3RDYXJkJztcbiJdLCJuYW1lcyI6WyJjbiIsIm1lbW8iLCJQcm9kdWN0R3JpZENvbXBvbmVudCIsImNsYXNzTmFtZSIsInByb2R1Y3RzIiwicHJvcHMiLCJkaXYiLCJkYXRhLXNsb3QiLCJtYXAiLCJwcm9kdWN0IiwiUHJvZHVjdENhcmQiLCJpZCIsIlN0cmluZyIsIm5hbWUiLCJQcm9kdWN0Q2FyZENvbXBvbmVudCIsImNvbnRlbnQiLCJpbWciLCJhbHQiLCJpbWFnZUFsdCIsInNyYyIsImltYWdlU3JjIiwiaDMiLCJkZXNjcmlwdGlvbiIsInAiLCJwcmljZSIsImNvbG9ycyIsImxlbmd0aCIsImNvbG9yIiwic3BhbiIsImFyaWEtbGFiZWwiLCJzdHlsZSIsImJhY2tncm91bmRDb2xvciIsImJhZGdlIiwiaHJlZiIsImEiLCJhcnRpY2xlIiwiUHJvZHVjdEdyaWQiLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBQ2hDLFNBQVFDLElBQUksUUFBTyxRQUFRO0FBb0IzQixNQUFNQyx1QkFBdUIsQ0FBQyxFQUM1QkMsU0FBUyxFQUNUQyxRQUFRLEVBQ1IsR0FBR0MsT0FDYyxpQkFDakIsS0FBQ0M7UUFDQ0gsV0FBV0gsR0FBRyw2RkFBNkZHO1FBQzNHSSxhQUFVO1FBQ1QsR0FBR0YsS0FBSztrQkFFUkQsU0FBU0ksR0FBRyxDQUFDLENBQUNDLHdCQUNiLEtBQUNDO2dCQUFxREQsU0FBU0E7ZUFBN0NBLFFBQVFFLEVBQUUsSUFBSUMsT0FBT0gsUUFBUUksSUFBSTs7QUFTekQsTUFBTUMsdUJBQXVCLENBQUMsRUFDNUJYLFNBQVMsRUFDVE0sT0FBTyxFQUNQLEdBQUdKLE9BQ2M7SUFDakIsTUFBTVUsd0JBQ0o7OzBCQUNFLEtBQUNDO2dCQUNDQyxLQUFLUixRQUFRUyxRQUFRO2dCQUNyQmYsV0FBVTtnQkFDVmdCLEtBQUtWLFFBQVFXLFFBQVE7OzBCQUV2QixNQUFDZDtnQkFBSUgsV0FBVTs7a0NBQ2IsTUFBQ0c7d0JBQUlILFdBQVU7OzBDQUNiLEtBQUNrQjtnQ0FBR2xCLFdBQVU7MENBQXFETSxRQUFRSSxJQUFJOzs0QkFDOUVKLFFBQVFhLFdBQVcsaUJBQUcsS0FBQ0M7Z0NBQUVwQixXQUFVOzBDQUFzRU0sUUFBUWEsV0FBVztpQ0FBUTs7O29CQUV0SWIsUUFBUWUsS0FBSyxpQkFBRyxLQUFDRDt3QkFBRXBCLFdBQVU7a0NBQTBFTSxRQUFRZSxLQUFLO3lCQUFROzs7WUFFOUhmLFFBQVFnQixNQUFNLEVBQUVDLHVCQUNmLEtBQUNwQjtnQkFBSUgsV0FBVTswQkFDWk0sUUFBUWdCLE1BQU0sQ0FBQ2pCLEdBQUcsQ0FBQyxDQUFDbUIsc0JBQ25CLEtBQUNDO3dCQUNDQyxjQUFZRjt3QkFDWnhCLFdBQVU7d0JBRVYyQixPQUFPOzRCQUFDQyxpQkFBaUJKO3dCQUFLO3VCQUR6QkE7aUJBS1Q7WUFDSGxCLFFBQVF1QixLQUFLLGlCQUFHLEtBQUMxQjtnQkFBSUgsV0FBVTswQkFBUU0sUUFBUXVCLEtBQUs7aUJBQVU7OztJQUluRSxJQUFHdkIsUUFBUXdCLElBQUksRUFBRTtRQUNmLHFCQUNFLEtBQUNDO1lBQ0MvQixXQUFXSCxHQUFHLGVBQWVHO1lBQzdCSSxhQUFVO1lBQ1YwQixNQUFNeEIsUUFBUXdCLElBQUk7WUFDakIsR0FBRzVCLEtBQUs7c0JBRVJVOztJQUdQO0lBRUEscUJBQ0UsS0FBQ29CO1FBQ0NoQyxXQUFXSCxHQUFHLGVBQWVHO1FBQzdCSSxhQUFVO1FBQ1QsR0FBR0YsS0FBSztrQkFFUlU7O0FBR1A7QUFFQSxPQUFPLE1BQU1xQiw0QkFBY25DLEtBQUtDLHNCQUFzQjtBQUN0RGtDLFlBQVlDLFdBQVcsR0FBRztBQUUxQixPQUFPLE1BQU0zQiw0QkFBY1QsS0FBS2Esc0JBQXNCO0FBQ3RESixZQUFZMkIsV0FBVyxHQUFHIn0=

package/lib/components/ProductGrid/ProductGrid.stories.js

@@ -0,0 +1,50 @@
+import { ProductGrid } from './ProductGrid.js';
+const products = [
+    {
+        href: '#',
+        id: 1,
+        imageAlt: 'Tall porcelain bottle with cork stopper.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-04-image-card-01.jpg',
+        name: 'Earthen Bottle',
+        price: '$48'
+    },
+    {
+        href: '#',
+        id: 2,
+        imageAlt: 'Olive insulated bottle with flared lid.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-04-image-card-02.jpg',
+        name: 'Nomad Tumbler',
+        price: '$35'
+    },
+    {
+        href: '#',
+        id: 3,
+        imageAlt: 'Paper refill cards on a desk.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-04-image-card-03.jpg',
+        name: 'Focus Paper Refill',
+        price: '$89'
+    },
+    {
+        href: '#',
+        id: 4,
+        imageAlt: 'Black machined mechanical pencil.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-04-image-card-04.jpg',
+        name: 'Machined Mechanical Pencil',
+        price: '$35'
+    }
+];
+const meta = {
+    component: ProductGrid,
+    parameters: {
+        layout: 'padded'
+    },
+    title: 'Ecommerce/ProductGrid'
+};
+export default meta;
+export const Simple = {
+    args: {
+        products
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1Byb2R1Y3RHcmlkL1Byb2R1Y3RHcmlkLnN0b3JpZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UHJvZHVjdEdyaWR9IGZyb20gJy4vUHJvZHVjdEdyaWQuanMnO1xuXG5pbXBvcnQgdHlwZSB7TWV0YSwgU3RvcnlPYmp9IGZyb20gJ0BubGFicy9sZXgvc3Rvcnlib29rJztcblxuY29uc3QgcHJvZHVjdHMgPSBbXG4gIHtcbiAgICBocmVmOiAnIycsXG4gICAgaWQ6IDEsXG4gICAgaW1hZ2VBbHQ6ICdUYWxsIHBvcmNlbGFpbiBib3R0bGUgd2l0aCBjb3JrIHN0b3BwZXIuJyxcbiAgICBpbWFnZVNyYzogJ2h0dHBzOi8vdGFpbHdpbmRjc3MuY29tL3BsdXMtYXNzZXRzL2ltZy9lY29tbWVyY2UtaW1hZ2VzL2NhdGVnb3J5LXBhZ2UtMDQtaW1hZ2UtY2FyZC0wMS5qcGcnLFxuICAgIG5hbWU6ICdFYXJ0aGVuIEJvdHRsZScsXG4gICAgcHJpY2U6ICckNDgnXG4gIH0sXG4gIHtcbiAgICBocmVmOiAnIycsXG4gICAgaWQ6IDIsXG4gICAgaW1hZ2VBbHQ6ICdPbGl2ZSBpbnN1bGF0ZWQgYm90dGxlIHdpdGggZmxhcmVkIGxpZC4nLFxuICAgIGltYWdlU3JjOiAnaHR0cHM6Ly90YWlsd2luZGNzcy5jb20vcGx1cy1hc3NldHMvaW1nL2Vjb21tZXJjZS1pbWFnZXMvY2F0ZWdvcnktcGFnZS0wNC1pbWFnZS1jYXJkLTAyLmpwZycsXG4gICAgbmFtZTogJ05vbWFkIFR1bWJsZXInLFxuICAgIHByaWNlOiAnJDM1J1xuICB9LFxuICB7XG4gICAgaHJlZjogJyMnLFxuICAgIGlkOiAzLFxuICAgIGltYWdlQWx0OiAnUGFwZXIgcmVmaWxsIGNhcmRzIG9uIGEgZGVzay4nLFxuICAgIGltYWdlU3JjOiAnaHR0cHM6Ly90YWlsd2luZGNzcy5jb20vcGx1cy1hc3NldHMvaW1nL2Vjb21tZXJjZS1pbWFnZXMvY2F0ZWdvcnktcGFnZS0wNC1pbWFnZS1jYXJkLTAzLmpwZycsXG4gICAgbmFtZTogJ0ZvY3VzIFBhcGVyIFJlZmlsbCcsXG4gICAgcHJpY2U6ICckODknXG4gIH0sXG4gIHtcbiAgICBocmVmOiAnIycsXG4gICAgaWQ6IDQsXG4gICAgaW1hZ2VBbHQ6ICdCbGFjayBtYWNoaW5lZCBtZWNoYW5pY2FsIHBlbmNpbC4nLFxuICAgIGltYWdlU3JjOiAnaHR0cHM6Ly90YWlsd2luZGNzcy5jb20vcGx1cy1hc3NldHMvaW1nL2Vjb21tZXJjZS1pbWFnZXMvY2F0ZWdvcnktcGFnZS0wNC1pbWFnZS1jYXJkLTA0LmpwZycsXG4gICAgbmFtZTogJ01hY2hpbmVkIE1lY2hhbmljYWwgUGVuY2lsJyxcbiAgICBwcmljZTogJyQzNSdcbiAgfVxuXTtcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgUHJvZHVjdEdyaWQ+ID0ge1xuICBjb21wb25lbnQ6IFByb2R1Y3RHcmlkLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAncGFkZGVkJ1xuICB9LFxuICB0aXRsZTogJ0Vjb21tZXJjZS9Qcm9kdWN0R3JpZCdcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgUHJvZHVjdEdyaWQ+O1xuXG5leHBvcnQgY29uc3QgU2ltcGxlOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIHByb2R1Y3RzXG4gIH1cbn07XG4iXSwibmFtZXMiOlsiUHJvZHVjdEdyaWQiLCJwcm9kdWN0cyIsImhyZWYiLCJpZCIsImltYWdlQWx0IiwiaW1hZ2VTcmMiLCJuYW1lIiwicHJpY2UiLCJtZXRhIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsInRpdGxlIiwiU2ltcGxlIiwiYXJncyJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBUUEsV0FBVyxRQUFPLG1CQUFtQjtBQUk3QyxNQUFNQyxXQUFXO0lBQ2Y7UUFDRUMsTUFBTTtRQUNOQyxJQUFJO1FBQ0pDLFVBQVU7UUFDVkMsVUFBVTtRQUNWQyxNQUFNO1FBQ05DLE9BQU87SUFDVDtJQUNBO1FBQ0VMLE1BQU07UUFDTkMsSUFBSTtRQUNKQyxVQUFVO1FBQ1ZDLFVBQVU7UUFDVkMsTUFBTTtRQUNOQyxPQUFPO0lBQ1Q7SUFDQTtRQUNFTCxNQUFNO1FBQ05DLElBQUk7UUFDSkMsVUFBVTtRQUNWQyxVQUFVO1FBQ1ZDLE1BQU07UUFDTkMsT0FBTztJQUNUO0lBQ0E7UUFDRUwsTUFBTTtRQUNOQyxJQUFJO1FBQ0pDLFVBQVU7UUFDVkMsVUFBVTtRQUNWQyxNQUFNO1FBQ05DLE9BQU87SUFDVDtDQUNEO0FBRUQsTUFBTUMsT0FBaUM7SUFDckNDLFdBQVdUO0lBQ1hVLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxTQUFnQjtJQUMzQkMsTUFBTTtRQUNKYjtJQUNGO0FBQ0YsRUFBRSJ9

package/lib/components/ProgressSteps/ProgressSteps.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from 'react';
+export type ProgressStepStatus = 'complete' | 'current' | 'upcoming';
+export interface ProgressStepItem {
+    readonly href?: string;
+    readonly id?: string;
+    readonly label: string;
+    readonly status: ProgressStepStatus;
+}
+export interface ProgressStepsProps extends HTMLAttributes<HTMLElement> {
+    readonly ariaLabel?: string;
+    readonly steps: ProgressStepItem[];
+}
+export declare const ProgressSteps: ({ ariaLabel, className, steps, ...props }: ProgressStepsProps) => import("react").JSX.Element;

package/lib/components/ProgressSteps/ProgressSteps.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+const getStepClasses = (status)=>{
+    if (status === 'complete') {
+        return 'border-primary hover:border-primary-700 dark:border-primary-dark dark:hover:border-primary-dark-300';
+    }
+    if (status === 'current') {
+        return 'border-primary dark:border-primary-dark';
+    }
+    return 'border-border hover:border-muted-foreground dark:border-border-dark dark:hover:border-muted-foreground-dark';
+};
+const getStepLabelClasses = (status)=>status === 'upcoming' ? 'text-muted-foreground group-hover:text-foreground dark:text-muted-foreground-dark dark:group-hover:text-foreground-dark' : 'text-primary dark:text-primary-dark';
+export const ProgressSteps = ({ ariaLabel = 'Progress', className, steps, ...props })=>/*#__PURE__*/ _jsx("nav", {
+        "aria-label": ariaLabel,
+        className: className,
+        "data-slot": "progress-steps",
+        ...props,
+        children: /*#__PURE__*/ _jsx("ol", {
+            className: "space-y-4 md:flex md:space-y-0 md:space-x-8",
+            children: steps.map((step, index)=>{
+                const content = /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            className: cn('text-sm font-medium', getStepLabelClasses(step.status)),
+                            children: step.id ?? `Step ${index + 1}`
+                        }),
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "text-sm font-medium text-foreground dark:text-foreground-dark",
+                            children: step.label
+                        })
+                    ]
+                });
+                const classes = cn('group flex flex-col border-l-4 py-2 pl-4 md:border-t-4 md:border-l-0 md:pt-4 md:pb-0 md:pl-0', getStepClasses(step.status));
+                return /*#__PURE__*/ _jsx("li", {
+                    className: "md:flex-1",
+                    children: step.href ? /*#__PURE__*/ _jsx("a", {
+                        "aria-current": step.status === 'current' ? 'step' : undefined,
+                        className: classes,
+                        href: step.href,
+                        children: content
+                    }) : /*#__PURE__*/ _jsx("div", {
+                        "aria-current": step.status === 'current' ? 'step' : undefined,
+                        className: classes,
+                        children: content
+                    })
+                }, step.id ?? step.label);
+            })
+        })
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1Byb2dyZXNzU3RlcHMvUHJvZ3Jlc3NTdGVwcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHR5cGUge0hUTUxBdHRyaWJ1dGVzfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFByb2dyZXNzU3RlcFN0YXR1cyA9ICdjb21wbGV0ZScgfCAnY3VycmVudCcgfCAndXBjb21pbmcnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzU3RlcEl0ZW0ge1xuICByZWFkb25seSBocmVmPzogc3RyaW5nO1xuICByZWFkb25seSBpZD86IHN0cmluZztcbiAgcmVhZG9ubHkgbGFiZWw6IHN0cmluZztcbiAgcmVhZG9ubHkgc3RhdHVzOiBQcm9ncmVzc1N0ZXBTdGF0dXM7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3Jlc3NTdGVwc1Byb3BzIGV4dGVuZHMgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+IHtcbiAgcmVhZG9ubHkgYXJpYUxhYmVsPzogc3RyaW5nO1xuICByZWFkb25seSBzdGVwczogUHJvZ3Jlc3NTdGVwSXRlbVtdO1xufVxuXG5jb25zdCBnZXRTdGVwQ2xhc3NlcyA9IChzdGF0dXM6IFByb2dyZXNzU3RlcFN0YXR1cykgPT4ge1xuICBpZihzdGF0dXMgPT09ICdjb21wbGV0ZScpIHtcbiAgICByZXR1cm4gJ2JvcmRlci1wcmltYXJ5IGhvdmVyOmJvcmRlci1wcmltYXJ5LTcwMCBkYXJrOmJvcmRlci1wcmltYXJ5LWRhcmsgZGFyazpob3Zlcjpib3JkZXItcHJpbWFyeS1kYXJrLTMwMCc7XG4gIH1cblxuICBpZihzdGF0dXMgPT09ICdjdXJyZW50Jykge1xuICAgIHJldHVybiAnYm9yZGVyLXByaW1hcnkgZGFyazpib3JkZXItcHJpbWFyeS1kYXJrJztcbiAgfVxuXG4gIHJldHVybiAnYm9yZGVyLWJvcmRlciBob3Zlcjpib3JkZXItbXV0ZWQtZm9yZWdyb3VuZCBkYXJrOmJvcmRlci1ib3JkZXItZGFyayBkYXJrOmhvdmVyOmJvcmRlci1tdXRlZC1mb3JlZ3JvdW5kLWRhcmsnO1xufTtcblxuY29uc3QgZ2V0U3RlcExhYmVsQ2xhc3NlcyA9IChzdGF0dXM6IFByb2dyZXNzU3RlcFN0YXR1cykgPT4gKHN0YXR1cyA9PT0gJ3VwY29taW5nJ1xuICA/ICd0ZXh0LW11dGVkLWZvcmVncm91bmQgZ3JvdXAtaG92ZXI6dGV4dC1mb3JlZ3JvdW5kIGRhcms6dGV4dC1tdXRlZC1mb3JlZ3JvdW5kLWRhcmsgZGFyazpncm91cC1ob3Zlcjp0ZXh0LWZvcmVncm91bmQtZGFyaydcbiAgOiAndGV4dC1wcmltYXJ5IGRhcms6dGV4dC1wcmltYXJ5LWRhcmsnKTtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzU3RlcHMgPSAoe1xuICBhcmlhTGFiZWwgPSAnUHJvZ3Jlc3MnLFxuICBjbGFzc05hbWUsXG4gIHN0ZXBzLFxuICAuLi5wcm9wc1xufTogUHJvZ3Jlc3NTdGVwc1Byb3BzKSA9PiAoXG4gIDxuYXYgYXJpYS1sYWJlbD17YXJpYUxhYmVsfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS1zbG90PVwicHJvZ3Jlc3Mtc3RlcHNcIiB7Li4ucHJvcHN9PlxuICAgIDxvbCBjbGFzc05hbWU9XCJzcGFjZS15LTQgbWQ6ZmxleCBtZDpzcGFjZS15LTAgbWQ6c3BhY2UteC04XCI+XG4gICAgICB7c3RlcHMubWFwKChzdGVwLCBpbmRleCkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NuKCd0ZXh0LXNtIGZvbnQtbWVkaXVtJywgZ2V0U3RlcExhYmVsQ2xhc3NlcyhzdGVwLnN0YXR1cykpfT5cbiAgICAgICAgICAgICAge3N0ZXAuaWQgPz8gYFN0ZXAgJHtpbmRleCArIDF9YH1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInRleHQtc20gZm9udC1tZWRpdW0gdGV4dC1mb3JlZ3JvdW5kIGRhcms6dGV4dC1mb3JlZ3JvdW5kLWRhcmtcIj57c3RlcC5sYWJlbH08L3NwYW4+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICAgIGNvbnN0IGNsYXNzZXMgPSBjbignZ3JvdXAgZmxleCBmbGV4LWNvbCBib3JkZXItbC00IHB5LTIgcGwtNCBtZDpib3JkZXItdC00IG1kOmJvcmRlci1sLTAgbWQ6cHQtNCBtZDpwYi0wIG1kOnBsLTAnLCBnZXRTdGVwQ2xhc3NlcyhzdGVwLnN0YXR1cykpO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPGxpIGNsYXNzTmFtZT1cIm1kOmZsZXgtMVwiIGtleT17c3RlcC5pZCA/PyBzdGVwLmxhYmVsfT5cbiAgICAgICAgICAgIHtzdGVwLmhyZWYgPyAoXG4gICAgICAgICAgICAgIDxhIGFyaWEtY3VycmVudD17c3RlcC5zdGF0dXMgPT09ICdjdXJyZW50JyA/ICdzdGVwJyA6IHVuZGVmaW5lZH0gY2xhc3NOYW1lPXtjbGFzc2VzfSBocmVmPXtzdGVwLmhyZWZ9PlxuICAgICAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8ZGl2IGFyaWEtY3VycmVudD17c3RlcC5zdGF0dXMgPT09ICdjdXJyZW50JyA/ICdzdGVwJyA6IHVuZGVmaW5lZH0gY2xhc3NOYW1lPXtjbGFzc2VzfT5cbiAgICAgICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICk7XG4gICAgICB9KX1cbiAgICA8L29sPlxuICA8L25hdj5cbik7XG4iXSwibmFtZXMiOlsiY24iLCJnZXRTdGVwQ2xhc3NlcyIsInN0YXR1cyIsImdldFN0ZXBMYWJlbENsYXNzZXMiLCJQcm9ncmVzc1N0ZXBzIiwiYXJpYUxhYmVsIiwiY2xhc3NOYW1lIiwic3RlcHMiLCJwcm9wcyIsIm5hdiIsImFyaWEtbGFiZWwiLCJkYXRhLXNsb3QiLCJvbCIsIm1hcCIsInN0ZXAiLCJpbmRleCIsImNvbnRlbnQiLCJzcGFuIiwiaWQiLCJsYWJlbCIsImNsYXNzZXMiLCJsaSIsImhyZWYiLCJhIiwiYXJpYS1jdXJyZW50IiwidW5kZWZpbmVkIiwiZGl2Il0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFrQmhDLE1BQU1DLGlCQUFpQixDQUFDQztJQUN0QixJQUFHQSxXQUFXLFlBQVk7UUFDeEIsT0FBTztJQUNUO0lBRUEsSUFBR0EsV0FBVyxXQUFXO1FBQ3ZCLE9BQU87SUFDVDtJQUVBLE9BQU87QUFDVDtBQUVBLE1BQU1DLHNCQUFzQixDQUFDRCxTQUFnQ0EsV0FBVyxhQUNwRSw0SEFDQTtBQUVKLE9BQU8sTUFBTUUsZ0JBQWdCLENBQUMsRUFDNUJDLFlBQVksVUFBVSxFQUN0QkMsU0FBUyxFQUNUQyxLQUFLLEVBQ0wsR0FBR0MsT0FDZ0IsaUJBQ25CLEtBQUNDO1FBQUlDLGNBQVlMO1FBQVdDLFdBQVdBO1FBQVdLLGFBQVU7UUFBa0IsR0FBR0gsS0FBSztrQkFDcEYsY0FBQSxLQUFDSTtZQUFHTixXQUFVO3NCQUNYQyxNQUFNTSxHQUFHLENBQUMsQ0FBQ0MsTUFBTUM7Z0JBQ2hCLE1BQU1DLHdCQUNKOztzQ0FDRSxLQUFDQzs0QkFBS1gsV0FBV04sR0FBRyx1QkFBdUJHLG9CQUFvQlcsS0FBS1osTUFBTTtzQ0FDdkVZLEtBQUtJLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRUgsUUFBUSxHQUFHOztzQ0FFakMsS0FBQ0U7NEJBQUtYLFdBQVU7c0NBQWlFUSxLQUFLSyxLQUFLOzs7O2dCQUcvRixNQUFNQyxVQUFVcEIsR0FBRyxnR0FBZ0dDLGVBQWVhLEtBQUtaLE1BQU07Z0JBRTdJLHFCQUNFLEtBQUNtQjtvQkFBR2YsV0FBVTs4QkFDWFEsS0FBS1EsSUFBSSxpQkFDUixLQUFDQzt3QkFBRUMsZ0JBQWNWLEtBQUtaLE1BQU0sS0FBSyxZQUFZLFNBQVN1Qjt3QkFBV25CLFdBQVdjO3dCQUFTRSxNQUFNUixLQUFLUSxJQUFJO2tDQUNqR047dUNBR0gsS0FBQ1U7d0JBQUlGLGdCQUFjVixLQUFLWixNQUFNLEtBQUssWUFBWSxTQUFTdUI7d0JBQVduQixXQUFXYztrQ0FDM0VKOzttQkFQd0JGLEtBQUtJLEVBQUUsSUFBSUosS0FBS0ssS0FBSztZQVl4RDs7T0FHSiJ9

package/lib/components/ProgressSteps/ProgressSteps.stories.js

@@ -0,0 +1,35 @@
+import { ProgressSteps } from './ProgressSteps.js';
+const meta = {
+    component: ProgressSteps,
+    parameters: {
+        layout: 'padded'
+    },
+    title: 'Application UI/Navigation/ProgressSteps'
+};
+export default meta;
+export const Default = {
+    args: {
+        steps: [
+            {
+                href: '#',
+                id: 'Step 1',
+                label: 'Job details',
+                status: 'complete'
+            },
+            {
+                href: '#',
+                id: 'Step 2',
+                label: 'Application form',
+                status: 'current'
+            },
+            {
+                href: '#',
+                id: 'Step 3',
+                label: 'Preview',
+                status: 'upcoming'
+            }
+        ]
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1Byb2dyZXNzU3RlcHMvUHJvZ3Jlc3NTdGVwcy5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1Byb2dyZXNzU3RlcHN9IGZyb20gJy4vUHJvZ3Jlc3NTdGVwcy5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBQcm9ncmVzc1N0ZXBzPiA9IHtcbiAgY29tcG9uZW50OiBQcm9ncmVzc1N0ZXBzLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAncGFkZGVkJ1xuICB9LFxuICB0aXRsZTogJ0FwcGxpY2F0aW9uIFVJL05hdmlnYXRpb24vUHJvZ3Jlc3NTdGVwcydcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgUHJvZ3Jlc3NTdGVwcz47XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0OiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIHN0ZXBzOiBbXG4gICAgICB7aHJlZjogJyMnLCBpZDogJ1N0ZXAgMScsIGxhYmVsOiAnSm9iIGRldGFpbHMnLCBzdGF0dXM6ICdjb21wbGV0ZSd9LFxuICAgICAge2hyZWY6ICcjJywgaWQ6ICdTdGVwIDInLCBsYWJlbDogJ0FwcGxpY2F0aW9uIGZvcm0nLCBzdGF0dXM6ICdjdXJyZW50J30sXG4gICAgICB7aHJlZjogJyMnLCBpZDogJ1N0ZXAgMycsIGxhYmVsOiAnUHJldmlldycsIHN0YXR1czogJ3VwY29taW5nJ31cbiAgICBdXG4gIH1cbn07XG4iXSwibmFtZXMiOlsiUHJvZ3Jlc3NTdGVwcyIsIm1ldGEiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsInN0ZXBzIiwiaHJlZiIsImlkIiwibGFiZWwiLCJzdGF0dXMiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVFBLGFBQWEsUUFBTyxxQkFBcUI7QUFJakQsTUFBTUMsT0FBbUM7SUFDdkNDLFdBQVdGO0lBQ1hHLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxVQUFpQjtJQUM1QkMsTUFBTTtRQUNKQyxPQUFPO1lBQ0w7Z0JBQUNDLE1BQU07Z0JBQUtDLElBQUk7Z0JBQVVDLE9BQU87Z0JBQWVDLFFBQVE7WUFBVTtZQUNsRTtnQkFBQ0gsTUFBTTtnQkFBS0MsSUFBSTtnQkFBVUMsT0FBTztnQkFBb0JDLFFBQVE7WUFBUztZQUN0RTtnQkFBQ0gsTUFBTTtnQkFBS0MsSUFBSTtnQkFBVUMsT0FBTztnQkFBV0MsUUFBUTtZQUFVO1NBQy9EO0lBQ0g7QUFDRixFQUFFIn0=

package/lib/components/RadioField/RadioField.d.ts

@@ -0,0 +1,16 @@
+import { type GothamColor } from '../../utils/colorUtils.js';
+export interface RadioFieldItem {
+    readonly description?: string;
+    readonly id?: string;
+    readonly label: string;
+    readonly value: string;
+}
+export interface RadioFieldProps {
+    readonly color?: GothamColor;
+    readonly defaultValue?: string;
+    readonly label?: string;
+    readonly name: string;
+    readonly optionClass?: string;
+    readonly options: RadioFieldItem[];
+}
+export declare const RadioField: import("react").NamedExoticComponent<RadioFieldProps>;

package/lib/components/RadioField/RadioField.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo, useMemo, useState } from 'react';
+import { getCheckedClasses } from '../../utils/colorUtils.js';
+import { useGothamFormField } from '../Form/FormContext.js';
+const RadioFieldComponent = ({ color = 'primary', defaultValue, label, name, optionClass = 'cursor-pointer relative size-4 appearance-none rounded-full border border-neutral/70 dark:border-neutral-dark/70 bg-white dark:bg-black before:absolute before:inset-1 before:rounded-full before:bg-white dark:before:bg-black not-checked:before:hidden focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary disabled:border-black/40 dark:disabled:border-white/40 disabled:bg-white/50 dark:disabled:bg-black/50 disabled:before:bg-black/40 dark:disabled:before:bg-white/50 forced-colors:appearance-auto forced-colors:before:hidden', options })=>{
+    const form = useGothamFormField(name);
+    const [localValue, setLocalValue] = useState(defaultValue);
+    const optionClasses = useMemo(()=>cn(optionClass, getCheckedClasses(color)), [
+        color,
+        optionClass
+    ]);
+    const currentValue = form?.value ?? localValue;
+    return /*#__PURE__*/ _jsx("fieldset", {
+        "aria-label": label,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "space-y-1",
+            children: options.map((option)=>/*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-start relative",
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "flex h-6 items-center",
+                            children: /*#__PURE__*/ _jsx("input", {
+                                "aria-describedby": `${option.id || option.value}-description`,
+                                checked: currentValue === option.value,
+                                className: optionClasses,
+                                id: option.id || option.value,
+                                name: name,
+                                onChange: ()=>{
+                                    if (!form) {
+                                        setLocalValue(option.value);
+                                    }
+                                    form?.setValue(name, option.value);
+                                    form?.clearError(name);
+                                },
+                                type: "radio",
+                                value: option.value
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "ml-3 text-sm/6",
+                            children: [
+                                option.label && /*#__PURE__*/ _jsx("label", {
+                                    className: "font-medium text-gray-900 dark:text-white",
+                                    htmlFor: option.id || option.value,
+                                    children: option.label
+                                }),
+                                option.description && /*#__PURE__*/ _jsx("p", {
+                                    className: "text-gray-500 dark:text-white",
+                                    id: `${option.id || option.value}-description`,
+                                    children: option.description
+                                })
+                            ]
+                        })
+                    ]
+                }, option.id || option.value))
+        })
+    });
+};
+export const RadioField = /*#__PURE__*/ memo(RadioFieldComponent);
+RadioField.displayName = 'RadioField';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1JhZGlvRmllbGQvUmFkaW9GaWVsZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7bWVtbywgdXNlTWVtbywgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtnZXRDaGVja2VkQ2xhc3NlcywgdHlwZSBHb3RoYW1Db2xvcn0gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5pbXBvcnQge3VzZUdvdGhhbUZvcm1GaWVsZH0gZnJvbSAnLi4vRm9ybS9Gb3JtQ29udGV4dC5qcyc7XG5cbmltcG9ydCB0eXBlIHtGQ30gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFJhZGlvRmllbGRJdGVtIHtcbiAgcmVhZG9ubHkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGlkPzogc3RyaW5nO1xuICByZWFkb25seSBsYWJlbDogc3RyaW5nO1xuICByZWFkb25seSB2YWx1ZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFJhZGlvRmllbGRQcm9wcyB7XG4gIHJlYWRvbmx5IGNvbG9yPzogR290aGFtQ29sb3I7XG4gIHJlYWRvbmx5IGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgcmVhZG9ubHkgbGFiZWw/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IG5hbWU6IHN0cmluZztcbiAgcmVhZG9ubHkgb3B0aW9uQ2xhc3M/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IG9wdGlvbnM6IFJhZGlvRmllbGRJdGVtW107XG59XG5cbmNvbnN0IFJhZGlvRmllbGRDb21wb25lbnQ6IEZDPFJhZGlvRmllbGRQcm9wcz4gPSAoe1xuICBjb2xvciA9ICdwcmltYXJ5JyxcbiAgZGVmYXVsdFZhbHVlLFxuICBsYWJlbCxcbiAgbmFtZSxcbiAgb3B0aW9uQ2xhc3MgPSAnY3Vyc29yLXBvaW50ZXIgcmVsYXRpdmUgc2l6ZS00IGFwcGVhcmFuY2Utbm9uZSByb3VuZGVkLWZ1bGwgYm9yZGVyIGJvcmRlci1uZXV0cmFsLzcwIGRhcms6Ym9yZGVyLW5ldXRyYWwtZGFyay83MCBiZy13aGl0ZSBkYXJrOmJnLWJsYWNrIGJlZm9yZTphYnNvbHV0ZSBiZWZvcmU6aW5zZXQtMSBiZWZvcmU6cm91bmRlZC1mdWxsIGJlZm9yZTpiZy13aGl0ZSBkYXJrOmJlZm9yZTpiZy1ibGFjayBub3QtY2hlY2tlZDpiZWZvcmU6aGlkZGVuIGZvY3VzLXZpc2libGU6b3V0bGluZS0yIGZvY3VzLXZpc2libGU6b3V0bGluZS1vZmZzZXQtMiBmb2N1cy12aXNpYmxlOm91dGxpbmUtc2Vjb25kYXJ5IGRpc2FibGVkOmJvcmRlci1ibGFjay80MCBkYXJrOmRpc2FibGVkOmJvcmRlci13aGl0ZS80MCBkaXNhYmxlZDpiZy13aGl0ZS81MCBkYXJrOmRpc2FibGVkOmJnLWJsYWNrLzUwIGRpc2FibGVkOmJlZm9yZTpiZy1ibGFjay80MCBkYXJrOmRpc2FibGVkOmJlZm9yZTpiZy13aGl0ZS81MCBmb3JjZWQtY29sb3JzOmFwcGVhcmFuY2UtYXV0byBmb3JjZWQtY29sb3JzOmJlZm9yZTpoaWRkZW4nLFxuICBvcHRpb25zXG59KSA9PiB7XG4gIGNvbnN0IGZvcm0gPSB1c2VHb3RoYW1Gb3JtRmllbGQobmFtZSk7XG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlKGRlZmF1bHRWYWx1ZSk7XG4gIGNvbnN0IG9wdGlvbkNsYXNzZXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGNuKG9wdGlvbkNsYXNzLCBnZXRDaGVja2VkQ2xhc3Nlcyhjb2xvcikpLFxuICAgIFtjb2xvciwgb3B0aW9uQ2xhc3NdXG4gICk7XG4gIGNvbnN0IGN1cnJlbnRWYWx1ZSA9IGZvcm0/LnZhbHVlID8/IGxvY2FsVmFsdWU7XG4gIHJldHVybiAoXG4gICAgPGZpZWxkc2V0IGFyaWEtbGFiZWw9e2xhYmVsfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwic3BhY2UteS0xXCI+XG4gICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uKSA9PiAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGl0ZW1zLXN0YXJ0IHJlbGF0aXZlXCIga2V5PXtvcHRpb24uaWQgfHwgb3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBoLTYgaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2Ake29wdGlvbi5pZCB8fCBvcHRpb24udmFsdWV9LWRlc2NyaXB0aW9uYH1cbiAgICAgICAgICAgICAgICBjaGVja2VkPXtjdXJyZW50VmFsdWUgPT09IG9wdGlvbi52YWx1ZX1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e29wdGlvbkNsYXNzZXN9XG4gICAgICAgICAgICAgICAgaWQ9e29wdGlvbi5pZCB8fCBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgaWYoIWZvcm0pIHtcbiAgICAgICAgICAgICAgICAgICAgc2V0TG9jYWxWYWx1ZShvcHRpb24udmFsdWUpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgZm9ybT8uc2V0VmFsdWUobmFtZSwgb3B0aW9uLnZhbHVlKTtcbiAgICAgICAgICAgICAgICAgIGZvcm0/LmNsZWFyRXJyb3IobmFtZSk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgIHZhbHVlPXtvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibWwtMyB0ZXh0LXNtLzZcIj5cbiAgICAgICAgICAgICAge29wdGlvbi5sYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzTmFtZT1cImZvbnQtbWVkaXVtIHRleHQtZ3JheS05MDAgZGFyazp0ZXh0LXdoaXRlXCIgaHRtbEZvcj17b3B0aW9uLmlkIHx8IG9wdGlvbi52YWx1ZX0+XG4gICAgICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICAgIDxwIGNsYXNzTmFtZT1cInRleHQtZ3JheS01MDAgZGFyazp0ZXh0LXdoaXRlXCIgaWQ9e2Ake29wdGlvbi5pZCB8fCBvcHRpb24udmFsdWV9LWRlc2NyaXB0aW9uYH0+XG4gICAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZmllbGRzZXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUmFkaW9GaWVsZCA9IG1lbW8oUmFkaW9GaWVsZENvbXBvbmVudCk7XG5SYWRpb0ZpZWxkLmRpc3BsYXlOYW1lID0gJ1JhZGlvRmllbGQnO1xuIl0sIm5hbWVzIjpbImNuIiwibWVtbyIsInVzZU1lbW8iLCJ1c2VTdGF0ZSIsImdldENoZWNrZWRDbGFzc2VzIiwidXNlR290aGFtRm9ybUZpZWxkIiwiUmFkaW9GaWVsZENvbXBvbmVudCIsImNvbG9yIiwiZGVmYXVsdFZhbHVlIiwibGFiZWwiLCJuYW1lIiwib3B0aW9uQ2xhc3MiLCJvcHRpb25zIiwiZm9ybSIsImxvY2FsVmFsdWUiLCJzZXRMb2NhbFZhbHVlIiwib3B0aW9uQ2xhc3NlcyIsImN1cnJlbnRWYWx1ZSIsInZhbHVlIiwiZmllbGRzZXQiLCJhcmlhLWxhYmVsIiwiZGl2IiwiY2xhc3NOYW1lIiwibWFwIiwib3B0aW9uIiwiaW5wdXQiLCJhcmlhLWRlc2NyaWJlZGJ5IiwiaWQiLCJjaGVja2VkIiwib25DaGFuZ2UiLCJzZXRWYWx1ZSIsImNsZWFyRXJyb3IiLCJ0eXBlIiwiaHRtbEZvciIsImRlc2NyaXB0aW9uIiwicCIsIlJhZGlvRmllbGQiLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBQ2hDLFNBQVFDLElBQUksRUFBRUMsT0FBTyxFQUFFQyxRQUFRLFFBQU8sUUFBUTtBQUU5QyxTQUFRQyxpQkFBaUIsUUFBeUIsNEJBQTRCO0FBQzlFLFNBQVFDLGtCQUFrQixRQUFPLHlCQUF5QjtBQW9CMUQsTUFBTUMsc0JBQTJDLENBQUMsRUFDaERDLFFBQVEsU0FBUyxFQUNqQkMsWUFBWSxFQUNaQyxLQUFLLEVBQ0xDLElBQUksRUFDSkMsY0FBYywraUJBQStpQixFQUM3akJDLE9BQU8sRUFDUjtJQUNDLE1BQU1DLE9BQU9SLG1CQUFtQks7SUFDaEMsTUFBTSxDQUFDSSxZQUFZQyxjQUFjLEdBQUdaLFNBQVNLO0lBQzdDLE1BQU1RLGdCQUFnQmQsUUFDcEIsSUFBTUYsR0FBR1csYUFBYVAsa0JBQWtCRyxTQUN4QztRQUFDQTtRQUFPSTtLQUFZO0lBRXRCLE1BQU1NLGVBQWVKLE1BQU1LLFNBQVNKO0lBQ3BDLHFCQUNFLEtBQUNLO1FBQVNDLGNBQVlYO2tCQUNwQixjQUFBLEtBQUNZO1lBQUlDLFdBQVU7c0JBQ1pWLFFBQVFXLEdBQUcsQ0FBQyxDQUFDQyx1QkFDWixNQUFDSDtvQkFBSUMsV0FBVTs7c0NBQ2IsS0FBQ0Q7NEJBQUlDLFdBQVU7c0NBQ2IsY0FBQSxLQUFDRztnQ0FDQ0Msb0JBQWtCLEdBQUdGLE9BQU9HLEVBQUUsSUFBSUgsT0FBT04sS0FBSyxDQUFDLFlBQVksQ0FBQztnQ0FDNURVLFNBQVNYLGlCQUFpQk8sT0FBT04sS0FBSztnQ0FDdENJLFdBQVdOO2dDQUNYVyxJQUFJSCxPQUFPRyxFQUFFLElBQUlILE9BQU9OLEtBQUs7Z0NBQzdCUixNQUFNQTtnQ0FDTm1CLFVBQVU7b0NBQ1IsSUFBRyxDQUFDaEIsTUFBTTt3Q0FDUkUsY0FBY1MsT0FBT04sS0FBSztvQ0FDNUI7b0NBQ0FMLE1BQU1pQixTQUFTcEIsTUFBTWMsT0FBT04sS0FBSztvQ0FDakNMLE1BQU1rQixXQUFXckI7Z0NBQ25CO2dDQUNBc0IsTUFBSztnQ0FDTGQsT0FBT00sT0FBT04sS0FBSzs7O3NDQUd2QixNQUFDRzs0QkFBSUMsV0FBVTs7Z0NBQ1pFLE9BQU9mLEtBQUssa0JBQ1gsS0FBQ0E7b0NBQU1hLFdBQVU7b0NBQTRDVyxTQUFTVCxPQUFPRyxFQUFFLElBQUlILE9BQU9OLEtBQUs7OENBQzVGTSxPQUFPZixLQUFLOztnQ0FHaEJlLE9BQU9VLFdBQVcsa0JBQ2pCLEtBQUNDO29DQUFFYixXQUFVO29DQUFnQ0ssSUFBSSxHQUFHSCxPQUFPRyxFQUFFLElBQUlILE9BQU9OLEtBQUssQ0FBQyxZQUFZLENBQUM7OENBQ3hGTSxPQUFPVSxXQUFXOzs7OzttQkEzQnFCVixPQUFPRyxFQUFFLElBQUlILE9BQU9OLEtBQUs7OztBQW9DbkY7QUFFQSxPQUFPLE1BQU1rQiwyQkFBYW5DLEtBQUtLLHFCQUFxQjtBQUNwRDhCLFdBQVdDLFdBQVcsR0FBRyJ9