@kismet-ux/constellation 1.0.0

package/dist/layout/AppFooter/app-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-footer.js","sources":["../../../src/layout/AppFooter/app-footer.tsx"],"sourcesContent":["import { useSidebar } from '@constellation/hooks';\nimport { Row } from '@constellation/layout/Row';\nimport { Link } from '@constellation/navigation/Link';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './app-footer.module.scss';\n\nexport interface AppFooterProps {\n  brand: string;\n  links: { label: string; href: string }[];\n}\n\nexport function AppFooter({ brand, links }: AppFooterProps) {\n  const { state } = useSidebar();\n  const currentYear = new Date().getFullYear();\n\n  return (\n    <Row\n      data-slot={'app-footer'}\n      el={'footer'}\n      gap={4}\n      align={'center'}\n      justify={'center'}\n      className={cn(s.footer, state === 'collapsed' && s['footer-collapsed'])}\n    >\n      <Row gap={1}>\n        {links.map((link, index) => (\n          <React.Fragment key={link.href}>\n            {index > 0 && (\n              <Typography variant={'caption'} theme={'muted'}>\n                {' '}\n                |{' '}\n              </Typography>\n            )}\n            <Link href={link.href} theme={'inherit'} underline={false}>\n              <Typography variant={'caption'}>{link.label}</Typography>\n            </Link>\n          </React.Fragment>\n        ))}\n      </Row>\n      <Row gap={1}>\n        <Typography variant={'caption'}>\n          &copy; {currentYear} {brand}\n        </Typography>\n      </Row>\n    </Row>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;SAagB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAkB,EAAA;AACxD,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE;IAC9B,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAE5C,IAAA,QACEA,IAAA,CAAC,GAAG,EAAA,EAAA,WAAA,EACS,YAAY,EACvB,EAAE,EAAE,QAAQ,EACZ,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,KAAK,WAAW,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC,EAAA,QAAA,EAAA,CAEvEC,GAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACR,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBD,KAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACZ,KAAK,GAAG,CAAC,KACRA,KAAC,UAAU,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAA,QAAA,EAAA,CAC3C,GAAG,EAAA,GAAA,EACF,GAAG,CAAA,EAAA,CACM,CACd,EACDC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAA,QAAA,EACvDA,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,SAAS,EAAA,QAAA,EAAG,IAAI,CAAC,KAAK,EAAA,CAAc,EAAA,CACpD,KATY,IAAI,CAAC,IAAI,CAUb,CAClB,CAAC,EAAA,CACE,EACNA,GAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACTD,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,SAAS,EAAA,QAAA,EAAA,CAAA,SAAA,EACpB,WAAW,OAAG,KAAK,CAAA,EAAA,CAChB,EAAA,CACT,CAAA,EAAA,CACF;AAEV;;"}

package/dist/layout/AppFooter/app-footer.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"footer":"app-footer-module_footer__Akoyw"};
+
+export { s as default };
+//# sourceMappingURL=app-footer.module.scss.js.map

package/dist/layout/AppFooter/app-footer.module.scss.js.map

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

package/dist/layout/AppFooter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-footer';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/AppFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/AppFooter/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/layout/AppShell/app-shell.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AppShellProps {
+    children: React.ReactNode;
+    /**
+     * Initial sidebar state. Persist this server-side (cookie, session) or in
+     * localStorage and pass it in, so the sidebar doesn't flash open on load.
+     */
+    defaultSidebarOpen?: boolean;
+}
+export declare function AppShell({ children, defaultSidebarOpen }: AppShellProps): React.JSX.Element;
+//# sourceMappingURL=app-shell.d.ts.map

package/dist/layout/AppShell/app-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../src/layout/AppShell/app-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,kBAAyB,EAAE,EAAE,aAAa,qBAM9E"}

package/dist/layout/AppShell/app-shell.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { SidebarProvider } from '../Sidebar/sidebar.js';
+
+function AppShell({ children, defaultSidebarOpen = true }) {
+    return (jsx(SidebarProvider, { "data-slot": 'app-shell', defaultOpen: defaultSidebarOpen, children: children }));
+}
+
+export { AppShell };
+//# sourceMappingURL=app-shell.js.map

