@brycks/core-front 0.11.0 → 0.12.1

package/dist/components/navigation.d.ts

@@ -1,2 +1,436 @@
-export * from './navigation/index'
-export {}
+import { default as default_2 } from 'react';
+import { ElementType } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Accordion: ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionContent: ForwardRefExoticComponent<AccordionContentProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const AccordionItem: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Item value (unique identifier) */
+    value: string;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Expanded items (controlled) */
+    value?: string[];
+    /** Default expanded items (uncontrolled) */
+    defaultValue?: string[];
+    /** Callback when items change */
+    onChange?: (value: string[]) => void;
+    /** Allow multiple items to be expanded */
+    allowMultiple?: boolean;
+    /** Accordion variant */
+    variant?: AccordionVariant;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const AccordionTrigger: ForwardRefExoticComponent<AccordionTriggerProps & RefAttributes<HTMLButtonElement>>;
+
+export declare interface AccordionTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    /** Icon to show (replaces default chevron) */
+    icon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare type AccordionVariant = 'default' | 'bordered' | 'separated';
+
+export declare const Breadcrumb: ForwardRefExoticComponent<BreadcrumbProps & RefAttributes<HTMLElement>>;
+
+export declare const BreadcrumbItem: ForwardRefExoticComponent<BreadcrumbItemProps & RefAttributes<HTMLElement>>;
+
+export declare interface BreadcrumbItemProps extends HTMLAttributes<HTMLElement> {
+    /** Render as link or custom element */
+    as?: ElementType;
+    /** Link href (when as="a") */
+    href?: string;
+    /** Icon before the label */
+    icon?: ReactNode;
+    /** Whether this is the current page (auto-set by parent) */
+    isCurrentPage?: boolean;
+    /** Size (auto-set by parent) */
+    size?: BreadcrumbSize;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    /** Custom separator between items */
+    separator?: ReactNode;
+    /** Breadcrumb size */
+    size?: BreadcrumbSize;
+    /** Maximum items to show (rest collapsed) */
+    maxItems?: number;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type BreadcrumbSize = 'sm' | 'md' | 'lg';
+
+export declare const ContextMenu: ForwardRefExoticComponent<ContextMenuProps & RefAttributes<HTMLDivElement>>;
+
+declare interface ContextMenuContextValue {
+    closeMenu: () => void;
+}
+
+export declare interface ContextMenuItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Keyboard shortcut display */
+    shortcut?: string;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Whether this is a separator */
+    separator?: boolean;
+    /** Nested menu items */
+    children?: ContextMenuItem[];
+    /** Click handler */
+    onClick?: () => void;
+}
+
+export declare interface ContextMenuProps {
+    /** Menu items */
+    items: ContextMenuItem[];
+    /** Content that triggers context menu */
+    children: ReactNode;
+    /** Callback when menu opens */
+    onOpen?: () => void;
+    /** Callback when menu closes */
+    onClose?: () => void;
+    /** Whether the context menu is disabled */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const Dropdown: ForwardRefExoticComponent<DropdownProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownDivider: ForwardRefExoticComponent<DropdownDividerProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DropdownDividerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const DropdownItem: ForwardRefExoticComponent<DropdownItemProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DropdownItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Icon before the label */
+    icon?: ReactNode;
+    /** Shortcut text */
+    shortcut?: string;
+    /** Whether the item is destructive */
+    destructive?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const DropdownLabel: ForwardRefExoticComponent<DropdownLabelProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DropdownLabelProps extends HTMLAttributes<HTMLDivElement> {
+    /** Custom class name */
+    className?: string;
+}
+
+export declare type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+
+export declare interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
+    /** Trigger element */
+    trigger: ReactElement;
+    /** Whether the dropdown is open (controlled) */
+    isOpen?: boolean;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Dropdown placement */
+    placement?: DropdownPlacement;
+    /** Offset from trigger */
+    offset?: number;
+    /** Whether to close on item select */
+    closeOnSelect?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const Menu: ForwardRefExoticComponent<MenuProps & RefAttributes<HTMLElement>>;
+
+export declare const MenuDivider: ForwardRefExoticComponent<MenuDividerProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface MenuDividerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const MenuGroup: ForwardRefExoticComponent<MenuGroupProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface MenuGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Group label */
+    label?: string;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLButtonElement>>;
+
+export declare interface MenuItemProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
+    /** Item value (unique identifier) */
+    value: string;
+    /** Icon before the label */
+    icon?: ReactNode;
+    /** Badge/count after the label */
+    badge?: ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Callback when clicked */
+    onClick?: (value: string) => void;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare interface MenuProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Currently active item */
+    activeItem?: string | null;
+    /** Callback when active item changes */
+    onChange?: (value: string | null) => void;
+    /** Menu size */
+    size?: MenuSize;
+    /** Whether the menu is collapsed (icons only) */
+    collapsed?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type MenuSize = 'sm' | 'md' | 'lg';
+
+export declare const Pagination: ForwardRefExoticComponent<PaginationProps & RefAttributes<HTMLElement>>;
+
+declare interface PaginationLabels {
+    /** aria-label of the nav landmark */
+    navigation?: string;
+    /** aria-label of the first-page button */
+    first?: string;
+    /** aria-label of the previous-page button */
+    previous?: string;
+    /** aria-label of the next-page button */
+    next?: string;
+    /** aria-label of the last-page button */
+    last?: string;
+    /** aria-label of a numbered page button */
+    page?: (page: number) => string;
+    /** Visible text of the `simple` variant */
+    of?: (page: number, totalPages: number) => string;
+}
+
+export declare interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Current page (1-indexed) */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onChange: (page: number) => void;
+    /** Pagination size */
+    size?: PaginationSize;
+    /** Pagination variant */
+    variant?: PaginationVariant;
+    /** Number of sibling pages to show on each side */
+    siblingCount?: number;
+    /** Whether to show first/last buttons */
+    showFirstLast?: boolean;
+    /** Whether to show prev/next buttons */
+    showPrevNext?: boolean;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Localizable labels (merged over English defaults) */
+    labels?: PaginationLabels;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type PaginationSize = 'sm' | 'md' | 'lg';
+
+export declare type PaginationVariant = 'default' | 'simple' | 'minimal';
+
+export declare const SegmentedControl: <T extends string = string>(props: SegmentedControlProps<T> & {
+    ref?: default_2.ForwardedRef<HTMLDivElement>;
+}) => default_2.JSX.Element;
+
+export declare interface SegmentedControlOption<T extends string = string> {
+    /** Unique value */
+    value: T;
+    /** Display label */
+    label: ReactNode;
+    /** Optional leading icon */
+    icon?: ReactNode;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+}
+
+export declare interface SegmentedControlProps<T extends string = string> {
+    /** Available options */
+    options: SegmentedControlOption<T>[];
+    /** Currently selected value (controlled) */
+    value: T;
+    /** Callback when the selection changes */
+    onValueChange: (value: T) => void;
+    /** Component size */
+    size?: SegmentedControlSize;
+    /** Whether the control should fill its container width */
+    fullWidth?: boolean;
+    /** Accessible label for the group */
+    'aria-label'?: string;
+    /** ID of an element that labels the group */
+    'aria-labelledby'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type SegmentedControlSize = 'sm' | 'md' | 'lg';
+
+export declare const Step: ForwardRefExoticComponent<StepProps & RefAttributes<HTMLDivElement>>;
+
+export declare const Stepper: ForwardRefExoticComponent<StepperProps & RefAttributes<HTMLDivElement>>;
+
+export declare type StepperOrientation = 'horizontal' | 'vertical';
+
+export declare interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current active step (0-indexed) */
+    currentStep: number;
+    /** Callback when step is clicked */
+    onStepChange?: (step: number) => void;
+    /** Stepper size */
+    size?: StepperSize;
+    /** Stepper orientation */
+    orientation?: StepperOrientation;
+    /** Whether steps are clickable */
+    clickable?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type StepperSize = 'sm' | 'md' | 'lg';
+
+export declare interface StepProps extends HTMLAttributes<HTMLDivElement> {
+    /** Step index (auto-set by parent, or can be overridden) */
+    index?: number;
+    /** Step title */
+    title: string;
+    /** Step description */
+    description?: string;
+    /** Custom icon (replaces number/check) */
+    icon?: ReactNode;
+    /** Whether the step is disabled */
+    disabled?: boolean;
+    /** Whether this step has an error */
+    hasError?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare type StepStatus = 'completed' | 'current' | 'upcoming';
+
+export declare const Tab: ForwardRefExoticComponent<TabProps & RefAttributes<HTMLButtonElement>>;
+
+export declare const TabList: ForwardRefExoticComponent<TabListProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface TabListProps extends HTMLAttributes<HTMLDivElement> {
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const TabPanel: ForwardRefExoticComponent<TabPanelProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /** Panel value (must match a Tab value) */
+    value: string;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const TabPanels: ForwardRefExoticComponent<TabPanelsProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface TabPanelsProps extends HTMLAttributes<HTMLDivElement> {
+    /** Custom class name */
+    className?: string;
+}
+
+export declare interface TabProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
+    /** Tab value */
+    value: string;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Icon before the label */
+    icon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>;
+
+export declare type TabsOrientation = 'horizontal' | 'vertical';
+
+export declare interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Currently selected tab value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when tab changes */
+    onChange?: (value: string) => void;
+    /** Tab size */
+    size?: TabsSize;
+    /** Tab variant */
+    variant?: TabsVariant;
+    /** Tab orientation */
+    orientation?: TabsOrientation;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type TabsSize = 'sm' | 'md' | 'lg';
+
+export declare type TabsVariant = 'line' | 'enclosed' | 'soft';
+
+export declare function useContextMenu(): ContextMenuContextValue;
+
+export { }

package/dist/components/navigation.js

@@ -1,20 +1,20 @@
-import { Tab as r, TabList as t, TabPanel as n, TabPanels as p, Tabs as m } from "./navigation/Tabs/Tabs.js";
-import { Accordion as a, AccordionContent as i, AccordionItem as x, AccordionTrigger as c } from "./navigation/Accordion/Accordion.js";
+import { Accordion as r, AccordionContent as t, AccordionItem as n, AccordionTrigger as p } from "./navigation/Accordion/Accordion.js";
+import { Breadcrumb as d, BreadcrumbItem as a } from "./navigation/Breadcrumb/Breadcrumb.js";
+import { ContextMenu as x, useContextMenu as c } from "./navigation/ContextMenu/ContextMenu.js";
 import { Dropdown as f, DropdownDivider as b, DropdownItem as D, DropdownLabel as M } from "./navigation/Dropdown/Dropdown.js";
 import { Menu as g, MenuDivider as l, MenuGroup as s, MenuItem as w } from "./navigation/Menu/Menu.js";
 import { Pagination as C } from "./navigation/Pagination/Pagination.js";
-import { Breadcrumb as P, BreadcrumbItem as S } from "./navigation/Breadcrumb/Breadcrumb.js";
-import { Step as B, Stepper as L } from "./navigation/Stepper/Stepper.js";
-import { ContextMenu as h, useContextMenu as j } from "./navigation/ContextMenu/ContextMenu.js";
-import { SegmentedControl as q } from "./navigation/SegmentedControl/SegmentedControl.js";
+import { SegmentedControl as P } from "./navigation/SegmentedControl/SegmentedControl.js";
+import { Step as v, Stepper as B } from "./navigation/Stepper/Stepper.js";
+import { Tab as G, TabList as h, TabPanel as j, TabPanels as k, Tabs as q } from "./navigation/Tabs/Tabs.js";
 export {
-  a as Accordion,
-  i as AccordionContent,
-  x as AccordionItem,
-  c as AccordionTrigger,
-  P as Breadcrumb,
-  S as BreadcrumbItem,
-  h as ContextMenu,
+  r as Accordion,
+  t as AccordionContent,
+  n as AccordionItem,
+  p as AccordionTrigger,
+  d as Breadcrumb,
+  a as BreadcrumbItem,
+  x as ContextMenu,
   f as Dropdown,
   b as DropdownDivider,
   D as DropdownItem,
@@ -24,14 +24,14 @@ export {
   s as MenuGroup,
   w as MenuItem,
   C as Pagination,
-  q as SegmentedControl,
-  B as Step,
-  L as Stepper,
-  r as Tab,
-  t as TabList,
-  n as TabPanel,
-  p as TabPanels,
-  m as Tabs,
-  j as useContextMenu
+  P as SegmentedControl,
+  v as Step,
+  B as Stepper,
+  G as Tab,
+  h as TabList,
+  j as TabPanel,
+  k as TabPanels,
+  q as Tabs,
+  c as useContextMenu
 };
 //# sourceMappingURL=navigation.js.map

package/dist/components/typography/Text/Text.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),y=require("react"),v=require("../../../utils/styles.cjs"),s=require("../../../design-system/tokens/typography.cjs"),o=require("../../../design-system/tokens/spacing.cjs"),k={body:"var(--brycks-fs-body-md)",bodyLarge:"var(--brycks-fs-body-lg)",bodySmall:"var(--brycks-fs-body-base)",label:"var(--brycks-fs-body-sm)",caption:"var(--brycks-fs-body-xs)",overline:"var(--brycks-fs-body-xs)",code:"var(--brycks-fs-body-sm)"},u={xs:"var(--brycks-fs-body-xs)",sm:"var(--brycks-fs-body-sm)",base:"var(--brycks-fs-body-base)",md:"var(--brycks-fs-body-md)",lg:"var(--brycks-fs-body-lg)",xl:"var(--brycks-fs-h6)","2xl":"var(--brycks-fs-h5)","3xl":"var(--brycks-fs-h4)","4xl":"var(--brycks-fs-h3)","5xl":"var(--brycks-fs-h2)","6xl":"var(--brycks-fs-h1)","7xl":"var(--brycks-fs-display-sm)","8xl":"var(--brycks-fs-display-md)","9xl":"var(--brycks-fs-display-lg)"},c={body:{element:"p",styles:s.textStyles.bodyDefault},bodyLarge:{element:"p",styles:s.textStyles.bodyLarge},bodySmall:{element:"p",styles:s.textStyles.bodySmall},label:{element:"span",styles:s.textStyles.label},caption:{element:"span",styles:s.textStyles.caption},overline:{element:"span",styles:s.textStyles.overline},code:{element:"code",styles:s.textStyles.code}};function S(e){const l=e.variant??"body",a=c[l].styles,r=e.size?u[e.size]:k[l],t={fontFamily:a.fontFamily,fontSize:r,fontWeight:e.weight?s.fontWeights[e.weight]:a.fontWeight,lineHeight:e.leading?s.lineHeights[e.leading]:a.lineHeight,letterSpacing:a.letterSpacing};return"textTransform"in a&&(t.textTransform=a.textTransform),e.align&&(t.textAlign=e.align),e.color&&(t.color=e.color),e.truncate&&(t.overflow="hidden",t.textOverflow="ellipsis",t.whiteSpace="nowrap"),e.lineClamp&&(t.display="-webkit-box",t.WebkitLineClamp=e.lineClamp,t.WebkitBoxOrient="vertical",t.overflow="hidden"),t}const h=({as:e,variant:l="body",className:a,style:r,children:t,testId:d,...n},f)=>{const x=e||c[l].element,g=S({variant:l,...n}),{size:R,weight:_,leading:j,align:p,color:q,truncate:F,lineClamp:O,...m}=n;return i.jsx(x,{ref:f,className:v.cx("brycks-text",`brycks-text--${l}`,a),style:{...g,...r},"data-testid":d,...m,children:t})},w=y.forwardRef(h),b=Object.assign(w,{displayName:"Text"}),C=(e,l)=>i.jsx(b,{...e,ref:l,variant:"code",style:{backgroundColor:"var(--brycks-background-muted)",padding:`${o.spacing[.5]}px ${o.spacing[1.5]}px`,borderRadius:"var(--brycks-radius-sm)",...e.style}}),T=y.forwardRef(C),z=Object.assign(T,{displayName:"Code"});exports.Code=z;exports.Text=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),y=require("react"),v=require("../../../utils/styles.cjs"),o=require("../../../design-system/tokens/spacing.cjs"),s=require("../../../design-system/tokens/typography.cjs"),k={body:"var(--brycks-fs-body-md)",bodyLarge:"var(--brycks-fs-body-lg)",bodySmall:"var(--brycks-fs-body-base)",label:"var(--brycks-fs-body-sm)",caption:"var(--brycks-fs-body-xs)",overline:"var(--brycks-fs-body-xs)",code:"var(--brycks-fs-body-sm)"},u={xs:"var(--brycks-fs-body-xs)",sm:"var(--brycks-fs-body-sm)",base:"var(--brycks-fs-body-base)",md:"var(--brycks-fs-body-md)",lg:"var(--brycks-fs-body-lg)",xl:"var(--brycks-fs-h6)","2xl":"var(--brycks-fs-h5)","3xl":"var(--brycks-fs-h4)","4xl":"var(--brycks-fs-h3)","5xl":"var(--brycks-fs-h2)","6xl":"var(--brycks-fs-h1)","7xl":"var(--brycks-fs-display-sm)","8xl":"var(--brycks-fs-display-md)","9xl":"var(--brycks-fs-display-lg)"},c={body:{element:"p",styles:s.textStyles.bodyDefault},bodyLarge:{element:"p",styles:s.textStyles.bodyLarge},bodySmall:{element:"p",styles:s.textStyles.bodySmall},label:{element:"span",styles:s.textStyles.label},caption:{element:"span",styles:s.textStyles.caption},overline:{element:"span",styles:s.textStyles.overline},code:{element:"code",styles:s.textStyles.code}};function S(e){const l=e.variant??"body",a=c[l].styles,r=e.size?u[e.size]:k[l],t={fontFamily:a.fontFamily,fontSize:r,fontWeight:e.weight?s.fontWeights[e.weight]:a.fontWeight,lineHeight:e.leading?s.lineHeights[e.leading]:a.lineHeight,letterSpacing:a.letterSpacing};return"textTransform"in a&&(t.textTransform=a.textTransform),e.align&&(t.textAlign=e.align),e.color&&(t.color=e.color),e.truncate&&(t.overflow="hidden",t.textOverflow="ellipsis",t.whiteSpace="nowrap"),e.lineClamp&&(t.display="-webkit-box",t.WebkitLineClamp=e.lineClamp,t.WebkitBoxOrient="vertical",t.overflow="hidden"),t}const h=({as:e,variant:l="body",className:a,style:r,children:t,testId:d,...n},f)=>{const x=e||c[l].element,g=S({variant:l,...n}),{size:R,weight:_,leading:j,align:p,color:q,truncate:F,lineClamp:O,...m}=n;return i.jsx(x,{ref:f,className:v.cx("brycks-text",`brycks-text--${l}`,a),style:{...g,...r},"data-testid":d,...m,children:t})},w=y.forwardRef(h),b=Object.assign(w,{displayName:"Text"}),C=(e,l)=>i.jsx(b,{...e,ref:l,variant:"code",style:{backgroundColor:"var(--brycks-background-muted)",padding:`${o.spacing[.5]}px ${o.spacing[1.5]}px`,borderRadius:"var(--brycks-radius-sm)",...e.style}}),T=y.forwardRef(C),z=Object.assign(T,{displayName:"Code"});exports.Code=z;exports.Text=b;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/typography/Text/Text.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { cx as x } from "../../../utils/styles.js";
-import { textStyles as l, lineHeights as v, fontWeights as k } from "../../../design-system/tokens/typography.js";
 import { spacing as o } from "../../../design-system/tokens/spacing.js";
+import { textStyles as l, lineHeights as v, fontWeights as k } from "../../../design-system/tokens/typography.js";
 const h = {
   body: "var(--brycks-fs-body-md)",
   bodyLarge: "var(--brycks-fs-body-lg)",

package/dist/components/utility.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./utility/Badge/Badge.cjs"),e=require("./utility/Loader/Loader.cjs"),r=require("./utility/Skeleton/Skeleton.cjs"),a=require("./utility/Divider/Divider.cjs"),t=require("./utility/EmptyState/EmptyState.cjs"),i=require("./utility/Portal/Portal.cjs"),c=require("./utility/FocusTrap/FocusTrap.cjs"),l=require("./utility/Overlay/Overlay.cjs"),o=require("./utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),S=require("./utility/Avatar/Avatar.cjs"),u=require("./utility/Logo/Logo.cjs"),d=require("./utility/Kbd/Kbd.cjs");exports.Badge=n.Badge;exports.Loader=e.Loader;exports.Spinner=e.Spinner;exports.Skeleton=r.Skeleton;exports.SkeletonText=r.SkeletonText;exports.Divider=a.Divider;exports.EmptyState=t.EmptyState;exports.EmptyStateIcon=t.EmptyStateIcon;exports.Portal=i.Portal;exports.FocusTrap=c.FocusTrap;exports.Overlay=l.Overlay;exports.ScreenReaderOnly=o.ScreenReaderOnly;exports.SrOnly=o.SrOnly;exports.Avatar=S.Avatar;exports.Logo=u.Logo;exports.Kbd=d.Kbd;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./utility/Avatar/Avatar.cjs"),a=require("./utility/Badge/Badge.cjs"),i=require("./utility/Divider/Divider.cjs"),e=require("./utility/EmptyState/EmptyState.cjs"),c=require("./utility/FocusTrap/FocusTrap.cjs"),l=require("./utility/Kbd/Kbd.cjs"),r=require("./utility/Loader/Loader.cjs"),S=require("./utility/Logo/Logo.cjs"),u=require("./utility/Overlay/Overlay.cjs"),d=require("./utility/Portal/Portal.cjs"),t=require("./utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),o=require("./utility/Skeleton/Skeleton.cjs");exports.Avatar=n.Avatar;exports.Badge=a.Badge;exports.Divider=i.Divider;exports.EmptyState=e.EmptyState;exports.EmptyStateIcon=e.EmptyStateIcon;exports.FocusTrap=c.FocusTrap;exports.Kbd=l.Kbd;exports.Loader=r.Loader;exports.Spinner=r.Spinner;exports.Logo=S.Logo;exports.Overlay=u.Overlay;exports.Portal=d.Portal;exports.ScreenReaderOnly=t.ScreenReaderOnly;exports.SrOnly=t.SrOnly;exports.Skeleton=o.Skeleton;exports.SkeletonText=o.SkeletonText;
 //# sourceMappingURL=utility.cjs.map