@noxickon/onyx 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -2,18 +2,11 @@ import { default as default_2 } from 'react';
 import { HTMLAttributes } from 'react';
 import { ReactNode } from 'react';
 
-export declare type BadgeColor = 'purple' | 'lime' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'pink' | 'amber' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'violet' | 'fuchsia' | 'gray';
+declare type CardColor = 'purple' | 'blue' | 'emerald' | 'orange' | 'rose' | 'amber' | 'cyan' | 'indigo';
 
-export declare type BadgeSize = 'sm' | 'md' | 'lg';
+declare type FloatingAlign = 'start' | 'center' | 'end';
 
-declare interface DropdownBaseProps {
-    className?: string;
-}
-
-declare interface DropdownShortcutProps {
-    children: default_2.ReactNode;
-    className?: string;
-}
+declare type FloatingPosition = 'top' | 'bottom' | 'left' | 'right';
 
 export declare const OxAvatar: default_2.FC<OxAvatarProps>;
 
@@ -23,12 +16,12 @@ export declare interface OxAvatarImageProps {
     alt: string;
     className?: string;
     fallback?: string | ReactNode;
-    skeleton?: boolean;
-    size?: OxAvatarSize;
     showStatus?: boolean;
+    size?: OxAvatarSize;
+    skeleton?: boolean;
     src: string;
-    status?: OxAvatarStatus;
-    type?: OxAvatarType;
+    status?: 'online' | 'offline' | 'away' | 'busy';
+    type?: 'rounded' | 'square';
 }
 
 export declare interface OxAvatarProps {
@@ -38,8 +31,6 @@ export declare interface OxAvatarProps {
 
 export declare type OxAvatarSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 
-export declare type OxAvatarStatus = 'online' | 'offline' | 'away' | 'busy';
-
 export declare const OxAvatarText: default_2.FC<OxAvatarTextProps>;
 
 export declare interface OxAvatarTextProps {
@@ -49,35 +40,32 @@ export declare interface OxAvatarTextProps {
     username: string;
 }
 
-export declare type OxAvatarType = 'rounded' | 'square';
-
 export declare const OxBadge: default_2.FC<OxBadgeProps>;
 
+export declare type OxBadgeColor = 'purple' | 'lime' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'pink' | 'amber' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'violet' | 'fuchsia' | 'gray';
+
 export declare interface OxBadgeProps {
+    bgColor?: string;
     children: ReactNode;
     className?: string;
-    color?: BadgeColor;
-    bgColor?: string;
+    color?: OxBadgeColor;
+    size?: 'sm' | 'md' | 'lg';
     textColor?: string;
-    size?: BadgeSize;
 }
 
 export declare const OxButton: default_2.FC<OxButtonProps>;
 
-export declare interface OxButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'ref' | 'type' | 'aria-label' | 'onClick' | 'disabled' | 'className' | 'children'> {
-    ref?: React.RefObject<HTMLButtonElement>;
-    ariaLabel?: string;
+export declare interface OxButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled' | 'className' | 'children'> {
     children?: React.ReactNode;
-    type?: 'button' | 'submit' | 'reset';
-    variant?: 'primary' | 'secondary' | 'ghost' | 'link';
-    size?: 'sm' | 'md' | 'lg';
-    disabled?: boolean;
     className?: string;
+    disabled?: boolean;
     fullWidth?: boolean;
-    isLoading?: boolean;
     icon?: string;
     iconAlign?: 'left' | 'right';
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    isLoading?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost' | 'link';
 }
 
 export declare const OxCard: default_2.FC<OxCardProps>;
@@ -85,55 +73,60 @@ export declare const OxCard: default_2.FC<OxCardProps>;
 export declare const OxCardContent: default_2.FC<OxCardContentProps>;
 
 export declare interface OxCardContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    className?: string;
     children: React.ReactNode;
+    className?: string;
     flexGrow?: boolean;
 }
 
 export declare const OxCardFooter: default_2.FC<OxCardFooterProps>;
 
 export declare interface OxCardFooterProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
     children: ReactNode;
+    className?: string;
 }
 
 export declare const OxCardHeader: default_2.FC<OxCardHeaderProps>;
 
 export declare interface OxCardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    className?: string;
-    title?: ReactNode;
-    subtitle?: ReactNode;
     action?: ReactNode;
     children?: ReactNode;
+    className?: string;
+    color?: CardColor;
+    icon?: string;
+    iconColor?: CardColor;
+    subtitle?: ReactNode;
+    title?: ReactNode;
 }
 