package/dist/layout/AppShell/app-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.js","sources":["../../../src/layout/AppShell/app-shell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SidebarProvider } from '../Sidebar';\n\nexport interface AppShellProps {\n  children: React.ReactNode;\n  /**\n   * Initial sidebar state. Persist this server-side (cookie, session) or in\n   * localStorage and pass it in, so the sidebar doesn't flash open on load.\n   */\n  defaultSidebarOpen?: boolean;\n}\n\nexport function AppShell({ children, defaultSidebarOpen = true }: AppShellProps) {\n  return (\n    <SidebarProvider data-slot={'app-shell'} defaultOpen={defaultSidebarOpen}>\n      {children}\n    </SidebarProvider>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;AAYM,SAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,kBAAkB,GAAG,IAAI,EAAiB,EAAA;AAC7E,IAAA,QACEA,GAAA,CAAC,eAAe,EAAA,EAAA,WAAA,EAAY,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAA,QAAA,EACrE,QAAQ,EAAA,CACO;AAEtB;;"}

package/dist/layout/AppShell/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-shell';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/AppShell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/AppShell/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/layout/AppSidebar/app-sidebar.d.ts

@@ -0,0 +1,14 @@
+import { type SidebarNavItem, type SidebarSection } from '@constellation/types';
+import * as React from 'react';
+export interface AppSidebarProps {
+    logo: React.ReactNode;
+    homeHref?: string;
+    currentPath?: string;
+    linkComponent?: React.ElementType;
+    sections: SidebarSection[];
+    footerItems?: SidebarNavItem[];
+    footerSeparator?: boolean;
+    children?: React.ReactNode;
+}
+export declare function AppSidebar({ logo, homeHref, currentPath, linkComponent, sections, footerItems, footerSeparator, children, }: AppSidebarProps): React.JSX.Element;
+//# sourceMappingURL=app-sidebar.d.ts.map

package/dist/layout/AppSidebar/app-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../src/layout/AppSidebar/app-sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAmDD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAuB,EACvB,WAAgB,EAChB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,eAAe,qBA0HjB"}

package/dist/layout/AppSidebar/app-sidebar.js

@@ -0,0 +1,71 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useSidebar } from '../../hooks/layout/use-sidebar.js';
+import '../../ui/Alert/alert-context.js';
+import 'react';
+import '../../ui/Table/table-sort-context.js';
+import { useMobileNavigation } from '../../hooks/use-mobile-navigation.js';
+import { useRouterAdapter } from '../../navigation/Router/router-context.js';
+import { Separator } from '../../ui/Separator/separator.js';
+import { flushSync } from 'react-dom';
+import { Sidebar, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarFooter } from '../Sidebar/sidebar.js';
+
+function NavLink({ item, linkComponent: LinkComp, onNavigate, onClick, ...props }) {
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented) {
+            return;
+        }
+        onNavigate?.(event);
+    };
+    if (item.href.startsWith('http')) {
+        return (jsxs("a", { href: item.href, target: '_blank', rel: 'noopener noreferrer', onClick: handleClick, ...props, children: [item.icon, jsx("span", { children: item.title }), jsx("span", { className: 'srOnly', children: "(opens in new tab)" })] }));
+    }
+    if (!LinkComp) {
+        return (jsxs("a", { href: item.href, onClick: handleClick, ...props, children: [item.icon, jsx("span", { children: item.title })] }));
+    }
+    return (jsxs(LinkComp, { href: item.href, onClick: handleClick, ...props, children: [item.icon, jsx("span", { children: item.title })] }));
+}
+function AppSidebar({ logo, homeHref = '/dashboard', currentPath = '', linkComponent, sections, footerItems, footerSeparator, children, }) {
+    const { isMobile, openMobile, setOpenMobile } = useSidebar();
+    // Falls back to the RouterProvider's link component, so configuring the
+    // router once upgrades the whole sidebar without threading a prop here.
+    const { linkComponent: adapterLink } = useRouterAdapter();
+    const LinkComp = linkComponent ?? adapterLink;
+    const cleanupMobileNavigation = useMobileNavigation();
+    const allHrefs = [
+        ...sections.flatMap(s => s.items.map(i => i.href)),
+        ...(footerItems ?? []).map(i => i.href),
+    ];
+    const bestMatch = allHrefs
+        .filter(href => currentPath === href ||
+        currentPath.startsWith(href + '/') ||
+        currentPath.startsWith(href + '?'))
+        .sort((a, b) => b.length - a.length)[0] ?? '';
+    const handleNavigation = (event) => {
+        if (!isMobile || !openMobile || event.button !== 0) {
+            return;
+        }
+        if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) {
+            return;
+        }
+        const currentTarget = event.currentTarget;
+        const target = currentTarget.getAttribute('target');
+        if ((target && target.toLowerCase() !== '_self') || currentTarget.hasAttribute('download')) {
+            return;
+        }
+        flushSync(() => {
+            setOpenMobile(false);
+        });
+        cleanupMobileNavigation();
+    };
+    return (jsxs(Fragment, { children: [jsxs(Sidebar, { "data-slot": 'app-sidebar', collapsible: 'icon', variant: 'inset', children: [jsx(SidebarHeader, { children: jsx(SidebarMenu, { children: jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, { size: 'lg', asChild: true, children: LinkComp ? (jsx(LinkComp, { href: homeHref, onClick: handleNavigation, children: logo })) : (jsx("a", { href: homeHref, onClick: handleNavigation, children: logo })) }) }) }) }), jsx(SidebarContent, { children: sections.map(section => (jsxs(SidebarGroup, { children: [jsx(SidebarGroupLabel, { children: section.label }), jsx(SidebarMenu, { children: section.items.map(item => {
+                                        const isActive = item.href === bestMatch;
+                                        if (section.renderItem) {
+                                            return (jsx(SidebarMenuItem, { children: section.renderItem(item, { isActive }) }, item.title));
+                                        }
+                                        return (jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, { asChild: true, isActive: isActive, tooltip: { children: item.title }, children: jsx(NavLink, { item: item, linkComponent: LinkComp, onNavigate: handleNavigation }) }) }, item.title));
+                                    }) })] }, section.label))) }), footerItems?.length ? (jsxs(Fragment, { children: [footerSeparator && jsx(Separator, {}), jsx(SidebarFooter, { children: jsx(SidebarMenu, { children: footerItems.map(item => (jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, { asChild: true, isActive: item.href === bestMatch, tooltip: { children: item.title }, children: jsx(NavLink, { item: item, linkComponent: LinkComp, onNavigate: handleNavigation }) }) }, item.title))) }) })] })) : null] }), children] }));
+}
+
+export { AppSidebar };
+//# sourceMappingURL=app-sidebar.js.map

