@koobiq/react-components 0.0.1-beta.6 → 0.0.1-beta.8

package/dist/components/AnimatedIcon/AnimatedIcon.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+import type { AnimatedIconBaseProps } from './index';
+export declare const AnimatedIcon: import("@koobiq/react-core").PolyForwardComponent<"span", AnimatedIconBaseProps, ElementType>;
+export type AnimatedIconProps<As extends ElementType = 'span'> = ComponentPropsWithRef<typeof AnimatedIcon<As>>;

package/dist/components/AnimatedIcon/AnimatedIcon.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { polymorphicForwardRef, useRefs, clsx } from "@koobiq/react-core";
+import { Transition } from "react-transition-group";
+import s from "./AnimatedIcon.module.css.js";
+const AnimatedIcon = polymorphicForwardRef((props, ref) => {
+  const {
+    transition = 300,
+    as: Tag = "span",
+    activeIndex = 0,
+    directions,
+    className,
+    icons = [],
+    style: styleProp,
+    ...other
+  } = props;
+  const refs = useRefs(icons.length);
+  const singleIcon = icons?.[0];
+  const innerRender = icons.length === 1 ? singleIcon : icons.map((icon, index) => /* @__PURE__ */ jsx(
+    Transition,
+    {
+      in: activeIndex === index,
+      timeout: transition,
+      nodeRef: refs[index],
+      unmountOnExit: true,
+      children: (transition2) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: s.icon,
+          "data-index": index,
+          ref: refs[index],
+          "data-transition": transition2,
+          children: icon
+        }
+      )
+    },
+    index
+  ));
+  const style = {
+    ...styleProp,
+    "--animated-icon-transition": `${transition}ms`,
+    ...typeof directions?.[activeIndex] === "number" && {
+      "--animated-icon-direction": `rotate(${directions[activeIndex]}deg)`
+    }
+  };
+  return /* @__PURE__ */ jsx(Tag, { ...other, className: clsx(s.base, className), style, ref, children: innerRender });
+});
+export {
+  AnimatedIcon
+};

package/dist/components/AnimatedIcon/AnimatedIcon.module.css.js

@@ -0,0 +1,11 @@
+const base = "kbq-animatedicon-61fd86";
+const icon = "kbq-animatedicon-icon-2feff8";
+const s = {
+  base,
+  icon
+};
+export {
+  base,
+  s as default,
+  icon
+};

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

@@ -0,0 +1,2 @@
+export * from './AnimatedIcon';
+export * from './types';

package/dist/components/AnimatedIcon/types.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentRef, CSSProperties, ReactNode } from 'react';
+export type AnimatedIconBaseProps = {
+    /** A list of icons. */
+    icons?: ReactNode[];
+    /** A list of directions for the icons. */
+    directions?: number[];
+    /**
+     * Animation duration in milliseconds.
+     * @default 300
+     * */
+    transition?: number;
+    /** Index of the active icon. */
+    activeIndex?: number;
+    /** Additional CSS-classes. */
+    className?: string;
+    /** Inline styles. */
+    style?: CSSProperties;
+};
+export type AnimatedIconRef = ComponentRef<'span'>;

package/dist/components/Checkbox/Checkbox.js

@@ -5,6 +5,7 @@ import { mergeProps, clsx, isNotNil } from "@koobiq/react-core";
 import { IconCheckS16, IconMinusS16 } from "@koobiq/react-icons";
 import { Checkbox as Checkbox$1 } from "@koobiq/react-primitives";
 import s from "./Checkbox.module.css.js";
