@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

package/dist/components/data-table/DataTableSelectAllRowsCheckbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const DataTableSelectAllRowsCheckbox: ({ label }: {
+    label?: string;
+}) => React.JSX.Element;

package/dist/components/data-table/DataTableTable.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Table } from '../table';
+import { TableBody } from '../table/TableBody';
+import { DataTableHead } from './DataTableHead';
+export type DataTableTableProps = Omit<React.ComponentProps<typeof Table>, 'children' | 'numberOfStickyColumns'> & Partial<Pick<React.ComponentProps<typeof DataTableHead>, 'theme' | 'sortable'>> & Partial<Pick<React.ComponentProps<typeof TableBody>, 'striped'>> & {
+    scrollOptions?: {
+        hasStickyHeader?: boolean;
+        stickyHeaderOffset?: number;
+        headerCss?: string;
+        numberOfStickyColumns?: number;
+        scrollContainerCss?: string;
+        showTotalInFirstColumn?: boolean;
+        totalSuffix?: string;
+    };
+    rowAction?: (row: Record<string, unknown>, event: React.MouseEvent) => void;
+    withContainer?: boolean;
+};
+export declare const DataTableTable: ({ sortable, striped, theme, className, scrollOptions, rowAction, withContainer, ...props }: DataTableTableProps) => JSX.Element | null;

package/dist/components/data-table/drag-and-drop/DragAndDropTable.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { TAsyncDataResult } from '../DataTable.types';
+import type { DataTableTableProps } from '../DataTableTable';
+type DragAndDropTableProps = DataTableTableProps & {
+    className?: string;
+    idColumn?: string;
+    onDragAndDrop?: (onDragAndDropData: {
+        oldIndex: number;
+        newIndex: number;
+        newData: TAsyncDataResult;
+    }) => void;
+};
+export declare const DragAndDropTable: ({ idColumn, onDragAndDrop, sortable, striped, theme, className, ...props }: DragAndDropTableProps) => React.JSX.Element;
+export {};

package/dist/components/data-table/drag-and-drop/DragAndDropTable.js

@@ -1,2 +1,2 @@
-import{arrayMove as T}from"@dnd-kit/sortable";import E from"clsx";import*as t from"react";import{Sortable as I}from"../../sortable/index.js";import{Table as g}from"../../table/Table.js";import{DataTable as x}from"../DataTable.js";import{AsyncDataState as A}from"../DataTable.types.js";import{useDataTable as C}from"../DataTableContext.js";import{DataTableLoading as N}from"../DataTableLoading.js";import{DragAndDropTableBody as S}from"./DragAndDropTableBody.js";const h=({idColumn:r="id",onDragAndDrop:o,sortable:m,striped:s,theme:i,className:d,...p})=>{const{asyncDataState:c,data:e,setData:D}=C(),u=c===A.PENDING,b=t.useMemo(()=>e.results.map(a=>a[r]),[e]),f=t.useCallback(({oldIndex:a,newIndex:l})=>{const n=T(e.results,a,l),y={results:n,total:e.total};D({results:n,total:e.total}),o==null||o({oldIndex:a,newIndex:l,newData:y})},[e,o]);return t.createElement(I.Root,{onSortChange:f,sortableIds:b},t.createElement(N,null),t.createElement(g,{...p,className:E(d,u&&["opacity-50","pointer-events-none","transition-opacity,duration-250,linear,delay-150"])},t.createElement(x.Head,{theme:i,sortable:m}),t.createElement(S,{striped:s,idColumn:r})))};export{h as DragAndDropTable};
+import{arrayMove as T}from"@dnd-kit/sortable";import E from"clsx";import*as e from"react";import{Sortable as I}from"../../sortable/index.js";import{Table as g}from"../../table/Table.js";import{DataTable as x}from"../DataTable.js";import{AsyncDataState as A}from"../DataTable.types.js";import{useDataTable as C}from"../DataTableContext.js";import{DataTableLoading as N}from"../DataTableLoading.js";import{DragAndDropTableBody as S}from"./DragAndDropTableBody.js";const h=({idColumn:r="id",onDragAndDrop:o,sortable:m,striped:s,theme:i,className:d,...p})=>{const{asyncDataState:c,data:t,setData:D}=C(),u=c===A.PENDING,b=e.useMemo(()=>t.results.map(a=>a[r]),[t]),f=e.useCallback(({oldIndex:a,newIndex:l})=>{const n=T(t.results,a,l),y={results:n,total:t.total};D({results:n,total:t.total}),o==null||o({oldIndex:a,newIndex:l,newData:y})},[t,o]);return e.createElement(I.Root,{onSortChange:f,sortableIds:b},e.createElement(N,null),e.createElement(g,{...p,className:E(d,u&&["opacity-50","pointer-events-none","transition-opacity,duration-250,linear,delay-150"])},e.createElement(x.Head,{theme:i,sortable:m}),e.createElement(S,{striped:s,idColumn:r})))};export{h as DragAndDropTable};
 //# sourceMappingURL=DragAndDropTable.js.map

