@cerberus-design/react 0.7.4-next-1cd5801 → 0.7.4-next-7fa6bfb

package/build/legacy/_tsup-dts-rollup.d.ts

@@ -1,21 +1,91 @@
+import { Activator } from '@dnd-kit/core';
+import { Activators } from '@dnd-kit/core';
+import { Active } from '@dnd-kit/core';
 import type { AnchorHTMLAttributes } from 'react';
+import { Announcements } from '@dnd-kit/core';
+import { applyModifiers } from '@dnd-kit/core';
+import { AutoScrollActivator } from '@dnd-kit/core';
+import { AutoScrollOptions } from '@dnd-kit/core';
 import { button } from '@cerberus/styled-system/recipes';
 import { ButtonHTMLAttributes } from 'react';
+import { CancelDrop } from '@dnd-kit/core';
 import { CarbonIconType } from '@cerberus/icons';
 import { ChangeEvent } from 'react';
+import { ClientRect as ClientRect_2 } from '@dnd-kit/core';
+import { closestCenter } from '@dnd-kit/core';
+import { closestCorners } from '@dnd-kit/core';
+import { Collision } from '@dnd-kit/core';
+import { CollisionDescriptor } from '@dnd-kit/core';
+import { CollisionDetection } from '@dnd-kit/core';
 import { Context } from 'react';
+import { Data } from '@dnd-kit/core';
+import { DataRef } from '@dnd-kit/core';
+import { defaultAnnouncements } from '@dnd-kit/core';
+import { defaultCoordinates } from '@dnd-kit/core';
+import { defaultDropAnimation } from '@dnd-kit/core';
+import { defaultDropAnimationSideEffects } from '@dnd-kit/core';
+import { defaultScreenReaderInstructions } from '@dnd-kit/core';
+import { DistanceMeasurement } from '@dnd-kit/core';
+import { DndContext } from '@dnd-kit/core';
+import { DndContextDescriptor } from '@dnd-kit/core';
+import { DndContextProps } from '@dnd-kit/core';
+import { DndMonitorArguments } from '@dnd-kit/core';
+import { DndMonitorListener } from '@dnd-kit/core';
+import { DragCancelEvent } from '@dnd-kit/core';
+import { DragEndEvent } from '@dnd-kit/core';
+import { DraggableAttributes } from '@dnd-kit/core';
+import { DraggableMeasuring } from '@dnd-kit/core';
+import { DraggableNode } from '@dnd-kit/core';
+import { DraggableSyntheticListeners } from '@dnd-kit/core';
+import { DragMoveEvent } from '@dnd-kit/core';
+import { DragOverEvent } from '@dnd-kit/core';
+import { DragOverlay } from '@dnd-kit/core';
+import { DragOverlayProps } from '@dnd-kit/core';
+import { DragStartEvent } from '@dnd-kit/core';
+import { DropAnimation } from '@dnd-kit/core';
+import { DropAnimationFunction } from '@dnd-kit/core';
+import { DropAnimationFunctionArguments } from '@dnd-kit/core';
+import { DropAnimationKeyframeResolver } from '@dnd-kit/core';
+import { DropAnimationSideEffects } from '@dnd-kit/core';
+import { DroppableContainer } from '@dnd-kit/core';
+import { DroppableContainers } from '@dnd-kit/core';
+import { DroppableMeasuring } from '@dnd-kit/core';
 import { ElementType } from 'react';
 import { fieldMessage } from '@cerberus/styled-system/recipes';
 import { ForwardRefExoticComponent } from 'react';
+import { getClientRect } from '@dnd-kit/core';
+import { getFirstCollision } from '@dnd-kit/core';
+import { getScrollableAncestors } from '@dnd-kit/core';
 import { HTMLAttributes } from 'react';
+import { HtmlHTMLAttributes } from 'react';
 import { iconButton } from '@cerberus/styled-system/recipes';
 import { input } from '@cerberus/styled-system/recipes';