+import { AnimatedIcon } from "../AnimatedIcon/AnimatedIcon.js";
 const Checkbox = forwardRef(
   (props, ref) => {
     const {
@@ -47,13 +48,22 @@ const Checkbox = forwardRef(
         "data-indeterminate": indeterminate,
         ...commonProps,
         ref,
-        children: ({ checked, indeterminate: indeterminate2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("span", { ...boxProps, children: [
-            checked && !indeterminate2 && /* @__PURE__ */ jsx(IconCheckS16, {}),
-            indeterminate2 && /* @__PURE__ */ jsx(IconMinusS16, {})
-          ] }),
-          isNotNil(children) && /* @__PURE__ */ jsx("span", { ...labelProps, children })
-        ] })
+        children: ({ checked, indeterminate: indeterminate2 }) => {
+          const activeIndex = indeterminate2 ? 1 : Number(Boolean(checked)) - 1;
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { ...boxProps, children: /* @__PURE__ */ jsx(
+              AnimatedIcon,
+              {
+                icons: [
+                  /* @__PURE__ */ jsx(IconCheckS16, {}, "checked"),
+                  /* @__PURE__ */ jsx(IconMinusS16, {}, "indeterminate")
+                ],
+                activeIndex
+              }
+            ) }),
+            isNotNil(children) && /* @__PURE__ */ jsx("span", { ...labelProps, children })
+          ] });
+        }
       }
     );
   }

package/dist/components/FieldComponents/FieldInputGroup/FieldInputGroup.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldInputGroupBaseProps = ExtendableComponentPropsWithRef<{
+export type FieldInputGroupProps = ExtendableComponentPropsWithRef<{
     children?: ReactNode;
     startAddon?: ReactNode;
     endAddon?: ReactNode;
@@ -8,4 +8,4 @@ export type FieldInputGroupBaseProps = ExtendableComponentPropsWithRef<{
     className?: string;
     error?: boolean;
 }, 'div'>;
-export declare const FieldInputGroup: import("react").ForwardRefExoticComponent<Omit<FieldInputGroupBaseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const FieldInputGroup: import("react").ForwardRefExoticComponent<Omit<FieldInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/Input.d.ts

@@ -17,6 +17,7 @@ export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<
         label?: import("../FieldComponents").FieldLabelProps;
         input?: import("../FieldComponents").FieldInputProps;
         caption?: import("../FieldComponents").FieldCaptionProps;
+        group?: import("../FieldComponents").FieldInputGroupProps;
         errorMessage?: import("../FieldComponents").FieldErrorProps;
     };
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Input/Input.js

@@ -46,19 +46,19 @@ const Input = forwardRef((props, ref) => {
       },
       slotProps?.input
     );
+    const groupProps = mergeProps(
+      {
+        error,
+        endAddon,
+        startAddon
+      },
+      slotProps?.group
+    );
     const captionProps = slotProps?.caption;
     const errorProps = mergeProps({ error }, slotProps?.errorMessage);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(FieldLabel, { ...labelProps, children: labelProps?.children || label }),
-      /* @__PURE__ */ jsx(
-        FieldInputGroup,
-        {
-          error,
-          endAddon,
-          startAddon,
-          children: /* @__PURE__ */ jsx(FieldInput, { ...inputProps })
-        }
-      ),
+      /* @__PURE__ */ jsx(FieldInputGroup, { ...groupProps, children: /* @__PURE__ */ jsx(FieldInput, { ...inputProps }) }),
       /* @__PURE__ */ jsx(FieldCaption, { ...captionProps, children: captionProps?.children || caption }),
       /* @__PURE__ */ jsx(FieldError, { ...errorProps, children: errorProps.children || errorMessage })
     ] });

package/dist/components/Input/types.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentRef, CSSProperties, ReactNode } from 'react';
 import type { ExtendableProps } from '@koobiq/react-core';
 import type { UseTextFieldProps } from '@koobiq/react-primitives';
-import type { FieldCaptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps } from '../FieldComponents';
+import type { FieldCaptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps, FieldInputGroupProps } from '../FieldComponents';
 export declare const inputPropVariant: readonly ["filled", "transparent"];
 export type InputPropVariant = (typeof inputPropVariant)[number];
 export type InputProps = ExtendableProps<{
@@ -56,6 +56,7 @@ export type InputProps = ExtendableProps<{
         label?: FieldLabelProps;
         input?: FieldInputProps;
         caption?: FieldCaptionProps;
+        group?: FieldInputGroupProps;
         errorMessage?: FieldErrorProps;
     };
 }, Omit<UseTextFieldProps, 'inputElementType'>>;