package/dist/layout/AppSidebar/app-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar.js","sources":["../../../src/layout/AppSidebar/app-sidebar.tsx"],"sourcesContent":["import { useSidebar } from '@constellation/hooks';\nimport { useMobileNavigation } from '@constellation/hooks/use-mobile-navigation';\nimport { useRouterAdapter } from '@constellation/navigation/Router';\nimport { type SidebarNavItem, type SidebarSection } from '@constellation/types';\nimport { Separator } from '@constellation/ui/Separator';\nimport * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from '../Sidebar';\n\nexport interface AppSidebarProps {\n  logo: React.ReactNode;\n  homeHref?: string;\n  currentPath?: string;\n  linkComponent?: React.ElementType;\n  sections: SidebarSection[];\n  footerItems?: SidebarNavItem[];\n  footerSeparator?: boolean;\n  children?: React.ReactNode;\n}\n\ntype NavLinkProps = {\n  item: SidebarNavItem;\n  linkComponent?: React.ElementType;\n  onNavigate?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n} & React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nfunction NavLink({ item, linkComponent: LinkComp, onNavigate, onClick, ...props }: NavLinkProps) {\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onNavigate?.(event);\n  };\n\n  if (item.href.startsWith('http')) {\n    return (\n      <a\n        href={item.href}\n        target={'_blank'}\n        rel={'noopener noreferrer'}\n        onClick={handleClick}\n        {...props}\n      >\n        {item.icon}\n        <span>{item.title}</span>\n        <span className={'srOnly'}>(opens in new tab)</span>\n      </a>\n    );\n  }\n\n  if (!LinkComp) {\n    return (\n      <a href={item.href} onClick={handleClick} {...props}>\n        {item.icon}\n        <span>{item.title}</span>\n      </a>\n    );\n  }\n\n  return (\n    <LinkComp href={item.href} onClick={handleClick} {...props}>\n      {item.icon}\n      <span>{item.title}</span>\n    </LinkComp>\n  );\n}\n\nexport function AppSidebar({\n  logo,\n  homeHref = '/dashboard',\n  currentPath = '',\n  linkComponent,\n  sections,\n  footerItems,\n  footerSeparator,\n  children,\n}: AppSidebarProps) {\n  const { isMobile, openMobile, setOpenMobile } = useSidebar();\n  // Falls back to the RouterProvider's link component, so configuring the\n  // router once upgrades the whole sidebar without threading a prop here.\n  const { linkComponent: adapterLink } = useRouterAdapter();\n  const LinkComp = linkComponent ?? adapterLink;\n  const cleanupMobileNavigation = useMobileNavigation();\n  const allHrefs = [\n    ...sections.flatMap(s => s.items.map(i => i.href)),\n    ...(footerItems ?? []).map(i => i.href),\n  ];\n  const bestMatch =\n    allHrefs\n      .filter(\n        href =>\n          currentPath === href ||\n          currentPath.startsWith(href + '/') ||\n          currentPath.startsWith(href + '?'),\n      )\n      .sort((a, b) => b.length - a.length)[0] ?? '';\n\n  const handleNavigation = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (!isMobile || !openMobile || event.button !== 0) {\n      return;\n    }\n\n    if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) {\n      return;\n    }\n\n    const currentTarget = event.currentTarget;\n    const target = currentTarget.getAttribute('target');\n    if ((target && target.toLowerCase() !== '_self') || currentTarget.hasAttribute('download')) {\n      return;\n    }\n\n    flushSync(() => {\n      setOpenMobile(false);\n    });\n    cleanupMobileNavigation();\n  };\n\n  return (\n    <>\n      <Sidebar data-slot={'app-sidebar'} collapsible={'icon'} variant={'inset'}>\n        <SidebarHeader>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <SidebarMenuButton size={'lg'} asChild>\n                {LinkComp ? (\n                  <LinkComp href={homeHref} onClick={handleNavigation}>\n                    {logo}\n                  </LinkComp>\n                ) : (\n                  <a href={homeHref} onClick={handleNavigation}>\n                    {logo}\n                  </a>\n                )}\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarHeader>\n        <SidebarContent>\n          {sections.map(section => (\n            <SidebarGroup key={section.label}>\n              <SidebarGroupLabel>{section.label}</SidebarGroupLabel>\n              <SidebarMenu>\n                {section.items.map(item => {\n                  const isActive = item.href === bestMatch;\n\n                  if (section.renderItem) {\n                    return (\n                      <SidebarMenuItem key={item.title}>\n                        {section.renderItem(item, { isActive })}\n                      </SidebarMenuItem>\n                    );\n                  }\n\n                  return (\n                    <SidebarMenuItem key={item.title}>\n                      <SidebarMenuButton\n                        asChild\n                        isActive={isActive}\n                        tooltip={{ children: item.title }}\n                      >\n                        <NavLink\n                          item={item}\n                          linkComponent={LinkComp}\n                          onNavigate={handleNavigation}\n                        />\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                  );\n                })}\n              </SidebarMenu>\n            </SidebarGroup>\n          ))}\n        </SidebarContent>\n        {footerItems?.length ? (\n          <>\n            {footerSeparator && <Separator />}\n            <SidebarFooter>\n              <SidebarMenu>\n                {footerItems.map(item => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                      asChild\n                      isActive={item.href === bestMatch}\n                      tooltip={{ children: item.title }}\n                    >\n                      <NavLink item={item} linkComponent={LinkComp} onNavigate={handleNavigation} />\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarFooter>\n          </>\n        ) : null}\n      </Sidebar>\n      {children}\n    </>\n  );\n}\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/layout/AppSidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-sidebar';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/AppSidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/AppSidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/layout/AppSidebarHeader/app-sidebar-header.d.ts

@@ -0,0 +1,13 @@
+import { type NavUserProps } from '@constellation/navigation/NavUser';
+import { type BreadcrumbItemData } from '@constellation/types';
+import * as React from 'react';
+export interface AppSidebarHeaderProps {
+    breadcrumbs?: BreadcrumbItemData[];
+    /** Omit to hide the account menu (e.g. on signed-out chrome). */
+    user?: NavUserProps['user'];
+    userMenu?: Omit<NavUserProps, 'user'>;
+    /** Extra controls between the appearance toggle and the account menu. */
+    actions?: React.ReactNode;
+}
+export declare function AppSidebarHeader({ breadcrumbs, user, userMenu, actions, }: AppSidebarHeaderProps): React.JSX.Element;
+//# sourceMappingURL=app-sidebar-header.d.ts.map

package/dist/layout/AppSidebarHeader/app-sidebar-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar-header.d.ts","sourceRoot":"","sources":["../../../src/layout/AppSidebarHeader/app-sidebar-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAE/E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,iEAAiE;IACjE,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,yEAAyE;IACzE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,qBA0BvB"}

package/dist/layout/AppSidebarHeader/app-sidebar-header.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useSidebar } from '../../hooks/layout/use-sidebar.js';
+import '../../ui/Alert/alert-context.js';
+import 'react';
+import '../../ui/Table/table-sort-context.js';
+import { Row } from '../Row/row.js';
+import { SidebarTrigger } from '../Sidebar/sidebar.js';
+import { Breadcrumbs } from '../../navigation/Breadcrumbs/breadcrumbs.js';
+import { NavUser } from '../../navigation/NavUser/nav-user.js';
+import cn from 'clsx';
+import s from './app-sidebar-header.module.scss.js';
+import { AppearanceToggleDropdown } from '../../settings/AppearanceDropdown/appearance-dropdown.js';
+
+function AppSidebarHeader({ breadcrumbs = [], user, userMenu, actions, }) {
+    const { state } = useSidebar();
+    return (jsxs(Row, { "data-slot": 'app-sidebar-header', el: 'header', align: 'center', gap: 1, justify: 'space-between', className: cn(s['app-sidebar-header'], state === 'collapsed' && s['sidebar-header-collapsed']), children: [jsxs(Row, { gap: 1, children: [jsx(SidebarTrigger, {}), jsx(Breadcrumbs, { breadcrumbs: breadcrumbs })] }), jsxs(Row, { gap: 1, align: 'center', children: [actions, jsx(AppearanceToggleDropdown, {}), user && jsx(NavUser, { user: user, ...userMenu })] })] }));
+}
+
+export { AppSidebarHeader };
+//# sourceMappingURL=app-sidebar-header.js.map

