@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/fileUpload/FileUpload.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/fileUpload/FileUpload.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Button } from '../button/Button'\nimport { CardRoot, type CardProps } from '../card/Card'\nimport { EmptyState, type EmptyStateProps } from '../emptyState/EmptyState'\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n  type ItemProps,\n} from '../item/Item'\nimport { Progress, type ProgressProps } from '../progress/Progress'\nimport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n} from './fileUpload.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FileUploadRootElement = React.ComponentRef<'div'>\ntype FileUploadListElement = React.ComponentRef<'div'>\ntype FileUploadProgressElement = React.ComponentRef<'div'>\ntype FileUploadRootOwnProps = GetPropDefTypes<typeof fileUploadRootPropDefs>\ntype FileUploadListOwnProps = GetPropDefTypes<typeof fileUploadListPropDefs>\ntype FileUploadDropzoneOwnProps = GetPropDefTypes<typeof fileUploadDropzonePropDefs> & {\n  action?: React.ReactNode\n  actionLabel?: React.ReactNode\n  description?: React.ReactNode\n  illustration?: React.ReactNode\n  onActionClick?: React.MouseEventHandler<HTMLButtonElement>\n  title: React.ReactNode\n}\ntype FileUploadItemOwnProps = GetPropDefTypes<typeof fileUploadItemPropDefs> & {\n  actions?: React.ReactNode\n  description?: React.ReactNode\n  fileName: React.ReactNode\n  icon?: React.ReactNode\n  progress?: number\n  progressLabel?: React.ReactNode\n  status?: React.ReactNode\n}\ntype FileUploadProgressOwnProps = GetPropDefTypes<typeof fileUploadProgressPropDefs> & {\n  label?: React.ReactNode\n}\n\ninterface FileUploadRootProps extends CardProps, FileUploadRootOwnProps {}\n\ninterface FileUploadListProps extends React.ComponentPropsWithoutRef<'div'>, FileUploadListOwnProps {}\n\ninterface FileUploadDropzoneProps\n  extends Omit<EmptyStateProps, 'action' | 'description' | 'illustration' | 'title'>,\n    FileUploadDropzoneOwnProps {}\n\ninterface FileUploadItemProps extends Omit<ItemProps, 'children'>, FileUploadItemOwnProps {}\n\ninterface FileUploadProgressProps extends ProgressProps, FileUploadProgressOwnProps {}\n\nconst FileUploadRoot = React.forwardRef<FileUploadRootElement, FileUploadRootProps>((props, forwardedRef) => {\n  const { asChild, className, size = 'md', ...rootProps } = extractProps(props, fileUploadRootPropDefs)\n\n  return (\n    <CardRoot\n      {...rootProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={cn('dsx-file-upload', className)}\n      data-size={size}\n    />\n  )\n})\nFileUploadRoot.displayName = 'FileUpload'\n\nconst FileUploadDropzone = React.forwardRef<React.ComponentRef<'section'>, FileUploadDropzoneProps>(\n  (props, forwardedRef) => {\n    const {\n      action,\n      actionLabel,\n      asChild,\n      className,\n      description,\n      dragging = false,\n      illustration,\n      onActionClick,\n      title,\n      ...dropzoneProps\n    } = extractProps(props, fileUploadDropzonePropDefs)\n\n    const resolvedAction =\n      action\n      ?? (actionLabel ? (\n        <Button type=\"button\" variant=\"outline\" onClick={onActionClick}>\n          {actionLabel}\n        </Button>\n      ) : null)\n\n    return (\n      <EmptyState\n        {...dropzoneProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        action={resolvedAction}\n        className={cn('dsx-file-upload__dropzone', className)}\n        data-dragging={dragging ? 'true' : undefined}\n        description={description}\n        illustration={\n          illustration ?? <Icon name=\"upload\" size=\"lg\" className=\"dsx-file-upload__dropzone-icon\" />\n        }\n        title={title}\n      />\n    )\n  },\n)\nFileUploadDropzone.displayName = 'FileUploadDropzone'\n\nconst FileUploadList = React.forwardRef<FileUploadListElement, FileUploadListProps>((props, forwardedRef) => {\n  const { asChild, className, ...listProps } = extractProps(props, fileUploadListPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...listProps} ref={forwardedRef} className={cn('dsx-file-upload__list', className)} />\n})\nFileUploadList.displayName = 'FileUploadList'\n\nconst FileUploadProgress = React.forwardRef<FileUploadProgressElement, FileUploadProgressProps>(\n  (props, forwardedRef) => {\n    const { className, label, showValueLabel = false, value, ...progressProps } = extractProps(\n      props,\n      fileUploadProgressPropDefs,\n    )\n    const resolvedLabel =\n      label ?? (showValueLabel && typeof value === 'number' ? `${Math.round(value)}%` : undefined)\n\n    return (\n      <div ref={forwardedRef} className={cn('dsx-file-upload__progress', className)}>\n        <Progress {...progressProps} value={value} className=\"dsx-file-upload__progress-track\" />\n        {resolvedLabel ? <span className=\"dsx-file-upload__progress-label\">{resolvedLabel}</span> : null}\n      </div>\n    )\n  },\n)\nFileUploadProgress.displayName = 'FileUploadProgress'\n\nconst FileUploadItem = React.forwardRef<React.ComponentRef<'div'>, FileUploadItemProps>((props, forwardedRef) => {\n  const {\n    actions,\n    asChild,\n    className,\n    description,\n    fileName,\n    icon,\n    progress,\n    progressLabel,\n    status,\n    ...itemProps\n  } = extractProps(props, fileUploadItemPropDefs)\n\n  return (\n    <Item {...itemProps} ref={forwardedRef} asChild={asChild} className={cn('dsx-file-upload__item', className)}>\n      {icon === null ? null : (\n        <ItemMedia className=\"dsx-file-upload__media\">\n          {icon ?? <Icon name=\"file\" size=\"sm\" className=\"dsx-file-upload__icon\" />}\n        </ItemMedia>\n      )}\n      <ItemContent className=\"dsx-file-upload__content\">\n        <ItemTitle className=\"dsx-file-upload__title\">{fileName}</ItemTitle>\n        {description ? <ItemDescription>{description}</ItemDescription> : null}\n        {typeof progress === 'number' ? <FileUploadProgress value={progress} label={progressLabel} /> : null}\n      </ItemContent>\n      {status || actions ? (\n        <ItemActions className=\"dsx-file-upload__actions\">\n          {status ? <span className=\"dsx-file-upload__status\">{status}</span> : null}\n          {actions}\n        </ItemActions>\n      ) : null}\n    </Item>\n  )\n})\nFileUploadItem.displayName = 'FileUploadItem'\n\nconst FileUpload: typeof FileUploadRoot & {\n  Dropzone: typeof FileUploadDropzone\n  List: typeof FileUploadList\n  Item: typeof FileUploadItem\n  Progress: typeof FileUploadProgress\n} = Object.assign(FileUploadRoot, {\n  Dropzone: FileUploadDropzone,\n  List: FileUploadList,\n  Item: FileUploadItem,\n  Progress: FileUploadProgress,\n})\n\nexport { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadProgress, FileUploadRoot }\nexport type {\n  FileUploadDropzoneProps,\n  FileUploadItemProps,\n  FileUploadListProps,\n  FileUploadProgressProps,\n  FileUploadRootProps,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAqB;AAErB,gBAAmB;AACnB,0BAA6B;AAC7B,kBAAqB;AACrB,oBAAuB;AACvB,kBAAyC;AACzC,wBAAiD;AACjD,kBAQO;AACP,sBAA6C;AAC7C,wBAMO;AA8CH;AAJJ,MAAM,iBAAiB,MAAM,WAAuD,CAAC,OAAO,iBAAiB;AAC3G,QAAM,EAAE,SAAS,WAAW,OAAO,MAAM,GAAG,UAAU,QAAI,kCAAa,OAAO,wCAAsB;AAEpG,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,eAAW,cAAG,mBAAmB,SAAS;AAAA,MAC1C,aAAW;AAAA;AAAA,EACb;AAEJ,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,QAAI,kCAAa,OAAO,4CAA0B;AAElD,UAAM,iBACJ,WACI,cACF,4CAAC,wBAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,eAC9C,uBACH,IACE;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA,QAAQ;AAAA,QACR,eAAW,cAAG,6BAA6B,SAAS;AAAA,QACpD,iBAAe,WAAW,SAAS;AAAA,QACnC;AAAA,QACA,cACE,gBAAgB,4CAAC,oBAAK,MAAK,UAAS,MAAK,MAAK,WAAU,kCAAiC;AAAA,QAE3F;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,iBAAiB,MAAM,WAAuD,CAAC,OAAO,iBAAiB;AAC3G,QAAM,EAAE,SAAS,WAAW,GAAG,UAAU,QAAI,kCAAa,OAAO,wCAAsB;AACvF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,WAAW,KAAK,cAAc,eAAW,cAAG,yBAAyB,SAAS,GAAG;AACpG,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,WAAW,OAAO,iBAAiB,OAAO,OAAO,GAAG,cAAc,QAAI;AAAA,MAC5E;AAAA,MACA;AAAA,IACF;AACA,UAAM,gBACJ,UAAU,kBAAkB,OAAO,UAAU,WAAW,GAAG,KAAK,MAAM,KAAK,CAAC,MAAM;AAEpF,WACE,6CAAC,SAAI,KAAK,cAAc,eAAW,cAAG,6BAA6B,SAAS,GAC1E;AAAA,kDAAC,4BAAU,GAAG,eAAe,OAAc,WAAU,mCAAkC;AAAA,MACtF,gBAAgB,4CAAC,UAAK,WAAU,mCAAmC,yBAAc,IAAU;AAAA,OAC9F;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,iBAAiB,MAAM,WAA2D,CAAC,OAAO,iBAAiB;AAC/G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,wCAAsB;AAE9C,SACE,6CAAC,oBAAM,GAAG,WAAW,KAAK,cAAc,SAAkB,eAAW,cAAG,yBAAyB,SAAS,GACvG;AAAA,aAAS,OAAO,OACf,4CAAC,yBAAU,WAAU,0BAClB,kBAAQ,4CAAC,oBAAK,MAAK,QAAO,MAAK,MAAK,WAAU,yBAAwB,GACzE;AAAA,IAEF,6CAAC,2BAAY,WAAU,4BACrB;AAAA,kDAAC,yBAAU,WAAU,0BAA0B,oBAAS;AAAA,MACvD,cAAc,4CAAC,+BAAiB,uBAAY,IAAqB;AAAA,MACjE,OAAO,aAAa,WAAW,4CAAC,sBAAmB,OAAO,UAAU,OAAO,eAAe,IAAK;AAAA,OAClG;AAAA,IACC,UAAU,UACT,6CAAC,2BAAY,WAAU,4BACpB;AAAA,eAAS,4CAAC,UAAK,WAAU,2BAA2B,kBAAO,IAAU;AAAA,MACrE;AAAA,OACH,IACE;AAAA,KACN;AAEJ,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,aAKF,OAAO,OAAO,gBAAgB;AAAA,EAChC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AACZ,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { useDropzone, type Accept } from 'react-dropzone'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Button } from '../button/Button'\nimport { CardRoot, type CardProps } from '../card/Card'\nimport { EmptyState, type EmptyStateProps } from '../emptyState/EmptyState'\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n  type ItemProps,\n} from '../item/Item'\nimport { Progress, type ProgressProps } from '../progress/Progress'\nimport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n} from './fileUpload.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FileUploadRootElement = React.ComponentRef<'div'>\ntype FileUploadListElement = React.ComponentRef<'div'>\ntype FileUploadProgressElement = React.ComponentRef<'div'>\ntype FileUploadRootOwnProps = GetPropDefTypes<typeof fileUploadRootPropDefs>\ntype FileUploadListOwnProps = GetPropDefTypes<typeof fileUploadListPropDefs>\ntype FileUploadDropzoneOwnProps = GetPropDefTypes<typeof fileUploadDropzonePropDefs> & {\n  accept?: Accept\n  action?: React.ReactNode\n  actionLabel?: React.ReactNode\n  description?: React.ReactNode\n  illustration?: React.ReactNode\n  multiple?: boolean\n  onActionClick?: React.MouseEventHandler<HTMLButtonElement>\n  onFiles?: (files: File[]) => void\n  title: React.ReactNode\n}\ntype FileUploadItemOwnProps = GetPropDefTypes<typeof fileUploadItemPropDefs> & {\n  actions?: React.ReactNode\n  description?: React.ReactNode\n  fileName: React.ReactNode\n  icon?: React.ReactNode\n  progress?: number\n  progressLabel?: React.ReactNode\n  status?: React.ReactNode\n}\ntype FileUploadProgressOwnProps = GetPropDefTypes<typeof fileUploadProgressPropDefs> & {\n  label?: React.ReactNode\n}\n\ninterface FileUploadRootProps extends CardProps, FileUploadRootOwnProps {}\n\ninterface FileUploadListProps extends React.ComponentPropsWithoutRef<'div'>, FileUploadListOwnProps {}\n\ninterface FileUploadDropzoneProps\n  extends Omit<EmptyStateProps, 'action' | 'description' | 'illustration' | 'title'>,\n    FileUploadDropzoneOwnProps {}\n\ninterface FileUploadItemProps extends Omit<ItemProps, 'children'>, FileUploadItemOwnProps {}\n\ninterface FileUploadProgressProps extends ProgressProps, FileUploadProgressOwnProps {}\n\nconst FileUploadRoot = React.forwardRef<FileUploadRootElement, FileUploadRootProps>((props, forwardedRef) => {\n  const { asChild, className, size = 'md', ...rootProps } = extractProps(props, fileUploadRootPropDefs)\n\n  return (\n    <CardRoot\n      {...rootProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={cn('dsx-file-upload', className)}\n      data-size={size}\n    />\n  )\n})\nFileUploadRoot.displayName = 'FileUpload'\n\nconst FileUploadDropzone = React.forwardRef<React.ComponentRef<'section'>, FileUploadDropzoneProps>(\n  (props, forwardedRef) => {\n    const {\n      accept,\n      action,\n      actionLabel,\n      asChild,\n      className,\n      description,\n      dragging = false,\n      illustration,\n      multiple,\n      onActionClick,\n      onFiles,\n      title,\n      ...dropzoneProps\n    } = extractProps(props, fileUploadDropzonePropDefs)\n\n    const { getInputProps, getRootProps, isDragActive } = useDropzone({\n      accept,\n      disabled: onFiles === undefined,\n      multiple,\n      onDrop: (files) => {\n        onFiles?.(files)\n      },\n    })\n    const { ref: dropzoneRef, ...rootProps } = getRootProps()\n    const setRefs = React.useCallback(\n      (node: HTMLElement | null) => {\n        if (typeof dropzoneRef === 'function') dropzoneRef(node)\n        else if (dropzoneRef) dropzoneRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node as never\n      },\n      [dropzoneRef, forwardedRef],\n    )\n\n    const resolvedAction =\n      action\n      ?? (actionLabel ? (\n        <Button type=\"button\" variant=\"outline\" onClick={onActionClick}>\n          {actionLabel}\n        </Button>\n      ) : null)\n\n    return (\n      <>\n        {onFiles === undefined ? null : (\n          <input {...getInputProps({ 'aria-label': typeof title === 'string' ? title : 'Browse files' })} />\n        )}\n        <EmptyState\n          {...dropzoneProps}\n          {...rootProps}\n          ref={setRefs}\n          asChild={asChild}\n          action={resolvedAction}\n          className={cn('dsx-file-upload__dropzone', className)}\n          data-dragging={dragging || isDragActive ? 'true' : undefined}\n          description={description}\n          illustration={\n            illustration ?? <Icon name=\"upload\" size=\"lg\" className=\"dsx-file-upload__dropzone-icon\" />\n          }\n          title={title}\n        />\n      </>\n    )\n  },\n)\nFileUploadDropzone.displayName = 'FileUploadDropzone'\n\nconst FileUploadList = React.forwardRef<FileUploadListElement, FileUploadListProps>((props, forwardedRef) => {\n  const { asChild, className, ...listProps } = extractProps(props, fileUploadListPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...listProps} ref={forwardedRef} className={cn('dsx-file-upload__list', className)} />\n})\nFileUploadList.displayName = 'FileUploadList'\n\nconst FileUploadProgress = React.forwardRef<FileUploadProgressElement, FileUploadProgressProps>(\n  (props, forwardedRef) => {\n    const { className, label, showValueLabel = false, value, ...progressProps } = extractProps(\n      props,\n      fileUploadProgressPropDefs,\n    )\n    const resolvedLabel =\n      label ?? (showValueLabel && typeof value === 'number' ? `${Math.round(value)}%` : undefined)\n\n    return (\n      <div ref={forwardedRef} className={cn('dsx-file-upload__progress', className)}>\n        <Progress {...progressProps} value={value} className=\"dsx-file-upload__progress-track\" />\n        {resolvedLabel ? <span className=\"dsx-file-upload__progress-label\">{resolvedLabel}</span> : null}\n      </div>\n    )\n  },\n)\nFileUploadProgress.displayName = 'FileUploadProgress'\n\nconst FileUploadItem = React.forwardRef<React.ComponentRef<'div'>, FileUploadItemProps>((props, forwardedRef) => {\n  const {\n    actions,\n    asChild,\n    className,\n    description,\n    fileName,\n    icon,\n    progress,\n    progressLabel,\n    status,\n    statusTone = 'muted',\n    ...itemProps\n  } = extractProps(props, fileUploadItemPropDefs)\n\n  return (\n    <Item\n      {...itemProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={cn('dsx-file-upload__item', className)}\n      data-status-tone={statusTone === 'muted' ? undefined : statusTone}\n    >\n      {icon === null ? null : (\n        <ItemMedia className=\"dsx-file-upload__media\">\n          {icon ?? <Icon name=\"file\" size=\"sm\" className=\"dsx-file-upload__icon\" />}\n        </ItemMedia>\n      )}\n      <ItemContent className=\"dsx-file-upload__content\">\n        <ItemTitle className=\"dsx-file-upload__title\">{fileName}</ItemTitle>\n        {description ? <ItemDescription>{description}</ItemDescription> : null}\n        {status ? <span className=\"dsx-file-upload__status\">{status}</span> : null}\n        {typeof progress === 'number' ? <FileUploadProgress value={progress} label={progressLabel} /> : null}\n      </ItemContent>\n      {actions ? (\n        <ItemActions className=\"dsx-file-upload__actions\">\n          {actions}\n        </ItemActions>\n      ) : null}\n    </Item>\n  )\n})\nFileUploadItem.displayName = 'FileUploadItem'\n\nconst FileUpload: typeof FileUploadRoot & {\n  Dropzone: typeof FileUploadDropzone\n  List: typeof FileUploadList\n  Item: typeof FileUploadItem\n  Progress: typeof FileUploadProgress\n} = Object.assign(FileUploadRoot, {\n  Dropzone: FileUploadDropzone,\n  List: FileUploadList,\n  Item: FileUploadItem,\n  Progress: FileUploadProgress,\n})\n\nexport { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadProgress, FileUploadRoot }\nexport type {\n  FileUploadDropzoneProps,\n  FileUploadItemProps,\n  FileUploadListProps,\n  FileUploadProgressProps,\n  FileUploadRootProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/fileUpload/FileUpload.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { type Accept } from 'react-dropzone';
 import { type CardProps } from '../card/Card.cjs';
 import { type EmptyStateProps } from '../emptyState/EmptyState.cjs';
 import { type ItemProps } from '../item/Item.cjs';
@@ -8,11 +9,14 @@ import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
 type FileUploadRootOwnProps = GetPropDefTypes<typeof fileUploadRootPropDefs>;
 type FileUploadListOwnProps = GetPropDefTypes<typeof fileUploadListPropDefs>;
 type FileUploadDropzoneOwnProps = GetPropDefTypes<typeof fileUploadDropzonePropDefs> & {
+    accept?: Accept;
     action?: React.ReactNode;
     actionLabel?: React.ReactNode;
     description?: React.ReactNode;
     illustration?: React.ReactNode;
+    multiple?: boolean;
     onActionClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onFiles?: (files: File[]) => void;
     title: React.ReactNode;
 };
 type FileUploadItemOwnProps = GetPropDefTypes<typeof fileUploadItemPropDefs> & {

package/dist/components/fileUpload/FileUpload.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.cts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAKpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAC5E,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,GAAG;IACrF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC1D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AACD,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AACD,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB,CAAA;AAED,UAAU,mBAAoB,SAAQ,SAAS,EAAE,sBAAsB;CAAG;AAE1E,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,sBAAsB;CAAG;AAEtG,UAAU,uBACR,SAAQ,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC,EAChF,0BAA0B;CAAG;AAEjC,UAAU,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,sBAAsB;CAAG;AAE5F,UAAU,uBAAwB,SAAQ,aAAa,EAAE,0BAA0B;CAAG;AAEtF,QAAA,MAAM,cAAc,4FAYlB,CAAA;AAGF,QAAA,MAAM,kBAAkB,6FAuCvB,CAAA;AAGD,QAAA,MAAM,cAAc,4FAKlB,CAAA;AAGF,QAAA,MAAM,kBAAkB,gGAgBvB,CAAA;AAGD,QAAA,MAAM,cAAc,4FAkClB,CAAA;AAGF,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,QAAQ,EAAE,OAAO,kBAAkB,CAAA;CAMnC,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAA;AAC7G,YAAY,EACV,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"FileUpload.d.cts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/fileUpload/FileUpload.d.mts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { type Accept } from 'react-dropzone';
 import { type CardProps } from '../card/Card.js';
 import { type EmptyStateProps } from '../emptyState/EmptyState.js';
 import { type ItemProps } from '../item/Item.js';
@@ -8,11 +9,14 @@ import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
 type FileUploadRootOwnProps = GetPropDefTypes<typeof fileUploadRootPropDefs>;
 type FileUploadListOwnProps = GetPropDefTypes<typeof fileUploadListPropDefs>;
 type FileUploadDropzoneOwnProps = GetPropDefTypes<typeof fileUploadDropzonePropDefs> & {
+    accept?: Accept;
     action?: React.ReactNode;
     actionLabel?: React.ReactNode;
     description?: React.ReactNode;
     illustration?: React.ReactNode;
+    multiple?: boolean;
     onActionClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onFiles?: (files: File[]) => void;
     title: React.ReactNode;
 };
 type FileUploadItemOwnProps = GetPropDefTypes<typeof fileUploadItemPropDefs> & {

package/dist/components/fileUpload/FileUpload.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.mts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUpload.d.mts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/fileUpload/FileUpload.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { type Accept } from 'react-dropzone';
 import { type CardProps } from '../card/Card.js';
 import { type EmptyStateProps } from '../emptyState/EmptyState.js';
 import { type ItemProps } from '../item/Item.js';
@@ -8,11 +9,14 @@ import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
 type FileUploadRootOwnProps = GetPropDefTypes<typeof fileUploadRootPropDefs>;
 type FileUploadListOwnProps = GetPropDefTypes<typeof fileUploadListPropDefs>;
 type FileUploadDropzoneOwnProps = GetPropDefTypes<typeof fileUploadDropzonePropDefs> & {
+    accept?: Accept;
     action?: React.ReactNode;
     actionLabel?: React.ReactNode;
     description?: React.ReactNode;
     illustration?: React.ReactNode;
+    multiple?: boolean;
     onActionClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onFiles?: (files: File[]) => void;
     title: React.ReactNode;
 };
 type FileUploadItemOwnProps = GetPropDefTypes<typeof fileUploadItemPropDefs> & {

package/dist/components/fileUpload/FileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/fileUpload/FileUpload.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
+import { useDropzone } from "react-dropzone";
 import { cn } from "../../_internal/cn.js";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { Icon } from "../icon/Icon.js";
@@ -22,7 +23,7 @@ import {
   fileUploadProgressPropDefs,
   fileUploadRootPropDefs
 } from "./fileUpload.props.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const FileUploadRoot = React.forwardRef((props, forwardedRef) => {
   const { asChild, className, size = "md", ...rootProps } = extractProps(props, fileUploadRootPropDefs);
   return /* @__PURE__ */ jsx(
@@ -40,6 +41,7 @@ FileUploadRoot.displayName = "FileUpload";
 const FileUploadDropzone = React.forwardRef(
   (props, forwardedRef) => {
     const {
+      accept,
       action,
       actionLabel,
       asChild,
@@ -47,25 +49,49 @@ const FileUploadDropzone = React.forwardRef(
       description,
       dragging = false,
       illustration,
+      multiple,
       onActionClick,
+      onFiles,
       title,
       ...dropzoneProps
     } = extractProps(props, fileUploadDropzonePropDefs);
-    const resolvedAction = action ?? (actionLabel ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onActionClick, children: actionLabel }) : null);
-    return /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        ...dropzoneProps,
-        ref: forwardedRef,
-        asChild,
-        action: resolvedAction,
-        className: cn("dsx-file-upload__dropzone", className),
-        "data-dragging": dragging ? "true" : void 0,
-        description,
-        illustration: illustration ?? /* @__PURE__ */ jsx(Icon, { name: "upload", size: "lg", className: "dsx-file-upload__dropzone-icon" }),
-        title
+    const { getInputProps, getRootProps, isDragActive } = useDropzone({
+      accept,
+      disabled: onFiles === void 0,
+      multiple,
+      onDrop: (files) => {
+        onFiles?.(files);
       }
+    });
+    const { ref: dropzoneRef, ...rootProps } = getRootProps();
+    const setRefs = React.useCallback(
+      (node) => {
+        if (typeof dropzoneRef === "function") dropzoneRef(node);
+        else if (dropzoneRef) dropzoneRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+      },
+      [dropzoneRef, forwardedRef]
     );
+    const resolvedAction = action ?? (actionLabel ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onActionClick, children: actionLabel }) : null);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      onFiles === void 0 ? null : /* @__PURE__ */ jsx("input", { ...getInputProps({ "aria-label": typeof title === "string" ? title : "Browse files" }) }),
+      /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          ...dropzoneProps,
+          ...rootProps,
+          ref: setRefs,
+          asChild,
+          action: resolvedAction,
+          className: cn("dsx-file-upload__dropzone", className),
+          "data-dragging": dragging || isDragActive ? "true" : void 0,
+          description,
+          illustration: illustration ?? /* @__PURE__ */ jsx(Icon, { name: "upload", size: "lg", className: "dsx-file-upload__dropzone-icon" }),
+          title
+        }
+      )
+    ] });
   }
 );
 FileUploadDropzone.displayName = "FileUploadDropzone";
@@ -100,20 +126,29 @@ const FileUploadItem = React.forwardRef((props, forwardedRef) => {
     progress,
     progressLabel,
     status,
+    statusTone = "muted",
     ...itemProps
   } = extractProps(props, fileUploadItemPropDefs);
-  return /* @__PURE__ */ jsxs(Item, { ...itemProps, ref: forwardedRef, asChild, className: cn("dsx-file-upload__item", className), children: [
-    icon === null ? null : /* @__PURE__ */ jsx(ItemMedia, { className: "dsx-file-upload__media", children: icon ?? /* @__PURE__ */ jsx(Icon, { name: "file", size: "sm", className: "dsx-file-upload__icon" }) }),
-    /* @__PURE__ */ jsxs(ItemContent, { className: "dsx-file-upload__content", children: [
-      /* @__PURE__ */ jsx(ItemTitle, { className: "dsx-file-upload__title", children: fileName }),
-      description ? /* @__PURE__ */ jsx(ItemDescription, { children: description }) : null,
-      typeof progress === "number" ? /* @__PURE__ */ jsx(FileUploadProgress, { value: progress, label: progressLabel }) : null
-    ] }),
-    status || actions ? /* @__PURE__ */ jsxs(ItemActions, { className: "dsx-file-upload__actions", children: [
-      status ? /* @__PURE__ */ jsx("span", { className: "dsx-file-upload__status", children: status }) : null,
-      actions
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Item,
+    {
+      ...itemProps,
+      ref: forwardedRef,
+      asChild,
+      className: cn("dsx-file-upload__item", className),
+      "data-status-tone": statusTone === "muted" ? void 0 : statusTone,
+      children: [
+        icon === null ? null : /* @__PURE__ */ jsx(ItemMedia, { className: "dsx-file-upload__media", children: icon ?? /* @__PURE__ */ jsx(Icon, { name: "file", size: "sm", className: "dsx-file-upload__icon" }) }),
+        /* @__PURE__ */ jsxs(ItemContent, { className: "dsx-file-upload__content", children: [
+          /* @__PURE__ */ jsx(ItemTitle, { className: "dsx-file-upload__title", children: fileName }),
+          description ? /* @__PURE__ */ jsx(ItemDescription, { children: description }) : null,
+          status ? /* @__PURE__ */ jsx("span", { className: "dsx-file-upload__status", children: status }) : null,
+          typeof progress === "number" ? /* @__PURE__ */ jsx(FileUploadProgress, { value: progress, label: progressLabel }) : null
+        ] }),
+        actions ? /* @__PURE__ */ jsx(ItemActions, { className: "dsx-file-upload__actions", children: actions }) : null
+      ]
+    }
+  );
 });
 FileUploadItem.displayName = "FileUploadItem";
 const FileUpload = Object.assign(FileUploadRoot, {

package/dist/components/fileUpload/FileUpload.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/fileUpload/FileUpload.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Button } from '../button/Button'\nimport { CardRoot, type CardProps } from '../card/Card'\nimport { EmptyState, type EmptyStateProps } from '../emptyState/EmptyState'\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n  type ItemProps,\n} from '../item/Item'\nimport { Progress, type ProgressProps } from '../progress/Progress'\nimport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n} from './fileUpload.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FileUploadRootElement = React.ComponentRef<'div'>\ntype FileUploadListElement = React.ComponentRef<'div'>\ntype FileUploadProgressElement = React.ComponentRef<'div'>\ntype FileUploadRootOwnProps = GetPropDefTypes<typeof fileUploadRootPropDefs>\ntype FileUploadListOwnProps = GetPropDefTypes<typeof fileUploadListPropDefs>\ntype FileUploadDropzoneOwnProps = GetPropDefTypes<typeof fileUploadDropzonePropDefs> & {\n  action?: React.ReactNode\n  actionLabel?: React.ReactNode\n  description?: React.ReactNode\n  illustration?: React.ReactNode\n  onActionClick?: React.MouseEventHandler<HTMLButtonElement>\n  title: React.ReactNode\n}\ntype FileUploadItemOwnProps = GetPropDefTypes<typeof fileUploadItemPropDefs> & {\n  actions?: React.ReactNode\n  description?: React.ReactNode\n  fileName: React.ReactNode\n  icon?: React.ReactNode\n  progress?: number\n  progressLabel?: React.ReactNode\n  status?: React.ReactNode\n}\ntype FileUploadProgressOwnProps = GetPropDefTypes<typeof fileUploadProgressPropDefs> & {\n  label?: React.ReactNode\n}\n\ninterface FileUploadRootProps extends CardProps, FileUploadRootOwnProps {}\n\ninterface FileUploadListProps extends React.ComponentPropsWithoutRef<'div'>, FileUploadListOwnProps {}\n\ninterface FileUploadDropzoneProps\n  extends Omit<EmptyStateProps, 'action' | 'description' | 'illustration' | 'title'>,\n    FileUploadDropzoneOwnProps {}\n\ninterface FileUploadItemProps extends Omit<ItemProps, 'children'>, FileUploadItemOwnProps {}\n\ninterface FileUploadProgressProps extends ProgressProps, FileUploadProgressOwnProps {}\n\nconst FileUploadRoot = React.forwardRef<FileUploadRootElement, FileUploadRootProps>((props, forwardedRef) => {\n  const { asChild, className, size = 'md', ...rootProps } = extractProps(props, fileUploadRootPropDefs)\n\n  return (\n    <CardRoot\n      {...rootProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={cn('dsx-file-upload', className)}\n      data-size={size}\n    />\n  )\n})\nFileUploadRoot.displayName = 'FileUpload'\n\nconst FileUploadDropzone = React.forwardRef<React.ComponentRef<'section'>, FileUploadDropzoneProps>(\n  (props, forwardedRef) => {\n    const {\n      action,\n      actionLabel,\n      asChild,\n      className,\n      description,\n      dragging = false,\n      illustration,\n      onActionClick,\n      title,\n      ...dropzoneProps\n    } = extractProps(props, fileUploadDropzonePropDefs)\n\n    const resolvedAction =\n      action\n      ?? (actionLabel ? (\n        <Button type=\"button\" variant=\"outline\" onClick={onActionClick}>\n          {actionLabel}\n        </Button>\n      ) : null)\n\n    return (\n      <EmptyState\n        {...dropzoneProps}\n        ref={forwardedRef}\n        asChild={asChild}\n        action={resolvedAction}\n        className={cn('dsx-file-upload__dropzone', className)}\n        data-dragging={dragging ? 'true' : undefined}\n        description={description}\n        illustration={\n          illustration ?? <Icon name=\"upload\" size=\"lg\" className=\"dsx-file-upload__dropzone-icon\" />\n        }\n        title={title}\n      />\n    )\n  },\n)\nFileUploadDropzone.displayName = 'FileUploadDropzone'\n\nconst FileUploadList = React.forwardRef<FileUploadListElement, FileUploadListProps>((props, forwardedRef) => {\n  const { asChild, className, ...listProps } = extractProps(props, fileUploadListPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...listProps} ref={forwardedRef} className={cn('dsx-file-upload__list', className)} />\n})\nFileUploadList.displayName = 'FileUploadList'\n\nconst FileUploadProgress = React.forwardRef<FileUploadProgressElement, FileUploadProgressProps>(\n  (props, forwardedRef) => {\n    const { className, label, showValueLabel = false, value, ...progressProps } = extractProps(\n      props,\n      fileUploadProgressPropDefs,\n    )\n    const resolvedLabel =\n      label ?? (showValueLabel && typeof value === 'number' ? `${Math.round(value)}%` : undefined)\n\n    return (\n      <div ref={forwardedRef} className={cn('dsx-file-upload__progress', className)}>\n        <Progress {...progressProps} value={value} className=\"dsx-file-upload__progress-track\" />\n        {resolvedLabel ? <span className=\"dsx-file-upload__progress-label\">{resolvedLabel}</span> : null}\n      </div>\n    )\n  },\n)\nFileUploadProgress.displayName = 'FileUploadProgress'\n\nconst FileUploadItem = React.forwardRef<React.ComponentRef<'div'>, FileUploadItemProps>((props, forwardedRef) => {\n  const {\n    actions,\n    asChild,\n    className,\n    description,\n    fileName,\n    icon,\n    progress,\n    progressLabel,\n    status,\n    ...itemProps\n  } = extractProps(props, fileUploadItemPropDefs)\n\n  return (\n    <Item {...itemProps} ref={forwardedRef} asChild={asChild} className={cn('dsx-file-upload__item', className)}>\n      {icon === null ? null : (\n        <ItemMedia className=\"dsx-file-upload__media\">\n          {icon ?? <Icon name=\"file\" size=\"sm\" className=\"dsx-file-upload__icon\" />}\n        </ItemMedia>\n      )}\n      <ItemContent className=\"dsx-file-upload__content\">\n        <ItemTitle className=\"dsx-file-upload__title\">{fileName}</ItemTitle>\n        {description ? <ItemDescription>{description}</ItemDescription> : null}\n        {typeof progress === 'number' ? <FileUploadProgress value={progress} label={progressLabel} /> : null}\n      </ItemContent>\n      {status || actions ? (\n        <ItemActions className=\"dsx-file-upload__actions\">\n          {status ? <span className=\"dsx-file-upload__status\">{status}</span> : null}\n          {actions}\n        </ItemActions>\n      ) : null}\n    </Item>\n  )\n})\nFileUploadItem.displayName = 'FileUploadItem'\n\nconst FileUpload: typeof FileUploadRoot & {\n  Dropzone: typeof FileUploadDropzone\n  List: typeof FileUploadList\n  Item: typeof FileUploadItem\n  Progress: typeof FileUploadProgress\n} = Object.assign(FileUploadRoot, {\n  Dropzone: FileUploadDropzone,\n  List: FileUploadList,\n  Item: FileUploadItem,\n  Progress: FileUploadProgress,\n})\n\nexport { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadProgress, FileUploadRoot }\nexport type {\n  FileUploadDropzoneProps,\n  FileUploadItemProps,\n  FileUploadListProps,\n  FileUploadProgressProps,\n  FileUploadRootProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { useDropzone, type Accept } from 'react-dropzone'\n\nimport { cn } from '../../_internal/cn'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Button } from '../button/Button'\nimport { CardRoot, type CardProps } from '../card/Card'\nimport { EmptyState, type EmptyStateProps } from '../emptyState/EmptyState'\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n  type ItemProps,\n} from '../item/Item'\nimport { Progress, type ProgressProps } from '../progress/Progress'\nimport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n} from './fileUpload.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FileUploadRootElement = React.ComponentRef<'div'>\ntype FileUploadListElement = React.ComponentRef<'div'>\ntype FileUploadProgressElement = React.ComponentRef<'div'>\ntype FileUploadRootOwnProps = GetPropDefTypes<typeof fileUploadRootPropDefs>\ntype FileUploadListOwnProps = GetPropDefTypes<typeof fileUploadListPropDefs>\ntype FileUploadDropzoneOwnProps = GetPropDefTypes<typeof fileUploadDropzonePropDefs> & {\n  accept?: Accept\n  action?: React.ReactNode\n  actionLabel?: React.ReactNode\n  description?: React.ReactNode\n  illustration?: React.ReactNode\n  multiple?: boolean\n  onActionClick?: React.MouseEventHandler<HTMLButtonElement>\n  onFiles?: (files: File[]) => void\n  title: React.ReactNode\n}\ntype FileUploadItemOwnProps = GetPropDefTypes<typeof fileUploadItemPropDefs> & {\n  actions?: React.ReactNode\n  description?: React.ReactNode\n  fileName: React.ReactNode\n  icon?: React.ReactNode\n  progress?: number\n  progressLabel?: React.ReactNode\n  status?: React.ReactNode\n}\ntype FileUploadProgressOwnProps = GetPropDefTypes<typeof fileUploadProgressPropDefs> & {\n  label?: React.ReactNode\n}\n\ninterface FileUploadRootProps extends CardProps, FileUploadRootOwnProps {}\n\ninterface FileUploadListProps extends React.ComponentPropsWithoutRef<'div'>, FileUploadListOwnProps {}\n\ninterface FileUploadDropzoneProps\n  extends Omit<EmptyStateProps, 'action' | 'description' | 'illustration' | 'title'>,\n    FileUploadDropzoneOwnProps {}\n\ninterface FileUploadItemProps extends Omit<ItemProps, 'children'>, FileUploadItemOwnProps {}\n\ninterface FileUploadProgressProps extends ProgressProps, FileUploadProgressOwnProps {}\n\nconst FileUploadRoot = React.forwardRef<FileUploadRootElement, FileUploadRootProps>((props, forwardedRef) => {\n  const { asChild, className, size = 'md', ...rootProps } = extractProps(props, fileUploadRootPropDefs)\n\n  return (\n    <CardRoot\n      {...rootProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={cn('dsx-file-upload', className)}\n      data-size={size}\n    />\n  )\n})\nFileUploadRoot.displayName = 'FileUpload'\n\nconst FileUploadDropzone = React.forwardRef<React.ComponentRef<'section'>, FileUploadDropzoneProps>(\n  (props, forwardedRef) => {\n    const {\n      accept,\n      action,\n      actionLabel,\n      asChild,\n      className,\n      description,\n      dragging = false,\n      illustration,\n      multiple,\n      onActionClick,\n      onFiles,\n      title,\n      ...dropzoneProps\n    } = extractProps(props, fileUploadDropzonePropDefs)\n\n    const { getInputProps, getRootProps, isDragActive } = useDropzone({\n      accept,\n      disabled: onFiles === undefined,\n      multiple,\n      onDrop: (files) => {\n        onFiles?.(files)\n      },\n    })\n    const { ref: dropzoneRef, ...rootProps } = getRootProps()\n    const setRefs = React.useCallback(\n      (node: HTMLElement | null) => {\n        if (typeof dropzoneRef === 'function') dropzoneRef(node)\n        else if (dropzoneRef) dropzoneRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node as never\n      },\n      [dropzoneRef, forwardedRef],\n    )\n\n    const resolvedAction =\n      action\n      ?? (actionLabel ? (\n        <Button type=\"button\" variant=\"outline\" onClick={onActionClick}>\n          {actionLabel}\n        </Button>\n      ) : null)\n\n    return (\n      <>\n        {onFiles === undefined ? null : (\n          <input {...getInputProps({ 'aria-label': typeof title === 'string' ? title : 'Browse files' })} />\n        )}\n        <EmptyState\n          {...dropzoneProps}\n          {...rootProps}\n          ref={setRefs}\n          asChild={asChild}\n          action={resolvedAction}\n          className={cn('dsx-file-upload__dropzone', className)}\n          data-dragging={dragging || isDragActive ? 'true' : undefined}\n          description={description}\n          illustration={\n            illustration ?? <Icon name=\"upload\" size=\"lg\" className=\"dsx-file-upload__dropzone-icon\" />\n          }\n          title={title}\n        />\n      </>\n    )\n  },\n)\nFileUploadDropzone.displayName = 'FileUploadDropzone'\n\nconst FileUploadList = React.forwardRef<FileUploadListElement, FileUploadListProps>((props, forwardedRef) => {\n  const { asChild, className, ...listProps } = extractProps(props, fileUploadListPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...listProps} ref={forwardedRef} className={cn('dsx-file-upload__list', className)} />\n})\nFileUploadList.displayName = 'FileUploadList'\n\nconst FileUploadProgress = React.forwardRef<FileUploadProgressElement, FileUploadProgressProps>(\n  (props, forwardedRef) => {\n    const { className, label, showValueLabel = false, value, ...progressProps } = extractProps(\n      props,\n      fileUploadProgressPropDefs,\n    )\n    const resolvedLabel =\n      label ?? (showValueLabel && typeof value === 'number' ? `${Math.round(value)}%` : undefined)\n\n    return (\n      <div ref={forwardedRef} className={cn('dsx-file-upload__progress', className)}>\n        <Progress {...progressProps} value={value} className=\"dsx-file-upload__progress-track\" />\n        {resolvedLabel ? <span className=\"dsx-file-upload__progress-label\">{resolvedLabel}</span> : null}\n      </div>\n    )\n  },\n)\nFileUploadProgress.displayName = 'FileUploadProgress'\n\nconst FileUploadItem = React.forwardRef<React.ComponentRef<'div'>, FileUploadItemProps>((props, forwardedRef) => {\n  const {\n    actions,\n    asChild,\n    className,\n    description,\n    fileName,\n    icon,\n    progress,\n    progressLabel,\n    status,\n    statusTone = 'muted',\n    ...itemProps\n  } = extractProps(props, fileUploadItemPropDefs)\n\n  return (\n    <Item\n      {...itemProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={cn('dsx-file-upload__item', className)}\n      data-status-tone={statusTone === 'muted' ? undefined : statusTone}\n    >\n      {icon === null ? null : (\n        <ItemMedia className=\"dsx-file-upload__media\">\n          {icon ?? <Icon name=\"file\" size=\"sm\" className=\"dsx-file-upload__icon\" />}\n        </ItemMedia>\n      )}\n      <ItemContent className=\"dsx-file-upload__content\">\n        <ItemTitle className=\"dsx-file-upload__title\">{fileName}</ItemTitle>\n        {description ? <ItemDescription>{description}</ItemDescription> : null}\n        {status ? <span className=\"dsx-file-upload__status\">{status}</span> : null}\n        {typeof progress === 'number' ? <FileUploadProgress value={progress} label={progressLabel} /> : null}\n      </ItemContent>\n      {actions ? (\n        <ItemActions className=\"dsx-file-upload__actions\">\n          {actions}\n        </ItemActions>\n      ) : null}\n    </Item>\n  )\n})\nFileUploadItem.displayName = 'FileUploadItem'\n\nconst FileUpload: typeof FileUploadRoot & {\n  Dropzone: typeof FileUploadDropzone\n  List: typeof FileUploadList\n  Item: typeof FileUploadItem\n  Progress: typeof FileUploadProgress\n} = Object.assign(FileUploadRoot, {\n  Dropzone: FileUploadDropzone,\n  List: FileUploadList,\n  Item: FileUploadItem,\n  Progress: FileUploadProgress,\n})\n\nexport { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadProgress, FileUploadRoot }\nexport type {\n  FileUploadDropzoneProps,\n  FileUploadItemProps,\n  FileUploadListProps,\n  FileUploadProgressProps,\n  FileUploadRootProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/fileUpload/fileUpload.props.cjs

@@ -27,6 +27,7 @@ __export(fileUpload_props_exports, {
 module.exports = __toCommonJS(fileUpload_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
 const fileUploadSizes = ["sm", "md", "lg"];
+const fileUploadStatusTones = ["muted", "danger"];
 const fileUploadRootPropDefs = {
   ...import_asChild.asChildPropDef,
   size: {
@@ -46,7 +47,12 @@ const fileUploadListPropDefs = {
   ...import_asChild.asChildPropDef
 };
 const fileUploadItemPropDefs = {
-  ...import_asChild.asChildPropDef
+  ...import_asChild.asChildPropDef,
+  statusTone: {
+    type: "enum",
+    values: fileUploadStatusTones,
+    default: "muted"
+  }
 };
 const fileUploadProgressPropDefs = {
   showValueLabel: {

package/dist/components/fileUpload/fileUpload.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/fileUpload/fileUpload.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst fileUploadSizes = ['sm', 'md', 'lg'] as const\n\nconst fileUploadRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: fileUploadSizes,\n    default: 'md',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof fileUploadSizes)[number]>\n}\n\nconst fileUploadDropzonePropDefs = {\n  ...asChildPropDef,\n  dragging: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  dragging: PropDef\n}\n\nconst fileUploadListPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst fileUploadItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst fileUploadProgressPropDefs = {\n  showValueLabel: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  showValueLabel: PropDef\n}\n\nexport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,kBAAkB,CAAC,MAAM,MAAM,IAAI;AAEzC,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,6BAA6B;AAAA,EACjC,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;AAIA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;AAIA,MAAM,6BAA6B;AAAA,EACjC,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst fileUploadSizes = ['sm', 'md', 'lg'] as const\n\nconst fileUploadStatusTones = ['muted', 'danger'] as const\n\nconst fileUploadRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: fileUploadSizes,\n    default: 'md',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof fileUploadSizes)[number]>\n}\n\nconst fileUploadDropzonePropDefs = {\n  ...asChildPropDef,\n  dragging: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  dragging: PropDef\n}\n\nconst fileUploadListPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst fileUploadItemPropDefs = {\n  ...asChildPropDef,\n  statusTone: {\n    type: 'enum',\n    values: fileUploadStatusTones,\n    default: 'muted',\n  },\n} satisfies {\n  asChild: PropDef\n  statusTone: PropDef<(typeof fileUploadStatusTones)[number]>\n}\n\nconst fileUploadProgressPropDefs = {\n  showValueLabel: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  showValueLabel: PropDef\n}\n\nexport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,kBAAkB,CAAC,MAAM,MAAM,IAAI;AAEzC,MAAM,wBAAwB,CAAC,SAAS,QAAQ;AAEhD,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,6BAA6B;AAAA,EACjC,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;AAIA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,6BAA6B;AAAA,EACjC,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/fileUpload/fileUpload.props.d.cts

@@ -26,6 +26,11 @@ declare const fileUploadListPropDefs: {
     };
 };
 declare const fileUploadItemPropDefs: {
+    statusTone: {
+        type: "enum";
+        values: readonly ["muted", "danger"];
+        default: "muted";
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/fileUpload/fileUpload.props.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"fileUpload.props.d.cts","sourceRoot":"","sources":["../../../src/components/fileUpload/fileUpload.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;;;;;CAS/B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;CAO/B,CAAA;AAED,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"fileUpload.props.d.cts","sourceRoot":"","sources":["../../../src/components/fileUpload/fileUpload.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;;;;;CAS/B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;CAO/B,CAAA;AAED,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAA"}

package/dist/components/fileUpload/fileUpload.props.d.mts

@@ -26,6 +26,11 @@ declare const fileUploadListPropDefs: {
     };
 };
 declare const fileUploadItemPropDefs: {
+    statusTone: {
+        type: "enum";
+        values: readonly ["muted", "danger"];
+        default: "muted";
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/fileUpload/fileUpload.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"fileUpload.props.d.mts","sourceRoot":"","sources":["../../../src/components/fileUpload/fileUpload.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;;;;;CAS/B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;CAO/B,CAAA;AAED,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"fileUpload.props.d.mts","sourceRoot":"","sources":["../../../src/components/fileUpload/fileUpload.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;;;;;CAS/B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;CAO/B,CAAA;AAED,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAA"}

package/dist/components/fileUpload/fileUpload.props.d.ts

@@ -26,6 +26,11 @@ declare const fileUploadListPropDefs: {
     };
 };
 declare const fileUploadItemPropDefs: {
+    statusTone: {
+        type: "enum";
+        values: readonly ["muted", "danger"];
+        default: "muted";
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/fileUpload/fileUpload.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileUpload.props.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/fileUpload.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;;;;;CAS/B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;CAO/B,CAAA;AAED,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"fileUpload.props.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/fileUpload.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;;;;;CAS/B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,0BAA0B;;;;;CAO/B,CAAA;AAED,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAA"}

package/dist/components/fileUpload/fileUpload.props.js

@@ -1,5 +1,6 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
 const fileUploadSizes = ["sm", "md", "lg"];
+const fileUploadStatusTones = ["muted", "danger"];
 const fileUploadRootPropDefs = {
   ...asChildPropDef,
   size: {
@@ -19,7 +20,12 @@ const fileUploadListPropDefs = {
   ...asChildPropDef
 };
 const fileUploadItemPropDefs = {
-  ...asChildPropDef
+  ...asChildPropDef,
+  statusTone: {
+    type: "enum",
+    values: fileUploadStatusTones,
+    default: "muted"
+  }
 };
 const fileUploadProgressPropDefs = {
   showValueLabel: {

package/dist/components/fileUpload/fileUpload.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/fileUpload/fileUpload.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst fileUploadSizes = ['sm', 'md', 'lg'] as const\n\nconst fileUploadRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: fileUploadSizes,\n    default: 'md',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof fileUploadSizes)[number]>\n}\n\nconst fileUploadDropzonePropDefs = {\n  ...asChildPropDef,\n  dragging: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  dragging: PropDef\n}\n\nconst fileUploadListPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst fileUploadItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst fileUploadProgressPropDefs = {\n  showValueLabel: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  showValueLabel: PropDef\n}\n\nexport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n}\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,kBAAkB,CAAC,MAAM,MAAM,IAAI;AAEzC,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,6BAA6B;AAAA,EACjC,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;AAIA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;AAIA,MAAM,6BAA6B;AAAA,EACjC,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst fileUploadSizes = ['sm', 'md', 'lg'] as const\n\nconst fileUploadStatusTones = ['muted', 'danger'] as const\n\nconst fileUploadRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: fileUploadSizes,\n    default: 'md',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof fileUploadSizes)[number]>\n}\n\nconst fileUploadDropzonePropDefs = {\n  ...asChildPropDef,\n  dragging: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  dragging: PropDef\n}\n\nconst fileUploadListPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst fileUploadItemPropDefs = {\n  ...asChildPropDef,\n  statusTone: {\n    type: 'enum',\n    values: fileUploadStatusTones,\n    default: 'muted',\n  },\n} satisfies {\n  asChild: PropDef\n  statusTone: PropDef<(typeof fileUploadStatusTones)[number]>\n}\n\nconst fileUploadProgressPropDefs = {\n  showValueLabel: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  showValueLabel: PropDef\n}\n\nexport {\n  fileUploadDropzonePropDefs,\n  fileUploadItemPropDefs,\n  fileUploadListPropDefs,\n  fileUploadProgressPropDefs,\n  fileUploadRootPropDefs,\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,kBAAkB,CAAC,MAAM,MAAM,IAAI;AAEzC,MAAM,wBAAwB,CAAC,SAAS,QAAQ;AAEhD,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,6BAA6B;AAAA,EACjC,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAKA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;AAIA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,6BAA6B;AAAA,EACjC,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/filter-bar.css

@@ -20,6 +20,7 @@
 .dsx-filter-bar__control { display: inline-flex; border-radius: var(--dsx-rounded-md); }
 .dsx-filter-bar__control[data-active='true'] { box-shadow: inset 0 0 0 var(--dsx-border-width-sm) var(--dsx-color-accent-indicator); }
 .dsx-filter-bar__count { display: inline-flex; align-items: center; justify-content: center; min-width: var(--dsx-size-md); min-height: var(--dsx-size-md); border-radius: var(--dsx-rounded-full); background: var(--dsx-color-accent-surface); color: var(--dsx-color-accent-indicator); }
+.dsx-filter-bar__clear { flex: none; }
 
 .dsx-filter-bar__summary {
   min-width: 0;

package/dist/components/flex/Flex.cjs

@@ -132,7 +132,7 @@ const Flex = React.forwardRef(function Flex2({
     gridArea,
     ...layoutProps
   } = props;
-  const resolvedProps = (0, import_layout.extractLayoutProps)(layoutProps, import_layout.BOX_PROP_DEFS, import_layout.FLEX_PROP_DEFS);
+  const resolvedProps = (0, import_layout.extractLayoutProps)({ ...layoutProps, gap }, import_layout.BOX_PROP_DEFS, import_layout.FLEX_PROP_DEFS);
   const mergedStyle = writeBoxChildStyleVars(style, {
     flex,
     flexGrow,

package/dist/components/flex/Flex.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/flex/Flex.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport {\n  BOX_PROP_DEFS,\n  FLEX_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type FlexStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\nimport { type PolymorphicProps } from '../../foundations/Shared'\n\ntype FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse'\ntype FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\ntype FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nconst directionUtilityValues = new Set<string>(['row', 'column', 'row-reverse', 'column-reverse'])\nconst alignUtilityValues = new Set<string>(['start', 'center', 'end', 'stretch', 'baseline'])\nconst justifyUtilityValues = new Set<string>(['start', 'center', 'end', 'between', 'around', 'evenly'])\nconst wrapUtilityValues = new Set<string>(['nowrap', 'wrap', 'wrap-reverse'])\n\nfunction getUtilityClassValue(value: string) {\n  if (value === 'none') {\n    return '0'\n  }\n  return value.split('_').join('-')\n}\n\nfunction getResponsiveUtilityClassNames<T extends string | number | boolean>(\n  className: string,\n  value: ResponsiveValue<T> | undefined,\n  utilityValues: Set<string>,\n) {\n  const responsive = toResponsiveMap(value)\n  const classNames: string[] = []\n  const conditions: ResponsiveCondition[] = ['initial', ...RESPONSIVE_CONDITIONS.filter((condition) => condition !== 'initial')]\n\n  for (const condition of conditions) {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      continue\n    }\n\n    const baseClassName =\n      typeof nextValue === 'string' && utilityValues.has(nextValue)\n        ? `${className}-${getUtilityClassValue(nextValue)}`\n        : className\n    classNames.push(condition === 'initial' ? baseClassName : `${condition}:${baseClassName}`)\n  }\n\n  return classNames.length > 0 ? classNames.join(' ') : undefined\n}\n\nfunction getFlexUtilityClassName({\n  align,\n  direction,\n  justify,\n  wrap,\n}: {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  justify?: ResponsiveValue<FlexJustify>\n  wrap?: ResponsiveValue<FlexWrap>\n}) {\n  return classNames(\n    getResponsiveUtilityClassNames('dsx-r-fd', direction, directionUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-ai', align, alignUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-jc', justify, justifyUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-fw', wrap, wrapUtilityValues),\n  )\n}\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: ResponsiveValue<number | string>\n    flexGrow?: ResponsiveValue<number>\n    flexShrink?: ResponsiveValue<number>\n    flexBasis?: ResponsiveValue<number | string>\n    order?: ResponsiveValue<number>\n    gridColumn?: ResponsiveValue<string>\n    gridRow?: ResponsiveValue<string>\n    gridArea?: ResponsiveValue<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\ntype FlexOwnProps = BoxStyleProps &\n  FlexStyleProps & {\n    align?: ResponsiveValue<FlexAlign>\n    direction?: ResponsiveValue<FlexDirection>\n    justify?: ResponsiveValue<FlexJustify>\n    wrap?: ResponsiveValue<FlexWrap>\n  }\n\nexport type FlexProps<T extends React.ElementType = 'div'> = PolymorphicProps<T, FlexOwnProps>\n\nexport const Flex = React.forwardRef(function Flex<T extends React.ElementType = 'div'>(\n  {\n    align,\n    as,\n    asChild = false,\n    children,\n    className,\n    direction = 'row',\n    gap,\n    hide,\n    justify,\n    show,\n    style,\n    wrap = 'nowrap',\n    ...props\n  }: FlexProps<T>,\n  ref: React.Ref<HTMLElement>,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  const resolvedProps = extractLayoutProps(layoutProps, BOX_PROP_DEFS, FLEX_PROP_DEFS)\n\n  const mergedStyle = writeBoxChildStyleVars(style, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'flex'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'flex' : 'none'))\n  const finalStyle = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...mergedStyle }\n    : mergedStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames(\n        'dsx-box',\n        'dsx-flex',\n        getFlexUtilityClassName({ align, direction, justify, wrap }),\n        resolvedProps.className,\n        className,\n      )}\n      data-gap={serializeResponsiveValue(gap)}\n      data-align={serializeResponsiveValue(align)}\n      data-justify={serializeResponsiveValue(justify)}\n      style={finalStyle}\n    >\n      {children}\n    </Component>\n  )\n})\n\nFlex.displayName = 'Flex'\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport {\n  BOX_PROP_DEFS,\n  FLEX_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type FlexStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\nimport { type PolymorphicProps } from '../../foundations/Shared'\n\ntype FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse'\ntype FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\ntype FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nconst directionUtilityValues = new Set<string>(['row', 'column', 'row-reverse', 'column-reverse'])\nconst alignUtilityValues = new Set<string>(['start', 'center', 'end', 'stretch', 'baseline'])\nconst justifyUtilityValues = new Set<string>(['start', 'center', 'end', 'between', 'around', 'evenly'])\nconst wrapUtilityValues = new Set<string>(['nowrap', 'wrap', 'wrap-reverse'])\n\nfunction getUtilityClassValue(value: string) {\n  if (value === 'none') {\n    return '0'\n  }\n  return value.split('_').join('-')\n}\n\nfunction getResponsiveUtilityClassNames<T extends string | number | boolean>(\n  className: string,\n  value: ResponsiveValue<T> | undefined,\n  utilityValues: Set<string>,\n) {\n  const responsive = toResponsiveMap(value)\n  const classNames: string[] = []\n  const conditions: ResponsiveCondition[] = ['initial', ...RESPONSIVE_CONDITIONS.filter((condition) => condition !== 'initial')]\n\n  for (const condition of conditions) {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      continue\n    }\n\n    const baseClassName =\n      typeof nextValue === 'string' && utilityValues.has(nextValue)\n        ? `${className}-${getUtilityClassValue(nextValue)}`\n        : className\n    classNames.push(condition === 'initial' ? baseClassName : `${condition}:${baseClassName}`)\n  }\n\n  return classNames.length > 0 ? classNames.join(' ') : undefined\n}\n\nfunction getFlexUtilityClassName({\n  align,\n  direction,\n  justify,\n  wrap,\n}: {\n  align?: ResponsiveValue<FlexAlign>\n  direction?: ResponsiveValue<FlexDirection>\n  justify?: ResponsiveValue<FlexJustify>\n  wrap?: ResponsiveValue<FlexWrap>\n}) {\n  return classNames(\n    getResponsiveUtilityClassNames('dsx-r-fd', direction, directionUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-ai', align, alignUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-jc', justify, justifyUtilityValues),\n    getResponsiveUtilityClassNames('dsx-r-fw', wrap, wrapUtilityValues),\n  )\n}\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: ResponsiveValue<number | string>\n    flexGrow?: ResponsiveValue<number>\n    flexShrink?: ResponsiveValue<number>\n    flexBasis?: ResponsiveValue<number | string>\n    order?: ResponsiveValue<number>\n    gridColumn?: ResponsiveValue<string>\n    gridRow?: ResponsiveValue<string>\n    gridArea?: ResponsiveValue<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\ntype FlexOwnProps = BoxStyleProps &\n  FlexStyleProps & {\n    align?: ResponsiveValue<FlexAlign>\n    direction?: ResponsiveValue<FlexDirection>\n    justify?: ResponsiveValue<FlexJustify>\n    wrap?: ResponsiveValue<FlexWrap>\n  }\n\nexport type FlexProps<T extends React.ElementType = 'div'> = PolymorphicProps<T, FlexOwnProps>\n\nexport const Flex = React.forwardRef(function Flex<T extends React.ElementType = 'div'>(\n  {\n    align,\n    as,\n    asChild = false,\n    children,\n    className,\n    direction = 'row',\n    gap,\n    hide,\n    justify,\n    show,\n    style,\n    wrap = 'nowrap',\n    ...props\n  }: FlexProps<T>,\n  ref: React.Ref<HTMLElement>,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  // `gap` was destructured out above (to read it for `data-gap`) but never made it back\n  // into the props object handed to extractLayoutProps \u2014 so it was silently dropped for\n  // every Flex, at every gap value. Re-added here; Grid's own component already does\n  // this correctly (`gap: responsiveGap` in its own propsForExtraction object).\n  const resolvedProps = extractLayoutProps({ ...layoutProps, gap }, BOX_PROP_DEFS, FLEX_PROP_DEFS)\n\n  const mergedStyle = writeBoxChildStyleVars(style, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'flex'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'flex' : 'none'))\n  const finalStyle = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...mergedStyle }\n    : mergedStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames(\n        'dsx-box',\n        'dsx-flex',\n        getFlexUtilityClassName({ align, direction, justify, wrap }),\n        resolvedProps.className,\n        className,\n      )}\n      data-gap={serializeResponsiveValue(gap)}\n      data-align={serializeResponsiveValue(align)}\n      data-justify={serializeResponsiveValue(justify)}\n      style={finalStyle}\n    >\n      {children}\n    </Component>\n  )\n})\n\nFlex.displayName = 'Flex'\n"],
+  "mappings": "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",
   "names": ["classNames", "Flex"]
 }

package/dist/components/flex/Flex.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.cts","sourceRoot":"","sources":["../../../src/components/flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;AACxE,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC/E,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;AAiHlD,KAAK,YAAY,GAAG,aAAa,GAC/B,cAAc,GAAG;IACf,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;CACjC,CAAA;AAEH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA;AAE9F,eAAO,MAAM,IAAI,uJAwEf,CAAA"}
+{"version":3,"file":"Flex.d.cts","sourceRoot":"","sources":["../../../src/components/flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;AACxE,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC/E,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;AAiHlD,KAAK,YAAY,GAAG,aAAa,GAC/B,cAAc,GAAG;IACf,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;CACjC,CAAA;AAEH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA;AAE9F,eAAO,MAAM,IAAI,uJA4Ef,CAAA"}

package/dist/components/flex/Flex.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.mts","sourceRoot":"","sources":["../../../src/components/flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;AACxE,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC/E,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;AAiHlD,KAAK,YAAY,GAAG,aAAa,GAC/B,cAAc,GAAG;IACf,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;CACjC,CAAA;AAEH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA;AAE9F,eAAO,MAAM,IAAI,uJAwEf,CAAA"}
+{"version":3,"file":"Flex.d.mts","sourceRoot":"","sources":["../../../src/components/flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;AACxE,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC/E,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;AAiHlD,KAAK,YAAY,GAAG,aAAa,GAC/B,cAAc,GAAG;IACf,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;CACjC,CAAA;AAEH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA;AAE9F,eAAO,MAAM,IAAI,uJA4Ef,CAAA"}