-export declare type OxCardPadding = 'none' | 'sm' | 'md' | 'lg';
-
 export declare interface OxCardProps extends HTMLAttributes<HTMLDivElement> {
-    variant?: OxCardVariant;
-    padding?: OxCardPadding;
-    hoverable?: boolean;
-    className?: string;
+    backdropBlur?: boolean;
     children: ReactNode;
+    className?: string;
+    color?: CardColor;
     equalHeight?: boolean;
+    hoverable?: boolean;
+    hoverVariant?: 'none' | 'lift' | 'glow' | 'border';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'outline' | 'gradient';
 }
 
-export declare type OxCardVariant = 'default' | 'outline';
-
 export declare const OxCheckbox: default_2.FC<OxCheckboxProps>;
 
 export declare interface OxCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'id' | 'name' | 'checked' | 'defaultChecked' | 'onChange' | 'value' | 'className' | 'required' | 'disabled' | 'size'> {
-    id?: string;
-    name?: string;
-    className?: string;
     checked?: boolean;
+    className?: string;
     defaultChecked?: boolean;
+    description?: string;
     disabled?: boolean;
     error?: boolean;
+    errorMessage?: string;
+    id?: string;
+    label?: string;
+    name?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     required?: boolean;
     size?: 'sm' | 'md' | 'lg';
     value?: string | number | readonly string[];
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
 export declare const OxDescription: default_2.FC<OxDescriptionProps>;
@@ -149,49 +142,70 @@ export declare const OxDropdown: default_2.FC<OxDropdownProps>;
 
 export declare const OxDropdownContent: default_2.FC<OxDropdownContentProps>;
 
-export declare interface OxDropdownContentProps extends DropdownBaseProps {
+export declare interface OxDropdownContentProps {
+    align?: FloatingAlign;
+    children: default_2.ReactNode;
+    className?: string;
+    side?: FloatingPosition;
+}
+
+export declare const OxDropdownFooter: React.FC<OxDropdownFooterProps>;
+
+export declare interface OxDropdownFooterProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare const OxDropdownHeader: React.FC<OxDropdownHeaderProps>;
+
+export declare interface OxDropdownHeaderProps {
     children: default_2.ReactNode;
-    align?: 'start' | 'end';
-    side?: 'top' | 'right' | 'bottom' | 'left';
+    className?: string;
 }
 
 export declare const OxDropdownItem: default_2.FC<OxDropdownItemProps>;
 
-export declare interface OxDropdownItemProps extends DropdownBaseProps {
+export declare interface OxDropdownItemProps {
     children: default_2.ReactNode;
-    onClick?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
     disabled?: boolean;
-    href?: string;
     icon?: string;
-    target?: '_self' | '_blank' | '_parent' | '_top';
+    onClick?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+    unstyled?: boolean;
 }
 
-export declare interface OxDropdownProps extends DropdownBaseProps {
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+export declare interface OxDropdownProps {
     children: default_2.ReactNode;
+    className?: string;
+    defaultOpen?: boolean;
     disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
 }
 
 export declare const OxDropdownSeparator: default_2.FC<OxDropdownSeparatorProps>;
 
-export declare type OxDropdownSeparatorProps = DropdownBaseProps;
+export declare interface OxDropdownSeparatorProps {
+    className?: string;
+}
 
-export declare const OxDropdownShortcut: default_2.FC<DropdownShortcutProps>;
+export declare const OxDropdownShortcut: default_2.FC<OxDropdownShortcutProps>;
 
-export declare interface OxDropdownShortcutProps extends DropdownBaseProps {
+export declare interface OxDropdownShortcutProps {
     children: default_2.ReactNode;
+    className?: string;
 }
 
 export declare const OxDropdownTrigger: default_2.FC<OxDropdownTriggerProps>;
 
-export declare interface OxDropdownTriggerProps extends DropdownBaseProps {
+export declare interface OxDropdownTriggerProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'className' | 'children' | 'type'> {
+    animateIcon?: boolean;
     children: default_2.ReactNode;
-    outline?: boolean;
+    className?: string;
     disabled?: boolean;
     icon?: string;
-    animateIcon?: boolean;
+    outline?: boolean;
+    unstyled?: boolean;
 }
 
 export declare const OxErrorMessage: default_2.FC<OxErrorMessageProps>;
@@ -199,70 +213,57 @@ export declare const OxErrorMessage: default_2.FC<OxErrorMessageProps>;
 export declare interface OxErrorMessageProps {
     children?: React.ReactNode;
     className?: string;
-    id?: string;
     icon?: string;
+    id?: string;
 }
 
 export declare const OxForm: default_2.FC<OxFormProps>;
 
-export declare const OxFormField: default_2.FC<OxFormFieldProps>;
-
-export declare interface OxFormFieldContextProps {
-    id?: string;
-    disabled?: boolean;
-    name?: string;
-    error?: string;
-    required?: boolean;
-    descriptionId?: string;
-    errorId?: string;
-}
-
-export declare interface OxFormFieldProps {
+export declare interface OxFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'className' | 'noValidate'> {
     children: React.ReactNode;
     className?: string;
-    error?: string;
-    disabled?: boolean;
     fullWidth?: boolean;
-    id?: string;
-    name?: string;
-    orientation?: 'vertical' | 'horizontal';
-    spacing?: 'tight' | 'default' | 'relaxed';
-    required?: boolean;
-    hideError?: boolean;
+    noValidate?: boolean;
 }
 
-export declare interface OxFormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+export declare const OxGuestRoute: ({ children, onAuthenticated, onLoading, }: OxGuestRouteProps) => ReactNode;
+
+export declare interface OxGuestRouteProps {
     children: React.ReactNode;
-    className?: string;
-    fullWidth?: boolean;
+    onAuthenticated?: React.ReactNode;
+    onLoading?: React.ReactNode;
 }
 
 export declare const OxIcon: React.FC<OxIconProps>;
 
 export declare interface OxIconProps {
+    className?: string;
     icon: string;
     size?: number;
-    className?: string;
+    style?: React.CSSProperties;
 }
 
 export declare const OxInput: default_2.FC<OxInputProps>;
 
 export declare interface OxInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'name' | 'id' | 'value' | 'onChange' | 'className' | 'readOnly' | 'required' | 'disabled' | 'placeholder'> {
-    ref?: React.RefObject<HTMLInputElement>;
-    id?: string;
     className?: string;
-    placeholder?: string;
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
-    value?: string | number;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    description?: string;
     disabled?: boolean;
     error?: boolean;
-    required?: boolean;
+    errorMessage?: string | string[];
     icon?: string;
     iconPosition?: 'left' | 'right';
-    readOnly?: boolean;
+    id?: string;
+    label?: string;
     name?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    ref?: React.RefObject<HTMLInputElement>;
+    required?: boolean;
     showMaxLength?: boolean;
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
+    value?: string | number;
 }
 
 export declare const OxLabel: default_2.FC<OxLabelProps>;
@@ -270,9 +271,41 @@ export declare const OxLabel: default_2.FC<OxLabelProps>;
 export declare interface OxLabelProps {
     children: React.ReactNode;
     className?: string;
+    disabled?: boolean;
     htmlFor?: string;
     required?: boolean;
+}
+
+export declare const OxNotificationDropdown: default_2.FC<OxNotificationDropdownProps>;
+
+export declare interface OxNotificationDropdownProps {
+    className?: string;
     disabled?: boolean;
+    emptyMessage?: string;
+    maxHeight?: string;
+    notifications: OxNotificationProps[];
+    onMarkAllRead?: () => void;
+    onNotificationClick?: (notification: OxNotificationProps) => void;
+    unreadCount?: number;
+}
+
+export declare interface OxNotificationProps {
+    icon?: string;
+    id: string;
+    img?: string;
+    message?: string;
+    read: boolean;
+    timestamp: Date;
+    title: string;
+    type?: 'default' | 'info' | 'success' | 'warning' | 'error';
+}
+
+export declare const OxProtectedRoute: ({ children, onLoading, onUnauthenticated, }: OxProtectedRouteProps) => ReactNode;
+
+export declare interface OxProtectedRouteProps {
+    children: React.ReactNode;
+    onLoading?: React.ReactNode;
+    onUnauthenticated?: React.ReactNode;
 }
 
 export declare const OxSelect: default_2.FC<OxSelectProps>;
@@ -295,14 +328,17 @@ export declare interface OxSelectOptionProps {
 }
 
 export declare interface OxSelectProps {
-    badgeColor?: BadgeColor;
+    badgeColor?: OxBadgeColor;
     children: React.ReactNode;
     className?: string;
     defaultValue?: string | string[] | number | number[];
+    description?: string;
     disabled?: boolean;
     displayAsBadges?: boolean;
     error?: boolean;
+    errorMessage?: string;
     id?: string;
+    label?: string;
     multiple?: boolean;
     name?: string;
     onChange?: (value: string | number | null | (string | number | null)[], name?: string) => void;
@@ -312,43 +348,41 @@ export declare interface OxSelectProps {
 
 export declare const OxSkeleton: default_2.FC<OxSkeletonProps>;
 
-export declare type OxSkeletonColor = 'default' | 'purple' | 'blue' | 'gray';
-
 export declare interface OxSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     animate?: boolean;
     className?: string;
-    color?: OxSkeletonColor;
+    color?: 'default' | 'purple' | 'blue' | 'gray';
     fullWidth?: boolean;
     height?: string | number;
-    shape?: OxSkeletonShape;
+    shape?: 'rectangle' | 'circle';
     width?: string | number;
 }
 
-export declare type OxSkeletonShape = 'rectangle' | 'circle';
-
 export declare const OxSkeletonText: default_2.FC<OxSkeletonTextProps>;
 
 export declare interface OxSkeletonTextProps extends Omit<OxSkeletonProps, 'shape' | 'width'> {
+    gap?: number;
     lines?: number;
     width?: number | number[];
-    gap?: number;
 }
 
 export declare const OxTextarea: default_2.FC<OxTextareaProps>;
 
-export declare interface OxTextareaProps extends Omit<default_2.TextareaHTMLAttributes<HTMLTextAreaElement>, 'id' | 'name' | 'className' | 'onChange' | 'value' | 'readOnly' | 'required' | 'disabled'> {
+export declare interface OxTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'id' | 'name' | 'className' | 'onChange' | 'value' | 'readOnly' | 'required' | 'disabled' | 'placeholder'> {
     className?: string;
+    description?: string;
     disabled?: boolean;
     error?: boolean;
+    errorMessage?: string;
     id?: string;
+    label?: string;
     name?: string;
-    onChange?: (event: default_2.ChangeEvent<HTMLTextAreaElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
     readOnly?: boolean;
     required?: boolean;
     showMaxLength?: boolean;
     value?: string;
 }
 
-export declare const useFormFieldContext: () => OxFormFieldContextProps;
-
 export { }

package/dist/layout/layout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/jsx-runtime-CITbqOLs.js"),m=require("react"),r=require("../chunks/Button-CU-zvMVL.js"),f=require("../chunks/constants-B1_n9ezb.js"),v=({brand:t,children:n,className:o,hasSidebar:s=!1,navClassName:i,toggleSidebar:a})=>e.jsxRuntimeExports.jsx("header",{className:r.twMerge("fixed top-0 z-50 h-15 w-full border-b border-neutral-800 bg-zinc-1000/50 backdrop-blur-xl",o),children:e.jsxRuntimeExports.jsxs("nav",{className:r.twMerge("mx-auto flex max-w-10xl items-center justify-between px-4 py-2.5",i),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[s?e.jsxRuntimeExports.jsx(r.OxButton,{"aria-label":"Open menu",icon:"mdiMenu",size:"md",variant:"ghost",onClick:a}):null,t?e.jsxRuntimeExports.jsx("div",{children:t}):null]}),n]})}),p=m.createContext({collapsed:!1}),b="h-15",w=({brand:t,children:n,className:o,collapsed:s=!1,onClose:i})=>{const a=m.useMemo(()=>({collapsed:s}),[s]);m.useEffect(()=>{const x=()=>{window.innerWidth<f.MOBILE_BREAKPOINT&&!s?document.body.classList.add("overflow-hidden"):document.body.classList.remove("overflow-hidden")};return x(),window.addEventListener("resize",x),()=>{document.body.classList.remove("overflow-hidden"),window.removeEventListener("resize",x)}},[s]);const l=t||i;return e.jsxRuntimeExports.jsxs(p.Provider,{value:a,children:[e.jsxRuntimeExports.jsxs("nav",{"aria-label":"Mobile navigation",className:r.twMerge("fixed inset-0 top-0 z-50 flex h-screen flex-col bg-zinc-1000/50 backdrop-blur-xl transition-transform duration-300 md:hidden",s?"-translate-x-full":"translate-x-0",o),role:"navigation",children:[l?e.jsxRuntimeExports.jsxs("div",{className:r.twJoin(b,"flex h-15 items-center gap-3 border-b border-neutral-800 px-4"),children:[i?e.jsxRuntimeExports.jsx(r.OxButton,{"aria-label":"Close sidebar",icon:"mdiClose",variant:"ghost",onClick:i}):null,t||null]}):null,n]}),e.jsxRuntimeExports.jsxs("nav",{"aria-label":"Desktop navigation",className:r.twMerge("fixed z-40 hidden flex-col border-r border-neutral-800 bg-zinc-1000/50 text-white backdrop-blur-xl md:flex",t?"top-0 h-screen":"viewport-minus-header",s?"w-16":"w-64",o),role:"navigation",children:[t&&!s?e.jsxRuntimeExports.jsx("div",{"aria-label":s?"Navigation collapsed":"Navigation expanded",className:r.twJoin(b,"flex items-center border-b border-neutral-800 px-4"),children:t}):null,n]})]})},j=()=>m.useContext(p),E=({children:t,className:n,disabled:o=!1,icon:s,isActive:i=!1,...a})=>{const{collapsed:l}=j(),x=r.twMerge("flex cursor-pointer items-center rounded-lg text-sm font-medium transition-colors",l?"size-10 justify-center":"h-10 w-full gap-3 px-3",i?"bg-white/10 text-white":o?"cursor-not-allowed text-neutral-500":"secondary-inset-focus text-neutral-300 hover:bg-white/6 hover:text-white",n);if("href"in a&&a.href){const{href:c,...g}=a;return e.jsxRuntimeExports.jsxs("a",{"aria-current":i?"page":void 0,className:x,href:o?void 0:c,onClick:o?h=>h.preventDefault():void 0,...g,children:[e.jsxRuntimeExports.jsx("span",{className:"flex items-center",children:e.jsxRuntimeExports.jsx(r.OxIcon,{icon:s,size:.8})}),!l&&t?t:null]})}const{onClick:d,...u}=a;return e.jsxRuntimeExports.jsxs("button",{className:x,disabled:o,type:"button",onClick:o?void 0:d,...u,children:[e.jsxRuntimeExports.jsx("span",{className:"flex items-center",children:e.jsxRuntimeExports.jsx(r.OxIcon,{icon:s,size:.8})}),!l&&t?t:null]})},R=({children:t,className:n,headline:o})=>{const{collapsed:s}=j();return e.jsxRuntimeExports.jsxs("div",{className:r.twMerge("flex flex-col gap-1",n),children:[s?null:e.jsxRuntimeExports.jsx("h3",{className:"mb-2 cursor-default px-3 text-xs font-medium text-neutral-400",children:o}),t]})},N=({children:t,className:n})=>e.jsxRuntimeExports.jsx("div",{className:r.twMerge("flex-1 space-y-1 overflow-y-auto p-4",n),children:t}),O=({children:t,className:n})=>e.jsxRuntimeExports.jsx("div",{className:r.twMerge("border-t border-neutral-800 p-4",n),children:t}),y={purple:{border:"border-purple-500/20",bg:"bg-purple-500/10",text:"text-purple-400"},blue:{border:"border-blue-500/20",bg:"bg-blue-500/10",text:"text-blue-400"},emerald:{border:"border-emerald-500/20",bg:"bg-emerald-500/10",text:"text-emerald-400"},orange:{border:"border-orange-500/20",bg:"bg-orange-500/10",text:"text-orange-400"},rose:{border:"border-rose-500/20",bg:"bg-rose-500/10",text:"text-rose-400"},amber:{border:"border-amber-500/20",bg:"bg-amber-500/10",text:"text-amber-400"},cyan:{border:"border-cyan-500/20",bg:"bg-cyan-500/10",text:"text-cyan-400"},indigo:{border:"border-indigo-500/20",bg:"bg-indigo-500/10",text:"text-indigo-400"}},M=({children:t,className:n,collapsed:o=!1,color:s="purple",hasHeader:i=!1,hasSidebar:a=!1,icon:l,subtitle:x,title:d})=>{const u=d||x||l,c=y[s];return e.jsxRuntimeExports.jsxs("main",{"aria-labelledby":u?"main-headline":void 0,className:r.twMerge("m-auto max-w-10xl overflow-y-auto p-6",i&&"mt-15 h-[calc(100vh-60px)]",a&&(o?"md:ml-16":"md:ml-64"),n),children:[u&&e.jsxRuntimeExports.jsx("div",{className:"mb-8 border-b border-neutral-800 pb-6",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-4",children:[l&&e.jsxRuntimeExports.jsx("div",{className:r.twJoin("rounded-lg border p-3",c.border,c.bg),children:e.jsxRuntimeExports.jsx(r.OxIcon,{className:r.twJoin(c.text),icon:l,size:1.41})}),e.jsxRuntimeExports.jsxs("div",{children:[d&&e.jsxRuntimeExports.jsx("h1",{id:"main-headline",className:"text-3xl font-bold text-white",children:d}),x&&e.jsxRuntimeExports.jsx("p",{className:"mt-1 text-sm text-neutral-400",children:x})]})]})}),t]})};exports.OxHeader=v;exports.OxMainContent=M;exports.OxSidebar=w;exports.OxSidebarBody=N;exports.OxSidebarFooter=O;exports.OxSidebarGroup=R;exports.OxSidebarItem=E;