dune-react 0.0.2 → 0.0.3

package/dist/components/shadcn/accordion.d.ts

@@ -1,5 +1,8 @@
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
-declare function Accordion({ className, ...props }: AccordionPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function Accordion({ className, type, collapsible, ...props }: AccordionPrimitive.Root.Props & {
+    type?: string;
+    collapsible?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/shadcn/accordion.js

@@ -8,7 +8,7 @@ import { AccordionPanel } from "../../node_modules/.pnpm/@base-ui_react@1.3.0_@t
 import { AccordionItem as AccordionItem$1 } from "../../node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/item/AccordionItem.js";
 import { AccordionHeader } from "../../node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.js";
 import { AccordionTrigger as AccordionTrigger$1 } from "../../node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/trigger/AccordionTrigger.js";
-function Accordion({ className, ...props }) {
+function Accordion({ className, type, collapsible, ...props }) {
   return /* @__PURE__ */ jsx(
     AccordionRoot,
     {

package/dist/components/shadcn/avatar.d.ts

@@ -4,7 +4,9 @@ declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Prop
     size?: "default" | "sm" | "lg";
 }): import("react/jsx-runtime").JSX.Element;
 declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, delayMs, ...props }: AvatarPrimitive.Fallback.Props & {
+    delayMs?: number;
+}): import("react/jsx-runtime").JSX.Element;
 declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/components/shadcn/avatar.js

@@ -37,6 +37,7 @@ function AvatarImage({ className, ...props }) {
 }
 function AvatarFallback({
   className,
+  delayMs,
   ...props
 }) {
   return /* @__PURE__ */ jsx(

package/dist/components/shadcn/button.d.ts

@@ -10,6 +10,6 @@ type ButtonProps = React.ComponentPropsWithRef<"button"> & VariantProps<typeof b
     render?: React.ReactElement;
     nativeButton?: boolean;
 };
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function Button({ className, variant, size, asChild, loading, disabled, children, render, nativeButton, ref, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };
 export type { ButtonProps };

package/dist/components/shadcn/button.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import * as React from "react";
 import { cva } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { Root as Slot } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.4_@types_react@18.3.28_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
 import { cn } from "../../utils/css-utils.js";
@@ -35,44 +34,28 @@ const buttonVariants = cva(
     }
   }
 );
-const Button = React.forwardRef(
-  ({
-    className,
-    variant = "default",
-    size = "default",
-    asChild = false,
-    loading = false,
-    disabled,
-    children,
-    render,
-    nativeButton,
-    ...props
-  }, ref) => {
-    if (render) {
-      return /* @__PURE__ */ jsx(
-        Button$1,
-        {
-          "data-slot": "button",
-          className: cn(buttonVariants({ variant, size, className })),
-          disabled: loading || disabled,
-          nativeButton,
-          render,
-          ref,
-          ...props,
-          children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }),
-            children
-          ] }) : children
-        }
-      );
-    }
-    const Comp = asChild ? Slot : "button";
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  loading = false,
+  disabled,
+  children,
+  render,
+  nativeButton,
+  ref,
+  ...props
+}) {
+  if (render) {
     return /* @__PURE__ */ jsx(
-      Comp,
+      Button$1,
       {
         "data-slot": "button",
         className: cn(buttonVariants({ variant, size, className })),
         disabled: loading || disabled,
+        nativeButton,
+        render,
         ref,
         ...props,
         children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -82,8 +65,22 @@ const Button = React.forwardRef(
       }
     );
   }
-);
-Button.displayName = "Button";
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      disabled: loading || disabled,
+      ref,
+      ...props,
+      children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }),
+        children
+      ] }) : children
+    }
+  );
+}
 export {
   Button,
   buttonVariants

package/dist/components/shadcn/collapsible.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
-declare function Collapsible({ children, ...props }: CollapsiblePrimitive.Root.Props & React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible({ asChild, children, ...props }: CollapsiblePrimitive.Root.Props & React.ComponentPropsWithoutRef<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleTrigger({ asChild, children, ...props }: CollapsiblePrimitive.Trigger.Props & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/shadcn/collapsible.js

@@ -3,6 +3,7 @@ import { CollapsibleRoot } from "../../node_modules/.pnpm/@base-ui_react@1.3.0_@
 import { CollapsiblePanel } from "../../node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js";
 import { CollapsibleTrigger as CollapsibleTrigger$1 } from "../../node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js";
 function Collapsible({
+  asChild,
   children,
   ...props
 }) {

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

@@ -9,8 +9,10 @@ declare function DialogClose({ asChild, children, ...props }: DialogPrimitive.Cl
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
+declare function DialogContent({ className, children, showCloseButton, onEscapeKeyDown, onPointerDownOutside, ...props }: DialogPrimitive.Popup.Props & {
     showCloseButton?: boolean;
+    onEscapeKeyDown?: (e: any) => void;
+    onPointerDownOutside?: (e: any) => void;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {

package/dist/components/shadcn/dialog.js

@@ -74,6 +74,8 @@ function DialogContent({
   className,
   children,
   showCloseButton = true,
+  onEscapeKeyDown,
+  onPointerDownOutside,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [

package/dist/components/shadcn/form.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 declare function Form({ children, ...props }: React.ComponentProps<"form"> & {
     [key: string]: any;
 }): import("react/jsx-runtime").JSX.Element;
-declare function FormField({ name, render }: {
+declare function FormField({ name, render, }: {
     name: string;
     render: (args: {
         field: any;

package/dist/components/shadcn/form.js

@@ -1,30 +1,64 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-const FormFieldContext = React.createContext({});
-const FormItemContext = React.createContext({});
-function Form({ children, ...props }) {
+const FormFieldContext = React.createContext(
+  {}
+);
+const FormItemContext = React.createContext(
+  {}
+);
+function Form({
+  children,
+  ...props
+}) {
   return /* @__PURE__ */ jsx("form", { ...props, children });
 }
-function FormField({ name, render }) {
-  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name }, children: render({ field: { name, value: "", onChange: () => {
-  }, onBlur: () => {
-  }, ref: () => {
-  } } }) });
+function FormField({
+  name,
+  render
+}) {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name }, children: render({
+    field: {
+      name,
+      value: "",
+      onChange: () => {
+      },
+      onBlur: () => {
+      },
+      ref: () => {
+      }
+    }
+  }) });
 }
-function FormItem({ className, children, ...props }) {
+function FormItem({
+  className,
+  children,
+  ...props
+}) {
   const id = React.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { className, ...props, children }) });
 }
-function FormLabel({ className, children, ...props }) {
+function FormLabel({
+  className,
+  children,
+  ...props
+}) {
   return /* @__PURE__ */ jsx("label", { className, ...props, children });
 }
 function FormControl({ children, ...props }) {
   return /* @__PURE__ */ jsx("div", { ...props, children });
 }
-function FormDescription({ className, children, ...props }) {
+function FormDescription({
+  className,
+  children,
+  ...props
+}) {
   return /* @__PURE__ */ jsx("p", { className, ...props, children });
 }
-function FormMessage({ className, children, ...props }) {
+function FormMessage({
+  className,
+  children,
+  ...props
+}) {
   return /* @__PURE__ */ jsx("p", { className, ...props, children });
 }
 export {

package/dist/components/shadcn/pagination.d.ts

@@ -7,10 +7,10 @@ type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
 declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-declare function PaginationPrevious({ className, text, size, ...props }: React.ComponentProps<typeof PaginationLink> & {
+declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
     text?: string;
 }): import("react/jsx-runtime").JSX.Element;
-declare function PaginationNext({ className, text, size, ...props }: React.ComponentProps<typeof PaginationLink> & {
+declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
     text?: string;
 }): import("react/jsx-runtime").JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;

package/dist/components/shadcn/pagination.js

@@ -61,14 +61,13 @@ function PaginationLink({
 function PaginationPrevious({
   className,
   text = "Previous",
-  size,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
-      size: size ?? "default",
+      size: "default",
       className: cn("pl-1.5!", className),
       ...props,
       children: [
@@ -81,14 +80,13 @@ function PaginationPrevious({
 function PaginationNext({
   className,
   text = "Next",
-  size,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
     PaginationLink,
     {
       "aria-label": "Go to next page",
-      size: size ?? "default",
+      size: "default",
       className: cn("pr-1.5!", className),
       ...props,
       children: [

package/dist/components/shadcn/toggle-group.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
 import { toggleVariants } from '@/components/shadcn/toggle';
 declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
     spacing?: number;

package/dist/components/shadcn/toggle-group.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Root as Root2, Item as Item2 } from "../../node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.11_@types_react-dom@18.3.7_@types_react@18.3.28__@type_aeb0a9c335dbe5637aedd311835f3954/node_modules/@radix-ui/react-toggle-group/dist/index.js";
 import { cn } from "../../utils/css-utils.js";
 import "dayjs";
 import { toggleVariants } from "./toggle.js";
+import { Root as Root2, Item as Item2 } from "../../node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.11_@types_react-dom@18.3.7_@types_react@18.3.28__@type_aeb0a9c335dbe5637aedd311835f3954/node_modules/@radix-ui/react-toggle-group/dist/index.js";
 const ToggleGroupContext = React.createContext({
   size: "default",
   variant: "default",

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/combobox/root/AriaCombobox.js

@@ -20,19 +20,19 @@ import { useCoreFilter } from "./utils/useFilter.js";
 import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
 import { useOpenInteractionType } from "../../utils/useOpenInteractionType.js";
 import { useValueChanged } from "../../utils/useValueChanged.js";
-import { stringifyAsLabel, isGroupedItems, stringifyAsValue } from "../../utils/resolveValueLabel.js";
-import { defaultItemEquality, selectedValueIncludes, removeItem, findItemIndex, compareItemEquality } from "../../utils/itemEquality.js";
+import { isGroupedItems, stringifyAsLabel, stringifyAsValue } from "../../utils/resolveValueLabel.js";
+import { defaultItemEquality, findItemIndex, compareItemEquality, selectedValueIncludes, removeItem } from "../../utils/itemEquality.js";
 import { INITIAL_LAST_HIGHLIGHT, NO_ACTIVE_VALUE } from "./utils/constants.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { EMPTY_ARRAY, NOOP, EMPTY_OBJECT } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/empty.js";
-import { Store } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/Store.js";
 import { useStore } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/useStore.js";
 import { useFloatingRootContext } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
 import { useClick } from "../../floating-ui-react/hooks/useClick.js";
 import { useDismiss } from "../../floating-ui-react/hooks/useDismiss.js";
 import { useListNavigation } from "../../floating-ui-react/hooks/useListNavigation.js";
 import { useInteractions } from "../../floating-ui-react/hooks/useInteractions.js";
-import { inputClear, inputChange, focusOut, outsidePress, none, itemPress, inputPress } from "../../utils/reason-parts.js";
+import { Store } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/Store.js";
+import { none, inputClear, inputChange, inputPress, focusOut, outsidePress, itemPress } from "../../utils/reason-parts.js";
 import { getTarget, contains } from "../../floating-ui-react/utils/element.js";
 function AriaCombobox(props) {
   const {

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useDismiss.js

@@ -9,7 +9,7 @@ import { createAttribute } from "../utils/createAttribute.js";
 import { isReactEvent } from "../utils/event.js";
 import { getTarget, contains, isEventTargetWithin, isRootElement } from "../utils/element.js";
 import { getNodeChildren } from "../utils/nodes.js";
-import { escapeKey, triggerPress, outsidePress } from "../../utils/reason-parts.js";
+import { triggerPress, escapeKey, outsidePress } from "../../utils/reason-parts.js";
 const bubbleHandlerKeys = {
   intentional: "onClick",
   sloppy: "onPointerDown"

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/navigation-menu/trigger/NavigationMenuTrigger.js

@@ -35,7 +35,7 @@ import { useButton } from "../../use-button/useButton.js";
 import { EMPTY_ARRAY } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/empty.js";
 import { isOutsideEvent, getPreviousTabbable, getNextTabbable, getTabbableAfterElement } from "../../floating-ui-react/utils/tabbable.js";
 import { contains } from "../../floating-ui-react/utils/element.js";
-import { focusOut, triggerHover, triggerPress, listNavigation } from "../../utils/reason-parts.js";
+import { focusOut, listNavigation, triggerHover, triggerPress } from "../../utils/reason-parts.js";
 import { stopEvent } from "../../floating-ui-react/utils/event.js";
 const DEFAULT_SIZE = {
   width: 0,

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/root/SelectRoot.js

@@ -27,11 +27,11 @@ import { useDismiss } from "../../floating-ui-react/hooks/useDismiss.js";
 import { useListNavigation } from "../../floating-ui-react/hooks/useListNavigation.js";
 import { useTypeahead } from "../../floating-ui-react/hooks/useTypeahead.js";
 import { useInteractions } from "../../floating-ui-react/hooks/useInteractions.js";
-import { EMPTY_OBJECT, EMPTY_ARRAY } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/empty.js";
-import { Store } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/Store.js";
+import { EMPTY_ARRAY, EMPTY_OBJECT } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/empty.js";
 import { useStore } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/useStore.js";
-import { focusOut, outsidePress, none } from "../../utils/reason-parts.js";
 import { mergeProps } from "../../merge-props/mergeProps.js";
+import { none, focusOut, outsidePress } from "../../utils/reason-parts.js";
+import { Store } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/Store.js";
 function SelectRoot(props) {
   const {
     id,

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/slider/control/SliderControl.js

@@ -14,7 +14,7 @@ import { getMidpoint } from "../utils/getMidpoint.js";
 import { roundValueToStep } from "../utils/roundValueToStep.js";
 import { validateMinimumDistance } from "../utils/validateMinimumDistance.js";
 import { resolveThumbCollision } from "../utils/resolveThumbCollision.js";
-import { drag, trackPress } from "../../utils/reason-parts.js";
+import { trackPress, drag } from "../../utils/reason-parts.js";
 import { contains, activeElement } from "../../floating-ui-react/utils/element.js";
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
 function getControlOffset(styles, vertical) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -69,6 +69,7 @@
     "next-themes": "^0.4.6",
     "path": "^0.12.7",
     "prop-types": "^15.8.1",
+    "radix-ui": "1.4.3",
     "react-day-picker": "9.14.0",
     "react-is": "^18.3.1",
     "react-remove-scroll": "^2.7.2",