@codefast/ui 0.0.65 → 0.0.67

package/src/react/checkbox-group.primitive.tsx

@@ -1,200 +0,0 @@
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { createCheckboxScope } from '@radix-ui/react-checkbox';
-import { createContextScope, type Scope } from '@radix-ui/react-context';
-import * as RovingFocusGroup from '@radix-ui/react-roving-focus';
-import { createRovingFocusGroupScope } from '@radix-ui/react-roving-focus';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useDirection } from '@radix-ui/react-direction';
-import { Primitive } from '@radix-ui/react-primitive';
-
-/* -------------------------------------------------------------------------------------------------
- * Component: CheckboxGroup
- * -----------------------------------------------------------------------------------------------*/
-
-const CHECKBOX_GROUP_NAME = 'CheckboxGroup';
-
-type ScopedProps<P> = P & { __scopeCheckboxGroup?: Scope };
-
-const [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [
-  createRovingFocusGroupScope,
-  createCheckboxScope,
-]);
-
-const useRovingFocusGroupScope = createRovingFocusGroupScope();
-const useCheckboxScope = createCheckboxScope();
-
-interface CheckboxGroupContextValue {
-  disabled: boolean;
-  onItemCheck: (value: string) => void;
-  onItemUncheck: (value: string) => void;
-  required: boolean;
-  name?: string;
-  value?: string[];
-}
-
-const [CheckboxGroupProvider, useCheckboxGroupContext] =
-  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);
-
-type CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;
-
-interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {
-  defaultValue?: string[];
-  dir?: RovingFocusGroup.RovingFocusGroupProps['dir'];
-  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];
-  loop?: RovingFocusGroup.RovingFocusGroupProps['loop'];
-  name?: CheckboxGroupContextValue['name'];
-  onValueChange?: (value: string[]) => void;
-  orientation?: RovingFocusGroup.RovingFocusGroupProps['orientation'];
-  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];
-  value?: CheckboxGroupContextValue['value'];
-}
-
-const CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(
-  (
-    {
-      __scopeCheckboxGroup,
-      name,
-      defaultValue,
-      value: valueProp,
-      required = false,
-      disabled = false,
-      orientation,
-      dir,
-      loop = true,
-      onValueChange,
-      ...props
-    }: ScopedProps<CheckboxGroupProps>,
-    ref,
-  ) => {
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
-    const direction = useDirection(dir);
-    const [value = [], setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-    });
-
-    const handleItemCheck = React.useCallback(
-      (itemValue: string) => {
-        setValue((prevValue = []) => [...prevValue, itemValue]);
-      },
-      [setValue],
-    );
-
-    const handleItemUncheck = React.useCallback(
-      (itemValue: string) => {
-        setValue((prevValue = []) => prevValue.filter((val) => val !== itemValue));
-      },
-      [setValue],
-    );
-
-    return (
-      <CheckboxGroupProvider
-        disabled={disabled}
-        name={name}
-        required={required}
-        scope={__scopeCheckboxGroup}
-        value={value}
-        onItemCheck={handleItemCheck}
-        onItemUncheck={handleItemUncheck}
-      >
-        <RovingFocusGroup.Root asChild {...rovingFocusGroupScope} dir={direction} loop={loop} orientation={orientation}>
-          {/* eslint-disable-next-line react/jsx-pascal-case -- radix-ui */}
-          <Primitive.div ref={ref} data-disabled={disabled ? '' : undefined} dir={direction} role="group" {...props} />
-        </RovingFocusGroup.Root>
-      </CheckboxGroupProvider>
-    );
-  },
-);
-
-CheckboxGroup.displayName = CHECKBOX_GROUP_NAME;
-
-/* -------------------------------------------------------------------------------------------------
- * Component: CheckboxGroupItem
- * -----------------------------------------------------------------------------------------------*/
-
-const ITEM_NAME = `${CHECKBOX_GROUP_NAME}Item`;
-
-type CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;
-
-interface CheckboxGroupItemProps
-  extends Omit<
-    React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,
-    'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'
-  > {
-  value: string;
-}
-
-const CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(
-  ({ __scopeCheckboxGroup, disabled, ...props }: ScopedProps<CheckboxGroupItemProps>, ref) => {
-    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
-    const isDisabled = context.disabled || disabled;
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
-    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
-    const checked = context.value?.includes(props.value);
-
-    return (
-      <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} active={checked} focusable={!isDisabled}>
-        <CheckboxPrimitive.Root
-          ref={ref}
-          checked={checked}
-          disabled={isDisabled}
-          name={context.name}
-          required={context.required}
-          {...checkboxScope}
-          {...props}
-          onCheckedChange={(checkedState) => {
-            if (checkedState) {
-              context.onItemCheck(props.value);
-            } else {
-              context.onItemUncheck(props.value);
-            }
-          }}
-        />
-      </RovingFocusGroup.Item>
-    );
-  },
-);
-
-CheckboxGroupItem.displayName = ITEM_NAME;
-
-/* -------------------------------------------------------------------------------------------------
- * Component: CheckboxGroupIndicator
- * -----------------------------------------------------------------------------------------------*/
-
-const INDICATOR_NAME = `${CHECKBOX_GROUP_NAME}Indicator`;
-
-type CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;
-type CheckboxGroupIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;
-
-const CheckboxGroupIndicator = React.forwardRef<CheckboxGroupIndicatorElement, CheckboxGroupIndicatorProps>(
-  ({ __scopeCheckboxGroup, ...props }: ScopedProps<CheckboxGroupIndicatorProps>, ref) => {
-    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
-
-    return <CheckboxPrimitive.Indicator ref={ref} {...checkboxScope} {...props} />;
-  },
-);
-
-CheckboxGroupIndicator.displayName = INDICATOR_NAME;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-const Root = CheckboxGroup;
-const Item = CheckboxGroupItem;
-const Indicator = CheckboxGroupIndicator;
-
-export {
-  createCheckboxGroupScope,
-  CheckboxGroup,
-  CheckboxGroupItem,
-  CheckboxGroupIndicator,
-  Root,
-  Item,
-  Indicator,
-  type CheckboxGroupProps,
-  type CheckboxGroupItemProps,
-  type CheckboxGroupIndicatorProps,
-};