package/dist/components/data-table/drag-and-drop/DragAndDropTableBody.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Table } from '../../table';
+type DataTableBodyProps = Omit<React.ComponentProps<typeof Table.Body>, 'children'> & {
+    idColumn?: string;
+};
+export declare const DragAndDropTableBody: ({ striped, idColumn, ...props }: DataTableBodyProps) => React.JSX.Element;
+export {};

package/dist/components/data-table/drag-and-drop/DragAndDropTableRow.d.ts

@@ -0,0 +1,8 @@
+import type { Row } from '@tanstack/react-table';
+import * as React from 'react';
+import { Table } from '../../table';
+export type DataTableDraggableRowProps = React.ComponentProps<typeof Table.Row> & {
+    row: Row<Record<string, unknown>>;
+    idColumn?: string;
+};
+export declare const DragAndDropTableRow: ({ row, idColumn }: DataTableDraggableRowProps) => React.JSX.Element;

package/dist/components/data-table/drag-and-drop/index.d.ts

@@ -0,0 +1 @@
+export { DragAndDropTable } from './DragAndDropTable';

package/dist/components/data-table/getNewAsyncData.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationState, SortingState } from '@tanstack/react-table';
+import type { TAsyncDataOptions, TAsyncDataResult, TGetAsyncData } from './DataTable.types';
+export declare const getNewAsyncData: (getAsyncData: TGetAsyncData, asyncDataOptions: Partial<TAsyncDataOptions>, paginationState: PaginationState, sorting: SortingState, globalFilter: string) => Promise<TAsyncDataResult | undefined>;

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export { useDataTable } from './DataTableContext';
+export { DataTable } from './DataTable';

package/dist/components/data-table/pagination/Pagination.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { TcolorScheme } from '../../../experiments/color-scheme';
+declare const StyledNav: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
+}, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
+type PaginationProps = React.ComponentProps<typeof StyledNav> & {
+    colorScheme?: TcolorScheme;
+};
+/** Applies pagination to parent DataTableProvider and renders UI to switch pages etc */
+export declare const Pagination: {
+    ({ colorScheme, ...props }: PaginationProps): React.JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/components/data-table/pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination } from './Pagination';

package/dist/components/data-table/usePagination.d.ts

@@ -0,0 +1,8 @@
+import type { PaginationState } from '@tanstack/react-table';
+import React from 'react';
+export declare const usePagination: (initialPaginationState: PaginationState | undefined) => {
+    isPaginated: boolean;
+    paginationState: PaginationState | undefined;
+    setPaginationState: React.Dispatch<React.SetStateAction<PaginationState | undefined>>;
+    applyPagination: () => void;
+};

package/dist/components/data-table/useSorting.d.ts

@@ -0,0 +1,9 @@
+import type { SortingState } from '@tanstack/react-table';
+import React from 'react';
+import { TDefaultSort } from './DataTable.types';
+export declare const useSortByColumn: (defaultSort: TDefaultSort | undefined) => {
+    isSortable: boolean;
+    setIsSortable: React.Dispatch<React.SetStateAction<boolean>>;
+    sorting: SortingState;
+    setSorting: React.Dispatch<React.SetStateAction<SortingState>>;
+};