-import type { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { KeyboardCode } from '@dnd-kit/core';
+import { KeyboardCodes } from '@dnd-kit/core';
+import { KeyboardCoordinateGetter } from '@dnd-kit/core';
 import type { KeyboardEventHandler } from 'react';
+import { KeyboardSensor } from '@dnd-kit/core';
+import { KeyboardSensorOptions } from '@dnd-kit/core';
+import { KeyboardSensorProps } from '@dnd-kit/core';
 import { label } from '@cerberus/styled-system/recipes';
+import { MeasuringConfiguration } from '@dnd-kit/core';
+import { MeasuringFrequency } from '@dnd-kit/core';
+import { MeasuringStrategy } from '@dnd-kit/core';
 import { ModalIconVariantProps } from '@cerberus/styled-system/recipes';
+import { Modifier } from '@dnd-kit/core';
+import { Modifiers } from '@dnd-kit/core';
+import { MouseSensor } from '@dnd-kit/core';
+import { MouseSensorOptions } from '@dnd-kit/core';
 import { MutableRefObject } from 'react';
+import { Over } from '@dnd-kit/core';
+import { PointerActivationConstraint } from '@dnd-kit/core';
+import { PointerEventHandlers } from '@dnd-kit/core';
+import { PointerSensor } from '@dnd-kit/core';
+import { PointerSensorOptions } from '@dnd-kit/core';
+import { PointerSensorProps } from '@dnd-kit/core';
+import { pointerWithin } from '@dnd-kit/core';
 import type { Pretty } from '@cerberus/styled-system/types';
 import { PropsWithChildren } from 'react';
 import { radio } from '@cerberus/styled-system/recipes';
@@ -23,17 +93,56 @@ import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
 import { RecipeVariantProps } from '@cerberus/styled-system/css';
 import type { RecipeVariantProps as RecipeVariantProps_2 } from '@cerberus/styled-system/types';
+import { rectIntersection } from '@dnd-kit/core';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
+import { ScreenReaderInstructions } from '@dnd-kit/core';
+import { Sensor } from '@dnd-kit/core';
+import { SensorContext } from '@dnd-kit/core';
+import { SensorDescriptor } from '@dnd-kit/core';
+import { SensorHandler } from '@dnd-kit/core';
+import { SensorInstance } from '@dnd-kit/core';
+import { SensorOptions } from '@dnd-kit/core';
+import { SensorProps } from '@dnd-kit/core';
+import { SensorResponse } from '@dnd-kit/core';
+import { Sensors } from '@dnd-kit/core';
 import { TabsVariantProps } from '@cerberus/styled-system/recipes';
 import { tag } from '@cerberus/styled-system/recipes';
 import type { TextareaHTMLAttributes } from 'react';
 import { ToggleVariantProps } from '@cerberus/styled-system/recipes';
+import { TouchSensor } from '@dnd-kit/core';
+import { TouchSensorOptions } from '@dnd-kit/core';
+import { Translate } from '@dnd-kit/core';
+import { TraversalOrder } from '@dnd-kit/core';
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { useDndContext } from '@dnd-kit/core';
+import { UseDndContextReturnValue } from '@dnd-kit/core';
+import { useDndMonitor } from '@dnd-kit/core';
+import { useDraggable } from '@dnd-kit/core';
+import { UseDraggableArguments } from '@dnd-kit/core';
+import { useDroppable } from '@dnd-kit/core';
+import { UseDroppableArguments } from '@dnd-kit/core';
+import { useSensor } from '@dnd-kit/core';
+import { useSensors } from '@dnd-kit/core';
 
 declare let $cerberusIcons: Required<DefinedIcons>;
 export { $cerberusIcons }
 export { $cerberusIcons as $cerberusIcons_alias_1 }
 
+export { Activator }
+
+export { Activators }
+
+export { Active }
+
+export { Announcements }
+
+export { applyModifiers }
+
+export { AutoScrollActivator }
+
+export { AutoScrollOptions }
+
 /**
  * A component that allows the user to perform actions
  * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx
@@ -50,6 +159,8 @@ declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & RecipeVaria
 export { ButtonProps }
 export { ButtonProps as ButtonProps_alias_1 }
 
+export { CancelDrop }
+
 declare type ClickableTagProps = HTMLAttributes<HTMLSpanElement> & {
     gradient?: never;
     palette?: never;
@@ -60,6 +171,18 @@ declare type ClickableTagProps = HTMLAttributes<HTMLSpanElement> & {
 export { ClickableTagProps }
 export { ClickableTagProps as ClickableTagProps_alias_1 }
 
+export { ClientRect_2 as ClientRect }
+
+export { closestCenter }
+
+export { closestCorners }
+
+export { Collision }
+
+export { CollisionDescriptor }
+
+export { CollisionDetection }
+
 declare type ColorModes = 'light' | 'dark';
 export { ColorModes }
 export { ColorModes as ColorModes_alias_1 }
@@ -111,14 +234,29 @@ declare type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K;
 export { CustomThemes }
 export { CustomThemes as CustomThemes_alias_1 }
 
+export { Data }
+
+export { DataRef }
+
+export { defaultAnnouncements }
+
+export { defaultCoordinates }
+
+export { defaultDropAnimation }
+
+export { defaultDropAnimationSideEffects }
+
 export declare const defaultIcons: DefinedIcons;
 
+export { defaultScreenReaderInstructions }
+
 declare type DefaultThemes = 'cerberus';
 export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
 export declare interface DefinedIcons {
     confirmModal?: CarbonIconType | ElementType;
+    fileUploader?: CarbonIconType | ElementType;
     promptModal?: CarbonIconType | ElementType;
     invalid: CarbonIconType | ElementType;
     toggleChecked?: CarbonIconType | ElementType;
@@ -128,6 +266,66 @@ declare function defineIcons(icons: DefinedIcons): Required<DefinedIcons>;
 export { defineIcons }
 export { defineIcons as defineIcons_alias_1 }
 
+export { DistanceMeasurement }
+
+export { DndContext }
+
+export { DndContextDescriptor }
+
+export { DndContextProps }
+
+export { DndMonitorArguments }
+
+export { DndMonitorListener }
+
+export { DragCancelEvent }
+
+export { DragEndEvent }
+
+export { DraggableAttributes }
+
+export { DraggableMeasuring }
+
+export { DraggableNode }
+
+export { DraggableSyntheticListeners }
+
+export { DragMoveEvent }
+
+export { DragOverEvent }
+
+export { DragOverlay }
+
+export { DragOverlayProps }
+
+export { DragStartEvent }
+
+export { DropAnimation }
+
+export { DropAnimationFunction }
+
+export { DropAnimationFunctionArguments }
+
+export { DropAnimationKeyframeResolver }
+
+export { DropAnimationSideEffects }
+
+declare function Droppable(props: PropsWithChildren<DroppableProps>): JSX_2.Element;
+export { Droppable }
+export { Droppable as Droppable_alias_1 }
+
+export { DroppableContainer }
+
+export { DroppableContainers }
+
+export { DroppableMeasuring }
+
+declare interface DroppableProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'id'>, UseDroppableArguments {
+    dropped?: boolean;
+}
+export { DroppableProps }
+export { DroppableProps as DroppableProps_alias_1 }
+
 declare function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>): JSX_2.Element;
 export { FeatureFlag }
 export { FeatureFlag as FeatureFlag_alias_1 }
@@ -229,6 +427,21 @@ declare type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>;
 export { FieldMessageRecipe }
 export { FieldMessageRecipe as FieldMessageRecipe_alias_1 }
 
+declare function FileUploader(props: FileUploaderProps): JSX_2.Element;
+export { FileUploader }
+export { FileUploader as FileUploader_alias_1 }
+
+declare interface FileUploaderProps extends InputHTMLAttributes<HTMLInputElement> {
+    heading?: string;
+    name: string;
+}
+export { FileUploaderProps }
+export { FileUploaderProps as FileUploaderProps_alias_1 }
+
+export { getClientRect }
+
+export { getFirstCollision }
+
 declare function getPosition(position: Positions): GetPositionResult;
 export { getPosition }
 export { getPosition as getPosition_alias_1 }
@@ -240,6 +453,8 @@ declare interface GetPositionResult {
     bottom: string;
 }
 
+export { getScrollableAncestors }
+
 /**
  * A component that allows the user to perform actions using an icon
  * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx
@@ -288,6 +503,18 @@ declare type InputRecipeProps = RecipeVariantProps<typeof input>;
 export { InputRecipeProps }
 export { InputRecipeProps as InputRecipeProps_alias_1 }
 
+export { KeyboardCode }
+
+export { KeyboardCodes }
+
+export { KeyboardCoordinateGetter }
+
+export { KeyboardSensor }
+
+export { KeyboardSensorOptions }
+
+export { KeyboardSensorProps }
+
 /**
  * A screen ready friendly label component.
  * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
@@ -322,6 +549,12 @@ declare type LabelRecipeProps = RecipeVariantProps<typeof label>;
 export { LabelRecipeProps }
 export { LabelRecipeProps as LabelRecipeProps_alias_1 }
 
+export { MeasuringConfiguration }
+
+export { MeasuringFrequency }
+
+export { MeasuringStrategy }
+
 /**
  * The Modal component is the root element for a customizable modal.
  * @example
@@ -428,6 +661,14 @@ declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
 
+export { Modifier }
+
+export { Modifiers }
+
+export { MouseSensor }
+
+export { MouseSensorOptions }
+
 declare function NavMenu(props: PropsWithChildren): JSX.Element;
 export { NavMenu }
 export { NavMenu as NavMenu_alias_1 }
@@ -517,6 +758,20 @@ declare type NavTriggerRef = RefObject<HTMLButtonElement>;
 export { NavTriggerRef }
 export { NavTriggerRef as NavTriggerRef_alias_1 }
 
+export { Over }
+
+export { PointerActivationConstraint }
+
+export { PointerEventHandlers }
+
+export { PointerSensor }
+
+export { PointerSensorOptions }
+
+export { PointerSensorProps }
+
+export { pointerWithin }
+
 /**
  * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
  * @param container - The props for the Portal component.
@@ -604,6 +859,28 @@ declare type RadioRecipe = RecipeVariantProps_2<typeof radio>;
 export { RadioRecipe }
 export { RadioRecipe as RadioRecipe_alias_1 }
 
+export { rectIntersection }
+
+export { ScreenReaderInstructions }
+
+export { Sensor }
+
+export { SensorContext }
+
+export { SensorDescriptor }
+
+export { SensorHandler }
+
+export { SensorInstance }
+
+export { SensorOptions }
+
+export { SensorProps }
+
+export { SensorResponse }
+
+export { Sensors }
+
 /**
  * Conditionally render its children or an optional fallback component
  * based on the SolidJS component.
@@ -884,14 +1161,38 @@ declare type ToggleProps = ToggleBase & ToggleVariantProps;
 export { ToggleProps }
 export { ToggleProps as ToggleProps_alias_1 }
 
+export { TouchSensor }
+
+export { TouchSensorOptions }
+
+export { Translate }
+
 declare function trapFocus(modalRef: RefObject<HTMLDialogElement>): KeyboardEventHandler<HTMLDialogElement>;
 export { trapFocus }
 export { trapFocus as trapFocus_alias_1 }
 
+export { TraversalOrder }
+
+export { UniqueIdentifier }
+
 declare function useConfirmModal(): ConfirmModalValue;
 export { useConfirmModal }
 export { useConfirmModal as useConfirmModal_alias_1 }
 
+export { useDndContext }
+
+export { UseDndContextReturnValue }
+
+export { useDndMonitor }
+
+export { useDraggable }
+
+export { UseDraggableArguments }
+
+export { useDroppable }
+
+export { UseDroppableArguments }
+
 declare function useFeatureFlags(key: string): boolean;
 export { useFeatureFlags }
 export { useFeatureFlags as useFeatureFlags_alias_1 }
@@ -922,6 +1223,10 @@ declare function usePromptModal(): PromptModalValue;
 export { usePromptModal }
 export { usePromptModal as usePromptModal_alias_1 }
 
+export { useSensor }
+
+export { useSensors }
+
 declare function useTabsContext(): TabsContextValue;
 export { useTabsContext }
 export { useTabsContext as useTabsContext_alias_1 }

package/build/legacy/{chunk-7CZ3NIGH.js → chunk-3RZUW5KH.js}

@@ -1,6 +1,12 @@
 import {
   Portal
 } from "./chunk-4CAT3FHV.js";
+import {
+  Input
+} from "./chunk-DED42MIR.js";
+import {
+  Label
+} from "./chunk-JJGZRBIR.js";
 import {
   Modal
 } from "./chunk-2UFNQM55.js";
@@ -20,23 +26,17 @@ import {
   Button
 } from "./chunk-2ATICEW3.js";
 import {
-  Input
-} from "./chunk-5GEC53G7.js";
-import {
-  Label
-} from "./chunk-CU7HXAKM.js";
+  Field
+} from "./chunk-ZAU4JVLL.js";
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
-import {
-  Field
-} from "./chunk-ZAU4JVLL.js";
 import {
   trapFocus
 } from "./chunk-KESKDLX6.js";
 import {
   $cerberusIcons
-} from "./chunk-6TXQZ3PB.js";
+} from "./chunk-OLQQB53X.js";
 import {
   useModal
 } from "./chunk-TZNYJ3G7.js";
@@ -205,4 +205,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-7CZ3NIGH.js.map
+//# sourceMappingURL=chunk-3RZUW5KH.js.map

package/build/legacy/{chunk-XGNAFSMG.js → chunk-7BB66W4A.js}

@@ -27,7 +27,7 @@ import {
 } from "./chunk-KESKDLX6.js";
 import {
   $cerberusIcons
-} from "./chunk-6TXQZ3PB.js";
+} from "./chunk-OLQQB53X.js";
 import {
   useModal
 } from "./chunk-TZNYJ3G7.js";
@@ -152,4 +152,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-XGNAFSMG.js.map
+//# sourceMappingURL=chunk-7BB66W4A.js.map

package/build/legacy/chunk-7VJOPJVX.js

@@ -0,0 +1,29 @@
+// src/components/Droppable.tsx
+import { useDroppable } from "@dnd-kit/core";
+import { useId } from "react";
+import { jsx } from "react/jsx-runtime";
+function Droppable(props) {
+  const { dropped, id, disabled, data, resizeObserverConfig, ...nativeProps } = props;
+  const uuid = useId();
+  const { isOver, setNodeRef } = useDroppable({
+    data,
+    disabled,
+    id: id || uuid,
+    resizeObserverConfig
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...nativeProps,
+      "data-over": isOver,
+      "data-dropped": dropped,
+      ref: setNodeRef,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Droppable
+};
+//# sourceMappingURL=chunk-7VJOPJVX.js.map

package/build/legacy/chunk-7VJOPJVX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Droppable.tsx"],"sourcesContent":["'use client'\n\nimport { useDroppable, type UseDroppableArguments } from '@dnd-kit/core'\nimport { useId, type HtmlHTMLAttributes, type PropsWithChildren } from 'react'\n\nexport interface DroppableProps\n  extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'id'>,\n    UseDroppableArguments {\n  dropped?: boolean\n}\n\nexport function Droppable(props: PropsWithChildren<DroppableProps>) {\n  const { dropped, id, disabled, data, resizeObserverConfig, ...nativeProps } =\n    props\n  const uuid = useId()\n  const { isOver, setNodeRef } = useDroppable({\n    data,\n    disabled,\n    id: id || uuid,\n    resizeObserverConfig,\n  })\n\n  return (\n    <div\n      {...nativeProps}\n      data-over={isOver}\n      data-dropped={dropped}\n      ref={setNodeRef}\n    >\n      {props.children}\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAAS,oBAAgD;AACzD,SAAS,aAA8D;AAoBnE;AAZG,SAAS,UAAU,OAA0C;AAClE,QAAM,EAAE,SAAS,IAAI,UAAU,MAAM,sBAAsB,GAAG,YAAY,IACxE;AACF,QAAM,OAAO,MAAM;AACnB,QAAM,EAAE,QAAQ,WAAW,IAAI,aAAa;AAAA,IAC1C;AAAA,IACA;AAAA,IACA,IAAI,MAAM;AAAA,IACV;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAW;AAAA,MACX,gBAAc;AAAA,MACd,KAAK;AAAA,MAEJ,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/build/legacy/{chunk-JWQJLOX4.js → chunk-ANXV7JDK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   $cerberusIcons
-} from "./chunk-6TXQZ3PB.js";
+} from "./chunk-OLQQB53X.js";
 
 // src/components/Toggle.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -55,4 +55,4 @@ function Toggle(props) {
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-JWQJLOX4.js.map
+//# sourceMappingURL=chunk-ANXV7JDK.js.map

package/build/legacy/chunk-DCI4IKCI.js

@@ -0,0 +1,63 @@
+import {
+  Show
+} from "./chunk-4O4QFF4S.js";
+import {
+  $cerberusIcons
+} from "./chunk-OLQQB53X.js";
+
+// src/components/FileUploader.tsx
+import { cx } from "@cerberus-design/styled-system/css";
+import { circle, vstack } from "@cerberus-design/styled-system/patterns";
+import { fileUploader, modalIcon } from "@cerberus-design/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FileUploader(props) {
+  var _a;
+  const styles = fileUploader();
+  const Icon = $cerberusIcons.fileUploader;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(
+        vstack({
+          justify: "center"
+        }),
+        styles.container
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cx(styles.icon, modalIcon(), circle()), children: /* @__PURE__ */ jsx(Icon, {}) }),
+        /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: cx(
+              vstack({
+                justify: "center"
+              }),
+              styles.label
+            ),
+            htmlFor: props.name,
+            children: [
+              /* @__PURE__ */ jsx(Show, { when: Boolean(props.heading), children: /* @__PURE__ */ jsx("p", { className: styles.heading, children: props.heading }) }),
+              "Import ",
+              (_a = props.accept) == null ? void 0 : _a.replace(",", ", "),
+              " files",
+              /* @__PURE__ */ jsx("p", { className: styles.description, children: "Or click to upload" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ...props,
+                  className: cx(props.className, styles.input),
+                  type: "file"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  FileUploader
+};
+//# sourceMappingURL=chunk-DCI4IKCI.js.map

package/build/legacy/chunk-DCI4IKCI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FileUploader.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus-design/styled-system/css'\nimport { circle, vstack } from '@cerberus-design/styled-system/patterns'\nimport { type InputHTMLAttributes } from 'react'\nimport { Show } from './Show'\nimport { fileUploader, modalIcon } from '@cerberus-design/styled-system/recipes'\nimport { $cerberusIcons } from '../config/defineIcons'\n\nexport interface FileUploaderProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  heading?: string\n  name: string\n}\n\nexport function FileUploader(props: FileUploaderProps) {\n  const styles = fileUploader()\n  const Icon = $cerberusIcons.fileUploader\n\n  return (\n    <div\n      className={cx(\n        vstack({\n          justify: 'center',\n        }),\n        styles.container,\n      )}\n    >\n      <span className={cx(styles.icon, modalIcon(), circle())}>\n        <Icon />\n      </span>\n\n      <label\n        className={cx(\n          vstack({\n            justify: 'center',\n          }),\n          styles.label,\n        )}\n        htmlFor={props.name}\n      >\n        <Show when={Boolean(props.heading)}>\n          <p className={styles.heading}>{props.heading}</p>\n        </Show>\n        Import {props.accept?.replace(',', ', ')} files\n        <p className={styles.description}>Or click to upload</p>\n        <input\n          {...props}\n          className={cx(props.className, styles.input)}\n          type=\"file\"\n        />\n      </label>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,QAAQ,cAAc;AAG/B,SAAS,cAAc,iBAAiB;AAuBhC,cAGF,YAHE;AAdD,SAAS,aAAa,OAA0B;AAfvD;AAgBE,QAAM,SAAS,aAAa;AAC5B,QAAM,OAAO,eAAe;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,OAAO;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAW,GAAG,OAAO,MAAM,UAAU,GAAG,OAAO,CAAC,GACpD,8BAAC,QAAK,GACR;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT,OAAO;AAAA,gBACL,SAAS;AAAA,cACX,CAAC;AAAA,cACD,OAAO;AAAA,YACT;AAAA,YACA,SAAS,MAAM;AAAA,YAEf;AAAA,kCAAC,QAAK,MAAM,QAAQ,MAAM,OAAO,GAC/B,8BAAC,OAAE,WAAW,OAAO,SAAU,gBAAM,SAAQ,GAC/C;AAAA,cAAO;AAAA,eACC,WAAM,WAAN,mBAAc,QAAQ,KAAK;AAAA,cAAM;AAAA,cACzC,oBAAC,OAAE,WAAW,OAAO,aAAa,gCAAkB;AAAA,cACpD;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG;AAAA,kBACJ,WAAW,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA,kBAC3C,MAAK;AAAA;AAAA,cACP;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/{chunk-5GEC53G7.js → chunk-DED42MIR.js}

@@ -1,12 +1,12 @@
-import {
-  Show
-} from "./chunk-4O4QFF4S.js";
 import {
   useFieldContext
 } from "./chunk-ZAU4JVLL.js";
+import {
+  Show
+} from "./chunk-4O4QFF4S.js";
 import {
   $cerberusIcons
-} from "./chunk-6TXQZ3PB.js";
+} from "./chunk-OLQQB53X.js";
 
 // src/components/Input.tsx
 import { input } from "@cerberus/styled-system/recipes";
@@ -39,4 +39,4 @@ function Input(props) {
 export {
   Input
 };
-//# sourceMappingURL=chunk-5GEC53G7.js.map
+//# sourceMappingURL=chunk-DED42MIR.js.map

package/build/legacy/{chunk-C45DY4VE.js → chunk-GIHAFJYX.js}

@@ -1,11 +1,13 @@
 // src/config/cerbIcons.ts
 import {
   Checkmark,
+  CloudUpload,
   Information,
   WarningFilled
 } from "@cerberus/icons";
 var defaultIcons = {
   confirmModal: Information,
+  fileUploader: CloudUpload,
   promptModal: Information,
   invalid: WarningFilled,
   toggleChecked: Checkmark
@@ -14,4 +16,4 @@ var defaultIcons = {
 export {
   defaultIcons
 };
-//# sourceMappingURL=chunk-C45DY4VE.js.map
+//# sourceMappingURL=chunk-GIHAFJYX.js.map

package/build/legacy/chunk-GIHAFJYX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n  Checkmark,\n  CloudUpload,\n  Information,\n  WarningFilled,\n  type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\n\nexport interface DefinedIcons {\n  confirmModal?: CarbonIconType | ElementType\n  fileUploader?: CarbonIconType | ElementType\n  promptModal?: CarbonIconType | ElementType\n  invalid: CarbonIconType | ElementType\n  toggleChecked?: CarbonIconType | ElementType\n}\n\nexport const defaultIcons: DefinedIcons = {\n  confirmModal: Information,\n  fileUploader: CloudUpload,\n  promptModal: Information,\n  invalid: WarningFilled,\n  toggleChecked: Checkmark,\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAWA,IAAM,eAA6B;AAAA,EACxC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AAAA,EACT,eAAe;AACjB;","names":[]}