package/src/react/checkbox-group.tsx

@@ -1,53 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { CheckIcon } from '@radix-ui/react-icons';
-import { cn } from '../lib/utils';
-import * as CheckboxGroupPrimitive from './checkbox-group.primitive';
-
-/* -----------------------------------------------------------------------------
- * Component: CheckboxGroup
- * -------------------------------------------------------------------------- */
-
-type CheckboxGroupElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;
-type CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;
-
-const CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(({ className, ...props }, ref) => {
-  return <CheckboxGroupPrimitive.Root ref={ref} className={cn('grid gap-2', className)} {...props} />;
-});
-
-CheckboxGroup.displayName = 'CheckboxGroup';
-
-/* -----------------------------------------------------------------------------
- * Component: CheckboxGroupItem
- * -------------------------------------------------------------------------- */
-
-type CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;
-type CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item>;
-
-const CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(
-  ({ className, ...props }, ref) => {
-    return (
-      <CheckboxGroupPrimitive.Item
-        ref={ref}
-        className={cn(
-          'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
-          className,
-        )}
-        {...props}
-      >
-        <CheckboxGroupPrimitive.CheckboxGroupIndicator className="flex size-full items-center justify-center text-current">
-          <CheckIcon className="size-3.5" />
-        </CheckboxGroupPrimitive.CheckboxGroupIndicator>
-      </CheckboxGroupPrimitive.Item>
-    );
-  },
-);
-
-CheckboxGroupItem.displayName = 'CheckboxGroupItem';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupProps, type CheckboxGroupItemProps };

package/src/react/checkbox.tsx

@@ -1,36 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { CheckIcon } from '@radix-ui/react-icons';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Checkbox
- * -------------------------------------------------------------------------- */
-
-type CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;
-type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
-
-const Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(({ className, ...props }, ref) => (
-  <CheckboxPrimitive.Root
-    ref={ref}
-    className={cn(
-      'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-      className,
-    )}
-    {...props}
-  >
-    <CheckboxPrimitive.Indicator className="flex size-full items-center justify-center text-current">
-      <CheckIcon className="size-3.5" />
-    </CheckboxPrimitive.Indicator>
-  </CheckboxPrimitive.Root>
-));
-
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Checkbox, type CheckboxProps };

package/src/react/code.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-
-/* -----------------------------------------------------------------------------
- * Component: Code
- * -------------------------------------------------------------------------- */
-
-type CodeElement = HTMLElement;
-
-interface CodeProps extends React.HTMLAttributes<HTMLElement> {
-  asChild?: boolean;
-}
-
-const Code = React.forwardRef<CodeElement, CodeProps>(({ asChild, ...props }, ref) => {
-  const Component = asChild ? Slot : 'code';
-
-  return <Component ref={ref} {...props} />;
-});
-
-Code.displayName = 'Code';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Code, type CodeProps };

package/src/react/collapsible.tsx