package/dist/components/date-field/DateField.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { DateInputProps } from '../../components/date-input';
+import { FieldElementWrapperProps } from '../../components/field-wrapper';
+type DateFieldProps = DateInputProps & FieldElementWrapperProps;
+export declare const DateField: {
+    ({ className, hideLabel, label, name, validation, prompt, description, appearance, ...remainingProps }: DateFieldProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/date-field/index.d.ts

@@ -0,0 +1 @@
+export { DateField } from './DateField';

package/dist/components/date-input/DateInput.d.ts

@@ -0,0 +1,19 @@
+import type { Props as DayzedInterface } from 'dayzed';
+import * as React from 'react';
+import { CalendarTranslationProps } from '../calendar/Calendar';
+export type DateInputProps = Omit<DayzedInterface, 'onDateSelected'> & CalendarTranslationProps & {
+    initialDate?: Date;
+    dateFormat?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    revalidate?: () => Promise<boolean>;
+    onChange?: (value?: Date) => void;
+};
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<DayzedInterface, "onDateSelected"> & CalendarTranslationProps & {
+    initialDate?: Date;
+    dateFormat?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    revalidate?: () => Promise<boolean>;
+    onChange?: (value?: Date) => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/date-input/DateInput.js

@@ -1,2 +1,2 @@
-import{CalendarEvent as H}from"@atom-learning/icons";import c from"dayjs";import P from"dayjs/plugin/customParseFormat";import*as e from"react";import"../../utilities/css-wrapper/CSSWrapper.js";import{getFieldIconSize as _}from"../../utilities/style/get-icon-size.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{useCallbackRefState as B}from"../../utilities/hooks/useCallbackRef.js";import{ActionIcon as U}from"../action-icon/ActionIcon.js";import{Calendar as V}from"../calendar/Calendar.js";import{DEFAULT_LABELS as W}from"../calendar/constants.js";import{Icon as j}from"../icon/Icon.js";import{Input as Y}from"../input/Input.js";import{Popover as u}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as C}from"./constants.js";c.extend(P);const g=(n,o=C)=>n?c(n).format(o):"",w=e.forwardRef(({initialDate:n,dateFormat:o=C,firstDayOfWeek:I=1,disabled:f,monthNames:N,weekdayNames:T,size:d="md",labels:k,revalidate:m,onChange:p,minDate:A,maxDate:F,...O},S)=>{const[s,D]=e.useState(n?c(n).toDate():void 0),[l,x]=B();e.useImperativeHandle(S,()=>l);const z=g(s,o),L=e.useCallback(t=>{const r=t.target.value,a=c(r,o),i=a.isValid()?a.toDate():void 0;D(i),p==null||p(i)},[o,p]),v=e.useCallback(t=>{D(t),(()=>{var r;if(!l)return;const a=(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:r.set;a==null||a.call(l,g(t,o));const i=new Event("input",{bubbles:!0});l.dispatchEvent(i)})()},[o,l]),E={...W,...k},[R,b]=e.useState(!1),h=e.useRef(null),y=e.useRef(null),M=e.useMemo(()=>_(d),[d]);return e.createElement("div",{className:"relative h-max"},e.createElement(Y,{name:"date",disabled:f,size:d,...O,onChange:L,ref:x,defaultValue:z}),e.createElement(u,{modal:!0,open:R,onOpenChange:b},e.createElement(u.Trigger,{asChild:!0},e.createElement(U,{disabled:f,label:E.open,size:M,theme:"neutral",hasTooltip:!1,className:"absolute top-1/2 right-0 -translate-y-1/2"},e.createElement(j,{is:H}))),e.createElement(u.Portal,null,e.createElement(u.Content,{side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:t=>{var r,a;t.preventDefault(),s?(r=y.current)==null||r.focus():(a=h.current)==null||a.focus()},className:"z-1147483646 pr-6"},e.createElement(V,{date:s||new Date,selected:s,onDateSelected:async t=>{b(!1),await v(t.date),m&&m()},setYear:async t=>{await v(t),m&&m()},minDate:A,maxDate:F,refDateToday:h,refDateSelected:y,firstDayOfWeek:I,monthNames:N,weekdayNames:T,labels:E})))))});w.displayName="DateInput";export{w as DateInput};
+import{CalendarEvent as H}from"@atom-learning/icons";import c from"dayjs";import P from"dayjs/plugin/customParseFormat";import*as e from"react";import"../../utilities/css-wrapper/CSSWrapper.js";import{getFieldIconSize as _}from"../../utilities/style/get-icon-size.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{useCallbackRefState as B}from"../../utilities/hooks/useCallbackRef.js";import{ActionIcon as U}from"../action-icon/ActionIcon.js";import{Calendar as V}from"../calendar/Calendar.js";import{DEFAULT_LABELS as W}from"../calendar/constants.js";import{Icon as j}from"../icon/Icon.js";import{Input as Y}from"../input/Input.js";import{Popover as u}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as C}from"./constants.js";c.extend(P);const g=(n,o=C)=>n?c(n).format(o):"",w=e.forwardRef(({initialDate:n,dateFormat:o=C,firstDayOfWeek:I=1,disabled:f,monthNames:N,weekdayNames:T,size:d="md",labels:k,revalidate:m,onChange:p,minDate:A,maxDate:F,...O},S)=>{const[s,D]=e.useState(n?c(n).toDate():void 0),[l,x]=B();e.useImperativeHandle(S,()=>l);const z=g(s,o),L=e.useCallback(t=>{const r=t.target.value,a=c(r,o),i=a.isValid()?a.toDate():void 0;D(i),p==null||p(i)},[o,p]),E=e.useCallback(t=>{D(t),(()=>{var r;if(!l)return;const a=(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:r.set;a==null||a.call(l,g(t,o));const i=new Event("input",{bubbles:!0});l.dispatchEvent(i)})()},[o,l]),b={...W,...k},[R,v]=e.useState(!1),h=e.useRef(null),y=e.useRef(null),M=e.useMemo(()=>_(d),[d]);return e.createElement("div",{className:"relative h-max"},e.createElement(Y,{name:"date",disabled:f,size:d,...O,onChange:L,ref:x,defaultValue:z}),e.createElement(u,{modal:!0,open:R,onOpenChange:v},e.createElement(u.Trigger,{asChild:!0},e.createElement(U,{disabled:f,label:b.open,size:M,theme:"neutral",hasTooltip:!1,className:"absolute top-1/2 right-0 -translate-y-1/2"},e.createElement(j,{is:H}))),e.createElement(u.Portal,null,e.createElement(u.Content,{side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:t=>{var r,a;t.preventDefault(),s?(r=y.current)==null||r.focus():(a=h.current)==null||a.focus()},className:"z-1147483646 pr-6"},e.createElement(V,{date:s||new Date,selected:s,onDateSelected:async t=>{v(!1),await E(t.date),m&&m()},setYear:async t=>{await E(t),m&&m()},minDate:A,maxDate:F,refDateToday:h,refDateSelected:y,firstDayOfWeek:I,monthNames:N,weekdayNames:T,labels:b})))))});w.displayName="DateInput";export{w as DateInput};
 //# sourceMappingURL=DateInput.js.map

package/dist/components/date-input/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../../../src/components/date-input/DateInput.tsx"],"sourcesContent":["import { CalendarEvent } from '@atom-learning/icons'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport * as React from 'react'\n\nimport { getFieldIconSize } from '~/utilities'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Calendar, CalendarTranslationProps } from '../calendar/Calendar'\nimport { DEFAULT_LABELS } from '../calendar/constants'\nimport { Icon } from '../icon/Icon'\nimport { Input } from '../input/Input'\nimport { Popover } from '../popover/Popover'\nimport { DEFAULT_DATE_FORMAT } from './constants'\n\ndayjs.extend(customParseFormat)\n\nexport type DateInputProps = Omit<DayzedInterface, 'onDateSelected'> &\n  CalendarTranslationProps & {\n    initialDate?: Date\n    dateFormat?: string\n    disabled?: boolean\n    size?: 'sm' | 'md' | 'lg'\n    revalidate?: () => Promise<boolean>\n    onChange?: (value?: Date) => void\n  }\n\nconst formatDateToString = (date?: Date, dateFormat = DEFAULT_DATE_FORMAT) =>\n  date ? dayjs(date).format(dateFormat) : ''\n\nexport const DateInput: React.ForwardRefExoticComponent<DateInputProps> =\n  React.forwardRef(\n    (\n      {\n        initialDate,\n        dateFormat = DEFAULT_DATE_FORMAT,\n        firstDayOfWeek = 1,\n        disabled,\n        monthNames,\n        weekdayNames,\n        size = 'md',\n        labels,\n        revalidate,\n        onChange,\n        minDate,\n        maxDate,\n        ...remainingProps\n      },\n      ref\n    ) => {\n      const [date, setDate] = React.useState(\n        initialDate ? dayjs(initialDate).toDate() : undefined\n      )\n\n      const [inputElRef, setInputElRef] = useCallbackRefState()\n      React.useImperativeHandle(ref, () => inputElRef as HTMLInputElement)\n\n      const dateString = formatDateToString(date, dateFormat)\n\n      const handleInputChange = React.useCallback(\n        (event) => {\n          const newDateString = event.target.value\n          const parsedInputDate = dayjs(newDateString, dateFormat)\n          const newDate = parsedInputDate.isValid()\n            ? parsedInputDate.toDate()\n            : undefined\n          setDate(newDate)\n          onChange?.(newDate)\n        },\n        [dateFormat, onChange]\n      )\n\n      const handleCalendarChange = React.useCallback(\n        (newDate) => {\n          setDate(newDate)\n\n          const mirrorChangeToInputElement = () => {\n            if (!inputElRef) return\n\n            // Call the `set` function on the input value directly to mirror the change.\n            // Props to: https://stackoverflow.com/a/46012210\n            const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n              window.HTMLInputElement.prototype,\n              'value'\n            )?.set\n            nativeInputValueSetter?.call(\n              inputElRef,\n              formatDateToString(newDate, dateFormat)\n            )\n            const event = new Event('input', { bubbles: true })\n            inputElRef.dispatchEvent(event)\n          }\n          mirrorChangeToInputElement()\n        },\n        [dateFormat, inputElRef]\n      )\n\n      const updatedLabels = {\n        ...DEFAULT_LABELS,\n        ...labels\n      }\n\n      const [calendarOpen, setCalendarOpen] = React.useState(false)\n\n      const refDateToday = React.useRef<HTMLButtonElement>(null)\n      const refDateSelected = React.useRef<HTMLButtonElement>(null)\n\n      const iconSize = React.useMemo(() => getFieldIconSize(size), [size])\n\n      return (\n        <div className=\"relative h-max\">\n          <Input\n            name=\"date\"\n            disabled={disabled}\n            size={size}\n            {...remainingProps}\n            onChange={handleInputChange}\n            ref={setInputElRef}\n            defaultValue={dateString}\n          />\n          <Popover modal open={calendarOpen} onOpenChange={setCalendarOpen}>\n            <Popover.Trigger asChild>\n              <ActionIcon\n                disabled={disabled}\n                label={updatedLabels.open}\n                size={iconSize}\n                theme=\"neutral\"\n                hasTooltip={false}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <Icon is={CalendarEvent} />\n              </ActionIcon>\n            </Popover.Trigger>\n            <Popover.Portal>\n              <Popover.Content\n                side=\"bottom\"\n                align=\"end\"\n                showCloseButton={false}\n                onOpenAutoFocus={(e) => {\n                  e.preventDefault()\n                  if (date) {\n                    refDateSelected.current?.focus()\n                  } else {\n                    refDateToday.current?.focus()\n                  }\n                }}\n                className=\"z-1147483646 pr-6\"\n              >\n                <Calendar\n                  date={date || new Date()}\n                  selected={date}\n                  onDateSelected={async (date) => {\n                    setCalendarOpen(false)\n                    await handleCalendarChange(date.date)\n                    if (revalidate) revalidate()\n                  }}\n                  setYear={async (date) => {\n                    await handleCalendarChange(date)\n                    if (revalidate) revalidate()\n                  }}\n                  minDate={minDate}\n                  maxDate={maxDate}\n                  refDateToday={refDateToday}\n                  refDateSelected={refDateSelected}\n                  firstDayOfWeek={firstDayOfWeek}\n                  monthNames={monthNames}\n                  weekdayNames={weekdayNames}\n                  labels={updatedLabels}\n                />\n              </Popover.Content>\n            </Popover.Portal>\n          </Popover>\n        </div>\n      )\n    }\n  )\n\nDateInput.displayName = 'DateInput'\n"],"names":["dayjs","customParseFormat","formatDateToString","date","dateFormat","DEFAULT_DATE_FORMAT","DateInput","React","initialDate","firstDayOfWeek","disabled","monthNames","weekdayNames","size","labels","revalidate","onChange","minDate","maxDate","remainingProps","ref","setDate","inputElRef","setInputElRef","useCallbackRefState","dateString","handleInputChange","event","newDateString","parsedInputDate","newDate","handleCalendarChange","_a","nativeInputValueSetter","updatedLabels","DEFAULT_LABELS","calendarOpen","setCalendarOpen","refDateToday","refDateSelected","iconSize","getFieldIconSize","Input","Popover","ActionIcon","Icon","CalendarEvent","e","_b","Calendar"],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../../../src/components/date-input/DateInput.tsx"],"sourcesContent":["import { CalendarEvent } from '@atom-learning/icons'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport * as React from 'react'\n\nimport { getFieldIconSize } from '~/utilities'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Calendar, CalendarTranslationProps } from '../calendar/Calendar'\nimport { DEFAULT_LABELS } from '../calendar/constants'\nimport { Icon } from '../icon/Icon'\nimport { Input } from '../input/Input'\nimport { Popover } from '../popover/Popover'\nimport { DEFAULT_DATE_FORMAT } from './constants'\n\ndayjs.extend(customParseFormat)\n\nexport type DateInputProps = Omit<DayzedInterface, 'onDateSelected'> &\n  CalendarTranslationProps & {\n    initialDate?: Date\n    dateFormat?: string\n    disabled?: boolean\n    size?: 'sm' | 'md' | 'lg'\n    revalidate?: () => Promise<boolean>\n    onChange?: (value?: Date) => void\n  }\n\nconst formatDateToString = (date?: Date, dateFormat = DEFAULT_DATE_FORMAT) =>\n  date ? dayjs(date).format(dateFormat) : ''\n\nexport const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(\n  (\n    {\n      initialDate,\n      dateFormat = DEFAULT_DATE_FORMAT,\n      firstDayOfWeek = 1,\n      disabled,\n      monthNames,\n      weekdayNames,\n      size = 'md',\n      labels,\n      revalidate,\n      onChange,\n      minDate,\n      maxDate,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const [date, setDate] = React.useState(\n      initialDate ? dayjs(initialDate).toDate() : undefined\n    )\n\n    const [inputElRef, setInputElRef] = useCallbackRefState()\n    React.useImperativeHandle(ref, () => inputElRef as HTMLInputElement)\n\n    const dateString = formatDateToString(date, dateFormat)\n\n    const handleInputChange = React.useCallback(\n      (event) => {\n        const newDateString = event.target.value\n        const parsedInputDate = dayjs(newDateString, dateFormat)\n        const newDate = parsedInputDate.isValid()\n          ? parsedInputDate.toDate()\n          : undefined\n        setDate(newDate)\n        onChange?.(newDate)\n      },\n      [dateFormat, onChange]\n    )\n\n    const handleCalendarChange = React.useCallback(\n      (newDate) => {\n        setDate(newDate)\n\n        const mirrorChangeToInputElement = () => {\n          if (!inputElRef) return\n\n          // Call the `set` function on the input value directly to mirror the change.\n          // Props to: https://stackoverflow.com/a/46012210\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value'\n          )?.set\n          nativeInputValueSetter?.call(\n            inputElRef,\n            formatDateToString(newDate, dateFormat)\n          )\n          const event = new Event('input', { bubbles: true })\n          inputElRef.dispatchEvent(event)\n        }\n        mirrorChangeToInputElement()\n      },\n      [dateFormat, inputElRef]\n    )\n\n    const updatedLabels = {\n      ...DEFAULT_LABELS,\n      ...labels\n    }\n\n    const [calendarOpen, setCalendarOpen] = React.useState(false)\n\n    const refDateToday = React.useRef<HTMLButtonElement>(null)\n    const refDateSelected = React.useRef<HTMLButtonElement>(null)\n\n    const iconSize = React.useMemo(() => getFieldIconSize(size), [size])\n\n    return (\n      <div className=\"relative h-max\">\n        <Input\n          name=\"date\"\n          disabled={disabled}\n          size={size}\n          {...remainingProps}\n          onChange={handleInputChange}\n          ref={setInputElRef}\n          defaultValue={dateString}\n        />\n        <Popover modal open={calendarOpen} onOpenChange={setCalendarOpen}>\n          <Popover.Trigger asChild>\n            <ActionIcon\n              disabled={disabled}\n              label={updatedLabels.open}\n              size={iconSize}\n              theme=\"neutral\"\n              hasTooltip={false}\n              className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n            >\n              <Icon is={CalendarEvent} />\n            </ActionIcon>\n          </Popover.Trigger>\n          <Popover.Portal>\n            <Popover.Content\n              side=\"bottom\"\n              align=\"end\"\n              showCloseButton={false}\n              onOpenAutoFocus={(e) => {\n                e.preventDefault()\n                if (date) {\n                  refDateSelected.current?.focus()\n                } else {\n                  refDateToday.current?.focus()\n                }\n              }}\n              className=\"z-1147483646 pr-6\"\n            >\n              <Calendar\n                date={date || new Date()}\n                selected={date}\n                onDateSelected={async (date) => {\n                  setCalendarOpen(false)\n                  await handleCalendarChange(date.date)\n                  if (revalidate) revalidate()\n                }}\n                setYear={async (date) => {\n                  await handleCalendarChange(date)\n                  if (revalidate) revalidate()\n                }}\n                minDate={minDate}\n                maxDate={maxDate}\n                refDateToday={refDateToday}\n                refDateSelected={refDateSelected}\n                firstDayOfWeek={firstDayOfWeek}\n                monthNames={monthNames}\n                weekdayNames={weekdayNames}\n                labels={updatedLabels}\n              />\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover>\n      </div>\n    )\n  }\n)\n\nDateInput.displayName = 'DateInput'\n"],"names":["dayjs","customParseFormat","formatDateToString","date","dateFormat","DEFAULT_DATE_FORMAT","DateInput","React","initialDate","firstDayOfWeek","disabled","monthNames","weekdayNames","size","labels","revalidate","onChange","minDate","maxDate","remainingProps","ref","setDate","inputElRef","setInputElRef","useCallbackRefState","dateString","handleInputChange","event","newDateString","parsedInputDate","newDate","handleCalendarChange","_a","nativeInputValueSetter","updatedLabels","DEFAULT_LABELS","calendarOpen","setCalendarOpen","refDateToday","refDateSelected","iconSize","getFieldIconSize","Input","Popover","ActionIcon","Icon","CalendarEvent","e","_b","Calendar"],"mappings":"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"}

package/dist/components/date-input/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_DATE_FORMAT = "DD/MM/YYYY";

package/dist/components/date-input/index.d.ts

@@ -0,0 +1 @@
+export * from './DateInput';

package/dist/components/dialog/Dialog.d.ts

@@ -0,0 +1,21 @@
+export declare const Dialog: import("react").FC<import("@radix-ui/react-dialog").DialogProps> & {
+    Background: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, never> & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: ({ size, children, closeDialogText, showCloseButton, ...remainingProps }: Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "size"> & {
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | "fullscreen" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "fullscreen">>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+        closeDialogText?: string;
+        showCloseButton?: boolean;
+    }) => import("react").JSX.Element;
+    Heading: ({ className, ...rest }: React.ComponentProps<typeof import("..").Heading>) => import("react").JSX.Element;
+    Footer: ({ className, ...rest }: React.ComponentProps<typeof import("..").Flex>) => import("react").JSX.Element;
+    Description: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Title: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/dialog/DialogBackground.d.ts

@@ -0,0 +1,5 @@
+export declare const DialogBackground: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/dialog/DialogClose.d.ts

@@ -0,0 +1 @@
+export declare const DialogClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/dialog/DialogContent.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare const StyledDialogContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "size"> & {
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | "fullscreen" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "fullscreen">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {
+    closeDialogText?: string;
+    showCloseButton?: boolean;
+};
+export declare const DialogContent: ({ size, children, closeDialogText, showCloseButton, ...remainingProps }: DialogContentProps) => React.JSX.Element;
+export {};

package/dist/components/dialog/DialogFooter.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Flex } from '../flex';
+export declare const DialogFooter: ({ className, ...rest }: React.ComponentProps<typeof Flex>) => React.JSX.Element;

package/dist/components/dialog/DialogFooter.js

@@ -1,2 +1,2 @@
-import t from"clsx";import*as m from"react";import{Flex as r}from"../flex/Flex.js";const a=({className:o,...e})=>m.createElement(r,{justify:"end",gap:3,...e,className:t("pt-4",o)});export{a as DialogFooter};
+import t from"clsx";import*as m from"react";import{Flex as r}from"../flex/Flex.js";const a=({className:e,...o})=>m.createElement(r,{justify:"end",gap:3,...o,className:t("pt-4",e)});export{a as DialogFooter};
 //# sourceMappingURL=DialogFooter.js.map

package/dist/components/dialog/DialogHeading.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Heading } from '../heading';
+export declare const DialogHeading: ({ className, ...rest }: React.ComponentProps<typeof Heading>) => React.JSX.Element;

package/dist/components/dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog } from './Dialog';

package/dist/components/dismissible/DismissibleRoot.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface IDismissibleRootContext {
+    disabled?: boolean;
+    isDismissed: boolean;
+    setIsDismissed: (boolean: any) => void;
+    onDismiss: () => void;
+}
+export declare const DismissibleRootContext: React.Context<IDismissibleRootContext>;
+export interface IDismissibleRootProps {
+    disabled?: boolean;
+    dismissed?: boolean;
+    onDismiss?: () => void;
+}
+export declare const DismissibleRootProvider: ({ dismissed: controlledIsDismissed, children, disabled, onDismiss }: React.PropsWithChildren<IDismissibleRootProps>) => React.JSX.Element;
+export interface IDismissibleRootInternalProps {
+    asChild?: boolean;
+}
+export declare const DismissibleRoot: {
+    ({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<IDismissibleRootInternalProps & IDismissibleRootProps>): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/dismissible/DismissibleTrigger.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface IDismissibleTriggerProps {
+    asChild?: boolean;
+}
+export declare const DismissibleTrigger: ({ asChild, ...rest }: React.PropsWithChildren<IDismissibleTriggerProps>) => React.JSX.Element;

package/dist/components/dismissible/index.d.ts

@@ -0,0 +1,6 @@
+export declare const Dismissible: {
+    ({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleRoot").IDismissibleRootInternalProps & import("./DismissibleRoot").IDismissibleRootProps>): import("react").JSX.Element;
+    displayName: string;
+} & {
+    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("./DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
+};

package/dist/components/dismissible-group/DismissibleGroupItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Dismissible } from '../../components/dismissible';
+export type TDismissibleGroupItemProps = React.ComponentProps<typeof Dismissible> & {
+    value: React.ReactText;
+    disabled?: boolean;
+};
+export declare const DismissibleGroupItem: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<TDismissibleGroupItemProps>) => React.JSX.Element;

package/dist/components/dismissible-group/DismissibleGroupRoot.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface IDismissibleGroupContext {
+    disabled?: boolean;
+    onDismiss: (value: React.ReactText) => void;
+}
+export declare const DismissibleGroupContext: React.Context<IDismissibleGroupContext>;
+export interface IDismissibleGroupProps {
+    disabled?: boolean;
+    onDismiss: (value: React.ReactText) => void;
+}
+export declare const DismissibleGroupProvider: ({ children, disabled, onDismiss }: React.PropsWithChildren<IDismissibleGroupProps>) => React.JSX.Element;
+export interface IDismissibleGroupRootProps extends IDismissibleGroupProps {
+    as?: React.ElementType;
+}
+export declare const DismissibleGroupRoot: {
+    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<IDismissibleGroupRootProps>): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/dismissible-group/index.d.ts

@@ -0,0 +1,7 @@
+export declare const DismissibleGroup: {
+    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleGroupRoot").IDismissibleGroupRootProps>): import("react").JSX.Element;
+    displayName: string;
+} & {
+    Item: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<import("./DismissibleGroupItem").TDismissibleGroupItemProps>) => import("react").JSX.Element;
+    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("../../components/dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
+};

package/dist/components/divider/Divider.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const StyledDivider: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+    ref?: ((instance: HTMLHRElement | null) => void) | React.RefObject<HTMLHRElement> | null | undefined;
+}, "orientation"> & {
+    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLHRElement>>;
+export declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+    ref?: ((instance: HTMLHRElement | null) => void) | React.RefObject<HTMLHRElement> | null | undefined;
+}, "orientation"> & {
+    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLHRElement>, "ref"> & React.RefAttributes<HTMLHRElement>>;

package/dist/components/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled('hr', {\n  base: ['border-none', 'bg-grey-200'],\n  variants: {\n    orientation: {\n      horizontal: ['h-px', 'w-full'],\n      vertical: ['h-full', 'min-h-8', 'w-px']\n    }\n  }\n})\n\nexport const Divider: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledDivider>\n> = React.forwardRef(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"names":["StyledDivider","styled","Divider","React","orientation","rest","ref"],"mappings":"8DAIO,MAAMA,EAAgBC,EAAO,KAAM,CACxC,KAAM,CAAC,cAAe,aAAa,EACnC,SAAU,CACR,YAAa,CACX,WAAY,CAAC,OAAQ,QAAQ,EAC7B,SAAU,CAAC,SAAU,UAAW,MAAM,CACxC,CACF,CACF,CAAC,EAEYC,EAETC,EAAM,WAAW,CAAC,CAAE,YAAAC,EAAc,aAAc,GAAGC,CAAK,EAAGC,IACtDH,EAAA,cAACH,EAAA,CAAc,IAAKM,EAAK,YAAaF,EAAc,GAAGC,CAAAA,CAAM,CACrE"}
+{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled('hr', {\n  base: ['border-none', 'bg-grey-200'],\n  variants: {\n    orientation: {\n      horizontal: ['h-px', 'w-full'],\n      vertical: ['h-full', 'min-h-8', 'w-px']\n    }\n  }\n})\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"names":["StyledDivider","styled","Divider","React","orientation","rest","ref"],"mappings":"8DAIO,MAAMA,EAAgBC,EAAO,KAAM,CACxC,KAAM,CAAC,cAAe,aAAa,EACnC,SAAU,CACR,YAAa,CACX,WAAY,CAAC,OAAQ,QAAQ,EAC7B,SAAU,CAAC,SAAU,UAAW,MAAM,CACxC,CACF,CACF,CAAC,EAEYC,EAAUC,EAAM,WAG3B,CAAC,CAAE,YAAAC,EAAc,aAAc,GAAGC,CAAK,EAAGC,IACnCH,EAAA,cAACH,EAAA,CAAc,IAAKM,EAAK,YAAaF,EAAc,GAAGC,CAAAA,CAAM,CACrE"}

package/dist/components/divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider } from './Divider';

package/dist/components/drawer/Drawer.context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { StyledContent } from './DrawerContent';
+type TDrawerProviderProps = {
+    position?: React.ComponentProps<typeof StyledContent>['position'];
+};
+export declare const DrawerContext: React.Context<TDrawerProviderProps>;
+export declare const DrawerProvider: ({ position, ...rest }: React.PropsWithChildren<TDrawerProviderProps>) => JSX.Element;
+export {};

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,26 @@
+import { Root } from '@radix-ui/react-dialog';
+import React from 'react';
+import { DrawerProvider } from './Drawer.context';
+type TDrawerProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof DrawerProvider>;
+export declare const Drawer: {
+    ({ children, position, ...rest }: TDrawerProps): JSX.Element;
+    Close: (props: Omit<React.ComponentProps<typeof import("..").ActionIcon>, "children">) => React.JSX.Element;
+    Content: ({ children, ...rest }: React.ComponentProps<typeof import("./DrawerContent").StyledContent>) => React.JSX.Element;
+    Main: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/components/drawer/DrawerClose.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionIcon } from '../action-icon/ActionIcon';
+export declare const DrawerClose: (props: Omit<React.ComponentProps<typeof ActionIcon>, "children">) => React.JSX.Element;

package/dist/components/drawer/DrawerContent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "size" | "position"> & {
+    position?: ("left" | "right" | "top" | "bottom" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "left" | "right" | "top" | "bottom">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerContent: ({ children, ...rest }: React.ComponentProps<typeof StyledContent>) => React.JSX.Element;

package/dist/components/drawer/DrawerFooter.d.ts

@@ -0,0 +1,5 @@
+export declare const DrawerFooter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/DrawerHeader.d.ts

@@ -0,0 +1,5 @@
+export declare const DrawerHeader: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/DrawerMain.d.ts

@@ -0,0 +1,5 @@
+export declare const DrawerMain: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/DrawerOverlay.d.ts

@@ -0,0 +1,3 @@
+export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/DrawerTrigger.d.ts

@@ -0,0 +1 @@
+export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export { Drawer } from './Drawer';

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DropdownMenuItem } from './DropdownMenuItem';
+export declare const DropdownMenu: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps> & {
+    Content: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    LinkItem: ({ children, href, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+        href: string;
+    }) => React.JSX.Element;
+    Portal: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/dropdown-menu/DropdownMenuContent.d.ts

@@ -0,0 +1,3 @@
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/dropdown-menu/DropdownMenuItem.d.ts

@@ -0,0 +1,3 @@
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/dropdown-menu/DropdownMenuLinkItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DropdownMenuItem } from './DropdownMenuItem';
+export declare const DropdownMenuLinkItem: ({ children, href, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+    href: string;
+}) => React.JSX.Element;

package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts

@@ -0,0 +1,3 @@
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts

@@ -0,0 +1,3 @@
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export { DropdownMenu } from './DropdownMenu';

package/dist/components/empty-state/EmptyState.context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { EmptyStateProps } from './EmptyState';
+type EmptyStateProviderProps = {
+    size?: EmptyStateProps['size'];
+};
+export declare const EmptyStateContext: React.Context<EmptyStateProviderProps>;
+export declare const EmptyStateProvider: ({ size, children }: React.PropsWithChildren<EmptyStateProviderProps>) => React.JSX.Element;
+export {};