package/dist/components/Modal/Modal.js

@@ -9,19 +9,20 @@ import { Backdrop } from "../Backdrop/Backdrop.js";
 import { Dialog } from "../Dialog/Dialog.js";
 const Modal = forwardRef((props, ref) => {
   const {
-    hideCloseButton = false,
     size = "medium",
-    disableExitOnEscapeKeyDown,
-    disableExitOnClickOutside,
-    disableFocusManagement,
-    portalContainer,
-    open: openProp,
-    hideBackdrop,
-    onOpenChange,
-    defaultOpen,
-    children,
+    hideCloseButton = false,
     control,
+    children,
     slotProps,
+    defaultOpen,
+    hideBackdrop,
+    onOpenChange,
+    open: openProp,
+    portalContainer,
+    disableFocusManagement,
+    disableExitOnClickOutside,
+    disableExitOnEscapeKeyDown,
+    shouldCloseOnInteractOutside,
     ...other
   } = props;
   const state = useOverlayTriggerState({
@@ -41,6 +42,7 @@ const Modal = forwardRef((props, ref) => {
   const { modalProps: modalCommonProps, underlayProps } = useModalOverlay(
     {
       ...props,
+      shouldCloseOnInteractOutside,
       isDismissable: !disableExitOnClickOutside,
       isKeyboardDismissDisabled: disableExitOnEscapeKeyDown
     },
@@ -55,9 +57,9 @@ const Modal = forwardRef((props, ref) => {
   };
   const containerProps = mergeProps(
     {
-      className: clsx(s.base, s[size]),
       ref: containerRef,
-      "data-size": size
+      "data-size": size,
+      className: clsx(s.base, s[size])
     },
     other
   );

package/dist/components/Modal/types.d.ts

@@ -58,6 +58,13 @@ export type ModalProps = {
      * @default false
      */
     disableFocusManagement?: boolean;
+    /**
+     * When user interacts with the argument element outside of the overlay ref,
+     * return true if onClose should be called. This gives you a chance to filter
+     * out interaction with elements that should not dismiss the overlay.
+     * By default, onClose will always be called on interaction outside the overlay ref.
+     */
+    shouldCloseOnInteractOutside?: (element: Element) => boolean;
     /** The props used for each slot inside. */
     slotProps?: {
         dialog?: DialogProps;

package/dist/components/Popover/Popover.js

@@ -10,35 +10,36 @@ import { Dialog } from "../Dialog/Dialog.js";
 const Popover = forwardRef(
   (props, ref) => {
     const {
-      placement: placementProp = "top",
-      arrowBoundaryOffset = 20,
-      containerPadding = 12,
-      hideArrow = false,
+      offset = 0,
       size = "medium",
       crossOffset = 0,
-      offset = 0,
+      hideArrow = false,
+      containerPadding = 12,
+      arrowBoundaryOffset = 20,
+      placement: placementProp = "top",
+      control,
+      children,
+      anchorRef,
       slotProps,
-      disableExitOnEscapeKeyDown,
-      disableFocusManagement,
-      portalContainer,
-      hideCloseButton,
-      open: openProp,
       className,
+      isNonModal,
       defaultOpen,
       onOpenChange,
-      isNonModal,
-      anchorRef,
-      children,
-      control,
+      open: openProp,
+      portalContainer,
+      hideCloseButton,
+      disableFocusManagement,
+      disableExitOnEscapeKeyDown,
+      shouldCloseOnInteractOutside,
       ...other
     } = props;
     const showArrow = !hideArrow;
     const domRef = useDOMRef(ref);
     const controlRef = useRef(null);
     const state = useOverlayTriggerState({
-      isOpen: openProp,
-      onOpenChange,
       defaultOpen,
+      onOpenChange,
+      isOpen: openProp,
       ...other
     });
     const openState = state.isOpen;
@@ -63,8 +64,9 @@ const Popover = forwardRef(
         popoverRef: domRef,
         arrowBoundaryOffset,
         placement: placementProp,
-        isKeyboardDismissDisabled: disableExitOnEscapeKeyDown,
-        triggerRef: anchorRef || controlRef
+        shouldCloseOnInteractOutside,
+        triggerRef: anchorRef || controlRef,
+        isKeyboardDismissDisabled: disableExitOnEscapeKeyDown
       },
       { ...state, isOpen: opened }
     );
@@ -83,9 +85,9 @@ const Popover = forwardRef(
     const dialogProps = mergeProps(
       {
         role: "dialog",
+        hideCloseButton,
         className: s.dialog,
-        onClose: state.close,
-        hideCloseButton
+        onClose: state.close
       },
       slotProps?.dialog
     );
@@ -98,8 +100,8 @@ const Popover = forwardRef(
     );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       control?.({
-        onClick: onPress,
         ref: controlRef,
+        onClick: onPress,
         disabled: isDisabled,
         ...otherTriggerProps
       }),

package/dist/components/Popover/types.d.ts

@@ -95,6 +95,13 @@ export type PopoverProps = {
      * @default 0
      */
     crossOffset?: number;
+    /**
+     * When user interacts with the argument element outside of the popover ref,
+     * return true if onClose should be called. This gives you a chance to filter
+     * out interaction with elements that should not dismiss the popover.
+     * By default, onClose will always be called on interaction outside the popover ref.
+     */
+    shouldCloseOnInteractOutside?: (element: Element) => boolean;
     /** The props used for each slot inside. */
     slotProps?: {
         dialog?: DialogProps;

package/dist/components/SidePanel/SidePanel.js

@@ -10,20 +10,21 @@ import { Dialog } from "../Dialog/Dialog.js";
 const SidePanel = forwardRef(
   (props, ref) => {
     const {
-      hideCloseButton = false,
-      position = "left",
       size = "medium",
-      disableExitOnEscapeKeyDown,
-      disableExitOnClickOutside,
-      disableFocusManagement,
-      portalContainer,
-      open: openProp,
-      hideBackdrop,
-      onOpenChange,
-      defaultOpen,
-      children,
+      position = "left",
+      hideCloseButton = false,
       control,
+      children,
       slotProps,
+      defaultOpen,
+      onOpenChange,
+      hideBackdrop,
+      open: openProp,
+      portalContainer,
+      disableFocusManagement,
+      disableExitOnClickOutside,
+      disableExitOnEscapeKeyDown,
+      shouldCloseOnInteractOutside,
       ...other
     } = props;
     const state = useOverlayTriggerState({
@@ -43,6 +44,7 @@ const SidePanel = forwardRef(
     const { modalProps: modalCommonProps, underlayProps } = useModalOverlay(
       {
         ...props,
+        shouldCloseOnInteractOutside,
         isDismissable: !disableExitOnClickOutside,
         isKeyboardDismissDisabled: disableExitOnEscapeKeyDown
       },
@@ -57,10 +59,10 @@ const SidePanel = forwardRef(
     };
     const containerProps = mergeProps(
       {
-        className: clsx(s.base, s[size], s[position]),
+        ref: containerRef,
         "data-size": size,
         "data-position": position,
-        ref: containerRef
+        className: clsx(s.base, s[size], s[position])
       },
       other
     );
@@ -81,8 +83,8 @@ const SidePanel = forwardRef(
     const panelProps = mergeProps(
       modalCommonProps,
       {
-        className: s.panel,
-        ref: modalRef
+        ref: modalRef,
+        className: s.panel
       },
       slotProps?.panel
     );

package/dist/components/SidePanel/types.d.ts

@@ -65,6 +65,13 @@ export type SidePanelProps = {
      * @default false
      */
     disableFocusManagement?: boolean;
+    /**
+     * When user interacts with the argument element outside of the overlay ref,
+     * return true if onClose should be called. This gives you a chance to filter
+     * out interaction with elements that should not dismiss the overlay.
+     * By default, onClose will always be called on interaction outside the overlay ref.
+     */
+    shouldCloseOnInteractOutside?: (element: Element) => boolean;
     /** The props used for each slot inside. */
     slotProps?: {
         dialog?: DialogProps;

package/dist/components/Tooltip/Tooltip.js

@@ -10,20 +10,20 @@ const Tooltip = forwardRef((props, ref) => {
   const {
     delay = 120,
     disabled = false,
-    defaultOpen,
     closeDelay = 120,
     hideArrow = false,
     variant = "contrast",
-    onOpenChange,
     placement: placementProp = "top",
     control,
     children,
     anchorRef,
     crossOffset,
+    defaultOpen,
+    onOpenChange,
     open: openProp,
+    portalContainer,
     offset: offsetProp,
     arrowBoundaryOffset,
-    portalContainer,
     ...other
   } = props;
   const showArrow = !hideArrow;

package/dist/components/index.d.ts

@@ -23,4 +23,5 @@ export * from './SidePanel';
 export * from './Popover';
 export * from './Tooltip';
 export * from './List';
+export * from './AnimatedIcon';
 export * from './layout';

package/dist/index.js

@@ -58,10 +58,12 @@ import { List, ListRender } from "./components/List/List.js";
 import { listPropSelectionMode } from "./components/List/types.js";
 import { ListItem } from "./components/List/ListItem.js";
 import { ListSection } from "./components/List/ListSection.js";
+import { AnimatedIcon } from "./components/AnimatedIcon/AnimatedIcon.js";
 import { flex, flexPropAlignItems, flexPropDirection, flexPropFlex, flexPropGap, flexPropJustifyContent, flexPropOrder, flexPropWrap } from "./components/layout/flex/flex.js";
 import { spacing, spacingGap } from "./components/layout/spacing/spacing.js";
 export {
   Alert,
+  AnimatedIcon,
   Badge,
   BreakpointsContext,
   BreakpointsProvider,

package/dist/style.css

@@ -1497,6 +1497,46 @@
 .kbq-checkbox-end-0c77de {
   flex-direction: row;
 }
+.kbq-animatedicon-61fd86 {
+  --animated-icon-direction: ;
+  --animated-icon-transition-function: cubic-bezier(.7, 0, .5, 1);
+  --animated-icon-transition: .3s;
+  transition: transform var(--animated-icon-transition) var(--animated-icon-transition-function);
+  transform: var(--animated-icon-direction);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+.kbq-animatedicon-icon-2feff8 {
+  transition: transform var(--animated-icon-transition) var(--animated-icon-transition-function), opacity var(--animated-icon-transition) var(--animated-icon-transition-function);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="entering"] {
+  opacity: 1;
+  position: absolute;
+  transform: scale(1);
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="entered"] {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="exiting"] {
+  opacity: 0;
+  position: absolute;
+  transform: scale(.1);
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="exited"] {
+  opacity: 0;
+  transform: scale(.1);
+}
 .kbq-link-093ccd {
   --link-gap: var(--kbq-size-xxs);
   --link-outline-width: var(--kbq-size-3xs);
@@ -2503,6 +2543,7 @@
   outline: none;
   flex-direction: column;
   flex-grow: 1;
+  min-block-size: 48px;
   display: flex;
   position: relative;
 }
@@ -2688,7 +2729,6 @@
 .kbq-popover-f14dc5 {
   --popover-inline-size: ;
   border-radius: var(--kbq-size-m);
-  min-block-size: 48px;
   box-shadow: var(--kbq-shadow-overlay);
   background-color: var(--kbq-background-bg);
   inline-size: var(--popover-inline-size);
@@ -2922,6 +2962,7 @@
 }
 
 .kbq-listsection-heading-5bd9e3 {
+  box-sizing: border-box;
   padding: var(--kbq-size-s) var(--kbq-size-m);
 }
 .kbq-listoption-8693c5 {
@@ -2929,6 +2970,7 @@
   --list-item-outline-color: transparent;
   --list-item-outline-width: var(--kbq-size-3xs);
   cursor: pointer;
+  box-sizing: border-box;
   gap: var(--kbq-size-s);
   border-radius: var(--kbq-size-s);
   color: var(--kbq-foreground-contrast);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-components",
-  "version": "0.0.1-beta.6",
+  "version": "0.0.1-beta.8",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -22,10 +22,10 @@
     "@koobiq/design-tokens": "^3.12.1",
     "@types/react-transition-group": "^4.4.12",
     "react-transition-group": "^4.4.5",
-    "@koobiq/logger": "0.0.1-beta.6",
-    "@koobiq/react-icons": "0.0.1-beta.6",
-    "@koobiq/react-primitives": "0.0.1-beta.6",
-    "@koobiq/react-core": "0.0.1-beta.6"
+    "@koobiq/logger": "0.0.1-beta.8",
+    "@koobiq/react-core": "0.0.1-beta.8",
+    "@koobiq/react-icons": "0.0.1-beta.8",
+    "@koobiq/react-primitives": "0.0.1-beta.8"
   },
   "peerDependencies": {
     "@koobiq/design-tokens": "^3.11.2",

package/dist/components/Input/components/FieldAddon/FieldAddon.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export declare const fieldAddonPropPlacement: readonly ["start", "end"];
-export type FieldAddonPlacement = (typeof fieldAddonPropPlacement)[number];
-export type FieldAddonProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    placement?: FieldAddonPlacement;
-    error?: boolean;
-}, 'div'>;
-export declare const FieldAddon: import("react").ForwardRefExoticComponent<Omit<FieldAddonProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldAddon/index.d.ts

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

package/dist/components/Input/components/FieldCaption/FieldCaption.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldCaptionProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-}, 'div'>;
-export declare const FieldCaption: import("react").ForwardRefExoticComponent<Omit<FieldCaptionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldCaption/index.d.ts

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

package/dist/components/Input/components/FieldControl/FieldControl.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldControlProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    fullWidth?: boolean;
-    error?: boolean;
-    className?: string;
-}, 'div'>;
-export declare const FieldControl: import("react").ForwardRefExoticComponent<Omit<FieldControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldControl/index.d.ts

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

package/dist/components/Input/components/FieldError/FieldError.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldErrorProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    error?: boolean;
-}, 'div'>;
-export declare const FieldError: import("react").ForwardRefExoticComponent<Omit<FieldErrorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldError/index.d.ts

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

package/dist/components/Input/components/FieldInput/FieldInput.d.ts

@@ -1,9 +0,0 @@
-import type { useTextField } from '@koobiq/react-primitives';
-import type { InputPropVariant } from '../../types';
-export type FieldInputProps = {
-    error?: boolean;
-    variant?: InputPropVariant;
-    disabled?: boolean;
-    className?: string;
-} & ReturnType<typeof useTextField>['inputProps'];
-export declare const FieldInput: import("@koobiq/react-core").PolyForwardComponent<"input", FieldInputProps, import("react").ElementType>;

package/dist/components/Input/components/FieldInput/index.d.ts

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

package/dist/components/Input/components/FieldInputGroup/FieldInputGroup.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldInputGroupProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    className?: string;
-}, 'div'>;
-export declare const FieldInputGroup: import("react").ForwardRefExoticComponent<Omit<FieldInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldInputGroup/index.d.ts

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

package/dist/components/Input/components/FieldLabel/FieldLabel.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldLabelProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    className?: string;
-    hiddenLabel?: boolean;
-    required?: boolean;
-}, 'label'>;
-export declare const FieldLabel: import("react").ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Input/components/FieldLabel/index.d.ts

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

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

@@ -1,7 +0,0 @@
-export * from './FieldControl';
-export * from './FieldInput';
-export * from './FieldLabel';
-export * from './FieldAddon';
-export * from './FieldCaption';
-export * from './FieldError';
-export * from './FieldInputGroup';