package/dist/layout/AppSidebarHeader/app-sidebar-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar-header.js","sources":["../../../src/layout/AppSidebarHeader/app-sidebar-header.tsx"],"sourcesContent":["import { useSidebar } from '@constellation/hooks';\nimport { Row } from '@constellation/layout/Row';\nimport { SidebarTrigger } from '@constellation/layout/Sidebar';\nimport { Breadcrumbs } from '@constellation/navigation/Breadcrumbs';\nimport { NavUser, type NavUserProps } from '@constellation/navigation/NavUser';\nimport { AppearanceToggleDropdown } from '@constellation/settings';\nimport { type BreadcrumbItemData } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './app-sidebar-header.module.scss';\n\nexport interface AppSidebarHeaderProps {\n  breadcrumbs?: BreadcrumbItemData[];\n  /** Omit to hide the account menu (e.g. on signed-out chrome). */\n  user?: NavUserProps['user'];\n  userMenu?: Omit<NavUserProps, 'user'>;\n  /** Extra controls between the appearance toggle and the account menu. */\n  actions?: React.ReactNode;\n}\n\nexport function AppSidebarHeader({\n  breadcrumbs = [],\n  user,\n  userMenu,\n  actions,\n}: AppSidebarHeaderProps) {\n  const { state } = useSidebar();\n\n  return (\n    <Row\n      data-slot={'app-sidebar-header'}\n      el={'header'}\n      align={'center'}\n      gap={1}\n      justify={'space-between'}\n      className={cn(\n        s['app-sidebar-header'],\n        state === 'collapsed' && s['sidebar-header-collapsed'],\n      )}\n    >\n      <Row gap={1}>\n        <SidebarTrigger />\n        <Breadcrumbs breadcrumbs={breadcrumbs} />\n      </Row>\n      <Row gap={1} align={'center'}>\n        {actions}\n        <AppearanceToggleDropdown />\n        {user && <NavUser user={user} {...userMenu} />}\n      </Row>\n    </Row>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;AAoBM,SAAU,gBAAgB,CAAC,EAC/B,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,QAAQ,EACR,OAAO,GACe,EAAA;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE;IAE9B,QACEA,KAAC,GAAG,EAAA,EAAA,WAAA,EACS,oBAAoB,EAC/B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,EAAE,CACX,CAAC,CAAC,oBAAoB,CAAC,EACvB,KAAK,KAAK,WAAW,IAAI,CAAC,CAAC,0BAA0B,CAAC,CACvD,aAEDA,IAAA,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACTC,GAAA,CAAC,cAAc,EAAA,EAAA,CAAG,EAClBA,IAAC,WAAW,EAAA,EAAC,WAAW,EAAE,WAAW,GAAI,CAAA,EAAA,CACrC,EACND,KAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAA,CACzB,OAAO,EACRC,GAAA,CAAC,wBAAwB,KAAG,EAC3B,IAAI,IAAIA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAA,GAAM,QAAQ,GAAI,CAAA,EAAA,CAC1C,CAAA,EAAA,CACF;AAEV;;"}

package/dist/layout/AppSidebarHeader/app-sidebar-header.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"app-sidebar-header":"app-sidebar-header-module_app-sidebar-header__sHzd0"};
+
+export { s as default };
+//# sourceMappingURL=app-sidebar-header.module.scss.js.map

package/dist/layout/AppSidebarHeader/app-sidebar-header.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar-header.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/layout/AppSidebarHeader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-sidebar-header';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/AppSidebarHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/AppSidebarHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/layout/Collapse/collapse.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    duration?: number;
+}
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+export { Collapse };
+//# sourceMappingURL=collapse.d.ts.map

package/dist/layout/Collapse/collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../../src/layout/Collapse/collapse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,sFAmBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/layout/Collapse/collapse.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import s from './collapse.module.scss.js';
+
+const Collapse = React.forwardRef(({ open, duration, className, children, style, ...props }, ref) => {
+    return (jsx("div", { ref: ref, "data-slot": 'collapse', className: cn(s['collapse'], open && s['collapse--open'], className), style: duration
+            ? { ...style, '--collapse-duration': `${duration}ms` }
+            : style, "aria-hidden": !open, ...props, children: jsx("div", { className: s['collapse-inner'], children: children }) }));
+});
+Collapse.displayName = 'Collapse';
+
+export { Collapse };
+//# sourceMappingURL=collapse.js.map

package/dist/layout/Collapse/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","sources":["../../../src/layout/Collapse/collapse.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport s from './collapse.module.scss';\n\nexport interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  duration?: number;\n}\n\nconst Collapse = React.forwardRef<HTMLDivElement, CollapseProps>(\n  ({ open, duration, className, children, style, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot={'collapse'}\n        className={cn(s['collapse'], open && s['collapse--open'], className)}\n        style={\n          duration\n            ? ({ ...style, '--collapse-duration': `${duration}ms` } as React.CSSProperties)\n            : style\n        }\n        aria-hidden={!open}\n        {...props}\n      >\n        <div className={s['collapse-inner']}>{children}</div>\n      </div>\n    );\n  },\n);\nCollapse.displayName = 'Collapse';\n\nexport { Collapse };\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChE,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,WAAA,EACG,UAAU,EACrB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,EACpE,KAAK,EACH;cACK,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;cACnD,KAAK,EAAA,aAAA,EAEE,CAAC,IAAI,EAAA,GACd,KAAK,YAETA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAAA,CACjD;AAEV,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;"}

package/dist/layout/Collapse/collapse.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"collapse":"collapse-module_collapse__aYYOu","collapse--open":"collapse-module_collapse--open__6ZXoL","collapse-inner":"collapse-module_collapse-inner__j59l4"};
+
+export { s as default };
+//# sourceMappingURL=collapse.module.scss.js.map

package/dist/layout/Collapse/collapse.module.scss.js.map

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

package/dist/layout/Collapse/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collapse';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Collapse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Collapse/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/layout/Column/column.d.ts

@@ -0,0 +1,4 @@
+import { type ColumnProps } from '@constellation/types';
+import * as React from 'react';
+export declare const Column: React.FC<ColumnProps>;
+//# sourceMappingURL=column.d.ts.map

package/dist/layout/Column/column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../src/layout/Column/column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BxC,CAAC"}

package/dist/layout/Column/column.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import s from './column.module.scss.js';
+
+const Column = ({ children, className, style, el, gap = 0, full = false, fullHeight = false, align, flex, ...props }) => {
+    const Component = (el ?? 'div');
+    const gapClass = gap ? s[`gap-${gap}`] : undefined;
+    const flexClass = flex ? s[`flex-${flex}`] : undefined;
+    const rootClassName = cn(className, s.column, gapClass, full && s['full-width'], fullHeight && s.full, align && s[`align-${align}`], flexClass);
+    return (jsx(Component, { "data-slot": 'column', style: style, className: rootClassName, ...props, children: children }));
+};
+
+export { Column };
+//# sourceMappingURL=column.js.map

