@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

package/dist/components/top-bar/TopBar.d.ts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { Theme } from '../../styled';
+declare const StyledRoot: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "size" | "appearance" | "diffused" | "hasScrolled"> & {
+    hasScrolled?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+    diffused?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    appearance?: ("standard" | "rounded" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "rounded">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type StyledRootProps = React.ComponentProps<typeof StyledRoot>;
+type TopBarProps = StyledRootProps & {
+    className?: string;
+} & React.ComponentProps<typeof Theme>;
+export declare const TopBar: {
+    ({ size, diffused, theme, className, appearance, ...props }: React.PropsWithChildren<TopBarProps>): React.JSX.Element;
+    displayName: string;
+} & {
+    Brand: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+        ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    BrandLogo: ({ src, alt, className }: Pick<React.ComponentProps<typeof import("..").Image>, "src" | "alt"> & {
+        className?: string;
+    }) => JSX.Element;
+    BrandName: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+    }, "size" | "weight" | "family" | "noCapsize"> & {
+        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    ActionIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+    }, "theme" | "size" | "appearance" | "isRounded"> & {
+        theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
+        appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
+        isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "label" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+        as?: string | React.ReactNode;
+        children: React.ReactNode;
+        label: string;
+    } & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "size"> & {
+        icon: React.FC<React.SVGProps<SVGSVGElement>>;
+        label: string;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Divider: () => React.JSX.Element;
+};
+export {};

package/dist/components/top-bar/TopBar.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{styled as e,Theme as p}from"../../styled.js";import{useWindowScrollPosition as c}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as l}from"../divider/Divider.js";import{Flex as b}from"../flex/Flex.js";import{colorSchemes as u}from"./TopBar.colorscheme.config.js";import{TopBarActionIcon as h}from"./TopBarActionIcon.js";import{TopBarBrand as f,TopBarBrandLogo as x,TopBarBrandName as g}from"./TopBarBrand.js";const B=()=>r.createElement(l,{orientation:"vertical",className:"bg-divider h-6"}),w=e("div",{base:["bg-(--background)","sticky","flex","items-center","z-1","transition-shadow","duration-200","ease-out"],variants:{hasScrolled:{true:["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"]},size:{md:["h-16"],lg:["h-24"]},diffused:{true:["[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:backdrop-blur-sm]"]},appearance:{standard:["w-screen","max-w-full","top-0","border-b","border-b-(--border-bottom)"],rounded:["w-full","top-2","p-2","border","border-white","rounded-round"]}}}),_=e(b,{base:["items-center","h-10","mx-4","w-full","md:mx-8"]}),o=({size:a="md",diffused:t,theme:n,className:s,appearance:i="standard",...d})=>{const{y:m}=c();return r.createElement(p,{theme:n||u.light},r.createElement(w,{className:s,hasScrolled:!!m,diffused:t,appearance:i,size:a},r.createElement(_,{...d})))},T=Object.assign(o,{Brand:f,BrandLogo:x,BrandName:g,ActionIcon:h,Divider:B});o.displayName="TopBar";export{T as TopBar};
+import*as e from"react";import{styled as r,Theme as p}from"../../styled.js";import{useWindowScrollPosition as c}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as l}from"../divider/Divider.js";import{Flex as b}from"../flex/Flex.js";import{colorSchemes as u}from"./TopBar.colorscheme.config.js";import{TopBarActionIcon as f}from"./TopBarActionIcon.js";import{TopBarBrand as h,TopBarBrandLogo as x,TopBarBrandName as B}from"./TopBarBrand.js";const g=()=>e.createElement(l,{orientation:"vertical",className:"bg-divider h-6"}),w=r("div",{base:["bg-(--background)","sticky","flex","items-center","z-1","transition-shadow","duration-200","ease-out"],variants:{hasScrolled:{true:["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"]},size:{md:["h-16"],lg:["h-24"]},diffused:{true:["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","supports-color-mix:backdrop-blur-sm"]},appearance:{standard:["w-screen","max-w-full","top-0","border-b","border-b-(--border-bottom)"],rounded:["w-full","top-2","p-2","border","border-white","rounded-round"]}}}),T=r(b,{base:["items-center","h-10","mx-4","w-full","md:mx-8"]}),o=({size:a="md",diffused:t,theme:s,className:d,appearance:i="standard",...m})=>{const{y:n}=c();return e.createElement(p,{theme:s||u.light},e.createElement(w,{className:d,hasScrolled:!!n,diffused:t,appearance:i,size:a},e.createElement(T,{...m})))},v=Object.assign(o,{Brand:h,BrandLogo:x,BrandName:B,ActionIcon:f,Divider:g});o.displayName="TopBar";export{v as TopBar};
 //# sourceMappingURL=TopBar.js.map

