@flipdish/ui-library 0.2.1 → 0.3.0

package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { DotsVertical, LifeBuoy01, Settings01 } from '@flipdish/ui-icons';
+import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
+import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
+import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { AnimatePresence, motion } from 'motion/react';
+import { useState } from 'react';
+import { DialogTrigger, Button, Popover } from 'react-aria-components';
+import { MobileNavigationHeader } from './mobile-header.js';
+import { NavAccountMenu, NavAccountCard } from './nav-account-card.js';
+import { NavButton } from './nav-button.js';
+import { NavItemBase } from './nav-item.js';
+import { NavList } from './nav-list.js';
+
+const SidebarNavigationSlim = ({ activeUrl, items, footerItems = [], hideBorder, hideRightBorder }) => {
+    const activeItem = [...items, ...footerItems].find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
+    const [currentItem, setCurrentItem] = useState(activeItem ?? items[1] ?? items[0]);
+    const [isHovering, setIsHovering] = useState(false);
+    const isSecondarySidebarVisible = isHovering && Boolean(currentItem?.items?.length);
+    const MAIN_SIDEBAR_WIDTH = 68;
+    const SECONDARY_SIDEBAR_WIDTH = 256;
+    const mainSidebar = (jsx("aside", { style: {
+            width: MAIN_SIDEBAR_WIDTH,
+        }, className: cx('group flex h-full max-h-full max-w-full overflow-y-auto py-1 pl-1 transition duration-100 ease-linear', isSecondarySidebarVisible && 'bg-primary'), children: jsxs("div", { className: cx('flex w-auto flex-col justify-between rounded-xl bg-primary pt-5 ring-1 ring-secondary transition duration-300 ring-inset', hideBorder && !isSecondarySidebarVisible && 'ring-transparent'), children: [jsx("div", { className: "flex justify-center px-3", children: jsx(FlipdishLogo, { className: "size-6" }) }), jsx("ul", { className: "mt-5 flex flex-col gap-0.5 px-3.5", children: items.map((item) => (jsx("li", { children: jsx(NavButton, { current: currentItem?.href === item.href, href: item.href, label: item.label || '', icon: item.icon, onClick: () => setCurrentItem(item) }) }, item.label))) }), jsxs("div", { className: "mt-auto flex flex-col items-center gap-3 px-3 py-4", children: [footerItems.length > 0 && (jsx("ul", { className: "flex flex-col gap-0.5", children: footerItems.map((item) => (jsx("li", { children: jsx(NavButton, { current: currentItem?.href === item.href, label: item.label || '', href: item.href, icon: item.icon, onClick: () => setCurrentItem(item) }) }, item.label))) })), jsxs(DialogTrigger, { children: [jsx(Button, { className: ({ isPressed, isFocused }) => cx('group relative inline-flex rounded-full', (isPressed || isFocused) && 'outline-2 outline-offset-2 outline-focus-ring'), children: jsx(Avatar, { border: true, status: "online", src: "https://www.untitledui.com/images/avatars/olivia-rhye?fm=webp&q=80", size: "md", alt: "Olivia Rhye" }) }), jsx(Popover, { placement: "right bottom", offset: 8, crossOffset: 6, className: ({ isEntering, isExiting }) => cx('will-change-transform', isEntering &&
+                                        'duration-300 ease-out animate-in fade-in placement-right:slide-in-from-left-2 placement-top:slide-in-from-bottom-2 placement-bottom:slide-in-from-top-2', isExiting &&
+                                        'duration-150 ease-in animate-out fade-out placement-right:slide-out-to-left-2 placement-top:slide-out-to-bottom-2 placement-bottom:slide-out-to-top-2'), children: jsx(NavAccountMenu, {}) })] })] })] }) }));
+    const secondarySidebar = currentItem && (jsx(AnimatePresence, { initial: false, children: isSecondarySidebarVisible && (jsx(motion.div, { initial: { width: 0, borderColor: 'var(--color-border-secondary)' }, animate: { width: SECONDARY_SIDEBAR_WIDTH, borderColor: 'var(--color-border-secondary)' }, exit: { width: 0, borderColor: 'rgba(0,0,0,0)', transition: { borderColor: { type: 'tween', delay: 0.05 } } }, transition: { type: 'spring', damping: 26, stiffness: 220, bounce: 0 }, className: cx('relative h-full overflow-x-hidden overflow-y-auto bg-primary', !(hideBorder || hideRightBorder) && 'box-content border-r-[1.5px]'), children: jsxs("div", { style: { width: SECONDARY_SIDEBAR_WIDTH }, className: "flex h-full flex-col px-4 pt-6", children: [jsx("h3", { className: "text-sm font-semibold text-brand-secondary", children: currentItem.label }), jsx("ul", { className: "py-2", children: currentItem.items?.map((item) => (jsx("li", { className: "py-px", children: jsx(NavItemBase, { current: activeUrl === item.href, href: item.href, icon: item.icon, badge: item.badge, type: "link", children: item.label }) }, item.label))) }), jsxs("div", { className: "sticky bottom-0 mt-auto flex justify-between bg-primary pb-5", children: [jsxs("div", { children: [jsx("p", { className: "text-sm font-semibold text-primary", children: "Olivia Rhye" }), jsx("p", { className: "text-sm text-tertiary", children: "olivia@untitledui.com" })] }), jsx("div", { className: "absolute -top-1 right-0", children: jsx(ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Log out", icon: DotsVertical }) })] })] }) })) }));
+    return (jsxs(Fragment, { children: [jsxs("div", { className: "z-50 hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", onPointerEnter: () => setIsHovering(true), onPointerLeave: () => setIsHovering(false), children: [mainSidebar, secondarySidebar] }), jsx("div", { style: {
+                    paddingLeft: MAIN_SIDEBAR_WIDTH,
+                }, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" }), jsx(MobileNavigationHeader, { children: jsxs("aside", { className: "group flex h-full max-h-full w-full max-w-full flex-col justify-between overflow-y-auto bg-primary pt-4", children: [jsx("div", { className: "px-4", children: jsx(FlipdishLogo, { className: "h-6" }) }), jsx(NavList, { items: items }), jsxs("div", { className: "mt-auto flex flex-col gap-3 p-4", children: [jsxs("div", { className: "flex flex-col", children: [jsx(NavItemBase, { current: activeUrl === '/support', type: "link", href: "/support", icon: LifeBuoy01, children: "Support" }), jsx(NavItemBase, { current: activeUrl === '/settings', type: "link", href: "/settings", icon: Settings01, children: "Settings" })] }), jsx(NavAccountCard, {})] })] }) })] }));
+};
+
+export { SidebarNavigationSlim };
+//# sourceMappingURL=sidebar-slim.js.map

package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-slim.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-slim.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDialogTrigger","AriaButton","AriaPopover","_Fragment"],"mappings":"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"}

package/dist/components/organisms/SidebarNavigation/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var sidebarDualTier = require('./components/sidebar-dual-tier.cjs');
+var sidebarSectionDividers = require('./components/sidebar-section-dividers.cjs');
+var sidebarSectionsSubheadings = require('./components/sidebar-sections-subheadings.cjs');
+var sidebarSimple = require('./components/sidebar-simple.cjs');
+var sidebarSlim = require('./components/sidebar-slim.cjs');
+
+
+
+exports.DualTier = sidebarDualTier.SidebarNavigationDualTier;
+exports.SectionDividers = sidebarSectionDividers.SidebarNavigationSectionDividers;
+exports.SectionsSubheadings = sidebarSectionsSubheadings.SidebarNavigationSectionsSubheadings;
+exports.Simple = sidebarSimple.SidebarNavigationSimple;
+exports.Slim = sidebarSlim.SidebarNavigationSlim;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/SidebarNavigation/index.cjs.map

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

package/dist/components/organisms/SidebarNavigation/index.d.ts

@@ -0,0 +1,6 @@
+export { SidebarNavigationDualTier as DualTier } from './components/sidebar-dual-tier';
+export { SidebarNavigationSectionDividers as SectionDividers } from './components/sidebar-section-dividers';
+export { SidebarNavigationSectionsSubheadings as SectionsSubheadings } from './components/sidebar-sections-subheadings';
+export { SidebarNavigationSimple as Simple } from './components/sidebar-simple';
+export { SidebarNavigationSlim as Slim } from './components/sidebar-slim';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/SidebarNavigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SidebarNavigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,gCAAgC,IAAI,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAC5G,OAAO,EAAE,oCAAoC,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AACxH,OAAO,EAAE,uBAAuB,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,qBAAqB,IAAI,IAAI,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/organisms/SidebarNavigation/index.js

@@ -0,0 +1,6 @@
+export { SidebarNavigationDualTier as DualTier } from './components/sidebar-dual-tier.js';
+export { SidebarNavigationSectionDividers as SectionDividers } from './components/sidebar-section-dividers.js';
+export { SidebarNavigationSectionsSubheadings as SectionsSubheadings } from './components/sidebar-sections-subheadings.js';
+export { SidebarNavigationSimple as Simple } from './components/sidebar-simple.js';
+export { SidebarNavigationSlim as Slim } from './components/sidebar-slim.js';
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/SidebarNavigation/index.js.map

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

package/dist/components/organisms/SidebarNavigation/sidebarNavigation.types.d.ts

@@ -0,0 +1,31 @@
+import type { FC, ReactNode } from 'react';
+export type NavItemType = {
+    /** Label text for the nav item. */
+    label: string;
+    /** URL to navigate to when the nav item is clicked. */
+    href?: string;
+    /** Icon component to display. */
+    icon?: FC<{
+        className?: string;
+    }>;
+    /** Badge to display. */
+    badge?: ReactNode;
+    /** List of sub-items to display. */
+    items?: {
+        label: string;
+        href: string;
+        icon?: FC<{
+            className?: string;
+        }>;
+        badge?: ReactNode;
+    }[];
+    /** Whether this nav item is a divider. */
+    divider?: boolean;
+};
+export type NavItemDividerType = Omit<NavItemType, 'icon' | 'label' | 'divider'> & {
+    /** Label text for the divider. */
+    label?: string;
+    /** Whether this nav item is a divider. */
+    divider: true;
+};
+//# sourceMappingURL=sidebarNavigation.types.d.ts.map

package/dist/components/organisms/SidebarNavigation/sidebarNavigation.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebarNavigation.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SidebarNavigation/sidebarNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;IAChG,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACjF,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,OAAO,EAAE,IAAI,CAAC;CACf,CAAC"}

package/dist/components/organisms/SlideoutMenu/index.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CloseButton = require('@flipdish/ui-library/components/atoms/CloseButton');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const ModalOverlay = (props) => {
+    return (jsxRuntime.jsx(reactAriaComponents.ModalOverlay, { ...props, className: (state) => cx.cx('fixed inset-0 flex min-h-dvh w-full items-center justify-end bg-overlay/70 pl-6 outline-hidden ease-linear md:pl-10', state.isEntering && 'duration-300 animate-in fade-in', state.isExiting && 'duration-500 animate-out fade-out', typeof props.className === 'function' ? props.className(state) : props.className) }));
+};
+ModalOverlay.displayName = 'ModalOverlay';
+const Modal = (props) => (jsxRuntime.jsx(reactAriaComponents.Modal, { ...props, className: (state) => cx.cx('inset-y-0 right-0 h-full w-full max-w-100 shadow-xl transition', state.isEntering && 'duration-300 animate-in slide-in-from-right', state.isExiting && 'duration-500 animate-out slide-out-to-right', typeof props.className === 'function' ? props.className(state) : props.className) }));
+Modal.displayName = 'Modal';
+const Dialog = (props) => (jsxRuntime.jsx(reactAriaComponents.Dialog, { role: "dialog", "aria-label": "Slideout menu", ...props, className: cx.cx('relative flex size-full flex-col items-start gap-6 overflow-y-auto bg-primary ring-1 ring-secondary_alt outline-hidden', props.className) }));
+Dialog.displayName = 'Dialog';
+const Menu = ({ children, dialogClassName, ...props }) => {
+    return (jsxRuntime.jsx(ModalOverlay, { ...props, children: jsxRuntime.jsx(Modal, { className: (state) => cx.cx(typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsxRuntime.jsx(Dialog, { className: dialogClassName, children: ({ close }) => {
+                    return typeof children === 'function' ? children({ ...state, close }) : children;
+                } })) }) }));
+};
+Menu.displayName = 'SlideoutMenu';
+const Content = ({ role = 'main', ...props }) => {
+    return jsxRuntime.jsx("div", { role: role, ...props, className: cx.cx('flex size-full flex-col gap-6 overflow-y-auto overscroll-auto px-4 md:px-6', props.className) });
+};
+Content.displayName = 'SlideoutContent';
+const Header = ({ className, children, onClose, ...props }) => {
+    return (jsxRuntime.jsxs("header", { ...props, className: cx.cx('relative z-1 w-full px-4 pt-6 md:px-6', className), children: [children, jsxRuntime.jsx(CloseButton.CloseButton, { size: "sm", className: "absolute top-3 right-3 shrink-0", onClick: onClose })] }));
+};
+Header.displayName = 'SlideoutHeader';
+const Footer = (props) => {
+    return jsxRuntime.jsx("footer", { ...props, className: cx.cx('w-full p-4 shadow-[inset_0px_1px_0px_0px] shadow-border-secondary md:px-6', props.className) });
+};
+Footer.displayName = 'SlideoutFooter';
+const SlideoutMenu = Menu;
+SlideoutMenu.displayName = 'SlideoutMenu';
+SlideoutMenu.Trigger = reactAriaComponents.DialogTrigger;
+SlideoutMenu.Content = Content;
+SlideoutMenu.Header = Header;
+SlideoutMenu.Footer = Footer;
+
+exports.Dialog = Dialog;
+exports.Modal = Modal;
+exports.ModalOverlay = ModalOverlay;
+exports.SlideoutMenu = SlideoutMenu;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/SlideoutMenu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/SlideoutMenu/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaModalOverlay","cx","AriaModal","AriaDialog","_jsxs","CloseButton","AriaDialogTrigger"],"mappings":"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"}

package/dist/components/organisms/SlideoutMenu/index.d.ts

@@ -0,0 +1,54 @@
+import type { ComponentPropsWithRef, ReactNode, RefAttributes } from 'react';
+import type { DialogProps as AriaDialogProps, ModalOverlayProps as AriaModalOverlayProps, ModalRenderProps as AriaModalRenderProps } from 'react-aria-components';
+import { DialogTrigger as AriaDialogTrigger } from 'react-aria-components';
+interface ModalOverlayProps extends AriaModalOverlayProps, RefAttributes<HTMLDivElement> {
+}
+export declare const ModalOverlay: {
+    (props: ModalOverlayProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface ModalProps extends AriaModalOverlayProps, RefAttributes<HTMLDivElement> {
+}
+export declare const Modal: {
+    (props: ModalProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface DialogProps extends AriaDialogProps, RefAttributes<HTMLElement> {
+}
+export declare const Dialog: {
+    (props: DialogProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface SlideoutMenuProps extends Omit<AriaModalOverlayProps, 'children'>, RefAttributes<HTMLDivElement> {
+    children: ReactNode | ((children: AriaModalRenderProps & {
+        close: () => void;
+    }) => ReactNode);
+    dialogClassName?: string;
+}
+declare const Menu: {
+    ({ children, dialogClassName, ...props }: SlideoutMenuProps): import("react").JSX.Element;
+    displayName: string;
+};
+declare const Content: {
+    ({ role, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+interface SlideoutHeaderProps extends ComponentPropsWithRef<'header'> {
+    onClose?: () => void;
+}
+declare const Header: {
+    ({ className, children, onClose, ...props }: SlideoutHeaderProps): import("react").JSX.Element;
+    displayName: string;
+};
+declare const Footer: {
+    (props: ComponentPropsWithRef<"footer">): import("react").JSX.Element;
+    displayName: string;
+};
+declare const SlideoutMenu: typeof Menu & {
+    Trigger: typeof AriaDialogTrigger;
+    Content: typeof Content;
+    Header: typeof Header;
+    Footer: typeof Footer;
+};
+export { SlideoutMenu };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/SlideoutMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SlideoutMenu/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,iBAAiB,IAAI,qBAAqB,EAC1C,gBAAgB,IAAI,oBAAoB,EACzC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,aAAa,IAAI,iBAAiB,EAGnC,MAAM,uBAAuB,CAAC;AAE/B,UAAU,iBAAkB,SAAQ,qBAAqB,EAAE,aAAa,CAAC,cAAc,CAAC;CAAG;AAE3F,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAcpD,CAAC;AAGF,UAAU,UAAW,SAAQ,qBAAqB,EAAE,aAAa,CAAC,cAAc,CAAC;CAAG;AAEpF,eAAO,MAAM,KAAK;YAAW,UAAU;;CAYtC,CAAC;AAGF,UAAU,WAAY,SAAQ,eAAe,EAAE,aAAa,CAAC,WAAW,CAAC;CAAG;AAE5E,eAAO,MAAM,MAAM;YAAW,WAAW;;CAUxC,CAAC;AAGF,UAAU,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC;IACxG,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,oBAAoB,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,IAAI;8CAA6C,iBAAiB;;CAcvE,CAAC;AAGF,QAAA,MAAM,OAAO;yBAAiC,qBAAqB,CAAC,KAAK,CAAC;;CAEzE,CAAC;AAGF,UAAU,mBAAoB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM;iDAAgD,mBAAmB;;CAO9E,CAAC;AAGF,QAAA,MAAM,MAAM;YAAW,qBAAqB,CAAC,QAAQ,CAAC;;CAErD,CAAC;AAGF,QAAA,MAAM,YAAY,EAAW,OAAO,IAAI,GAAG;IACzC,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB,CAAC;AAQF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/organisms/SlideoutMenu/index.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CloseButton } from '@flipdish/ui-library/components/atoms/CloseButton';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Dialog as Dialog$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, DialogTrigger } from 'react-aria-components';
+
+const ModalOverlay = (props) => {
+    return (jsx(ModalOverlay$1, { ...props, className: (state) => cx('fixed inset-0 flex min-h-dvh w-full items-center justify-end bg-overlay/70 pl-6 outline-hidden ease-linear md:pl-10', state.isEntering && 'duration-300 animate-in fade-in', state.isExiting && 'duration-500 animate-out fade-out', typeof props.className === 'function' ? props.className(state) : props.className) }));
+};
+ModalOverlay.displayName = 'ModalOverlay';
+const Modal = (props) => (jsx(Modal$1, { ...props, className: (state) => cx('inset-y-0 right-0 h-full w-full max-w-100 shadow-xl transition', state.isEntering && 'duration-300 animate-in slide-in-from-right', state.isExiting && 'duration-500 animate-out slide-out-to-right', typeof props.className === 'function' ? props.className(state) : props.className) }));
+Modal.displayName = 'Modal';
+const Dialog = (props) => (jsx(Dialog$1, { role: "dialog", "aria-label": "Slideout menu", ...props, className: cx('relative flex size-full flex-col items-start gap-6 overflow-y-auto bg-primary ring-1 ring-secondary_alt outline-hidden', props.className) }));
+Dialog.displayName = 'Dialog';
+const Menu = ({ children, dialogClassName, ...props }) => {
+    return (jsx(ModalOverlay, { ...props, children: jsx(Modal, { className: (state) => cx(typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsx(Dialog, { className: dialogClassName, children: ({ close }) => {
+                    return typeof children === 'function' ? children({ ...state, close }) : children;
+                } })) }) }));
+};
+Menu.displayName = 'SlideoutMenu';
+const Content = ({ role = 'main', ...props }) => {
+    return jsx("div", { role: role, ...props, className: cx('flex size-full flex-col gap-6 overflow-y-auto overscroll-auto px-4 md:px-6', props.className) });
+};
+Content.displayName = 'SlideoutContent';
+const Header = ({ className, children, onClose, ...props }) => {
+    return (jsxs("header", { ...props, className: cx('relative z-1 w-full px-4 pt-6 md:px-6', className), children: [children, jsx(CloseButton, { size: "sm", className: "absolute top-3 right-3 shrink-0", onClick: onClose })] }));
+};
+Header.displayName = 'SlideoutHeader';
+const Footer = (props) => {
+    return jsx("footer", { ...props, className: cx('w-full p-4 shadow-[inset_0px_1px_0px_0px] shadow-border-secondary md:px-6', props.className) });
+};
+Footer.displayName = 'SlideoutFooter';
+const SlideoutMenu = Menu;
+SlideoutMenu.displayName = 'SlideoutMenu';
+SlideoutMenu.Trigger = DialogTrigger;
+SlideoutMenu.Content = Content;
+SlideoutMenu.Header = Header;
+SlideoutMenu.Footer = Footer;
+
+export { Dialog, Modal, ModalOverlay, SlideoutMenu };
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/SlideoutMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/SlideoutMenu/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaModalOverlay","AriaModal","AriaDialog","_jsxs","AriaDialogTrigger"],"mappings":"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"}

package/dist/components/organisms/Table/index.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Badge = require('@flipdish/ui-library/components/atoms/Badge');
+var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var Dropdown = require('@flipdish/ui-library/components/molecules/Dropdown');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+
+const TableRowActionsDropdown = () => (jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsx(Dropdown.Dropdown.DotsButton, {}), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-min", children: jsxRuntime.jsxs(Dropdown.Dropdown.Menu, { children: [jsxRuntime.jsx(Dropdown.Dropdown.Item, { icon: uiIcons.Edit01, children: jsxRuntime.jsx("span", { className: "pr-4", children: "Edit" }) }), jsxRuntime.jsx(Dropdown.Dropdown.Item, { icon: uiIcons.Copy01, children: jsxRuntime.jsx("span", { className: "pr-4", children: "Copy link" }) }), jsxRuntime.jsx(Dropdown.Dropdown.Item, { icon: uiIcons.Trash01, children: jsxRuntime.jsx("span", { className: "pr-4", children: "Delete" }) })] }) })] }));
+const TableContext = React.createContext({ size: 'md' });
+const TableCardRoot = ({ children, className, size = 'md', ...props }) => {
+    return (jsxRuntime.jsx(TableContext.Provider, { value: { size }, children: jsxRuntime.jsx("div", { ...props, className: cx.cx('overflow-hidden rounded-xl bg-primary shadow-xs ring-1 ring-secondary', className), children: children }) }));
+};
+const TableCardHeader = ({ title, badge, description, contentTrailing, className }) => {
+    const { size } = React.useContext(TableContext);
+    return (jsxRuntime.jsxs("div", { className: cx.cx('relative flex flex-col items-start gap-4 border-b border-secondary bg-primary px-4 md:flex-row', size === 'sm' ? 'py-4 md:px-5' : 'py-5 md:px-6', className), children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("h2", { className: "text-md font-semibold text-primary", children: title }), badge ? (React.isValidElement(badge) ? (badge) : (jsxRuntime.jsx(Badge.Badge, { color: "gray", size: "sm", type: "modern", children: badge }))) : null] }), description && jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: description })] }), contentTrailing] }));
+};
+const TableRoot = ({ className, size = 'md', ...props }) => {
+    const context = React.useContext(TableContext);
+    return (jsxRuntime.jsx(TableContext.Provider, { value: { size: context?.size ?? size }, children: jsxRuntime.jsx("div", { className: "overflow-x-auto", children: jsxRuntime.jsx(reactAriaComponents.Table, { className: (state) => cx.cx('w-full overflow-x-hidden', typeof className === 'function' ? className(state) : className), ...props }) }) }));
+};
+TableRoot.displayName = 'Table';
+const TableHeader = ({ columns, children, bordered = true, className, size: sizeProp, ...props }) => {
+    const context = React.useContext(TableContext);
+    const { selectionBehavior, selectionMode } = reactAriaComponents.useTableOptions();
+    const size = sizeProp ?? context.size;
+    return (jsxRuntime.jsxs(reactAriaComponents.TableHeader, { ...props, className: (state) => cx.cx('relative bg-secondary', size === 'sm' ? 'h-9' : 'h-11', 
+        // Row border—using an "after" pseudo-element to avoid the border taking up space.
+        bordered &&
+            '[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-secondary [&>tr>th]:focus-visible:after:bg-transparent', typeof className === 'function' ? className(state) : className), children: [selectionBehavior === 'toggle' && (jsxRuntime.jsx(reactAriaComponents.Column, { className: cx.cx('relative py-2 pr-0 pl-4', size === 'sm' ? 'w-9 md:pl-5' : 'w-11 md:pl-6'), children: selectionMode === 'multiple' && (jsxRuntime.jsx("div", { className: "flex items-start", children: jsxRuntime.jsx(Checkbox.Checkbox, { slot: "selection", size: "md" }) })) })), jsxRuntime.jsx(reactAriaComponents.Collection, { items: columns, children: children })] }));
+};
+TableHeader.displayName = 'TableHeader';
+const TableHead = ({ className, tooltip, label, children, ...props }) => {
+    const { selectionBehavior } = reactAriaComponents.useTableOptions();
+    return (jsxRuntime.jsx(reactAriaComponents.Column, { ...props, className: (state) => cx.cx('relative p-0 px-6 py-2 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset', selectionBehavior === 'toggle' && 'nth-2:pl-3', state.allowsSorting && 'cursor-pointer', typeof className === 'function' ? className(state) : className), children: (state) => (jsxRuntime.jsxs(reactAriaComponents.Group, { className: "flex items-center gap-1", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [label && jsxRuntime.jsx("span", { className: "text-xs font-semibold whitespace-nowrap text-quaternary", children: label }), typeof children === 'function' ? children(state) : children] }), tooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: "cursor-pointer text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4" }) }) })), state.allowsSorting &&
+                    (state.sortDirection ? (jsxRuntime.jsx(uiIcons.ArrowDown, { className: cx.cx('size-3 stroke-[3px] text-fg-quaternary', state.sortDirection === 'ascending' && 'rotate-180') })) : (jsxRuntime.jsx(uiIcons.ChevronSelectorVertical, { size: 12, strokeWidth: 3, className: "text-fg-quaternary" })))] })) }));
+};
+TableHead.displayName = 'TableHead';
+const TableRow = ({ columns, children, className, highlightSelectedRow = true, size: sizeProp, ...props }) => {
+    const context = React.useContext(TableContext);
+    const { selectionBehavior } = reactAriaComponents.useTableOptions();
+    const size = sizeProp ?? context.size;
+    return (jsxRuntime.jsxs(reactAriaComponents.Row, { ...props, className: (state) => cx.cx('relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' ? 'h-14' : 'h-18', highlightSelectedRow && 'selected:bg-secondary', 
+        // Row border—using an "after" pseudo-element to avoid the border taking up space.
+        '[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-secondary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0', typeof className === 'function' ? className(state) : className), children: [selectionBehavior === 'toggle' && (jsxRuntime.jsx(reactAriaComponents.Cell, { className: cx.cx('relative py-2 pr-0 pl-4', size === 'sm' ? 'md:pl-5' : 'md:pl-6'), children: jsxRuntime.jsx("div", { className: "flex items-end", children: jsxRuntime.jsx(Checkbox.Checkbox, { slot: "selection", size: "md" }) }) })), jsxRuntime.jsx(reactAriaComponents.Collection, { items: columns, children: children })] }));
+};
+TableRow.displayName = 'TableRow';
+const TableCell = ({ className, children, size: sizeProp, ...props }) => {
+    const context = React.useContext(TableContext);
+    const { selectionBehavior } = reactAriaComponents.useTableOptions();
+    const size = sizeProp ?? context.size;
+    return (jsxRuntime.jsx(reactAriaComponents.Cell, { ...props, className: (state) => cx.cx('relative text-sm text-tertiary outline-focus-ring focus-visible:z-1 focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' && 'px-5 py-3', size === 'md' && 'px-6 py-4', selectionBehavior === 'toggle' && 'nth-2:pl-3', typeof className === 'function' ? className(state) : className), children: children }));
+};
+TableCell.displayName = 'TableCell';
+const TableCard = {
+    Root: TableCardRoot,
+    Header: TableCardHeader,
+};
+const Table = TableRoot;
+Table.Body = reactAriaComponents.TableBody;
+Table.Cell = TableCell;
+Table.Head = TableHead;
+Table.Header = TableHeader;
+Table.Row = TableRow;
+
+exports.Table = Table;
+exports.TableCard = TableCard;
+exports.TableRowActionsDropdown = TableRowActionsDropdown;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/Table/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Table/index.tsx"],"sourcesContent":[null],"names":["_jsxs","Dropdown","_jsx","Edit01","Copy01","Trash01","createContext","cx","useContext","isValidElement","Badge","AriaTable","useTableOptions","AriaTableHeader","AriaColumn","Checkbox","AriaCollection","AriaGroup","Tooltip","TooltipTrigger","HelpCircle","ArrowDown","ChevronSelectorVertical","AriaRow","AriaCell","AriaTableBody"],"mappings":"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"}

package/dist/components/organisms/Table/index.d.ts

@@ -0,0 +1,70 @@
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import type { CellProps as AriaCellProps, ColumnProps as AriaColumnProps, RowProps as AriaRowProps, TableHeaderProps as AriaTableHeaderProps, TableProps as AriaTableProps } from 'react-aria-components';
+import { TableBody as AriaTableBody } from 'react-aria-components';
+export declare const TableRowActionsDropdown: () => import("react").JSX.Element;
+interface TableCardHeaderProps {
+    /** The title of the table card header. */
+    title: string;
+    /** The badge displayed next to the title. */
+    badge?: ReactNode;
+    /** The description of the table card header. */
+    description?: string;
+    /** The content displayed after the title and badge. */
+    contentTrailing?: ReactNode;
+    /** The class name of the table card header. */
+    className?: string;
+}
+interface TableRootProps extends AriaTableProps, Omit<ComponentPropsWithRef<'table'>, 'className' | 'slot' | 'style'> {
+    size?: 'sm' | 'md';
+}
+declare const TableRoot: {
+    ({ className, size, ...props }: TableRootProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface TableHeaderProps<T extends object> extends AriaTableHeaderProps<T>, Omit<ComponentPropsWithRef<'thead'>, 'children' | 'className' | 'slot' | 'style'> {
+    bordered?: boolean;
+    size?: 'sm' | 'md';
+}
+declare const TableHeader: {
+    <T extends object>({ columns, children, bordered, className, size: sizeProp, ...props }: TableHeaderProps<T>): import("react").JSX.Element;
+    displayName: string;
+};
+interface TableHeadProps extends AriaColumnProps, Omit<ThHTMLAttributes<HTMLTableCellElement>, 'children' | 'className' | 'style' | 'id'> {
+    label?: string;
+    tooltip?: string;
+}
+declare const TableHead: {
+    ({ className, tooltip, label, children, ...props }: TableHeadProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<'tr'>, 'children' | 'className' | 'onClick' | 'slot' | 'style' | 'id'> {
+    highlightSelectedRow?: boolean;
+    size?: 'sm' | 'md';
+}
+declare const TableRow: {
+    <T extends object>({ columns, children, className, highlightSelectedRow, size: sizeProp, ...props }: TableRowProps<T>): import("react").JSX.Element;
+    displayName: string;
+};
+interface TableCellProps extends AriaCellProps, Omit<TdHTMLAttributes<HTMLTableCellElement>, 'children' | 'className' | 'style' | 'id'> {
+    ref?: Ref<HTMLTableCellElement>;
+    size?: 'sm' | 'md';
+}
+declare const TableCell: {
+    ({ className, children, size: sizeProp, ...props }: TableCellProps): import("react").JSX.Element;
+    displayName: string;
+};
+declare const TableCard: {
+    Root: ({ children, className, size, ...props }: HTMLAttributes<HTMLDivElement> & {
+        size?: "sm" | "md";
+    }) => import("react").JSX.Element;
+    Header: ({ title, badge, description, contentTrailing, className }: TableCardHeaderProps) => import("react").JSX.Element;
+};
+declare const Table: typeof TableRoot & {
+    Body: typeof AriaTableBody;
+    Cell: typeof TableCell;
+    Head: typeof TableHead;
+    Header: typeof TableHeader;
+    Row: typeof TableRow;
+};
+export { Table, TableCard };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Table/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/organisms/Table/index.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Edit01, Copy01, Trash01, HelpCircle, ArrowDown, ChevronSelectorVertical } from '@flipdish/ui-icons';
+import { Badge } from '@flipdish/ui-library/components/atoms/Badge';
+import { Checkbox } from '@flipdish/ui-library/components/atoms/Checkbox';
+import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { Dropdown } from '@flipdish/ui-library/components/molecules/Dropdown';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { createContext, useContext, isValidElement } from 'react';
+import { Table as Table$1, TableBody, useTableOptions, TableHeader as TableHeader$1, Column, Collection, Group, Row, Cell } from 'react-aria-components';
+
+const TableRowActionsDropdown = () => (jsxs(Dropdown.Root, { children: [jsx(Dropdown.DotsButton, {}), jsx(Dropdown.Popover, { className: "w-min", children: jsxs(Dropdown.Menu, { children: [jsx(Dropdown.Item, { icon: Edit01, children: jsx("span", { className: "pr-4", children: "Edit" }) }), jsx(Dropdown.Item, { icon: Copy01, children: jsx("span", { className: "pr-4", children: "Copy link" }) }), jsx(Dropdown.Item, { icon: Trash01, children: jsx("span", { className: "pr-4", children: "Delete" }) })] }) })] }));
+const TableContext = createContext({ size: 'md' });
+const TableCardRoot = ({ children, className, size = 'md', ...props }) => {
+    return (jsx(TableContext.Provider, { value: { size }, children: jsx("div", { ...props, className: cx('overflow-hidden rounded-xl bg-primary shadow-xs ring-1 ring-secondary', className), children: children }) }));
+};
+const TableCardHeader = ({ title, badge, description, contentTrailing, className }) => {
+    const { size } = useContext(TableContext);
+    return (jsxs("div", { className: cx('relative flex flex-col items-start gap-4 border-b border-secondary bg-primary px-4 md:flex-row', size === 'sm' ? 'py-4 md:px-5' : 'py-5 md:px-6', className), children: [jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("h2", { className: "text-md font-semibold text-primary", children: title }), badge ? (isValidElement(badge) ? (badge) : (jsx(Badge, { color: "gray", size: "sm", type: "modern", children: badge }))) : null] }), description && jsx("p", { className: "text-sm text-tertiary", children: description })] }), contentTrailing] }));
+};
+const TableRoot = ({ className, size = 'md', ...props }) => {
+    const context = useContext(TableContext);
+    return (jsx(TableContext.Provider, { value: { size: context?.size ?? size }, children: jsx("div", { className: "overflow-x-auto", children: jsx(Table$1, { className: (state) => cx('w-full overflow-x-hidden', typeof className === 'function' ? className(state) : className), ...props }) }) }));
+};
+TableRoot.displayName = 'Table';
+const TableHeader = ({ columns, children, bordered = true, className, size: sizeProp, ...props }) => {
+    const context = useContext(TableContext);
+    const { selectionBehavior, selectionMode } = useTableOptions();
+    const size = sizeProp ?? context.size;
+    return (jsxs(TableHeader$1, { ...props, className: (state) => cx('relative bg-secondary', size === 'sm' ? 'h-9' : 'h-11', 
+        // Row border—using an "after" pseudo-element to avoid the border taking up space.
+        bordered &&
+            '[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-secondary [&>tr>th]:focus-visible:after:bg-transparent', typeof className === 'function' ? className(state) : className), children: [selectionBehavior === 'toggle' && (jsx(Column, { className: cx('relative py-2 pr-0 pl-4', size === 'sm' ? 'w-9 md:pl-5' : 'w-11 md:pl-6'), children: selectionMode === 'multiple' && (jsx("div", { className: "flex items-start", children: jsx(Checkbox, { slot: "selection", size: "md" }) })) })), jsx(Collection, { items: columns, children: children })] }));
+};
+TableHeader.displayName = 'TableHeader';
+const TableHead = ({ className, tooltip, label, children, ...props }) => {
+    const { selectionBehavior } = useTableOptions();
+    return (jsx(Column, { ...props, className: (state) => cx('relative p-0 px-6 py-2 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset', selectionBehavior === 'toggle' && 'nth-2:pl-3', state.allowsSorting && 'cursor-pointer', typeof className === 'function' ? className(state) : className), children: (state) => (jsxs(Group, { className: "flex items-center gap-1", children: [jsxs("div", { className: "flex items-center gap-1", children: [label && jsx("span", { className: "text-xs font-semibold whitespace-nowrap text-quaternary", children: label }), typeof children === 'function' ? children(state) : children] }), tooltip && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: "cursor-pointer text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsx(HelpCircle, { className: "size-4" }) }) })), state.allowsSorting &&
+                    (state.sortDirection ? (jsx(ArrowDown, { className: cx('size-3 stroke-[3px] text-fg-quaternary', state.sortDirection === 'ascending' && 'rotate-180') })) : (jsx(ChevronSelectorVertical, { size: 12, strokeWidth: 3, className: "text-fg-quaternary" })))] })) }));
+};
+TableHead.displayName = 'TableHead';
+const TableRow = ({ columns, children, className, highlightSelectedRow = true, size: sizeProp, ...props }) => {
+    const context = useContext(TableContext);
+    const { selectionBehavior } = useTableOptions();
+    const size = sizeProp ?? context.size;
+    return (jsxs(Row, { ...props, className: (state) => cx('relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' ? 'h-14' : 'h-18', highlightSelectedRow && 'selected:bg-secondary', 
+        // Row border—using an "after" pseudo-element to avoid the border taking up space.
+        '[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-secondary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0', typeof className === 'function' ? className(state) : className), children: [selectionBehavior === 'toggle' && (jsx(Cell, { className: cx('relative py-2 pr-0 pl-4', size === 'sm' ? 'md:pl-5' : 'md:pl-6'), children: jsx("div", { className: "flex items-end", children: jsx(Checkbox, { slot: "selection", size: "md" }) }) })), jsx(Collection, { items: columns, children: children })] }));
+};
+TableRow.displayName = 'TableRow';
+const TableCell = ({ className, children, size: sizeProp, ...props }) => {
+    const context = useContext(TableContext);
+    const { selectionBehavior } = useTableOptions();
+    const size = sizeProp ?? context.size;
+    return (jsx(Cell, { ...props, className: (state) => cx('relative text-sm text-tertiary outline-focus-ring focus-visible:z-1 focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' && 'px-5 py-3', size === 'md' && 'px-6 py-4', selectionBehavior === 'toggle' && 'nth-2:pl-3', typeof className === 'function' ? className(state) : className), children: children }));
+};
+TableCell.displayName = 'TableCell';
+const TableCard = {
+    Root: TableCardRoot,
+    Header: TableCardHeader,
+};
+const Table = TableRoot;
+Table.Body = TableBody;
+Table.Cell = TableCell;
+Table.Head = TableHead;
+Table.Header = TableHeader;
+Table.Row = TableRow;
+
+export { Table, TableCard, TableRowActionsDropdown };
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/Table/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","AriaTable","AriaTableHeader","AriaColumn","AriaCollection","AriaGroup","AriaRow","AriaCell","AriaTableBody"],"mappings":"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"}

package/dist/components/organisms/TextEditor/components/text-editor-button.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const EditorButton = ({ isActive, isDisabled, className, children, ...props }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.Button, { ...props, type: "button", isDisabled: isDisabled, className: (state) => cx.cx('flex size-8 cursor-pointer items-center justify-center rounded-md p-0! text-fg-quaternary outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 pressed:bg-primary_hover pressed:outline-hidden', isActive ? 'bg-primary_hover text-fg-secondary' : 'hover:bg-primary_hover hover:text-fg-quaternary_hover', isDisabled && 'cursor-not-allowed', typeof className === 'function' ? className(state) : className), children: children }));
+};
+
+exports.EditorButton = EditorButton;
+//# sourceMappingURL=text-editor-button.cjs.map

package/dist/components/organisms/TextEditor/components/text-editor-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-button.cjs","sources":["../../../../../src/components/organisms/TextEditor/components/text-editor-button.tsx"],"sourcesContent":[null],"names":["_jsx","AriaButton","cx"],"mappings":";;;;;;AASO,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB,KAAI;IACzG,QACEA,cAAA,CAACC,0BAAU,EAAA,EAAA,GACL,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,yPAAyP,EACzP,QAAQ,GAAG,oCAAoC,GAAG,uDAAuD,EACzG,UAAU,IAAI,oBAAoB,EAClC,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,QAAA,EAGF,QAAQ,EAAA,CACE;AAEjB;;;;"}