package/dist/layout/Column/column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sources":["../../../src/layout/Column/column.tsx"],"sourcesContent":["import { type ColumnProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './column.module.scss';\n\nexport const Column: React.FC<ColumnProps> = ({\n  children,\n  className,\n  style,\n  el,\n  gap = 0,\n  full = false,\n  fullHeight = false,\n  align,\n  flex,\n  ...props\n}) => {\n  const Component = (el ?? 'div') as React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n  const gapClass = gap ? s[`gap-${gap}` as keyof typeof s] : undefined;\n  const flexClass = flex ? s[`flex-${flex}` as keyof typeof s] : undefined;\n\n  const rootClassName = cn(\n    className,\n    s.column,\n    gapClass,\n    full && s['full-width'],\n    fullHeight && s.full,\n    align && s[`align-${align}`],\n    flexClass,\n  );\n\n  return (\n    <Component data-slot={'column'} style={style} className={rootClassName} {...props}>\n      {children}\n    </Component>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;AAKO,MAAM,MAAM,GAA0B,CAAC,EAC5C,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,SAAS,IAAI,EAAE,IAAI,KAAK,CAA4D;AAC1F,IAAA,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA,IAAA,EAAO,GAAG,EAAoB,CAAC,GAAG,SAAS;AACpE,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAA,KAAA,EAAQ,IAAI,EAAoB,CAAC,GAAG,SAAS;AAExE,IAAA,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,CAAC,CAAC,MAAM,EACR,QAAQ,EACR,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,EACvB,UAAU,IAAI,CAAC,CAAC,IAAI,EACpB,KAAK,IAAI,CAAC,CAAC,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,CAAC,EAC5B,SAAS,CACV;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,iBAAY,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAA,GAAM,KAAK,YAC9E,QAAQ,EAAA,CACC;AAEhB;;"}

package/dist/layout/Column/column.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"column":"column-module_column__9M4EJ","gap-0":"column-module_gap-0__HsWP9","gap-1":"column-module_gap-1__xNA2-","gap-2":"column-module_gap-2__KRhnB","gap-3":"column-module_gap-3__XYAzw","gap-4":"column-module_gap-4__NDHql","gap-5":"column-module_gap-5__EWZCL","gap-6":"column-module_gap-6__3o9kL","gap-7":"column-module_gap-7__MoCI3","gap-8":"column-module_gap-8__4TbaB","gap-9":"column-module_gap-9__XgdBO","gap-10":"column-module_gap-10__Tfyd8","gap-11":"column-module_gap-11__-QjTk","gap-12":"column-module_gap-12__TbuAr","full":"column-module_full__3S-n5","full-width":"column-module_full-width__Bs5LE","align-start":"column-module_align-start__rqoxL","align-center":"column-module_align-center__qcVNQ","align-end":"column-module_align-end__PAfxY","flex-1":"column-module_flex-1__nSITX","flex-2":"column-module_flex-2__ssA4i","flex-3":"column-module_flex-3__uht-1","flex-4":"column-module_flex-4__xE2Vi","flex-5":"column-module_flex-5__2U4Ki","flex-6":"column-module_flex-6__UNBkX","flex-7":"column-module_flex-7__4fF-g","flex-8":"column-module_flex-8__G5Cnn","flex-9":"column-module_flex-9__M0gEL","flex-10":"column-module_flex-10__VwVIr","flex-11":"column-module_flex-11__zSHHv","flex-12":"column-module_flex-12__alquF"};
+
+export { s as default };
+//# sourceMappingURL=column.module.scss.js.map

package/dist/layout/Column/column.module.scss.js.map

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

package/dist/layout/Column/index.d.ts

@@ -0,0 +1,3 @@
+export type { ColumnProps } from '@constellation/types/layout/column';
+export * from './column';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Column/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Column/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACtE,cAAc,UAAU,CAAC"}

package/dist/layout/Container/container.d.ts

@@ -0,0 +1,4 @@
+import { type ContainerProps } from '@constellation/types';
+import * as React from 'react';
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=container.d.ts.map

package/dist/layout/Container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,SAAS,uFAmFrB,CAAC"}

package/dist/layout/Container/container.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import s from './container.module.scss.js';
+
+const Container = React.forwardRef(({ children, className, style, el, styled = true, direction = 'column', align, justify, full = false, rounded = true, theme, elevation, outlined, padding = 'lg', darkMode = false, gap = 0, ...props }, ref) => {
+    const Component = (el ?? 'div');
+    const gapClass = gap ? s[`gap-${gap}`] : undefined;
+    const rootClassName = cn(className, darkMode && 'dark', styled && s.styled, s[direction], align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, (styled && rounded === 'extra' && s['extra-rounded']) || (rounded && s.rounded), styled && outlined && s['outlined'], styled && typeof padding === 'number'
+        ? s[`padding-${padding}`]
+        : styled && padding !== 'lg' && s[`padding-${padding}`], styled && elevation && s[`elevation-${elevation}`], styled && theme && s[`${theme}`], gapClass);
+    const [opacity, setOpacity] = React.useState(0);
+    const [transition, setTransition] = React.useState('all 1s ease');
+    React.useEffect(() => {
+        const showTimeout = window.setTimeout(() => {
+            setOpacity(1);
+        }, 500);
+        const resetTimeout = window.setTimeout(() => {
+            setTransition('all .2s ease');
+        }, 1500);
+        return () => {
+            window.clearTimeout(showTimeout);
+            window.clearTimeout(resetTimeout);
+        };
+    }, []);
+    const mergedStyle = outlined ? { opacity, transition, ...style } : style;
+    if (!el || el === 'div') {
+        return (jsx("div", { "data-slot": 'container', ref: ref, style: mergedStyle, className: rootClassName, ...props, children: children }));
+    }
+    return (jsx(Component, { "data-slot": 'container', style: mergedStyle, className: rootClassName, ...props, children: children }));
+});
+Container.displayName = 'Container';
+
+export { Container };
+//# sourceMappingURL=container.js.map

package/dist/layout/Container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../../src/layout/Container/container.tsx"],"sourcesContent":["import { type ContainerProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './container.module.scss';\n\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  (\n    {\n      children,\n      className,\n      style,\n      el,\n      styled = true,\n      direction = 'column',\n      align,\n      justify,\n      full = false,\n      rounded = true,\n      theme,\n      elevation,\n      outlined,\n      padding = 'lg',\n      darkMode = false,\n      gap = 0,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? 'div') as React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n    const gapClass = gap ? s[`gap-${gap}` as keyof typeof s] : undefined;\n\n    const rootClassName = cn(\n      className,\n      darkMode && 'dark',\n      styled && s.styled,\n      s[direction],\n      align && s[`align-${align}` as keyof typeof s],\n      justify && s[`justify-${justify}` as keyof typeof s],\n      full && s.full,\n      (styled && rounded === 'extra' && s['extra-rounded']) || (rounded && s.rounded),\n      styled && outlined && s['outlined'],\n      styled && typeof padding === 'number'\n        ? s[`padding-${padding}` as keyof typeof s]\n        : styled && padding !== 'lg' && s[`padding-${padding}` as keyof typeof s],\n      styled && elevation && s[`elevation-${elevation}` as keyof typeof s],\n      styled && theme && s[`${theme}` as keyof typeof s],\n      gapClass,\n    );\n\n    const [opacity, setOpacity] = React.useState(0);\n    const [transition, setTransition] = React.useState('all 1s ease');\n\n    React.useEffect(() => {\n      const showTimeout = window.setTimeout(() => {\n        setOpacity(1);\n      }, 500);\n      const resetTimeout = window.setTimeout(() => {\n        setTransition('all .2s ease');\n      }, 1500);\n\n      return () => {\n        window.clearTimeout(showTimeout);\n        window.clearTimeout(resetTimeout);\n      };\n    }, []);\n\n    const mergedStyle = outlined ? { opacity, transition, ...style } : style;\n\n    if (!el || el === 'div') {\n      return (\n        <div\n          data-slot={'container'}\n          ref={ref}\n          style={mergedStyle}\n          className={rootClassName}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <Component data-slot={'container'} style={mergedStyle} className={rootClassName} {...props}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nContainer.displayName = 'Container';\n"],"names":["_jsx"],"mappings":"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"}

package/dist/layout/Container/container.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"styled":"container-module_styled__YGtdv","rounded":"container-module_rounded__rmJyb","extra-rounded":"container-module_extra-rounded__AcmgO","elevation-1":"container-module_elevation-1__2RR1U","elevation-2":"container-module_elevation-2__Fz0j3","elevation-3":"container-module_elevation-3__zWL-N","elevation-4":"container-module_elevation-4__pd0z-","elevation-5":"container-module_elevation-5__6gwwi","elevation-6":"container-module_elevation-6__5wPwH","elevation-7":"container-module_elevation-7__UGmcV","elevation-8":"container-module_elevation-8__MqANT","elevation-9":"container-module_elevation-9__9Pbk3","elevation-10":"container-module_elevation-10__R5tT9","elevation-11":"container-module_elevation-11__iKwJ9","elevation-12":"container-module_elevation-12__WRp-Y","elevation-13":"container-module_elevation-13__-wRx-","elevation-14":"container-module_elevation-14__AL9Lt","elevation-15":"container-module_elevation-15__XqtuJ","elevation-16":"container-module_elevation-16__TBK41","elevation-17":"container-module_elevation-17__crvhA","elevation-18":"container-module_elevation-18__W5lXs","elevation-19":"container-module_elevation-19__MdYir","elevation-20":"container-module_elevation-20__AT5Gs","elevation-21":"container-module_elevation-21__cHM81","elevation-22":"container-module_elevation-22__tWEVI","elevation-23":"container-module_elevation-23__T0rZP","elevation-24":"container-module_elevation-24__D2nlo","padding-0":"container-module_padding-0__mITT-","padding-1":"container-module_padding-1__ouY-0","padding-2":"container-module_padding-2__cKeLk","padding-3":"container-module_padding-3__esZJU","padding-4":"container-module_padding-4__CBfiy","padding-5":"container-module_padding-5__Zzn6t","padding-6":"container-module_padding-6__zd02R","padding-xl":"container-module_padding-xl__HCjAD","padding-md":"container-module_padding-md__tXXAD","padding-sm":"container-module_padding-sm__qfZ-w","padding-none":"container-module_padding-none__wUGrX","outlined":"container-module_outlined__q92VT","primary":"container-module_primary__7R2kb","secondary":"container-module_secondary__WmolW","success":"container-module_success__EN1kV","destructive":"container-module_destructive__W-tj5","warning":"container-module_warning__yCiok","info":"container-module_info__16Zp-","slate":"container-module_slate__WdLOg","light-slate":"container-module_light-slate__WSB15","column":"container-module_column__IRJGX","row":"container-module_row__DeSQo","full":"container-module_full__0mgwT","justify-start":"container-module_justify-start__9LdRc","justify-center":"container-module_justify-center__g-Td9","justify-end":"container-module_justify-end__RILGT","justify-space-between":"container-module_justify-space-between__FmkGw","justify-space-around":"container-module_justify-space-around__6gR7I","justify-space-evenly":"container-module_justify-space-evenly__BEVWX","align-start":"container-module_align-start__Lm8lM","align-center":"container-module_align-center__PGESS","align-end":"container-module_align-end__GulUk","align-stretch":"container-module_align-stretch__ryZis","gap-0":"container-module_gap-0__STnXJ","gap-1":"container-module_gap-1__DBqD3","gap-2":"container-module_gap-2__ujFOP","gap-3":"container-module_gap-3__b4ZNm","gap-4":"container-module_gap-4__rR73b","gap-5":"container-module_gap-5__QVv0R","gap-6":"container-module_gap-6__nwsUI","gap-7":"container-module_gap-7__--DAE","gap-8":"container-module_gap-8__3DkLj","gap-9":"container-module_gap-9__W2AJA","gap-10":"container-module_gap-10__Bwuov","gap-11":"container-module_gap-11__C9uRw","gap-12":"container-module_gap-12__GHJYu"};
+
+export { s as default };
+//# sourceMappingURL=container.module.scss.js.map

package/dist/layout/Container/container.module.scss.js.map

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

package/dist/layout/Container/index.d.ts

@@ -0,0 +1,2 @@
+export * from './container';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/layout/Grid/grid.d.ts

@@ -0,0 +1,5 @@
+import { type GridProps } from '@constellation/types';
+import * as React from 'react';
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export { Grid };
+//# sourceMappingURL=grid.d.ts.map

package/dist/layout/Grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,kFA0CT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/layout/Grid/grid.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import s from './grid.module.scss.js';
+
+const Grid = React.forwardRef(({ children, className, el, columns = 1, sm, md, lg, xl, gap = 2, align, justify, full = true, ...props }, ref) => {
+    const Component = (el ?? 'div');
+    const gapClass = gap != null ? s[`gap-${gap}`] : undefined;
+    const rootClassName = cn(s.grid, s[`cols-${columns}`], sm && s[`sm-${sm}`], md && s[`md-${md}`], lg && s[`lg-${lg}`], xl && s[`xl-${xl}`], gapClass, align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, className);
+    return (jsx(Component, { "data-slot": 'grid', ref: ref, className: rootClassName, ...props, children: children }));
+});
+Grid.displayName = 'Grid';
+
+export { Grid };
+//# sourceMappingURL=grid.js.map

package/dist/layout/Grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../src/layout/Grid/grid.tsx"],"sourcesContent":["import { type GridProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './grid.module.scss';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      children,\n      className,\n      el,\n      columns = 1,\n      sm,\n      md,\n      lg,\n      xl,\n      gap = 2,\n      align,\n      justify,\n      full = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? 'div') as 'div';\n    const gapClass = gap != null ? s[`gap-${gap}` as keyof typeof s] : undefined;\n\n    const rootClassName = cn(\n      s.grid,\n      s[`cols-${columns}` as keyof typeof s],\n      sm && s[`sm-${sm}` as keyof typeof s],\n      md && s[`md-${md}` as keyof typeof s],\n      lg && s[`lg-${lg}` as keyof typeof s],\n      xl && s[`xl-${xl}` as keyof typeof s],\n      gapClass,\n      align && s[`align-${align}` as keyof typeof s],\n      justify && s[`justify-${justify}` as keyof typeof s],\n      full && s.full,\n      className,\n    );\n\n    return (\n      <Component data-slot={'grid'} ref={ref} className={rootClassName} {...props}>\n        {children}\n      </Component>\n    );\n  },\n);\nGrid.displayName = 'Grid';\n\nexport { Grid };\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EACF,OAAO,GAAG,CAAC,EACX,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,GAAG,CAAC,EACP,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,SAAS,IAAI,EAAE,IAAI,KAAK,CAAU;AACxC,IAAA,MAAM,QAAQ,GAAG,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAA,IAAA,EAAO,GAAG,CAAA,CAAoB,CAAC,GAAG,SAAS;AAE5E,IAAA,MAAM,aAAa,GAAG,EAAE,CACtB,CAAC,CAAC,IAAI,EACN,CAAC,CAAC,QAAQ,OAAO,CAAA,CAAoB,CAAC,EACtC,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,CAAA,CAAoB,CAAC,EACrC,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,EAAoB,CAAC,EACrC,EAAE,IAAI,CAAC,CAAC,CAAA,GAAA,EAAM,EAAE,CAAA,CAAoB,CAAC,EACrC,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,CAAA,CAAoB,CAAC,EACrC,QAAQ,EACR,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAA,CAAoB,CAAC,EAC9C,OAAO,IAAI,CAAC,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAoB,CAAC,EACpD,IAAI,IAAI,CAAC,CAAC,IAAI,EACd,SAAS,CACV;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,iBAAY,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAA,GAAM,KAAK,YACxE,QAAQ,EAAA,CACC;AAEhB,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM;;"}

package/dist/layout/Grid/grid.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"grid":"grid-module_grid__9K4b0","gap-0":"grid-module_gap-0__FxrIM","gap-1":"grid-module_gap-1__ZxrkL","gap-2":"grid-module_gap-2__cWHMe","gap-3":"grid-module_gap-3__7gtrd","gap-4":"grid-module_gap-4__SvF12","gap-5":"grid-module_gap-5__eCdwT","gap-6":"grid-module_gap-6__xC0i7","gap-7":"grid-module_gap-7__DYLnZ","gap-8":"grid-module_gap-8__DSN-y","gap-9":"grid-module_gap-9__C3d28","gap-10":"grid-module_gap-10__gTTb3","gap-11":"grid-module_gap-11__zYCp9","gap-12":"grid-module_gap-12__TJBQh","cols-1":"grid-module_cols-1__ZUGY5","cols-2":"grid-module_cols-2__dK6k0","cols-3":"grid-module_cols-3__bfYrk","cols-4":"grid-module_cols-4__ccCHQ","cols-5":"grid-module_cols-5__VfOo0","cols-6":"grid-module_cols-6__Setfc","cols-7":"grid-module_cols-7__-Hq6i","cols-8":"grid-module_cols-8__TAKkY","cols-9":"grid-module_cols-9__AooPh","cols-10":"grid-module_cols-10__STPXq","cols-11":"grid-module_cols-11__30K0L","cols-12":"grid-module_cols-12__g9Kk9","sm-1":"grid-module_sm-1__-ov5v","md-1":"grid-module_md-1__wH4V4","lg-1":"grid-module_lg-1__W-46o","xl-1":"grid-module_xl-1__mgVgj","sm-2":"grid-module_sm-2__wpOnq","md-2":"grid-module_md-2__jwWwn","lg-2":"grid-module_lg-2__kAyPb","xl-2":"grid-module_xl-2__2z8ci","sm-3":"grid-module_sm-3__2AeWt","md-3":"grid-module_md-3__KJI6v","lg-3":"grid-module_lg-3__Qr6em","xl-3":"grid-module_xl-3__4bOmV","sm-4":"grid-module_sm-4__QAUBQ","md-4":"grid-module_md-4__Gpub6","lg-4":"grid-module_lg-4__2MYd3","xl-4":"grid-module_xl-4__LmhGO","sm-5":"grid-module_sm-5__eMVXL","md-5":"grid-module_md-5__uVFcE","lg-5":"grid-module_lg-5__0GolD","xl-5":"grid-module_xl-5__F2h2E","sm-6":"grid-module_sm-6__-dmjH","md-6":"grid-module_md-6__bmzLb","lg-6":"grid-module_lg-6__DNORn","xl-6":"grid-module_xl-6__pdoaF","sm-7":"grid-module_sm-7__6DBi0","md-7":"grid-module_md-7__Ju8Nu","lg-7":"grid-module_lg-7__6Z8Q2","xl-7":"grid-module_xl-7__zdFLQ","sm-8":"grid-module_sm-8__jZRcd","md-8":"grid-module_md-8__feSBx","lg-8":"grid-module_lg-8__MmTOr","xl-8":"grid-module_xl-8__q8dX4","sm-9":"grid-module_sm-9__9FqbZ","md-9":"grid-module_md-9__Kx6Te","lg-9":"grid-module_lg-9__Vp39Z","xl-9":"grid-module_xl-9__NOZQI","sm-10":"grid-module_sm-10__EYfo9","md-10":"grid-module_md-10__4j8gO","lg-10":"grid-module_lg-10__GxSVd","xl-10":"grid-module_xl-10__CuKsZ","sm-11":"grid-module_sm-11__lBtQ6","md-11":"grid-module_md-11__1hcje","lg-11":"grid-module_lg-11__QmWpK","xl-11":"grid-module_xl-11__wXJ1R","sm-12":"grid-module_sm-12__fxo2F","md-12":"grid-module_md-12__IqpJ8","lg-12":"grid-module_lg-12__mp6jM","xl-12":"grid-module_xl-12__K-n13","align-start":"grid-module_align-start__NYPAX","align-center":"grid-module_align-center__foitp","align-end":"grid-module_align-end__A-z0T","align-stretch":"grid-module_align-stretch__iicSz","justify-start":"grid-module_justify-start__pElOG","justify-center":"grid-module_justify-center__vc0OK","justify-end":"grid-module_justify-end__4V8JP","justify-stretch":"grid-module_justify-stretch__4bD7k","full":"grid-module_full__t2ryh"};
+
+export { s as default };
+//# sourceMappingURL=grid.module.scss.js.map

package/dist/layout/Grid/grid.module.scss.js.map

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

package/dist/layout/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/layout/Row/index.d.ts

@@ -0,0 +1,3 @@
+export type { RowProps } from '@constellation/types/layout/row';
+export * from './row';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Row/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,cAAc,OAAO,CAAC"}

package/dist/layout/Row/row.d.ts

@@ -0,0 +1,4 @@
+import { type RowProps } from '@constellation/types';
+import * as React from 'react';
+export declare const Row: React.FC<RowProps>;
+//# sourceMappingURL=row.d.ts.map

package/dist/layout/Row/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/layout/Row/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuClC,CAAC"}

package/dist/layout/Row/row.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import s from './row.module.scss.js';
+
+const Row = ({ children, className, style, el, gap = 0, breakpoint, align = 'center', justify, full = false, wrap = false, ...props }) => {
+    const Component = (el ?? 'div');
+    const gapClass = gap ? s[`gap-${gap}`] : undefined;
+    const breakpointClass = breakpoint ? s[`break-${breakpoint}`] : undefined;
+    const hasWrap = !!wrap;
+    const wrapMinWidth = typeof wrap === 'number' ? `${wrap}px` : undefined;
+    const rootStyle = wrapMinWidth
+        ? { ...style, '--row-wrap-min-width': wrapMinWidth }
+        : style;
+    const rootClassName = cn(className, s.row, gapClass, align && s[`align-${align}`], justify && s[`justify-${justify}`], full && s.full, hasWrap && s.wrap, wrapMinWidth && s['wrap-fixed'], breakpointClass);
+    return (jsx(Component, { "data-slot": 'row', style: rootStyle, className: rootClassName, ...props, children: children }));
+};
+
+export { Row };
+//# sourceMappingURL=row.js.map

package/dist/layout/Row/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sources":["../../../src/layout/Row/row.tsx"],"sourcesContent":["import { type RowProps } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './row.module.scss';\n\nexport const Row: React.FC<RowProps> = ({\n  children,\n  className,\n  style,\n  el,\n  gap = 0,\n  breakpoint,\n  align = 'center',\n  justify,\n  full = false,\n  wrap = false,\n  ...props\n}) => {\n  const Component = (el ?? 'div') as React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n  const gapClass = gap ? s[`gap-${gap}` as keyof typeof s] : undefined;\n  const breakpointClass = breakpoint ? s[`break-${breakpoint}` as keyof typeof s] : undefined;\n  const hasWrap = !!wrap;\n  const wrapMinWidth = typeof wrap === 'number' ? `${wrap}px` : undefined;\n  const rootStyle = wrapMinWidth\n    ? ({ ...style, '--row-wrap-min-width': wrapMinWidth } as React.CSSProperties)\n    : style;\n\n  const rootClassName = cn(\n    className,\n    s.row,\n    gapClass,\n    align && s[`align-${align}`],\n    justify && s[`justify-${justify}`],\n    full && s.full,\n    hasWrap && s.wrap,\n    wrapMinWidth && s['wrap-fixed'],\n    breakpointClass,\n  );\n\n  return (\n    <Component data-slot={'row'} style={rootStyle} className={rootClassName} {...props}>\n      {children}\n    </Component>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;AAKO,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,GAAG,GAAG,CAAC,EACP,UAAU,EACV,KAAK,GAAG,QAAQ,EAChB,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,SAAS,IAAI,EAAE,IAAI,KAAK,CAA4D;AAC1F,IAAA,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA,IAAA,EAAO,GAAG,EAAoB,CAAC,GAAG,SAAS;AACpE,IAAA,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC,CAAC,CAAA,MAAA,EAAS,UAAU,EAAoB,CAAC,GAAG,SAAS;AAC3F,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI;AACtB,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,GAAG,SAAS;IACvE,MAAM,SAAS,GAAG;UACb,EAAE,GAAG,KAAK,EAAE,sBAAsB,EAAE,YAAY;UACjD,KAAK;IAET,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,CAAC,CAAC,GAAG,EACL,QAAQ,EACR,KAAK,IAAI,CAAC,CAAC,CAAA,MAAA,EAAS,KAAK,EAAE,CAAC,EAC5B,OAAO,IAAI,CAAC,CAAC,WAAW,OAAO,CAAA,CAAE,CAAC,EAClC,IAAI,IAAI,CAAC,CAAC,IAAI,EACd,OAAO,IAAI,CAAC,CAAC,IAAI,EACjB,YAAY,IAAI,CAAC,CAAC,YAAY,CAAC,EAC/B,eAAe,CAChB;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,iBAAY,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAA,GAAM,KAAK,YAC/E,QAAQ,EAAA,CACC;AAEhB;;"}

package/dist/layout/Row/row.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"row":"row-module_row__MR-t8","gap-0":"row-module_gap-0__CWvmI","gap-1":"row-module_gap-1__YXWLC","gap-2":"row-module_gap-2__0EqhU","gap-3":"row-module_gap-3__Z-O1T","gap-4":"row-module_gap-4__UohJL","gap-5":"row-module_gap-5__i-z6H","gap-6":"row-module_gap-6__Vs4zo","gap-7":"row-module_gap-7__xUzxf","gap-8":"row-module_gap-8__L3owM","gap-9":"row-module_gap-9__LTK9U","gap-10":"row-module_gap-10__xtile","gap-11":"row-module_gap-11__m2c4s","gap-12":"row-module_gap-12__ZRUqI","align-start":"row-module_align-start__ivsKl","align-center":"row-module_align-center__gfNH5","align-end":"row-module_align-end__HCzym","align-stretch":"row-module_align-stretch__EAR8C","justify-space-between":"row-module_justify-space-between__I9B6X","justify-space-around":"row-module_justify-space-around__S1Q5H","justify-space-evenly":"row-module_justify-space-evenly__SS8-v","justify-start":"row-module_justify-start__YBAgc","justify-end":"row-module_justify-end__ymsCB","justify-center":"row-module_justify-center__UUD3b","full":"row-module_full__O7Kce","wrap":"row-module_wrap__zpjXl","wrap-fixed":"row-module_wrap-fixed__Y5d4u","break-xl":"row-module_break-xl__sMi-q","break-lg":"row-module_break-lg__6WDHq","break-md":"row-module_break-md__ADUVF","break-sm":"row-module_break-sm__gNqRq","break-xs":"row-module_break-xs__KrNjQ"};
+
+export { s as default };
+//# sourceMappingURL=row.module.scss.js.map

package/dist/layout/Row/row.module.scss.js.map

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