@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-xszag63d.js → components-cbxjn9p8.js}

@@ -1,24 +1,24 @@
-import {
-  calendar_default
-} from "./components-6phwsry6.js";
-import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
 import {
   defaultLocale,
   parseDateText
-} from "./components-x2xyckd5.js";
+} from "./components-9jvzzvt1.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  calendar_default
+} from "./components-1rfwbyyc.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
 
 // components/inputs/date-time/date-range-picker/index.tsx
 import { endOfMonth, format } from "date-fns";
 import { useRef, useState } from "react";
 import { dateMatchModifiers } from "react-day-picker";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-function DateRangePicker({
+function DateRangePicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -136,6 +136,6 @@ function DateRangePicker({
     })
   });
 }
-var date_range_picker_default = DateRangePicker;
+var date_range_picker_default = DateRangePicker2;
 
-export { DateRangePicker, date_range_picker_default };
+export { DateRangePicker2, date_range_picker_default };

package/dist/shared/{components-kf2ehztc.js → components-chacnk61.js}

@@ -1,16 +1,16 @@
-import {
-  GOO_BLUR_RATIO,
-  GOO_MATRIX
-} from "./components-7nww01w4.js";
 import {
   useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-men63rwj.js";
+import {
+  GOO_MATRIX,
+  GOO_BLUR_RATIO
+} from "./components-hqeq3w9q.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // lib/goo-indicator.tsx
 import { animate, motion, useMotionValue } from "motion/react";
@@ -113,7 +113,7 @@ function GooLayer({ active, blur, box, fill, children }) {
         style: { ...layer, filter: active ? `url(#${id})` : undefined },
         children: /* @__PURE__ */ jsx("div", {
           ref: probe,
-          className: cn(fill, "absolute"),
+          className: cn2(fill, "absolute"),
           style: { left: -layer.left, top: -layer.top },
           children
         })
@@ -126,7 +126,7 @@ function GooIndicator({
   from,
   className,
   shadow,
-  transition = spring.moderate,
+  transition = spring2.moderate,
   opacity = 1
 }) {
   const reduced = useReduceMotion();
@@ -165,7 +165,7 @@ function GooIndicator({
   }, [rect.left, rect.top, rect.width, rect.height]);
   const melting = trails.length > 0;
   const linger = travel ? { ...travel, delay: (travel.duration ?? 0) / 3 } : undefined;
-  const shape = cn("pointer-events-none absolute top-0 left-0", className);
+  const shape = cn2("pointer-events-none absolute top-0 left-0", className);
   const box = trails.reduce((all, trail) => union(all, trail.from), union(read(), rect));
   const drop = (trail) => setTrails((list) => list.filter((t) => t.id !== trail.id));
   return /* @__PURE__ */ jsxs(motion.div, {
@@ -173,18 +173,18 @@ function GooIndicator({
     className: "pointer-events-none absolute top-0 left-0",
     initial: false,
     animate: { opacity },
-    transition: { duration: spring.fast.duration },
+    transition: { duration: spring2.fast.duration },
     children: [
       shadow && /* @__PURE__ */ jsxs(Fragment, {
         children: [
           trails.map((trail) => /* @__PURE__ */ jsx(motion.div, {
-            className: cn(shape, shadow),
+            className: cn2(shape, shadow),
             initial: { ...toTarget(trail.from), opacity: 1 },
             animate: { ...toTarget(trail.to), opacity: 0 },
             transition: linger
           }, trail.id)),
           /* @__PURE__ */ jsx(motion.div, {
-            className: cn(shape, shadow, !melting && "invisible"),
+            className: cn2(shape, shadow, !melting && "invisible"),
             style: { x, y, width, height }
           })
         ]
@@ -204,7 +204,7 @@ function GooIndicator({
           }, trail.id)),
           /* @__PURE__ */ jsx(motion.div, {
             ref: lead,
-            className: cn(shape, !melting && shadow),
+            className: cn2(shape, !melting && shadow),
             style: { x, y, width, height }
           })
         ]

package/dist/shared/{components-7zp99w5d.js → components-cv16mryv.js}

@@ -34,7 +34,7 @@ function useShape() {
     return shapeMap.rounded;
   return ctx.classes;
 }
-function ShapeProvider({ children, defaultShape = "rounded" }) {
+function ShapeProvider2({ children, defaultShape = "rounded" }) {
   const [shape, setShapeState] = useState(defaultShape);
   const transitionTimeoutRef = useRef(null);
   const transitionShape = useCallback((callback) => {
@@ -59,4 +59,4 @@ function ShapeProvider({ children, defaultShape = "rounded" }) {
   });
 }
 
-export { shapeMap, useShape, ShapeProvider };
+export { shapeMap, useShape, ShapeProvider2 };

package/dist/shared/{components-4xxtggzp.js → components-ez65vtbq.js}

@@ -1,23 +1,23 @@
-import {
-  TimeColumns,
-  pad
-} from "./components-r4jt6hgd.js";
-import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
 import {
   defaultLocale,
-  dividedColumns,
   hourCycleOf,
-  parseTimeText
-} from "./components-x2xyckd5.js";
+  parseTimeText,
+  dividedColumns
+} from "./components-9jvzzvt1.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  pad,
+  TimeColumns
+} from "./components-q4daerx0.js";
 
 // components/inputs/date-time/time-picker/index.tsx
 import { format, set } from "date-fns";
@@ -28,7 +28,7 @@ var toTime = (value) => {
   return hours === undefined || minutes === undefined ? null : { hours, minutes };
 };
 var toValue = ({ hours, minutes }) => `${pad(hours)}:${pad(minutes)}`;
-function TimePicker({
+function TimePicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -92,7 +92,7 @@ function TimePicker({
     tier,
     className,
     children: /* @__PURE__ */ jsx("div", {
-      className: cn(dividedColumns, "h-56"),
+      className: cn2(dividedColumns, "h-56"),
       children: /* @__PURE__ */ jsx(TimeColumns, {
         value: time,
         onValueChange: (next) => setValue(toValue(next)),
@@ -105,6 +105,6 @@ function TimePicker({
     })
   });
 }
-var time_picker_default = TimePicker;
+var time_picker_default = TimePicker2;
 
-export { TimePicker, time_picker_default };
+export { TimePicker2, time_picker_default };

package/dist/shared/{components-0f0as45n.js → components-ezxhrmer.js}

@@ -2,7 +2,7 @@
 import { createCn } from "cn/config";
 var TYPE_ROLES = ["display", "title", "subtitle", "body", "caption", "micro"];
 var TIERS = ["fast", "fast-exit", "moderate", "moderate-exit", "slow", "slow-exit"];
-var cn = createCn({
+var cn2 = createCn({
   extend: {
     classGroups: {
       "font-size": [{ text: TYPE_ROLES.flatMap((role) => [role, `${role}-compact`]) }],
@@ -14,4 +14,4 @@ var cn = createCn({
   }
 });
 
-export { cn };
+export { cn2 };

package/dist/shared/{components-s3yfvfkr.js → components-gc5vtq2f.js}

@@ -1,30 +1,30 @@
 import {
-  slotRender
-} from "./components-5vxtcp88.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  MorphSurface
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  slotRender
+} from "./components-3ky44908.js";
 import {
-  inPlaceOffset,
-  opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 
 // components/overlays/popover/index.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
@@ -37,7 +37,7 @@ import {
 } from "react";
 import { jsx } from "react/jsx-runtime";
 var PopoverContext = createContext({ open: false, origin: { current: {} } });
-var PopoverTrigger = forwardRef(({ render, asChild, children, ...props }, ref) => {
+var PopoverTrigger2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
   const el = slotRender(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
     ref,
@@ -49,8 +49,8 @@ var PopoverTrigger = forwardRef(({ render, asChild, children, ...props }, ref) =
     children
   });
 });
-PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverClose = forwardRef(({ render, asChild, children, ...props }, ref) => {
+PopoverTrigger2.displayName = "PopoverTrigger";
+var PopoverClose2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
   const el = slotRender(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(PopoverPrimitive.Close, {
     ref,
@@ -62,8 +62,8 @@ var PopoverClose = forwardRef(({ render, asChild, children, ...props }, ref) =>
     children
   });
 });
-PopoverClose.displayName = "PopoverClose";
-var PopoverContent = forwardRef(({
+PopoverClose2.displayName = "PopoverClose";
+var PopoverContent2 = forwardRef(({
   side = "bottom",
   align,
   sideOffset = 12,
@@ -81,7 +81,7 @@ var PopoverContent = forwardRef(({
   const inPlace = opensInPlace({ effect, hideSource });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
     container: container ?? undefined,
     children: /* @__PURE__ */ jsx(PopoverPrimitive.Positioner, {
@@ -93,14 +93,14 @@ var PopoverContent = forwardRef(({
         ref: morph.popupRef,
         className: "relative outline-none",
         ...props,
-        children: /* @__PURE__ */ jsx(SurfaceProvider, {
+        children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
           children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
             bg: SURFACE_BG[level],
             shadow: SURFACE_SHADOW[3],
             radius: shape.container,
-            className: cn("flex w-max max-w-[min(92vw,20rem)] flex-col gap-1 p-4", className),
+            className: cn2("flex w-max max-w-[min(92vw,20rem)] flex-col gap-1 p-4", className),
             children
           })
         })
@@ -108,20 +108,20 @@ var PopoverContent = forwardRef(({
     })
   });
 });
-PopoverContent.displayName = "PopoverContent";
-var PopoverTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Title, {
+PopoverContent2.displayName = "PopoverContent";
+var PopoverTitle2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Title, {
   ref,
-  className: cn("text-subtitle weight-semibold text-foreground", className),
+  className: cn2("text-subtitle weight-semibold text-foreground", className),
   ...props
 }));
-PopoverTitle.displayName = "PopoverTitle";
-var PopoverDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Description, {
+PopoverTitle2.displayName = "PopoverTitle";
+var PopoverDescription2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Description, {
   ref,
-  className: cn("text-caption text-muted-foreground", className),
+  className: cn2("text-caption text-muted-foreground", className),
   ...props
 }));
-PopoverDescription.displayName = "PopoverDescription";
-function Popover({ open, defaultOpen = false, onOpenChange, modal = false, children }) {
+PopoverDescription2.displayName = "PopoverDescription";
+function Popover2({ open, defaultOpen = false, onOpenChange, modal = false, children }) {
   const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
   const { origin, capture } = useMorphOrigin();
   const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
@@ -139,11 +139,11 @@ function Popover({ open, defaultOpen = false, onOpenChange, modal = false, child
     })
   });
 }
-Popover.Trigger = PopoverTrigger;
-Popover.Content = PopoverContent;
-Popover.Title = PopoverTitle;
-Popover.Description = PopoverDescription;
-Popover.Close = PopoverClose;
-var popover_default = Popover;
+Popover2.Trigger = PopoverTrigger2;
+Popover2.Content = PopoverContent2;
+Popover2.Title = PopoverTitle2;
+Popover2.Description = PopoverDescription2;
+Popover2.Close = PopoverClose2;
+var popover_default = Popover2;
 
-export { PopoverTrigger, PopoverClose, PopoverContent, PopoverTitle, PopoverDescription, Popover, popover_default };
+export { PopoverTrigger2, PopoverClose2, PopoverContent2, PopoverTitle2, PopoverDescription2, Popover2, popover_default };

package/dist/shared/components-gf5s6ap9.js

@@ -0,0 +1,42 @@
+import {
+  DialogTrigger2,
+  DialogClose2,
+  DialogContent2,
+  DialogHeader2,
+  DialogFooter2,
+  DialogTitle2,
+  DialogDescription2,
+  DialogState2
+} from "./components-zfnmn5d4.js";
+
+// components/overlays/alert-dialog/index.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var AlertDialogContent2 = forwardRef(({ showCloseButton = false, ...props }, ref) => /* @__PURE__ */ jsx(DialogContent2, {
+  ref,
+  showCloseButton,
+  ...props
+}));
+AlertDialogContent2.displayName = "AlertDialogContent";
+function AlertDialog2({ children, open, defaultOpen, onOpenChange }) {
+  return /* @__PURE__ */ jsx(DialogState2, {
+    open,
+    defaultOpen,
+    onOpenChange,
+    children: (root) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
+      ...root,
+      children
+    })
+  });
+}
+AlertDialog2.Trigger = DialogTrigger2;
+AlertDialog2.Content = AlertDialogContent2;
+AlertDialog2.Header = DialogHeader2;
+AlertDialog2.Footer = DialogFooter2;
+AlertDialog2.Title = DialogTitle2;
+AlertDialog2.Description = DialogDescription2;
+AlertDialog2.Close = DialogClose2;
+var alert_dialog_default = AlertDialog2;
+
+export { AlertDialogContent2, AlertDialog2, alert_dialog_default };

package/dist/shared/{components-7cqq1sqy.js → components-gvr9w41t.js}

@@ -1,26 +1,26 @@
 import {
-  fieldIconClasses,
-  fieldVariants
-} from "./components-de8xsm9y.js";
-import {
-  SizeProvider
-} from "./components-vb033rns.js";
-import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  fieldVariants,
+  fieldIconClasses
+} from "./components-mhd39z7x.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
+import {
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 
 // components/inputs/input/index.tsx
 import { Field } from "@base-ui/react/field";
@@ -40,7 +40,7 @@ function useInputGroup() {
   return ctx;
 }
 var FieldStateContext = createContext(null);
-var Input = forwardRef(({
+var Input2 = forwardRef(({
   icon: Icon,
   value: valueProp,
   defaultValue = "",
@@ -55,7 +55,7 @@ var Input = forwardRef(({
   const inputRef = useRef(null);
   const field = useContext(FieldStateContext);
   const shape = useShape();
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const compact = sizeClasses.variant === "compact";
   return /* @__PURE__ */ jsxs("div", {
     onMouseDown: (e) => {
@@ -67,7 +67,7 @@ var Input = forwardRef(({
     "data-active": field?.active || undefined,
     "data-invalid": invalid || undefined,
     "data-disabled": disabled || undefined,
-    className: cn(fieldVariants(), "flex items-center", sizeClasses.gap, shape.input, compact ? "px-2" : "px-2.5", sizeClasses.control, className),
+    className: cn2(fieldVariants(), "flex items-center", sizeClasses.gap, shape.input, compact ? "px-2" : "px-2.5", sizeClasses.control, className),
     children: [
       Icon && /* @__PURE__ */ jsx(Icon, {
         size: sizeClasses.icon,
@@ -88,19 +88,19 @@ var Input = forwardRef(({
         onChange: (e) => onChange(e.target.value),
         disabled,
         "aria-invalid": invalid || undefined,
-        className: cn("w-full rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", sizeClasses.text, "weight-normal"),
+        className: cn2("w-full rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", sizeClasses.text, "weight-normal"),
         ...props
       })
     ]
   });
 });
-Input.displayName = "Input";
-var Label = forwardRef(({ children, invalid, size, className, ...props }, ref) => {
-  const sizeClasses = useSize(size);
+Input2.displayName = "Input";
+var Label2 = forwardRef(({ children, invalid, size, className, ...props }, ref) => {
+  const sizeClasses = useSize2(size);
   const compact = sizeClasses.variant === "compact";
   return /* @__PURE__ */ jsxs("label", {
     ref,
-    className: cn("inline-grid", sizeClasses.text, "data-[disabled]:opacity-50", compact ? "pl-2" : "pl-2.5", className),
+    className: cn2("inline-grid", sizeClasses.text, "data-[disabled]:opacity-50", compact ? "pl-2" : "pl-2.5", className),
     ...props,
     children: [
       /* @__PURE__ */ jsx("span", {
@@ -109,16 +109,16 @@ var Label = forwardRef(({ children, invalid, size, className, ...props }, ref) =
         children
       }),
       /* @__PURE__ */ jsx("span", {
-        className: cn("col-start-1 row-start-1", invalid ? "text-destructive" : "text-muted-foreground", "weight-normal"),
+        className: cn2("col-start-1 row-start-1", invalid ? "text-destructive" : "text-muted-foreground", "weight-normal"),
         children
       })
     ]
   });
 });
-Label.displayName = "Label";
-var InputGroup = forwardRef(({ children, size, className, ...props }, ref) => {
+Label2.displayName = "Label";
+var InputGroup2 = forwardRef(({ children, size, className, ...props }, ref) => {
   const containerRef = useRef(null);
-  const { activeIndex, handlers, registerItem } = useFluidHover(containerRef);
+  const { activeIndex, handlers, registerItem } = useFluidHover2(containerRef);
   const contextValue = useMemo(() => ({ registerItem, activeIndex }), [registerItem, activeIndex]);
   const group = /* @__PURE__ */ jsx(InputGroupContext.Provider, {
     value: contextValue,
@@ -133,23 +133,23 @@ var InputGroup = forwardRef(({ children, size, className, ...props }, ref) => {
       onMouseEnter: handlers.onMouseEnter,
       onMouseMove: handlers.onMouseMove,
       onMouseLeave: handlers.onMouseLeave,
-      className: cn("relative flex flex-col gap-3 w-72 max-w-full", className),
+      className: cn2("relative flex flex-col gap-3 w-72 max-w-full", className),
       ...props,
       children
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: group
   }) : group;
 });
-InputGroup.displayName = "InputGroup";
+InputGroup2.displayName = "InputGroup";
 var InputField = forwardRef(({ label, labelHidden, index, error, disabled, className, ...props }, ref) => {
   const internalRef = useRef(null);
   const { registerItem, activeIndex } = useInputGroup();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
-  useRegisterFluidHoverItem(registerItem, index, internalRef);
+  useRegisterFluidHoverItem2(registerItem, index, internalRef);
   const fieldState = useMemo(() => ({ active: activeIndex === index }), [activeIndex, index]);
   return /* @__PURE__ */ jsxs(Field.Root, {
     ref: (node) => {
@@ -161,10 +161,10 @@ var InputField = forwardRef(({ label, labelHidden, index, error, disabled, class
     },
     invalid: !!error,
     disabled,
-    className: cn("flex flex-col gap-1 cursor-text", disabled && "pointer-events-none", className),
+    className: cn2("flex flex-col gap-1 cursor-text", disabled && "pointer-events-none", className),
     children: [
       /* @__PURE__ */ jsx(Field.Label, {
-        render: /* @__PURE__ */ jsx(Label, {
+        render: /* @__PURE__ */ jsx(Label2, {
           invalid: !!error,
           className: labelHidden ? "sr-only" : undefined,
           children: label
@@ -172,7 +172,7 @@ var InputField = forwardRef(({ label, labelHidden, index, error, disabled, class
       }),
       /* @__PURE__ */ jsx(FieldStateContext.Provider, {
         value: fieldState,
-        children: /* @__PURE__ */ jsx(Input, {
+        children: /* @__PURE__ */ jsx(Input2, {
           invalid: !!error,
           disabled,
           ...props
@@ -180,14 +180,14 @@ var InputField = forwardRef(({ label, labelHidden, index, error, disabled, class
       }),
       error && /* @__PURE__ */ jsx(Field.Error, {
         match: true,
-        className: cn("text-destructive", compact ? "text-caption-compact pl-2" : "text-caption pl-2.5", "weight-medium"),
+        className: cn2("text-destructive", compact ? "text-caption-compact pl-2" : "text-caption pl-2.5", "weight-medium"),
         children: error
       })
     ]
   });
 });
 InputField.displayName = "InputField";
-Object.assign(InputGroup, { Field: InputField });
-var input_default = Input;
+Object.assign(InputGroup2, { Field: InputField });
+var input_default = Input2;
 
-export { Input, Label, InputGroup, input_default };
+export { Input2, Label2, InputGroup2, input_default };