@@ -1,54 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Collapsible
- * -------------------------------------------------------------------------- */
-
-type CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
-const Collapsible = CollapsiblePrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: CollapsibleTrigger
- * -------------------------------------------------------------------------- */
-
-type CollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>;
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-
-/* -----------------------------------------------------------------------------
- * Component: CollapsibleContent
- * -------------------------------------------------------------------------- */
-
-type CollapsibleContentElement = React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>;
-type CollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>;
-
-const CollapsibleContent = React.forwardRef<CollapsibleContentElement, CollapsibleContentProps>(
-  ({ className, ...props }, ref) => (
-    <CollapsiblePrimitive.CollapsibleContent
-      ref={ref}
-      className={cn(
-        'data-[state=open]:animate-collapsible-open data-[state=closed]:animate-collapsible-closed overflow-hidden',
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-
-CollapsibleContent.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-  type CollapsibleProps,
-  type CollapsibleTriggerProps,
-  type CollapsibleContentProps,
-};

package/src/react/command.tsx

@@ -1,199 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
-import { Command as CommandPrimitive } from 'cmdk';
-import { cn } from '../lib/utils';
-import { Dialog, DialogContent } from './dialog';
-
-/* -----------------------------------------------------------------------------
- * Component: Command
- * -------------------------------------------------------------------------- */
-
-type CommandElement = React.ElementRef<typeof CommandPrimitive>;
-type CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;
-
-const Command = React.forwardRef<CommandElement, CommandProps>(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',
-      className,
-    )}
-    {...props}
-  />
-));
-
-Command.displayName = CommandPrimitive.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandDialog
- * -------------------------------------------------------------------------- */
-
-type CommandDialogProps = React.ComponentProps<typeof Dialog>;
-
-function CommandDialog({ children, ...props }: CommandDialogProps): React.JSX.Element {
-  return (
-    <Dialog {...props}>
-      <DialogContent className="p-0">
-        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5">
-          {children}
-        </Command>
-      </DialogContent>
-    </Dialog>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: CommandInput
- * -------------------------------------------------------------------------- */
-
-type CommandInputElement = React.ElementRef<typeof CommandPrimitive.Input>;
-type CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>;
-
-const CommandInput = React.forwardRef<CommandInputElement, CommandInputProps>(({ className, ...props }, ref) => (
-  <div className="flex items-center gap-2 border-b px-3" cmdk-input-wrapper="">
-    <MagnifyingGlassIcon className="size-5 shrink-0 opacity-50" />
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50',
-        className,
-      )}
-      {...props}
-    />
-  </div>
-));
-
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandList
- * -------------------------------------------------------------------------- */
-
-type CommandListElement = React.ElementRef<typeof CommandPrimitive.List>;
-type CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>;
-
-const CommandList = React.forwardRef<CommandListElement, CommandListProps>(({ className, ...props }, ref) => (
-  <CommandPrimitive.List ref={ref} className={cn('max-h-72 overflow-y-auto overflow-x-hidden', className)} {...props} />
-));
-
-CommandList.displayName = CommandPrimitive.List.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandEmpty
- * -------------------------------------------------------------------------- */
-
-type CommandEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;
-type CommandEmptyProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>;
-
-const CommandEmpty = React.forwardRef<CommandEmptyElement, CommandEmptyProps>((props, ref) => (
-  <CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />
-));
-
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandGroup
- * -------------------------------------------------------------------------- */
-
-type CommandGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;
-type CommandGroupProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>;
-
-const CommandGroup = React.forwardRef<CommandGroupElement, CommandGroupProps>(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',
-      className,
-    )}
-    {...props}
-  />
-));
-
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandSeparator
- * -------------------------------------------------------------------------- */
-
-type CommandSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;
-type CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>;
-
-const CommandSeparator = React.forwardRef<CommandSeparatorElement, CommandSeparatorProps>(
-  ({ className, ...props }, ref) => (
-    <CommandPrimitive.Separator ref={ref} className={cn('bg-border -mx-1 h-px', className)} {...props} />
-  ),
-);
-
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandItem
- * -------------------------------------------------------------------------- */
-
-type CommandItemElement = React.ElementRef<typeof CommandPrimitive.Item>;
-type CommandItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>;
-
-const CommandItem = React.forwardRef<CommandItemElement, CommandItemProps>(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      'aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:outline-none',
-      className,
-    )}
-    {...props}
-  />
-));
-
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandLoading
- * -------------------------------------------------------------------------- */
-
-type CommandLoadingElement = React.ElementRef<typeof CommandPrimitive.Loading>;
-type CommandLoadingProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>;
-
-const CommandLoading = React.forwardRef<CommandLoadingElement, CommandLoadingProps>(({ className, ...props }, ref) => (
-  <CommandPrimitive.Loading ref={ref} className={cn('flex justify-center p-2', className)} {...props} />
-));
-
-CommandLoading.displayName = CommandPrimitive.Loading.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: CommandShortcut
- * -------------------------------------------------------------------------- */
-
-type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
-
-function CommandShortcut({ className, ...props }: CommandShortcutProps): React.JSX.Element {
-  return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Command,
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandLoading,
-  CommandShortcut,
-  CommandSeparator,
-  type CommandProps,
-  type CommandDialogProps,
-  type CommandInputProps,
-  type CommandListProps,
-  type CommandEmptyProps,
-  type CommandGroupProps,
-  type CommandItemProps,
-  type CommandLoadingProps,
-  type CommandShortcutProps,
-  type CommandSeparatorProps,
-};

package/src/react/container.tsx

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Container
- * -------------------------------------------------------------------------- */
-
-type ContainerElement = HTMLDivElement;
-
-interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-  asChild?: boolean;
-}
-
-const Container = React.forwardRef<ContainerElement, ContainerProps>(({ className, asChild, ...props }, ref) => {
-  const Component = asChild ? Slot : 'div';
-
-  return <Component ref={ref} className={cn('container', className)} {...props} />;
-});
-
-Container.displayName = 'Container';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Container, type ContainerProps };