package/dist/components/top-bar/TopBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider'\nimport { Flex } from '../flex'\nimport { colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n  <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled('div', {\n  base: [\n    'bg-(--background)',\n    'sticky',\n    'flex',\n    'items-center',\n    'z-1',\n    'transition-shadow',\n    'duration-200',\n    'ease-out'\n  ],\n  variants: {\n    hasScrolled: {\n      true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n    },\n    size: {\n      md: ['h-16'],\n      lg: ['h-24']\n    },\n    diffused: {\n      true: [\n        '[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n        '[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:backdrop-blur-sm]'\n      ]\n    },\n    appearance: {\n      standard: [\n        'w-screen',\n        'max-w-full',\n        'top-0',\n        'border-b',\n        'border-b-(--border-bottom)'\n      ],\n      rounded: [\n        'w-full',\n        'top-2',\n        'p-2',\n        'border',\n        'border-white',\n        'rounded-round'\n      ]\n    }\n  }\n})\n\nconst Container = styled(Flex, {\n  base: ['items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype StyledRootProps = React.ComponentProps<typeof StyledRoot>\n\ntype TopBarProps = StyledRootProps & {\n  className?: string\n}\n\nconst TopBarComponent = ({\n  size = 'md',\n  diffused,\n  theme,\n  className,\n  appearance = 'standard',\n  ...props\n}: React.PropsWithChildren<TopBarProps>) => {\n  const { y: scrollPositionY } = useWindowScrollPosition()\n\n  return (\n    <Theme theme={theme || topBarColorSchemes['light']}>\n      <StyledRoot\n        className={className}\n        hasScrolled={!!scrollPositionY}\n        diffused={diffused}\n        appearance={appearance}\n        size={size}\n      >\n        <Container {...props} />\n      </StyledRoot>\n    </Theme>\n  )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n  Brand: TopBarBrand,\n  BrandLogo: TopBarBrandLogo,\n  BrandName: TopBarBrandName,\n  ActionIcon: TopBarActionIcon,\n  Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","Container","Flex","TopBarComponent","size","diffused","theme","className","appearance","props","scrollPositionY","useWindowScrollPosition","Theme","topBarColorSchemes","TopBar","TopBarBrand","TopBarBrandLogo","TopBarBrandName","TopBarActionIcon"],"mappings":"8cAWA,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,gBAAA,CAAiB,EAGvDC,EAAaC,EAAO,MAAO,CAC/B,KAAM,CACJ,oBACA,SACA,OACA,eACA,MACA,oBACA,eACA,UACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAC,8CAA8C,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CACJ,0HACA,yFACF,CACF,EACA,WAAY,CACV,SAAU,CACR,WACA,aACA,QACA,WACA,4BACF,EACA,QAAS,CACP,SACA,QACA,MACA,SACA,eACA,eACF,CACF,CACF,CACF,CAAC,EAEKC,EAAYD,EAAOE,EAAM,CAC7B,KAAM,CAAC,eAAgB,OAAQ,OAAQ,SAAU,SAAS,CAC5D,CAAC,EAQKC,EAAkB,CAAC,CACvB,KAAAC,EAAO,KACP,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAGC,CAAgB,EAAIC,EAE/B,EAAA,OACEd,EAAA,cAACe,EAAA,CAAM,MAAON,GAASO,EAAmB,KAAA,EACxChB,EAAA,cAACE,EAAA,CACC,UAAWQ,EACX,YAAa,CAAC,CAACG,EACf,SAAUL,EACV,WAAYG,EACZ,KAAMJ,CAAAA,EAENP,EAAA,cAACI,EAAA,CAAW,GAAGQ,CAAO,CAAA,CACxB,CACF,CAEJ,EAEaK,EAAS,OAAO,OAAOX,EAAiB,CACnD,MAAOY,EACP,UAAWC,EACX,UAAWC,EACX,WAAYC,EACZ,QAAStB,CACX,CAAC,EAEDO,EAAgB,YAAc"}
+{"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider'\nimport { Flex } from '../flex'\nimport { colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n  <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled('div', {\n  base: [\n    'bg-(--background)',\n    'sticky',\n    'flex',\n    'items-center',\n    'z-1',\n    'transition-shadow',\n    'duration-200',\n    'ease-out'\n  ],\n  variants: {\n    hasScrolled: {\n      true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n    },\n    size: {\n      md: ['h-16'],\n      lg: ['h-24']\n    },\n    diffused: {\n      true: [\n        'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n        'supports-color-mix:backdrop-blur-sm'\n      ]\n    },\n    appearance: {\n      standard: [\n        'w-screen',\n        'max-w-full',\n        'top-0',\n        'border-b',\n        'border-b-(--border-bottom)'\n      ],\n      rounded: [\n        'w-full',\n        'top-2',\n        'p-2',\n        'border',\n        'border-white',\n        'rounded-round'\n      ]\n    }\n  }\n})\n\nconst Container = styled(Flex, {\n  base: ['items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype StyledRootProps = React.ComponentProps<typeof StyledRoot>\n\ntype TopBarProps = StyledRootProps & {\n  className?: string\n} & React.ComponentProps<typeof Theme>\n\nconst TopBarComponent = ({\n  size = 'md',\n  diffused,\n  theme,\n  className,\n  appearance = 'standard',\n  ...props\n}: React.PropsWithChildren<TopBarProps>) => {\n  const { y: scrollPositionY } = useWindowScrollPosition()\n\n  return (\n    <Theme theme={theme || topBarColorSchemes['light']}>\n      <StyledRoot\n        className={className}\n        hasScrolled={!!scrollPositionY}\n        diffused={diffused}\n        appearance={appearance}\n        size={size}\n      >\n        <Container {...props} />\n      </StyledRoot>\n    </Theme>\n  )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n  Brand: TopBarBrand,\n  BrandLogo: TopBarBrandLogo,\n  BrandName: TopBarBrandName,\n  ActionIcon: TopBarActionIcon,\n  Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","Container","Flex","TopBarComponent","size","diffused","theme","className","appearance","props","scrollPositionY","useWindowScrollPosition","Theme","topBarColorSchemes","TopBar","TopBarBrand","TopBarBrandLogo","TopBarBrandName","TopBarActionIcon"],"mappings":"8cAWA,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,gBAAA,CAAiB,EAGvDC,EAAaC,EAAO,MAAO,CAC/B,KAAM,CACJ,oBACA,SACA,OACA,eACA,MACA,oBACA,eACA,UACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAC,8CAA8C,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CACJ,uEACA,qCACF,CACF,EACA,WAAY,CACV,SAAU,CACR,WACA,aACA,QACA,WACA,4BACF,EACA,QAAS,CACP,SACA,QACA,MACA,SACA,eACA,eACF,CACF,CACF,CACF,CAAC,EAEKC,EAAYD,EAAOE,EAAM,CAC7B,KAAM,CAAC,eAAgB,OAAQ,OAAQ,SAAU,SAAS,CAC5D,CAAC,EAQKC,EAAkB,CAAC,CACvB,KAAAC,EAAO,KACP,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAGC,CAAgB,EAAIC,EAE/B,EAAA,OACEd,EAAA,cAACe,EAAA,CAAM,MAAON,GAASO,EAAmB,KAAA,EACxChB,EAAA,cAACE,EAAA,CACC,UAAWQ,EACX,YAAa,CAAC,CAACG,EACf,SAAUL,EACV,WAAYG,EACZ,KAAMJ,CAAAA,EAENP,EAAA,cAACI,EAAA,CAAW,GAAGQ,CAAO,CAAA,CACxB,CACF,CAEJ,EAEaK,EAAS,OAAO,OAAOX,EAAiB,CACnD,MAAOY,EACP,UAAWC,EACX,UAAWC,EACX,WAAYC,EACZ,QAAStB,CACX,CAAC,EAEDO,EAAgB,YAAc"}

package/dist/components/top-bar/TopBarActionIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ActionIcon } from '../action-icon';
+type TopBarActionIconProps = Omit<React.ComponentProps<typeof ActionIcon>, 'size' | 'children'> & {
+    icon: React.FC<React.SVGProps<SVGSVGElement>>;
+    label: string;
+};
+export declare const TopBarActionIcon: React.ForwardRefExoticComponent<Omit<TopBarActionIconProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/top-bar/TopBarActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBarActionIcon.js","sources":["../../../src/components/top-bar/TopBarActionIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\ntype TopBarActionIconProps = Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'size' | 'children'\n> & { icon: React.FC<React.SVGProps<SVGSVGElement>>; label: string }\n\nexport const TopBarActionIcon: React.ForwardRefExoticComponent<TopBarActionIconProps> =\n  React.forwardRef(({ icon, ...rest }, forwardedRef) => {\n    return (\n      <ActionIcon\n        size=\"md\"\n        appearance=\"simple\"\n        theme=\"neutral\"\n        ref={forwardedRef}\n        {...rest}\n      >\n        <Icon is={icon} />\n      </ActionIcon>\n    )\n  })\n"],"names":["TopBarActionIcon","React","icon","rest","forwardedRef","ActionIcon","Icon"],"mappings":"sHAUa,MAAAA,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAEjCH,EAAA,cAACI,EAAA,CACC,KAAK,KACL,WAAW,SACX,MAAM,UACN,IAAKD,EACJ,GAAGD,CAAAA,EAEJF,EAAA,cAACK,EAAA,CAAK,GAAIJ,CAAAA,CAAM,CAClB,CAEH"}
+{"version":3,"file":"TopBarActionIcon.js","sources":["../../../src/components/top-bar/TopBarActionIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\ntype TopBarActionIconProps = Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'size' | 'children'\n> & { icon: React.FC<React.SVGProps<SVGSVGElement>>; label: string }\n\nexport const TopBarActionIcon = React.forwardRef<\n  HTMLButtonElement,\n  TopBarActionIconProps\n>(({ icon, ...rest }, forwardedRef) => {\n  return (\n    <ActionIcon\n      size=\"md\"\n      appearance=\"simple\"\n      theme=\"neutral\"\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Icon is={icon} />\n    </ActionIcon>\n  )\n})\n"],"names":["TopBarActionIcon","React","icon","rest","forwardedRef","ActionIcon","Icon"],"mappings":"sHAUa,MAAAA,EAAmBC,EAAM,WAGpC,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAElBH,EAAA,cAACI,EAAA,CACC,KAAK,KACL,WAAW,SACX,MAAM,UACN,IAAKD,EACJ,GAAGD,CAAAA,EAEJF,EAAA,cAACK,EAAA,CAAK,GAAIJ,CAAAA,CAAM,CAClB,CAEH"}

package/dist/components/top-bar/TopBarBrand.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Image } from '../image';
+export declare const TopBarBrandLogo: ({ src, alt, className }: Pick<React.ComponentProps<typeof Image>, "src" | "alt"> & {
+    className?: string;
+}) => JSX.Element;
+export declare const TopBarBrandName: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+}, "size" | "weight" | "family" | "noCapsize"> & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const TopBarBrand: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
+}, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/top-bar/index.d.ts

@@ -0,0 +1 @@
+export { TopBar } from './TopBar';