@nlabs/gothamui 1.8.0

package/lib/components/Item/Item.stories.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { FileText } from 'lucide-react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Button } from '../Button/Button.js';
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from './Item.js';
+const meta = {
+    argTypes: {
+        size: {
+            control: 'select',
+            options: [
+                'default',
+                'sm'
+            ]
+        },
+        variant: {
+            control: 'select',
+            options: [
+                'default',
+                'outline',
+                'muted'
+            ]
+        }
+    },
+    component: Item,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Item'
+};
+export default meta;
+export const Default = {
+    args: {
+        size: 'default',
+        variant: 'outline'
+    },
+    play: interactWithCanvas,
+    render: (args)=>/*#__PURE__*/ _jsxs(ItemGroup, {
+            className: "w-[32rem]",
+            children: [
+                /*#__PURE__*/ _jsxs(Item, {
+                    ...args,
+                    children: [
+                        /*#__PURE__*/ _jsx(ItemMedia, {
+                            variant: "icon",
+                            children: /*#__PURE__*/ _jsx(FileText, {})
+                        }),
+                        /*#__PURE__*/ _jsxs(ItemContent, {
+                            children: [
+                                /*#__PURE__*/ _jsxs(ItemHeader, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(ItemTitle, {
+                                            children: "Component coverage"
+                                        }),
+                                        /*#__PURE__*/ _jsx(ItemActions, {
+                                            children: /*#__PURE__*/ _jsx(Button, {
+                                                label: "Open",
+                                                size: "sm",
+                                                variant: "outlined"
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(ItemDescription, {
+                                    children: "Stories include controls and a play interaction for regression checks."
+                                }),
+                                /*#__PURE__*/ _jsx(ItemFooter, {
+                                    children: /*#__PURE__*/ _jsx("span", {
+                                        children: "Updated today"
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(ItemSeparator, {}),
+                /*#__PURE__*/ _jsx(Item, {
+                    variant: "muted",
+                    children: /*#__PURE__*/ _jsxs(ItemContent, {
+                        children: [
+                            /*#__PURE__*/ _jsx(ItemTitle, {
+                                children: "Follow-up review"
+                            }),
+                            /*#__PURE__*/ _jsx(ItemDescription, {
+                                children: "Run Storybook after changing component props."
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0l0ZW0vSXRlbS5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtGaWxlVGV4dH0gZnJvbSAnbHVjaWRlLXJlYWN0JztcbmltcG9ydCB7aW50ZXJhY3RXaXRoQ2FudmFzfSBmcm9tICcuLi8uLi91dGlscy9zdG9yeUludGVyYWN0aW9ucy5qcyc7XG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi4vQnV0dG9uL0J1dHRvbi5qcyc7XG5pbXBvcnQge0l0ZW0sIEl0ZW1BY3Rpb25zLCBJdGVtQ29udGVudCwgSXRlbURlc2NyaXB0aW9uLCBJdGVtRm9vdGVyLCBJdGVtR3JvdXAsIEl0ZW1IZWFkZXIsIEl0ZW1NZWRpYSwgSXRlbVNlcGFyYXRvciwgSXRlbVRpdGxlfSBmcm9tICcuL0l0ZW0uanMnO1xuXG5pbXBvcnQgdHlwZSB7TWV0YSwgU3RvcnlPYmp9IGZyb20gJ0BubGFicy9sZXgvc3Rvcnlib29rJztcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgSXRlbT4gPSB7XG4gIGFyZ1R5cGVzOiB7XG4gICAgc2l6ZToge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBbJ2RlZmF1bHQnLCAnc20nXVxuICAgIH0sXG4gICAgdmFyaWFudDoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBbJ2RlZmF1bHQnLCAnb3V0bGluZScsICdtdXRlZCddXG4gICAgfVxuICB9LFxuICBjb21wb25lbnQ6IEl0ZW0sXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdjZW50ZXJlZCdcbiAgfSxcbiAgdGl0bGU6ICdDb21wb25lbnRzL0l0ZW0nXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIEl0ZW0+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBzaXplOiAnZGVmYXVsdCcsXG4gICAgdmFyaWFudDogJ291dGxpbmUnXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhcyxcbiAgcmVuZGVyOiAoYXJncykgPT4gKFxuICAgIDxJdGVtR3JvdXAgY2xhc3NOYW1lPVwidy1bMzJyZW1dXCI+XG4gICAgICA8SXRlbSB7Li4uYXJnc30+XG4gICAgICAgIDxJdGVtTWVkaWEgdmFyaWFudD1cImljb25cIj5cbiAgICAgICAgICA8RmlsZVRleHQgLz5cbiAgICAgICAgPC9JdGVtTWVkaWE+XG4gICAgICAgIDxJdGVtQ29udGVudD5cbiAgICAgICAgICA8SXRlbUhlYWRlcj5cbiAgICAgICAgICAgIDxJdGVtVGl0bGU+Q29tcG9uZW50IGNvdmVyYWdlPC9JdGVtVGl0bGU+XG4gICAgICAgICAgICA8SXRlbUFjdGlvbnM+XG4gICAgICAgICAgICAgIDxCdXR0b24gbGFiZWw9XCJPcGVuXCIgc2l6ZT1cInNtXCIgdmFyaWFudD1cIm91dGxpbmVkXCIgLz5cbiAgICAgICAgICAgIDwvSXRlbUFjdGlvbnM+XG4gICAgICAgICAgPC9JdGVtSGVhZGVyPlxuICAgICAgICAgIDxJdGVtRGVzY3JpcHRpb24+U3RvcmllcyBpbmNsdWRlIGNvbnRyb2xzIGFuZCBhIHBsYXkgaW50ZXJhY3Rpb24gZm9yIHJlZ3Jlc3Npb24gY2hlY2tzLjwvSXRlbURlc2NyaXB0aW9uPlxuICAgICAgICAgIDxJdGVtRm9vdGVyPlxuICAgICAgICAgICAgPHNwYW4+VXBkYXRlZCB0b2RheTwvc3Bhbj5cbiAgICAgICAgICA8L0l0ZW1Gb290ZXI+XG4gICAgICAgIDwvSXRlbUNvbnRlbnQ+XG4gICAgICA8L0l0ZW0+XG4gICAgICA8SXRlbVNlcGFyYXRvciAvPlxuICAgICAgPEl0ZW0gdmFyaWFudD1cIm11dGVkXCI+XG4gICAgICAgIDxJdGVtQ29udGVudD5cbiAgICAgICAgICA8SXRlbVRpdGxlPkZvbGxvdy11cCByZXZpZXc8L0l0ZW1UaXRsZT5cbiAgICAgICAgICA8SXRlbURlc2NyaXB0aW9uPlJ1biBTdG9yeWJvb2sgYWZ0ZXIgY2hhbmdpbmcgY29tcG9uZW50IHByb3BzLjwvSXRlbURlc2NyaXB0aW9uPlxuICAgICAgICA8L0l0ZW1Db250ZW50PlxuICAgICAgPC9JdGVtPlxuICAgIDwvSXRlbUdyb3VwPlxuICApXG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiRmlsZVRleHQiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJCdXR0b24iLCJJdGVtIiwiSXRlbUFjdGlvbnMiLCJJdGVtQ29udGVudCIsIkl0ZW1EZXNjcmlwdGlvbiIsIkl0ZW1Gb290ZXIiLCJJdGVtR3JvdXAiLCJJdGVtSGVhZGVyIiwiSXRlbU1lZGlhIiwiSXRlbVNlcGFyYXRvciIsIkl0ZW1UaXRsZSIsIm1ldGEiLCJhcmdUeXBlcyIsInNpemUiLCJjb250cm9sIiwib3B0aW9ucyIsInZhcmlhbnQiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsInBsYXkiLCJyZW5kZXIiLCJjbGFzc05hbWUiLCJsYWJlbCIsInNwYW4iXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxXQUFXLFFBQVE7QUFDMUIsU0FBUUMsUUFBUSxRQUFPLGVBQWU7QUFDdEMsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBQ3BFLFNBQVFDLE1BQU0sUUFBTyxzQkFBc0I7QUFDM0MsU0FBUUMsSUFBSSxFQUFFQyxXQUFXLEVBQUVDLFdBQVcsRUFBRUMsZUFBZSxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRUMsVUFBVSxFQUFFQyxTQUFTLEVBQUVDLGFBQWEsRUFBRUMsU0FBUyxRQUFPLFlBQVk7QUFJbEosTUFBTUMsT0FBMEI7SUFDOUJDLFVBQVU7UUFDUkMsTUFBTTtZQUNKQyxTQUFTO1lBQ1RDLFNBQVM7Z0JBQUM7Z0JBQVc7YUFBSztRQUM1QjtRQUNBQyxTQUFTO1lBQ1BGLFNBQVM7WUFDVEMsU0FBUztnQkFBQztnQkFBVztnQkFBVzthQUFRO1FBQzFDO0lBQ0Y7SUFDQUUsV0FBV2hCO0lBQ1hpQixZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlVCxLQUFLO0FBSXBCLE9BQU8sTUFBTVUsVUFBaUI7SUFDNUJDLE1BQU07UUFDSlQsTUFBTTtRQUNORyxTQUFTO0lBQ1g7SUFDQU8sTUFBTXhCO0lBQ055QixRQUFRLENBQUNGLHFCQUNQLE1BQUNoQjtZQUFVbUIsV0FBVTs7OEJBQ25CLE1BQUN4QjtvQkFBTSxHQUFHcUIsSUFBSTs7c0NBQ1osS0FBQ2Q7NEJBQVVRLFNBQVE7c0NBQ2pCLGNBQUEsS0FBQ2xCOztzQ0FFSCxNQUFDSzs7OENBQ0MsTUFBQ0k7O3NEQUNDLEtBQUNHO3NEQUFVOztzREFDWCxLQUFDUjtzREFDQyxjQUFBLEtBQUNGO2dEQUFPMEIsT0FBTTtnREFBT2IsTUFBSztnREFBS0csU0FBUTs7Ozs7OENBRzNDLEtBQUNaOzhDQUFnQjs7OENBQ2pCLEtBQUNDOzhDQUNDLGNBQUEsS0FBQ3NCO2tEQUFLOzs7Ozs7OzhCQUlaLEtBQUNsQjs4QkFDRCxLQUFDUjtvQkFBS2UsU0FBUTs4QkFDWixjQUFBLE1BQUNiOzswQ0FDQyxLQUFDTzswQ0FBVTs7MENBQ1gsS0FBQ047MENBQWdCOzs7Ozs7O0FBSzNCLEVBQUUifQ==

package/lib/components/Kbd/Kbd.d.ts

@@ -0,0 +1,2 @@
+import type { HTMLAttributes } from 'react';
+export declare const Kbd: ({ className, ...props }: HTMLAttributes<HTMLElement>) => import("react").JSX.Element;

package/lib/components/Kbd/Kbd.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+export const Kbd = ({ className, ...props })=>/*#__PURE__*/ _jsx("kbd", {
+        className: cn('inline-flex min-h-6 items-center rounded-md border border-border bg-muted px-2 text-[0.8rem] font-medium text-muted-foreground', className),
+        "data-slot": "kbd",
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0tiZC9LYmQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5cbmltcG9ydCB0eXBlIHtIVE1MQXR0cmlidXRlc30gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgS2JkID0gKHtjbGFzc05hbWUsIC4uLnByb3BzfTogSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+KSA9PiAoXG4gIDxrYmRcbiAgICBjbGFzc05hbWU9e2NuKCdpbmxpbmUtZmxleCBtaW4taC02IGl0ZW1zLWNlbnRlciByb3VuZGVkLW1kIGJvcmRlciBib3JkZXItYm9yZGVyIGJnLW11dGVkIHB4LTIgdGV4dC1bMC44cmVtXSBmb250LW1lZGl1bSB0ZXh0LW11dGVkLWZvcmVncm91bmQnLCBjbGFzc05hbWUpfVxuICAgIGRhdGEtc2xvdD1cImtiZFwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcbiJdLCJuYW1lcyI6WyJjbiIsIktiZCIsImNsYXNzTmFtZSIsInByb3BzIiwia2JkIiwiZGF0YS1zbG90Il0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFJaEMsT0FBTyxNQUFNQyxNQUFNLENBQUMsRUFBQ0MsU0FBUyxFQUFFLEdBQUdDLE9BQW1DLGlCQUNwRSxLQUFDQztRQUNDRixXQUFXRixHQUFHLGtJQUFrSUU7UUFDaEpHLGFBQVU7UUFDVCxHQUFHRixLQUFLO09BRVgifQ==

package/lib/components/Kbd/Kbd.stories.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { focusCanvas } from '../../utils/storyInteractions.js';
+import { Kbd } from './Kbd.js';
+const meta = {
+    argTypes: {
+        children: {
+            control: 'text'
+        }
+    },
+    component: Kbd,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Kbd'
+};
+export default meta;
+export const Default = {
+    args: {
+        children: '⌘ K'
+    },
+    play: focusCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0tiZC9LYmQuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Zm9jdXNDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7S2JkfSBmcm9tICcuL0tiZC5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBLYmQ+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNoaWxkcmVuOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogS2JkLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9LYmQnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIEtiZD47XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0OiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNoaWxkcmVuOiAn4oyYIEsnXG4gIH0sXG4gIHBsYXk6IGZvY3VzQ2FudmFzXG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiZm9jdXNDYW52YXMiLCJLYmQiLCJtZXRhIiwiYXJnVHlwZXMiLCJjaGlsZHJlbiIsImNvbnRyb2wiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsInBsYXkiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFdBQVcsUUFBUTtBQUMxQixTQUFRQyxXQUFXLFFBQU8sbUNBQW1DO0FBQzdELFNBQVFDLEdBQUcsUUFBTyxXQUFXO0FBSTdCLE1BQU1DLE9BQXlCO0lBQzdCQyxVQUFVO1FBQ1JDLFVBQVU7WUFDUkMsU0FBUztRQUNYO0lBQ0Y7SUFDQUMsV0FBV0w7SUFDWE0sWUFBWTtRQUNWQyxRQUFRO0lBQ1Y7SUFDQUMsT0FBTztBQUNUO0FBRUEsZUFBZVAsS0FBSztBQUlwQixPQUFPLE1BQU1RLFVBQWlCO0lBQzVCQyxNQUFNO1FBQ0pQLFVBQVU7SUFDWjtJQUNBUSxNQUFNWjtBQUNSLEVBQUUifQ==

package/lib/components/Label/Label.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import type { GothamColor } from '../../utils/colorUtils.js';
+export interface LabelProps {
+    readonly className?: string;
+    readonly color?: GothamColor;
+    readonly errorColor?: GothamColor;
+    readonly hasError?: boolean;
+    readonly label: string;
+    readonly name: string;
+}
+export declare const Label: FC<LabelProps>;

package/lib/components/Label/Label.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { cn } from '@nlabs/utils';
+import { useMemo } from 'react';
+import { getTextClasses } from '../../utils/colorUtils.js';
+export const Label = ({ className, color = 'neutral', hasError = false, label, name })=>{
+    const labelClasses = useMemo(()=>getTextClasses(hasError ? 'error' : color), [
+        color,
+        hasError
+    ]);
+    if (!label) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx("label", {
+        className: cn(className, labelClasses),
+        htmlFor: name,
+        children: label
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xhYmVsL0xhYmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1QcmVzZW50LCBOaXRyb2dlbiBMYWJzLCBJbmMuXG4gKiBDb3B5cmlnaHRzIGxpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIHRoZSBhY2NvbXBhbnlpbmcgTElDRU5TRSBmaWxlIGZvciB0ZXJtcy5cbiAqL1xuaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2dldFRleHRDbGFzc2VzfSBmcm9tICcuLi8uLi91dGlscy9jb2xvclV0aWxzLmpzJztcblxuaW1wb3J0IHR5cGUge0ZDfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7R290aGFtQ29sb3J9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9yVXRpbHMuanMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExhYmVsUHJvcHMge1xuICByZWFkb25seSBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGNvbG9yPzogR290aGFtQ29sb3I7XG4gIHJlYWRvbmx5IGVycm9yQ29sb3I/OiBHb3RoYW1Db2xvcjtcbiAgcmVhZG9ubHkgaGFzRXJyb3I/OiBib29sZWFuO1xuICByZWFkb25seSBsYWJlbDogc3RyaW5nO1xuICByZWFkb25seSBuYW1lOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBMYWJlbDogRkM8TGFiZWxQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ25ldXRyYWwnLFxuICBoYXNFcnJvciA9IGZhbHNlLFxuICBsYWJlbCxcbiAgbmFtZVxufSkgPT4ge1xuICBjb25zdCBsYWJlbENsYXNzZXMgPSB1c2VNZW1vKCgpID0+IGdldFRleHRDbGFzc2VzKGhhc0Vycm9yID8gJ2Vycm9yJyA6IGNvbG9yKSwgW2NvbG9yLCBoYXNFcnJvcl0pO1xuXG4gIGlmKCFsYWJlbCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y24oY2xhc3NOYW1lLCBsYWJlbENsYXNzZXMpfVxuICAgICAgaHRtbEZvcj17bmFtZX1cbiAgICA+XG4gICAgICB7bGFiZWx9XG4gICAgPC9sYWJlbD5cbiAgKTtcbn07Il0sIm5hbWVzIjpbImNuIiwidXNlTWVtbyIsImdldFRleHRDbGFzc2VzIiwiTGFiZWwiLCJjbGFzc05hbWUiLCJjb2xvciIsImhhc0Vycm9yIiwibGFiZWwiLCJuYW1lIiwibGFiZWxDbGFzc2VzIiwiaHRtbEZvciJdLCJtYXBwaW5ncyI6IjtBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBQ2hDLFNBQVFDLE9BQU8sUUFBTyxRQUFRO0FBRTlCLFNBQVFDLGNBQWMsUUFBTyw0QkFBNEI7QUFjekQsT0FBTyxNQUFNQyxRQUF3QixDQUFDLEVBQ3BDQyxTQUFTLEVBQ1RDLFFBQVEsU0FBUyxFQUNqQkMsV0FBVyxLQUFLLEVBQ2hCQyxLQUFLLEVBQ0xDLElBQUksRUFDTDtJQUNDLE1BQU1DLGVBQWVSLFFBQVEsSUFBTUMsZUFBZUksV0FBVyxVQUFVRCxRQUFRO1FBQUNBO1FBQU9DO0tBQVM7SUFFaEcsSUFBRyxDQUFDQyxPQUFPO1FBQ1QsT0FBTztJQUNUO0lBRUEscUJBQ0UsS0FBQ0E7UUFDQ0gsV0FBV0osR0FBR0ksV0FBV0s7UUFDekJDLFNBQVNGO2tCQUVSRDs7QUFHUCxFQUFFIn0=

package/lib/components/Label/Label.stories.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { gothamColors } from '../../utils/colorUtils.js';
+import { focusCanvas } from '../../utils/storyInteractions.js';
+import { Label } from './Label.js';
+const meta = {
+    argTypes: {
+        color: {
+            control: 'select',
+            options: gothamColors
+        },
+        hasError: {
+            control: 'boolean'
+        },
+        label: {
+            control: 'text'
+        },
+        name: {
+            control: 'text'
+        }
+    },
+    component: Label,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Form/Label'
+};
+export default meta;
+export const Default = {
+    args: {
+        color: 'neutral',
+        hasError: false,
+        label: 'Email address',
+        name: 'email'
+    },
+    play: focusCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0b3JpZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Z290aGFtQ29sb3JzfSBmcm9tICcuLi8uLi91dGlscy9jb2xvclV0aWxzLmpzJztcbmltcG9ydCB7Zm9jdXNDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7TGFiZWx9IGZyb20gJy4vTGFiZWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7TWV0YSwgU3RvcnlPYmp9IGZyb20gJ0BubGFicy9sZXgvc3Rvcnlib29rJztcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgTGFiZWw+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNvbG9yOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIG9wdGlvbnM6IGdvdGhhbUNvbG9yc1xuICAgIH0sXG4gICAgaGFzRXJyb3I6IHtcbiAgICAgIGNvbnRyb2w6ICdib29sZWFuJ1xuICAgIH0sXG4gICAgbGFiZWw6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH0sXG4gICAgbmFtZToge1xuICAgICAgY29udHJvbDogJ3RleHQnXG4gICAgfVxuICB9LFxuICBjb21wb25lbnQ6IExhYmVsLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9Gb3JtL0xhYmVsJ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcblxudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBMYWJlbD47XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0OiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAnbmV1dHJhbCcsXG4gICAgaGFzRXJyb3I6IGZhbHNlLFxuICAgIGxhYmVsOiAnRW1haWwgYWRkcmVzcycsXG4gICAgbmFtZTogJ2VtYWlsJ1xuICB9LFxuICBwbGF5OiBmb2N1c0NhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImdvdGhhbUNvbG9ycyIsImZvY3VzQ2FudmFzIiwiTGFiZWwiLCJtZXRhIiwiYXJnVHlwZXMiLCJjb2xvciIsImNvbnRyb2wiLCJvcHRpb25zIiwiaGFzRXJyb3IiLCJsYWJlbCIsIm5hbWUiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsInBsYXkiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFdBQVcsUUFBUTtBQUUxQixTQUFRQyxZQUFZLFFBQU8sNEJBQTRCO0FBQ3ZELFNBQVFDLFdBQVcsUUFBTyxtQ0FBbUM7QUFDN0QsU0FBUUMsS0FBSyxRQUFPLGFBQWE7QUFJakMsTUFBTUMsT0FBMkI7SUFDL0JDLFVBQVU7UUFDUkMsT0FBTztZQUNMQyxTQUFTO1lBQ1RDLFNBQVNQO1FBQ1g7UUFDQVEsVUFBVTtZQUNSRixTQUFTO1FBQ1g7UUFDQUcsT0FBTztZQUNMSCxTQUFTO1FBQ1g7UUFDQUksTUFBTTtZQUNKSixTQUFTO1FBQ1g7SUFDRjtJQUNBSyxXQUFXVDtJQUNYVSxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlWCxLQUFLO0FBSXBCLE9BQU8sTUFBTVksVUFBaUI7SUFDNUJDLE1BQU07UUFDSlgsT0FBTztRQUNQRyxVQUFVO1FBQ1ZDLE9BQU87UUFDUEMsTUFBTTtJQUNSO0lBQ0FPLE1BQU1oQjtBQUNSLEVBQUUifQ==

package/lib/components/Link/Link.d.ts

@@ -0,0 +1,7 @@
+import type { AnchorHTMLAttributes, ElementType, ReactNode } from 'react';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    readonly as?: ElementType;
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+}
+export declare const Link: ({ as, asChild, children, className, ...props }: LinkProps) => import("react").JSX.Element | null;

package/lib/components/Link/Link.js

@@ -0,0 +1,13 @@
+import { cn } from '@nlabs/utils';
+import { renderWithAsChild } from '../ComponentUtils/renderWithAsChild.js';
+export const Link = ({ as, asChild = false, children, className, ...props })=>renderWithAsChild({
+        as: as ?? 'a',
+        asChild,
+        children,
+        className: cn('text-link underline-offset-4 hover:text-link-700 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring dark:text-link-dark dark:hover:text-link-dark-300 dark:focus-visible:outline-ring-dark', className),
+        ...props
+    }, {
+        'data-slot': 'link'
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xpbmsvTGluay50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHtyZW5kZXJXaXRoQXNDaGlsZH0gZnJvbSAnLi4vQ29tcG9uZW50VXRpbHMvcmVuZGVyV2l0aEFzQ2hpbGQuanMnO1xuXG5pbXBvcnQgdHlwZSB7QW5jaG9ySFRNTEF0dHJpYnV0ZXMsIEVsZW1lbnRUeXBlLCBSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGludGVyZmFjZSBMaW5rUHJvcHMgZXh0ZW5kcyBBbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD4ge1xuICByZWFkb25seSBhcz86IEVsZW1lbnRUeXBlO1xuICByZWFkb25seSBhc0NoaWxkPzogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gKHtcbiAgYXMsXG4gIGFzQ2hpbGQgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IExpbmtQcm9wcykgPT4gcmVuZGVyV2l0aEFzQ2hpbGQoXG4gIHtcbiAgICBhczogYXMgPz8gJ2EnLFxuICAgIGFzQ2hpbGQsXG4gICAgY2hpbGRyZW4sXG4gICAgY2xhc3NOYW1lOiBjbigndGV4dC1saW5rIHVuZGVybGluZS1vZmZzZXQtNCBob3Zlcjp0ZXh0LWxpbmstNzAwIGhvdmVyOnVuZGVybGluZSBmb2N1cy12aXNpYmxlOm91dGxpbmUtMiBmb2N1cy12aXNpYmxlOm91dGxpbmUtb2Zmc2V0LTIgZm9jdXMtdmlzaWJsZTpvdXRsaW5lLXJpbmcgZGFyazp0ZXh0LWxpbmstZGFyayBkYXJrOmhvdmVyOnRleHQtbGluay1kYXJrLTMwMCBkYXJrOmZvY3VzLXZpc2libGU6b3V0bGluZS1yaW5nLWRhcmsnLCBjbGFzc05hbWUpLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHtcbiAgICAnZGF0YS1zbG90JzogJ2xpbmsnXG4gIH1cbik7XG4iXSwibmFtZXMiOlsiY24iLCJyZW5kZXJXaXRoQXNDaGlsZCIsIkxpbmsiLCJhcyIsImFzQ2hpbGQiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsInByb3BzIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUVoQyxTQUFRQyxpQkFBaUIsUUFBTyx5Q0FBeUM7QUFVekUsT0FBTyxNQUFNQyxPQUFPLENBQUMsRUFDbkJDLEVBQUUsRUFDRkMsVUFBVSxLQUFLLEVBQ2ZDLFFBQVEsRUFDUkMsU0FBUyxFQUNULEdBQUdDLE9BQ08sR0FBS04sa0JBQ2Y7UUFDRUUsSUFBSUEsTUFBTTtRQUNWQztRQUNBQztRQUNBQyxXQUFXTixHQUFHLDZPQUE2T007UUFDM1AsR0FBR0MsS0FBSztJQUNWLEdBQ0E7UUFDRSxhQUFhO0lBQ2YsR0FDQSJ9

package/lib/components/Link/Link.stories.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Link } from './Link.js';
+const meta = {
+    argTypes: {
+        children: {
+            control: 'text'
+        },
+        href: {
+            control: 'text'
+        }
+    },
+    component: Link,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Link'
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Read the docs',
+        href: '#'
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xpbmsvTGluay5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7TGlua30gZnJvbSAnLi9MaW5rLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIExpbms+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNoaWxkcmVuOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIGhyZWY6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBMaW5rLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9MaW5rJ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcblxudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBMaW5rPjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY2hpbGRyZW46ICdSZWFkIHRoZSBkb2NzJyxcbiAgICBocmVmOiAnIydcbiAgfSxcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzXG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiaW50ZXJhY3RXaXRoQ2FudmFzIiwiTGluayIsIm1ldGEiLCJhcmdUeXBlcyIsImNoaWxkcmVuIiwiY29udHJvbCIsImhyZWYiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsInBsYXkiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFdBQVcsUUFBUTtBQUMxQixTQUFRQyxrQkFBa0IsUUFBTyxtQ0FBbUM7QUFDcEUsU0FBUUMsSUFBSSxRQUFPLFlBQVk7QUFJL0IsTUFBTUMsT0FBMEI7SUFDOUJDLFVBQVU7UUFDUkMsVUFBVTtZQUNSQyxTQUFTO1FBQ1g7UUFDQUMsTUFBTTtZQUNKRCxTQUFTO1FBQ1g7SUFDRjtJQUNBRSxXQUFXTjtJQUNYTyxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlUixLQUFLO0FBSXBCLE9BQU8sTUFBTVMsVUFBaUI7SUFDNUJDLE1BQU07UUFDSlIsVUFBVTtRQUNWRSxNQUFNO0lBQ1I7SUFDQU8sTUFBTWI7QUFDUixFQUFFIn0=

package/lib/components/ListContainer/ListContainer.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+export interface ListContainerProps extends HTMLAttributes<HTMLUListElement> {
+    readonly divided?: boolean;
+    readonly inset?: boolean;
+    readonly variant?: 'plain' | 'card';
+}
+export declare const ListContainer: ({ className, divided, inset, variant, ...props }: ListContainerProps) => import("react").JSX.Element;
+export declare const ListItem: ({ className, ...props }: HTMLAttributes<HTMLLIElement>) => import("react").JSX.Element;

package/lib/components/ListContainer/ListContainer.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+export const ListContainer = ({ className, divided = true, inset = true, variant = 'plain', ...props })=>/*#__PURE__*/ _jsx("ul", {
+        className: cn('overflow-hidden', divided && 'divide-y divide-border dark:divide-border-dark', variant === 'card' && 'rounded-md border border-border bg-card shadow-sm dark:border-border-dark dark:bg-card-dark', inset && 'px-4 sm:px-6', className),
+        "data-slot": "list-container",
+        ...props
+    });
+export const ListItem = ({ className, ...props })=>/*#__PURE__*/ _jsx("li", {
+        className: cn('py-4', className),
+        "data-slot": "list-item",
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xpc3RDb250YWluZXIvTGlzdENvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHR5cGUge0hUTUxBdHRyaWJ1dGVzfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGlzdENvbnRhaW5lclByb3BzIGV4dGVuZHMgSFRNTEF0dHJpYnV0ZXM8SFRNTFVMaXN0RWxlbWVudD4ge1xuICByZWFkb25seSBkaXZpZGVkPzogYm9vbGVhbjtcbiAgcmVhZG9ubHkgaW5zZXQ/OiBib29sZWFuO1xuICByZWFkb25seSB2YXJpYW50PzogJ3BsYWluJyB8ICdjYXJkJztcbn1cblxuZXhwb3J0IGNvbnN0IExpc3RDb250YWluZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGRpdmlkZWQgPSB0cnVlLFxuICBpbnNldCA9IHRydWUsXG4gIHZhcmlhbnQgPSAncGxhaW4nLFxuICAuLi5wcm9wc1xufTogTGlzdENvbnRhaW5lclByb3BzKSA9PiAoXG4gIDx1bFxuICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAnb3ZlcmZsb3ctaGlkZGVuJyxcbiAgICAgIGRpdmlkZWQgJiYgJ2RpdmlkZS15IGRpdmlkZS1ib3JkZXIgZGFyazpkaXZpZGUtYm9yZGVyLWRhcmsnLFxuICAgICAgdmFyaWFudCA9PT0gJ2NhcmQnICYmICdyb3VuZGVkLW1kIGJvcmRlciBib3JkZXItYm9yZGVyIGJnLWNhcmQgc2hhZG93LXNtIGRhcms6Ym9yZGVyLWJvcmRlci1kYXJrIGRhcms6YmctY2FyZC1kYXJrJyxcbiAgICAgIGluc2V0ICYmICdweC00IHNtOnB4LTYnLFxuICAgICAgY2xhc3NOYW1lXG4gICAgKX1cbiAgICBkYXRhLXNsb3Q9XCJsaXN0LWNvbnRhaW5lclwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogSFRNTEF0dHJpYnV0ZXM8SFRNTExJRWxlbWVudD4pID0+IChcbiAgPGxpXG4gICAgY2xhc3NOYW1lPXtjbigncHktNCcsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwibGlzdC1pdGVtXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuIl0sIm5hbWVzIjpbImNuIiwiTGlzdENvbnRhaW5lciIsImNsYXNzTmFtZSIsImRpdmlkZWQiLCJpbnNldCIsInZhcmlhbnQiLCJwcm9wcyIsInVsIiwiZGF0YS1zbG90IiwiTGlzdEl0ZW0iLCJsaSJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBVWhDLE9BQU8sTUFBTUMsZ0JBQWdCLENBQUMsRUFDNUJDLFNBQVMsRUFDVEMsVUFBVSxJQUFJLEVBQ2RDLFFBQVEsSUFBSSxFQUNaQyxVQUFVLE9BQU8sRUFDakIsR0FBR0MsT0FDZ0IsaUJBQ25CLEtBQUNDO1FBQ0NMLFdBQVdGLEdBQ1QsbUJBQ0FHLFdBQVcsa0RBQ1hFLFlBQVksVUFBVSwrRkFDdEJELFNBQVMsZ0JBQ1RGO1FBRUZNLGFBQVU7UUFDVCxHQUFHRixLQUFLO09BRVg7QUFFRixPQUFPLE1BQU1HLFdBQVcsQ0FBQyxFQUN2QlAsU0FBUyxFQUNULEdBQUdJLE9BQzJCLGlCQUM5QixLQUFDSTtRQUNDUixXQUFXRixHQUFHLFFBQVFFO1FBQ3RCTSxhQUFVO1FBQ1QsR0FBR0YsS0FBSztPQUVYIn0=

package/lib/components/ListContainer/ListContainer.stories.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Avatar } from '../Avatar/Avatar.js';
+import { MediaObject } from '../MediaObject/MediaObject.js';
+import { ListContainer, ListItem } from './ListContainer.js';
+const meta = {
+    component: ListContainer,
+    parameters: {
+        layout: 'padded'
+    },
+    title: 'Application UI/Lists/ListContainer'
+};
+export default meta;
+export const Card = {
+    args: {
+        variant: 'card'
+    },
+    play: interactWithCanvas,
+    render: (args)=>/*#__PURE__*/ _jsxs(ListContainer, {
+            ...args,
+            children: [
+                /*#__PURE__*/ _jsx(ListItem, {
+                    children: /*#__PURE__*/ _jsx(MediaObject, {
+                        description: "Updated the release checklist.",
+                        media: /*#__PURE__*/ _jsx(Avatar, {
+                            initials: "NG"
+                        }),
+                        title: "Nitrogen Labs"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(ListItem, {
+                    children: /*#__PURE__*/ _jsx(MediaObject, {
+                        description: "Published component stories.",
+                        media: /*#__PURE__*/ _jsx(Avatar, {
+                            initials: "JS"
+                        }),
+                        title: "GothamUI"
+                    })
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xpc3RDb250YWluZXIvTGlzdENvbnRhaW5lci5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2ludGVyYWN0V2l0aENhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtBdmF0YXJ9IGZyb20gJy4uL0F2YXRhci9BdmF0YXIuanMnO1xuaW1wb3J0IHtNZWRpYU9iamVjdH0gZnJvbSAnLi4vTWVkaWFPYmplY3QvTWVkaWFPYmplY3QuanMnO1xuaW1wb3J0IHtMaXN0Q29udGFpbmVyLCBMaXN0SXRlbX0gZnJvbSAnLi9MaXN0Q29udGFpbmVyLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIExpc3RDb250YWluZXI+ID0ge1xuICBjb21wb25lbnQ6IExpc3RDb250YWluZXIsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdwYWRkZWQnXG4gIH0sXG4gIHRpdGxlOiAnQXBwbGljYXRpb24gVUkvTGlzdHMvTGlzdENvbnRhaW5lcidcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgTGlzdENvbnRhaW5lcj47XG5cbmV4cG9ydCBjb25zdCBDYXJkOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIHZhcmlhbnQ6ICdjYXJkJ1xuICB9LFxuICBwbGF5OiBpbnRlcmFjdFdpdGhDYW52YXMsXG4gIHJlbmRlcjogKGFyZ3MpID0+IChcbiAgICA8TGlzdENvbnRhaW5lciB7Li4uYXJnc30+XG4gICAgICA8TGlzdEl0ZW0+XG4gICAgICAgIDxNZWRpYU9iamVjdFxuICAgICAgICAgIGRlc2NyaXB0aW9uPVwiVXBkYXRlZCB0aGUgcmVsZWFzZSBjaGVja2xpc3QuXCJcbiAgICAgICAgICBtZWRpYT17PEF2YXRhciBpbml0aWFscz1cIk5HXCIgLz59XG4gICAgICAgICAgdGl0bGU9XCJOaXRyb2dlbiBMYWJzXCJcbiAgICAgICAgLz5cbiAgICAgIDwvTGlzdEl0ZW0+XG4gICAgICA8TGlzdEl0ZW0+XG4gICAgICAgIDxNZWRpYU9iamVjdFxuICAgICAgICAgIGRlc2NyaXB0aW9uPVwiUHVibGlzaGVkIGNvbXBvbmVudCBzdG9yaWVzLlwiXG4gICAgICAgICAgbWVkaWE9ezxBdmF0YXIgaW5pdGlhbHM9XCJKU1wiIC8+fVxuICAgICAgICAgIHRpdGxlPVwiR290aGFtVUlcIlxuICAgICAgICAvPlxuICAgICAgPC9MaXN0SXRlbT5cbiAgICA8L0xpc3RDb250YWluZXI+XG4gIClcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJBdmF0YXIiLCJNZWRpYU9iamVjdCIsIkxpc3RDb250YWluZXIiLCJMaXN0SXRlbSIsIm1ldGEiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJDYXJkIiwiYXJncyIsInZhcmlhbnQiLCJwbGF5IiwicmVuZGVyIiwiZGVzY3JpcHRpb24iLCJtZWRpYSIsImluaXRpYWxzIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBRTFCLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxNQUFNLFFBQU8sc0JBQXNCO0FBQzNDLFNBQVFDLFdBQVcsUUFBTyxnQ0FBZ0M7QUFDMUQsU0FBUUMsYUFBYSxFQUFFQyxRQUFRLFFBQU8scUJBQXFCO0FBSTNELE1BQU1DLE9BQW1DO0lBQ3ZDQyxXQUFXSDtJQUNYSSxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlSixLQUFLO0FBSXBCLE9BQU8sTUFBTUssT0FBYztJQUN6QkMsTUFBTTtRQUNKQyxTQUFTO0lBQ1g7SUFDQUMsTUFBTWI7SUFDTmMsUUFBUSxDQUFDSCxxQkFDUCxNQUFDUjtZQUFlLEdBQUdRLElBQUk7OzhCQUNyQixLQUFDUDs4QkFDQyxjQUFBLEtBQUNGO3dCQUNDYSxhQUFZO3dCQUNaQyxxQkFBTyxLQUFDZjs0QkFBT2dCLFVBQVM7O3dCQUN4QlIsT0FBTTs7OzhCQUdWLEtBQUNMOzhCQUNDLGNBQUEsS0FBQ0Y7d0JBQ0NhLGFBQVk7d0JBQ1pDLHFCQUFPLEtBQUNmOzRCQUFPZ0IsVUFBUzs7d0JBQ3hCUixPQUFNOzs7OztBQUtoQixFQUFFIn0=

package/lib/components/Loader/Loader.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+import type { GothamColor } from '../../utils/colorUtils.js';
+import type { GothamSize } from '../../utils/sizeUtils.js';
+export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
+    readonly color?: GothamColor;
+    readonly content?: string;
+    readonly size?: GothamSize;
+}
+export declare const Loader: ({ className, color, content, size, ...props }: LoaderProps) => import("react").JSX.Element;

package/lib/components/Loader/Loader.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { cn } from '@nlabs/utils';
+const sizeClasses = {
+    lg: 'size-10 border-3',
+    md: 'size-8 border-2',
+    sm: 'size-5 border-2'
+};
+const colorClasses = {
+    black: 'text-black dark:text-white',
+    error: 'text-error dark:text-error-dark',
+    info: 'text-info dark:text-info-dark',
+    link: 'text-link dark:text-link-dark',
+    neutral: 'text-neutral dark:text-neutral-dark',
+    primary: 'text-primary dark:text-primary-dark',
+    secondary: 'text-secondary dark:text-secondary-dark',
+    success: 'text-success dark:text-success-dark',
+    tertiary: 'text-tertiary dark:text-tertiary-dark',
+    transparent: 'text-transparent',
+    warning: 'text-warning dark:text-warning-dark',
+    white: 'text-white dark:text-white-dark'
+};
+export const Loader = ({ className, color = 'primary', content = 'Loading...', size = 'md', ...props })=>/*#__PURE__*/ _jsx("div", {
+        "aria-label": content,
+        className: cn('inline-block animate-spin rounded-full border-solid border-current border-t-transparent', sizeClasses[size], colorClasses[color], className),
+        role: "status",
+        ...props,
+        children: /*#__PURE__*/ _jsx("span", {
+            className: "sr-only",
+            children: content
+        })
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xvYWRlci9Mb2FkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LVByZXNlbnQsIE5pdHJvZ2VuIExhYnMsIEluYy5cbiAqIENvcHlyaWdodHMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgdGhlIGFjY29tcGFueWluZyBMSUNFTlNFIGZpbGUgZm9yIHRlcm1zLlxuICovXG5pbXBvcnQge2NufSBmcm9tICdAbmxhYnMvdXRpbHMnO1xuXG5pbXBvcnQgdHlwZSB7SFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtHb3RoYW1Db2xvcn0gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5pbXBvcnQgdHlwZSB7R290aGFtU2l6ZX0gZnJvbSAnLi4vLi4vdXRpbHMvc2l6ZVV0aWxzLmpzJztcblxuZXhwb3J0IGludGVyZmFjZSBMb2FkZXJQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHJlYWRvbmx5IGNvbG9yPzogR290aGFtQ29sb3I7XG4gIHJlYWRvbmx5IGNvbnRlbnQ/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IHNpemU/OiBHb3RoYW1TaXplO1xufVxuXG5jb25zdCBzaXplQ2xhc3NlczogUmVjb3JkPEdvdGhhbVNpemUsIHN0cmluZz4gPSB7XG4gIGxnOiAnc2l6ZS0xMCBib3JkZXItMycsXG4gIG1kOiAnc2l6ZS04IGJvcmRlci0yJyxcbiAgc206ICdzaXplLTUgYm9yZGVyLTInXG59O1xuXG5jb25zdCBjb2xvckNsYXNzZXM6IFJlY29yZDxHb3RoYW1Db2xvciwgc3RyaW5nPiA9IHtcbiAgYmxhY2s6ICd0ZXh0LWJsYWNrIGRhcms6dGV4dC13aGl0ZScsXG4gIGVycm9yOiAndGV4dC1lcnJvciBkYXJrOnRleHQtZXJyb3ItZGFyaycsXG4gIGluZm86ICd0ZXh0LWluZm8gZGFyazp0ZXh0LWluZm8tZGFyaycsXG4gIGxpbms6ICd0ZXh0LWxpbmsgZGFyazp0ZXh0LWxpbmstZGFyaycsXG4gIG5ldXRyYWw6ICd0ZXh0LW5ldXRyYWwgZGFyazp0ZXh0LW5ldXRyYWwtZGFyaycsXG4gIHByaW1hcnk6ICd0ZXh0LXByaW1hcnkgZGFyazp0ZXh0LXByaW1hcnktZGFyaycsXG4gIHNlY29uZGFyeTogJ3RleHQtc2Vjb25kYXJ5IGRhcms6dGV4dC1zZWNvbmRhcnktZGFyaycsXG4gIHN1Y2Nlc3M6ICd0ZXh0LXN1Y2Nlc3MgZGFyazp0ZXh0LXN1Y2Nlc3MtZGFyaycsXG4gIHRlcnRpYXJ5OiAndGV4dC10ZXJ0aWFyeSBkYXJrOnRleHQtdGVydGlhcnktZGFyaycsXG4gIHRyYW5zcGFyZW50OiAndGV4dC10cmFuc3BhcmVudCcsXG4gIHdhcm5pbmc6ICd0ZXh0LXdhcm5pbmcgZGFyazp0ZXh0LXdhcm5pbmctZGFyaycsXG4gIHdoaXRlOiAndGV4dC13aGl0ZSBkYXJrOnRleHQtd2hpdGUtZGFyaydcbn07XG5cbmV4cG9ydCBjb25zdCBMb2FkZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ3ByaW1hcnknLFxuICBjb250ZW50ID0gJ0xvYWRpbmcuLi4nLFxuICBzaXplID0gJ21kJyxcbiAgLi4ucHJvcHNcbn06IExvYWRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBhcmlhLWxhYmVsPXtjb250ZW50fVxuICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAnaW5saW5lLWJsb2NrIGFuaW1hdGUtc3BpbiByb3VuZGVkLWZ1bGwgYm9yZGVyLXNvbGlkIGJvcmRlci1jdXJyZW50IGJvcmRlci10LXRyYW5zcGFyZW50JyxcbiAgICAgIHNpemVDbGFzc2VzW3NpemVdLFxuICAgICAgY29sb3JDbGFzc2VzW2NvbG9yXSxcbiAgICAgIGNsYXNzTmFtZVxuICAgICl9XG4gICAgcm9sZT1cInN0YXR1c1wiXG4gICAgey4uLnByb3BzfT5cbiAgICA8c3BhbiBjbGFzc05hbWU9XCJzci1vbmx5XCI+e2NvbnRlbnR9PC9zcGFuPlxuICA8L2Rpdj5cbik7XG4iXSwibmFtZXMiOlsiY24iLCJzaXplQ2xhc3NlcyIsImxnIiwibWQiLCJzbSIsImNvbG9yQ2xhc3NlcyIsImJsYWNrIiwiZXJyb3IiLCJpbmZvIiwibGluayIsIm5ldXRyYWwiLCJwcmltYXJ5Iiwic2Vjb25kYXJ5Iiwic3VjY2VzcyIsInRlcnRpYXJ5IiwidHJhbnNwYXJlbnQiLCJ3YXJuaW5nIiwid2hpdGUiLCJMb2FkZXIiLCJjbGFzc05hbWUiLCJjb2xvciIsImNvbnRlbnQiLCJzaXplIiwicHJvcHMiLCJkaXYiLCJhcmlhLWxhYmVsIiwicm9sZSIsInNwYW4iXSwibWFwcGluZ3MiOiI7QUFBQTs7O0NBR0MsR0FDRCxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQVloQyxNQUFNQyxjQUEwQztJQUM5Q0MsSUFBSTtJQUNKQyxJQUFJO0lBQ0pDLElBQUk7QUFDTjtBQUVBLE1BQU1DLGVBQTRDO0lBQ2hEQyxPQUFPO0lBQ1BDLE9BQU87SUFDUEMsTUFBTTtJQUNOQyxNQUFNO0lBQ05DLFNBQVM7SUFDVEMsU0FBUztJQUNUQyxXQUFXO0lBQ1hDLFNBQVM7SUFDVEMsVUFBVTtJQUNWQyxhQUFhO0lBQ2JDLFNBQVM7SUFDVEMsT0FBTztBQUNUO0FBRUEsT0FBTyxNQUFNQyxTQUFTLENBQUMsRUFDckJDLFNBQVMsRUFDVEMsUUFBUSxTQUFTLEVBQ2pCQyxVQUFVLFlBQVksRUFDdEJDLE9BQU8sSUFBSSxFQUNYLEdBQUdDLE9BQ1MsaUJBQ1osS0FBQ0M7UUFDQ0MsY0FBWUo7UUFDWkYsV0FBV25CLEdBQ1QsMkZBQ0FDLFdBQVcsQ0FBQ3FCLEtBQUssRUFDakJqQixZQUFZLENBQUNlLE1BQU0sRUFDbkJEO1FBRUZPLE1BQUs7UUFDSixHQUFHSCxLQUFLO2tCQUNULGNBQUEsS0FBQ0k7WUFBS1IsV0FBVTtzQkFBV0U7O09BRTdCIn0=

package/lib/components/Loader/Loader.stories.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { focusCanvas } from '../../utils/storyInteractions.js';
+import { Loader } from './Loader.js';
+const meta = {
+    argTypes: {
+        color: {
+            control: 'select',
+            options: [
+                'primary',
+                'secondary',
+                'tertiary',
+                'link',
+                'neutral',
+                'white',
+                'black',
+                'error',
+                'warning',
+                'success',
+                'info'
+            ]
+        },
+        content: {
+            control: 'text'
+        },
+        size: {
+            control: 'select',
+            options: [
+                'sm',
+                'md',
+                'lg'
+            ]
+        }
+    },
+    component: Loader,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Loader'
+};
+export default meta;
+export const Primary = {
+    args: {
+        color: 'primary',
+        content: 'Loading...',
+        size: 'md'
+    },
+    play: focusCanvas
+};
+export const Sizes = {
+    args: {
+        color: 'primary',
+        size: 'sm'
+    },
+    play: focusCanvas,
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex items-center gap-6",
+            children: [
+                /*#__PURE__*/ _jsx(Loader, {
+                    size: "sm"
+                }),
+                /*#__PURE__*/ _jsx(Loader, {
+                    size: "md"
+                }),
+                /*#__PURE__*/ _jsx(Loader, {
+                    size: "lg"
+                })
+            ]
+        })
+};
+export const Colors = {
+    play: focusCanvas,
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex items-center gap-6",
+            children: [
+                /*#__PURE__*/ _jsx(Loader, {
+                    color: "primary"
+                }),
+                /*#__PURE__*/ _jsx(Loader, {
+                    color: "success"
+                }),
+                /*#__PURE__*/ _jsx(Loader, {
+                    color: "warning"
+                }),
+                /*#__PURE__*/ _jsx(Loader, {
+                    color: "error"
+                }),
+                /*#__PURE__*/ _jsx(Loader, {
+                    color: "neutral"
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xvYWRlci9Mb2FkZXIuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtmb2N1c0NhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtMb2FkZXJ9IGZyb20gJy4vTG9hZGVyLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgTG9hZGVyPiA9IHtcbiAgYXJnVHlwZXM6IHtcbiAgICBjb2xvcjoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBbJ3ByaW1hcnknLCAnc2Vjb25kYXJ5JywgJ3RlcnRpYXJ5JywgJ2xpbmsnLCAnbmV1dHJhbCcsICd3aGl0ZScsICdibGFjaycsICdlcnJvcicsICd3YXJuaW5nJywgJ3N1Y2Nlc3MnLCAnaW5mbyddXG4gICAgfSxcbiAgICBjb250ZW50OiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIHNpemU6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgb3B0aW9uczogWydzbScsICdtZCcsICdsZyddXG4gICAgfVxuICB9LFxuICBjb21wb25lbnQ6IExvYWRlcixcbiAgcGFyYW1ldGVyczoge1xuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvTG9hZGVyJ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgTG9hZGVyPjtcblxuZXhwb3J0IGNvbnN0IFByaW1hcnk6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY29sb3I6ICdwcmltYXJ5JyxcbiAgICBjb250ZW50OiAnTG9hZGluZy4uLicsXG4gICAgc2l6ZTogJ21kJ1xuICB9LFxuICBwbGF5OiBmb2N1c0NhbnZhc1xufTtcblxuZXhwb3J0IGNvbnN0IFNpemVzOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgc2l6ZTogJ3NtJ1xuICB9LFxuICBwbGF5OiBmb2N1c0NhbnZhcyxcbiAgcmVuZGVyOiAoKSA9PiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAtNlwiPlxuICAgICAgPExvYWRlciBzaXplPVwic21cIiAvPlxuICAgICAgPExvYWRlciBzaXplPVwibWRcIiAvPlxuICAgICAgPExvYWRlciBzaXplPVwibGdcIiAvPlxuICAgIDwvZGl2PlxuICApXG59O1xuXG5leHBvcnQgY29uc3QgQ29sb3JzOiBTdG9yeSA9IHtcbiAgcGxheTogZm9jdXNDYW52YXMsXG4gIHJlbmRlcjogKCkgPT4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTZcIj5cbiAgICAgIDxMb2FkZXIgY29sb3I9XCJwcmltYXJ5XCIgLz5cbiAgICAgIDxMb2FkZXIgY29sb3I9XCJzdWNjZXNzXCIgLz5cbiAgICAgIDxMb2FkZXIgY29sb3I9XCJ3YXJuaW5nXCIgLz5cbiAgICAgIDxMb2FkZXIgY29sb3I9XCJlcnJvclwiIC8+XG4gICAgICA8TG9hZGVyIGNvbG9yPVwibmV1dHJhbFwiIC8+XG4gICAgPC9kaXY+XG4gIClcbn07XG4iXSwibmFtZXMiOlsiZm9jdXNDYW52YXMiLCJMb2FkZXIiLCJtZXRhIiwiYXJnVHlwZXMiLCJjb2xvciIsImNvbnRyb2wiLCJvcHRpb25zIiwiY29udGVudCIsInNpemUiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJQcmltYXJ5IiwiYXJncyIsInBsYXkiLCJTaXplcyIsInJlbmRlciIsImRpdiIsImNsYXNzTmFtZSIsIkNvbG9ycyJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLFdBQVcsUUFBTyxtQ0FBbUM7QUFDN0QsU0FBUUMsTUFBTSxRQUFPLGNBQWM7QUFLbkMsTUFBTUMsT0FBNEI7SUFDaENDLFVBQVU7UUFDUkMsT0FBTztZQUNMQyxTQUFTO1lBQ1RDLFNBQVM7Z0JBQUM7Z0JBQVc7Z0JBQWE7Z0JBQVk7Z0JBQVE7Z0JBQVc7Z0JBQVM7Z0JBQVM7Z0JBQVM7Z0JBQVc7Z0JBQVc7YUFBTztRQUMzSDtRQUNBQyxTQUFTO1lBQ1BGLFNBQVM7UUFDWDtRQUNBRyxNQUFNO1lBQ0pILFNBQVM7WUFDVEMsU0FBUztnQkFBQztnQkFBTTtnQkFBTTthQUFLO1FBQzdCO0lBQ0Y7SUFDQUcsV0FBV1I7SUFDWFMsWUFBWTtRQUNWQyxRQUFRO0lBQ1Y7SUFDQUMsT0FBTztBQUNUO0FBRUEsZUFBZVYsS0FBSztBQUdwQixPQUFPLE1BQU1XLFVBQWlCO0lBQzVCQyxNQUFNO1FBQ0pWLE9BQU87UUFDUEcsU0FBUztRQUNUQyxNQUFNO0lBQ1I7SUFDQU8sTUFBTWY7QUFDUixFQUFFO0FBRUYsT0FBTyxNQUFNZ0IsUUFBZTtJQUMxQkYsTUFBTTtRQUNKVixPQUFPO1FBQ1BJLE1BQU07SUFDUjtJQUNBTyxNQUFNZjtJQUNOaUIsUUFBUSxrQkFDTixNQUFDQztZQUFJQyxXQUFVOzs4QkFDYixLQUFDbEI7b0JBQU9PLE1BQUs7OzhCQUNiLEtBQUNQO29CQUFPTyxNQUFLOzs4QkFDYixLQUFDUDtvQkFBT08sTUFBSzs7OztBQUduQixFQUFFO0FBRUYsT0FBTyxNQUFNWSxTQUFnQjtJQUMzQkwsTUFBTWY7SUFDTmlCLFFBQVEsa0JBQ04sTUFBQ0M7WUFBSUMsV0FBVTs7OEJBQ2IsS0FBQ2xCO29CQUFPRyxPQUFNOzs4QkFDZCxLQUFDSDtvQkFBT0csT0FBTTs7OEJBQ2QsS0FBQ0g7b0JBQU9HLE9BQU07OzhCQUNkLEtBQUNIO29CQUFPRyxPQUFNOzs4QkFDZCxLQUFDSDtvQkFBT0csT0FBTTs7OztBQUdwQixFQUFFIn0=

package/lib/components/LogoCloud/LogoCloud.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from 'react';
+export interface LogoCloudItem {
+    readonly alt: string;
+    readonly darkSrc?: string;
+    readonly height?: number;
+    readonly src: string;
+    readonly width?: number;
+}
+export interface LogoCloudProps extends HTMLAttributes<HTMLElement> {
+    readonly logos: LogoCloudItem[];
+    readonly title?: string;
+}
+declare const LogoCloudComponent: ({ className, logos, title, ...props }: LogoCloudProps) => import("react").JSX.Element;
+export declare const LogoCloud: import("react").MemoExoticComponent<typeof LogoCloudComponent>;
+export {};

package/lib/components/LogoCloud/LogoCloud.js

@@ -0,0 +1,43 @@
+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';
+const LogoCloudComponent = ({ className, logos, title, ...props })=>/*#__PURE__*/ _jsx("section", {
+        className: cn('bg-background py-16 sm:py-24 dark:bg-background-dark', className),
+        "data-slot": "logo-cloud",
+        ...props,
+        children: /*#__PURE__*/ _jsxs(Container, {
+            children: [
+                title ? /*#__PURE__*/ _jsx("h2", {
+                    className: "text-center text-lg/8 font-semibold text-foreground dark:text-foreground-dark",
+                    children: title
+                }) : null,
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn('mx-auto grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5', title && 'mt-10'),
+                    children: logos.map((logo)=>/*#__PURE__*/ _jsxs("div", {
+                            className: "col-span-2 flex justify-center lg:col-span-1",
+                            children: [
+                                /*#__PURE__*/ _jsx("img", {
+                                    alt: logo.alt,
+                                    className: cn('max-h-12 w-full object-contain', logo.darkSrc && 'dark:hidden'),
+                                    height: logo.height,
+                                    src: logo.src,
+                                    width: logo.width
+                                }),
+                                logo.darkSrc ? /*#__PURE__*/ _jsx("img", {
+                                    alt: logo.alt,
+                                    className: "hidden max-h-12 w-full object-contain dark:block",
+                                    height: logo.height,
+                                    src: logo.darkSrc,
+                                    width: logo.width
+                                }) : null
+                            ]
+                        }, logo.alt))
+                })
+            ]
+        })
+    });
+export const LogoCloud = /*#__PURE__*/ memo(LogoCloudComponent);
+LogoCloud.displayName = 'LogoCloud';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xvZ29DbG91ZC9Mb2dvQ2xvdWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5pbXBvcnQge21lbW99IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDb250YWluZXJ9IGZyb20gJy4uL0NvbnRhaW5lci9Db250YWluZXIuanMnO1xuXG5pbXBvcnQgdHlwZSB7SFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGludGVyZmFjZSBMb2dvQ2xvdWRJdGVtIHtcbiAgcmVhZG9ubHkgYWx0OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGRhcmtTcmM/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGhlaWdodD86IG51bWJlcjtcbiAgcmVhZG9ubHkgc3JjOiBzdHJpbmc7XG4gIHJlYWRvbmx5IHdpZHRoPzogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIExvZ29DbG91ZFByb3BzIGV4dGVuZHMgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+IHtcbiAgcmVhZG9ubHkgbG9nb3M6IExvZ29DbG91ZEl0ZW1bXTtcbiAgcmVhZG9ubHkgdGl0bGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IExvZ29DbG91ZENvbXBvbmVudCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgbG9nb3MsXG4gIHRpdGxlLFxuICAuLi5wcm9wc1xufTogTG9nb0Nsb3VkUHJvcHMpID0+IChcbiAgPHNlY3Rpb24gY2xhc3NOYW1lPXtjbignYmctYmFja2dyb3VuZCBweS0xNiBzbTpweS0yNCBkYXJrOmJnLWJhY2tncm91bmQtZGFyaycsIGNsYXNzTmFtZSl9IGRhdGEtc2xvdD1cImxvZ28tY2xvdWRcIiB7Li4ucHJvcHN9PlxuICAgIDxDb250YWluZXI+XG4gICAgICB7dGl0bGUgPyAoXG4gICAgICAgIDxoMiBjbGFzc05hbWU9XCJ0ZXh0LWNlbnRlciB0ZXh0LWxnLzggZm9udC1zZW1pYm9sZCB0ZXh0LWZvcmVncm91bmQgZGFyazp0ZXh0LWZvcmVncm91bmQtZGFya1wiPnt0aXRsZX08L2gyPlxuICAgICAgKSA6IG51bGx9XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y24oJ214LWF1dG8gZ3JpZCBtYXgtdy1sZyBncmlkLWNvbHMtNCBpdGVtcy1jZW50ZXIgZ2FwLXgtOCBnYXAteS0xMCBzbTptYXgtdy14bCBzbTpncmlkLWNvbHMtNiBzbTpnYXAteC0xMCBsZzpteC0wIGxnOm1heC13LW5vbmUgbGc6Z3JpZC1jb2xzLTUnLCB0aXRsZSAmJiAnbXQtMTAnKX0+XG4gICAgICAgIHtsb2dvcy5tYXAoKGxvZ28pID0+IChcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1zcGFuLTIgZmxleCBqdXN0aWZ5LWNlbnRlciBsZzpjb2wtc3Bhbi0xXCIga2V5PXtsb2dvLmFsdH0+XG4gICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgIGFsdD17bG9nby5hbHR9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oJ21heC1oLTEyIHctZnVsbCBvYmplY3QtY29udGFpbicsIGxvZ28uZGFya1NyYyAmJiAnZGFyazpoaWRkZW4nKX1cbiAgICAgICAgICAgICAgaGVpZ2h0PXtsb2dvLmhlaWdodH1cbiAgICAgICAgICAgICAgc3JjPXtsb2dvLnNyY31cbiAgICAgICAgICAgICAgd2lkdGg9e2xvZ28ud2lkdGh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2xvZ28uZGFya1NyYyA/IChcbiAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgIGFsdD17bG9nby5hbHR9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiaGlkZGVuIG1heC1oLTEyIHctZnVsbCBvYmplY3QtY29udGFpbiBkYXJrOmJsb2NrXCJcbiAgICAgICAgICAgICAgICBoZWlnaHQ9e2xvZ28uaGVpZ2h0fVxuICAgICAgICAgICAgICAgIHNyYz17bG9nby5kYXJrU3JjfVxuICAgICAgICAgICAgICAgIHdpZHRoPXtsb2dvLndpZHRofVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgPC9Db250YWluZXI+XG4gIDwvc2VjdGlvbj5cbik7XG5cbmV4cG9ydCBjb25zdCBMb2dvQ2xvdWQgPSBtZW1vKExvZ29DbG91ZENvbXBvbmVudCk7XG5Mb2dvQ2xvdWQuZGlzcGxheU5hbWUgPSAnTG9nb0Nsb3VkJztcbiJdLCJuYW1lcyI6WyJjbiIsIm1lbW8iLCJDb250YWluZXIiLCJMb2dvQ2xvdWRDb21wb25lbnQiLCJjbGFzc05hbWUiLCJsb2dvcyIsInRpdGxlIiwicHJvcHMiLCJzZWN0aW9uIiwiZGF0YS1zbG90IiwiaDIiLCJkaXYiLCJtYXAiLCJsb2dvIiwiaW1nIiwiYWx0IiwiZGFya1NyYyIsImhlaWdodCIsInNyYyIsIndpZHRoIiwiTG9nb0Nsb3VkIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUNoQyxTQUFRQyxJQUFJLFFBQU8sUUFBUTtBQUUzQixTQUFRQyxTQUFTLFFBQU8sNEJBQTRCO0FBaUJwRCxNQUFNQyxxQkFBcUIsQ0FBQyxFQUMxQkMsU0FBUyxFQUNUQyxLQUFLLEVBQ0xDLEtBQUssRUFDTCxHQUFHQyxPQUNZLGlCQUNmLEtBQUNDO1FBQVFKLFdBQVdKLEdBQUcsd0RBQXdESTtRQUFZSyxhQUFVO1FBQWMsR0FBR0YsS0FBSztrQkFDekgsY0FBQSxNQUFDTDs7Z0JBQ0VJLHNCQUNDLEtBQUNJO29CQUFHTixXQUFVOzhCQUFpRkU7cUJBQzdGOzhCQUNKLEtBQUNLO29CQUFJUCxXQUFXSixHQUFHLCtJQUErSU0sU0FBUzs4QkFDeEtELE1BQU1PLEdBQUcsQ0FBQyxDQUFDQyxxQkFDVixNQUFDRjs0QkFBSVAsV0FBVTs7OENBQ2IsS0FBQ1U7b0NBQ0NDLEtBQUtGLEtBQUtFLEdBQUc7b0NBQ2JYLFdBQVdKLEdBQUcsa0NBQWtDYSxLQUFLRyxPQUFPLElBQUk7b0NBQ2hFQyxRQUFRSixLQUFLSSxNQUFNO29DQUNuQkMsS0FBS0wsS0FBS0ssR0FBRztvQ0FDYkMsT0FBT04sS0FBS00sS0FBSzs7Z0NBRWxCTixLQUFLRyxPQUFPLGlCQUNYLEtBQUNGO29DQUNDQyxLQUFLRixLQUFLRSxHQUFHO29DQUNiWCxXQUFVO29DQUNWYSxRQUFRSixLQUFLSSxNQUFNO29DQUNuQkMsS0FBS0wsS0FBS0csT0FBTztvQ0FDakJHLE9BQU9OLEtBQUtNLEtBQUs7cUNBRWpCOzsyQkFoQjZETixLQUFLRSxHQUFHOzs7OztBQXdCckYsT0FBTyxNQUFNSywwQkFBWW5CLEtBQUtFLG9CQUFvQjtBQUNsRGlCLFVBQVVDLFdBQVcsR0FBRyJ9

package/lib/components/LogoCloud/LogoCloud.stories.js

@@ -0,0 +1,28 @@
+import { LogoCloud } from './LogoCloud.js';
+const logos = [
+    'Transistor',
+    'Reform',
+    'Tuple',
+    'SavvyCal',
+    'Statamic'
+].map((name)=>({
+        alt: name,
+        src: `https://tailwindcss.com/plus-assets/img/logos/158x48/${name.toLowerCase()}-logo-gray-900.svg`,
+        width: 158
+    }));
+const meta = {
+    component: LogoCloud,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Marketing/Sections/LogoCloud'
+};
+export default meta;
+export const Default = {
+    args: {
+        logos,
+        title: 'Trusted by the world’s most innovative teams'
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0xvZ29DbG91ZC9Mb2dvQ2xvdWQuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtMb2dvQ2xvdWR9IGZyb20gJy4vTG9nb0Nsb3VkLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IGxvZ29zID0gWydUcmFuc2lzdG9yJywgJ1JlZm9ybScsICdUdXBsZScsICdTYXZ2eUNhbCcsICdTdGF0YW1pYyddLm1hcCgobmFtZSkgPT4gKHtcbiAgYWx0OiBuYW1lLFxuICBzcmM6IGBodHRwczovL3RhaWx3aW5kY3NzLmNvbS9wbHVzLWFzc2V0cy9pbWcvbG9nb3MvMTU4eDQ4LyR7bmFtZS50b0xvd2VyQ2FzZSgpfS1sb2dvLWdyYXktOTAwLnN2Z2AsXG4gIHdpZHRoOiAxNThcbn0pKTtcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgTG9nb0Nsb3VkPiA9IHtcbiAgY29tcG9uZW50OiBMb2dvQ2xvdWQsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdmdWxsc2NyZWVuJ1xuICB9LFxuICB0aXRsZTogJ01hcmtldGluZy9TZWN0aW9ucy9Mb2dvQ2xvdWQnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIExvZ29DbG91ZD47XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0OiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGxvZ29zLFxuICAgIHRpdGxlOiAnVHJ1c3RlZCBieSB0aGUgd29ybGTigJlzIG1vc3QgaW5ub3ZhdGl2ZSB0ZWFtcydcbiAgfVxufTtcbiJdLCJuYW1lcyI6WyJMb2dvQ2xvdWQiLCJsb2dvcyIsIm1hcCIsIm5hbWUiLCJhbHQiLCJzcmMiLCJ0b0xvd2VyQ2FzZSIsIndpZHRoIiwibWV0YSIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJhcmdzIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFRQSxTQUFTLFFBQU8saUJBQWlCO0FBSXpDLE1BQU1DLFFBQVE7SUFBQztJQUFjO0lBQVU7SUFBUztJQUFZO0NBQVcsQ0FBQ0MsR0FBRyxDQUFDLENBQUNDLE9BQVUsQ0FBQTtRQUNyRkMsS0FBS0Q7UUFDTEUsS0FBSyxDQUFDLHFEQUFxRCxFQUFFRixLQUFLRyxXQUFXLEdBQUcsa0JBQWtCLENBQUM7UUFDbkdDLE9BQU87SUFDVCxDQUFBO0FBRUEsTUFBTUMsT0FBK0I7SUFDbkNDLFdBQVdUO0lBQ1hVLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxVQUFpQjtJQUM1QkMsTUFBTTtRQUNKYjtRQUNBVyxPQUFPO0lBQ1Q7QUFDRixFQUFFIn0=

package/lib/components/Markdown/Markdown.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface MarkdownProps {
+    className?: string;
+    content?: string;
+    url?: string;
+    values?: Record<string, unknown>;
+}
+export declare const Markdown: React.NamedExoticComponent<MarkdownProps>;