@dynamic-framework/ui-react 1.7.3 → 1.8.0

package/dist/types/types/polymorphic.d.ts

@@ -0,0 +1,37 @@
+/**
+ * This file is originally from `@radix-ui/react-polymorphic` before the package
+ * was deprecated. The original source for this lived in the URL below.
+ *
+ * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
+ */
+import * as React from 'react';
+type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+    /**
+     * When `as` prop is passed, use this overload.
+     * Merges original own props (without DOM props) and the inferred props
+     * from `as` element with the own props taking precendence.
+     *
+     * We explicitly avoid `React.ElementType` and manually narrow the prop types
+     * so that events are typed when using JSX.IntrinsicElements.
+     */
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement | null;
+}
+export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };

package/dist/types/utils/index.d.ts

@@ -1,3 +1,2 @@
-export { default as liquidParser } from './liquid-parser';
 export { default as formatCurrency } from './format-currency';
 export { default as configureI18n } from './configureI18n';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamic-framework/ui-react",
   "sideEffects": false,
-  "version": "1.7.3",
+  "version": "1.8.0",
   "description": "React Dynamic Framework",
   "license": "MIT",
   "repository": {
@@ -40,15 +40,18 @@
   "scripts": {
     "test": "jest",
     "test:watch": "jest --watch",
-    "build": "pnpm build:react && pnpm build:scss",
-    "build:react": "rimraf dist && tsc -p . && rollup -c rollup.config.js",
-    "build:react:watch": "tsc -p . && rollup -c rollup.config.js",
+    "build": "pnpm clean && pnpm build:react && pnpm build:scss",
+    "build:react": "tsc -p ./tsconfig.build.json && rollup -c rollup.config.mjs",
+    "build:react:watch": "tsc -p ./tsconfig.build.json && rollup -c rollup.config.mjs",
     "build:scss": "./scripts/build-scss.sh",
-    "clean": "rimraf dist",
-    "compile": "tsc -p . && rollup -c rollup.config.js",
+    "clean": "rimraf dist-transpiled && rimraf dist",
+    "compile": "tsc -p . && rollup -c rollup.config.mjs",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build -o docs",
-    "eslint": "eslint src/**/*{.ts,.tsx}",
+    "eslint": "pnpm eslint:src && pnpm eslint:stories && pnpm eslint:test",
+    "eslint:src": "eslint src/**/*{.ts,.tsx} --ignore-pattern '**/*.spec.tsx'",
+    "eslint:stories": "eslint stories/**/*.stories.tsx",
+    "eslint:test": "eslint src/**/*.spec.tsx",
     "stylelint": "stylelint \"**/*.{css,scss}\" --rd",
     "lint-staged": "lint-staged"
   },
@@ -60,20 +63,19 @@
     "src/style"
   ],
   "dependencies": {
-    "@floating-ui/react": "^0.24.1",
+    "@floating-ui/react": "^0.26.1",
     "@splidejs/react-splide": "^0.7.12",
     "@splidejs/splide": "^4.1.4",
-    "axios": "^1.1.2",
     "bootstrap": "^5.3.2",
     "classnames": "^2.3.2",
     "currency.js": "^2.0.4",
-    "date-fns": "^2.29.3",
-    "i18next": "~21.9.0",
-    "react-content-loader": "~6.2.0",
-    "react-datepicker": "~4.8.0",
+    "date-fns": "^2.30.0",
+    "i18next": "^23.6.0",
+    "react-content-loader": "^6.2.1",
+    "react-datepicker": "^4.21.0",
     "react-dropzone": "^14.2.3",
-    "react-responsive-pagination": "^2.2.1",
-    "yup": "^1.2.0"
+    "react-responsive-pagination": "^2.2.3",
+    "react-toastify": "^9.1.3"
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",
@@ -82,66 +84,57 @@
     "@babel/preset-typescript": "^7.23.2",
     "@mdx-js/react": "^2.3.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@storybook/addon-actions": "^7.5.0",
-    "@storybook/addon-essentials": "^7.5.0",
-    "@storybook/addon-interactions": "^7.5.0",
-    "@storybook/addon-links": "^7.5.0",
-    "@storybook/addon-viewport": "^7.5.0",
-    "@storybook/blocks": "^7.5.0",
-    "@storybook/react": "^7.5.0",
-    "@storybook/react-webpack5": "^7.5.0",
+    "@storybook/addon-actions": "^7.5.1",
+    "@storybook/addon-essentials": "^7.5.1",
+    "@storybook/addon-interactions": "^7.5.1",
+    "@storybook/addon-links": "^7.5.1",
+    "@storybook/addon-viewport": "^7.5.1",
+    "@storybook/blocks": "^7.5.1",
+    "@storybook/react": "^7.5.1",
+    "@storybook/react-webpack5": "^7.5.1",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@types/jest": "29.5.5",
-    "@types/luxon": "^3.2.1",
+    "@storybook/theming": "^7.5.1",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.6",
     "@types/node": "^18.15.3",
-    "@types/react": "^18.2.19",
-    "@types/react-datepicker": "~4.8.0",
-    "@types/react-dom": "^18.0.3",
-    "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@typescript-eslint/parser": "^6.8.0",
+    "@types/react": "^18.2.31",
+    "@types/react-datepicker": "^4.19.1",
+    "@types/react-dom": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
     "autoprefixer": "^10.4.16",
     "babel-loader": "^9.1.3",
     "bootstrap": "^5.3.2",
-    "eslint": "8.51.0",
+    "eslint": "^8.52.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "formik": "^2.2.9",
-    "html2canvas": "^1.4.1",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
-    "jest-environment-jsdom": "^29.1.2",
-    "lint-staged": "^12.4.1",
-    "luxon": "^3.2.1",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.0.2",
     "postcss-cli": "^10.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": "~11.18.3",
-    "react-toastify": "~9.0.8",
-    "rimraf": "^2.6.3",
-    "rollup": "^2.72.1",
-    "sass": "^1.69.3",
-    "storybook": "^7.5.0",
+    "react-i18next": "^13.3.1",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.1.4",
+    "sass": "^1.69.4",
+    "storybook": "^7.5.1",
     "stylelint": "^15.11.0",
     "stylelint-config-twbs-bootstrap": "^11.0.1",
     "ts-jest": "^29.1.1",
-    "tslib": "^2.4.0",
+    "tslib": "^2.6.2",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "formik": "^2.2.9",
-    "html2canvas": "^1.4.1",
-    "luxon": "^3.2.1",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "react-i18next": "~11.18.3",
-    "react-toastify": "~9.0.8"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^13.3.1"
   },
-  "gitHead": "30d791ee7b67826662311484e202261b3c26fbd4"
+  "gitHead": "e3b6f7537770c13f3c3153cd266c556a85aa1d4f"
 }

package/src/style/abstracts/variables/_buttons.scss

@@ -4,7 +4,7 @@
 
 // scss-docs-start btn-variables
 $btn-color: var(--#{$prefix}body-color) !default;
-$btn-padding-y: .875rem !default;
+$btn-padding-y: $small-font-size !default;
 $btn-padding-x: $spacer-4 !default;
 $btn-font-family: $input-btn-font-family !default;
 $btn-font-size: $input-btn-font-size !default;

package/src/style/abstracts/variables/_forms.scss

@@ -8,17 +8,17 @@ $form-text-color: $text-muted !default;
 
 // scss-docs-start form-label-variables
 $form-label-margin-bottom: 0 !default;
-$form-label-font-size: $small-font-size !default;
+$form-label-font-size: var(--#{$prefix}ref-fs-small) !default;
 $form-label-font-style: null !default;
-$form-label-font-weight: $font-weight-bold !default;
+$form-label-font-weight: var(--#{$prefix}ref-fw-bold) !default;
 $form-label-color: var(--#{$prefix}gray) !default;
 // scss-docs-end form-label-variables
 
 // custom
 $form-label-has-value-color: var(--#{$prefix}dark) !default;
 $form-label-padding-y: 0 !default;
-$form-label-padding-x: $spacer-2 !default;
-$form-label-gap: $spacer-1 !default;
+$form-label-padding-x: var(--#{$prefix}ref-spacer-2) !default;
+$form-label-gap: var(--#{$prefix}ref-spacer-1) !default;
 // end custom
 
 // scss-docs-start form-input-variables

package/src/style/abstracts/variables/_toasts.scss

@@ -4,7 +4,7 @@
 $toast-max-width: 350px !default;
 $toast-padding-x: .75rem !default;
 $toast-padding-y: .5rem !default;
-$toast-font-size: .875rem !default;
+$toast-font-size: $small-font-size !default;
 $toast-color: null !default;
 $toast-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
 $toast-border-width: var(--#{$prefix}border-width) !default;

package/src/style/abstracts/variables/_typography.scss

@@ -82,7 +82,7 @@ $display-line-height: $headings-line-height !default;
 $lead-font-size: $font-size-base * 1.25 !default;
 $lead-font-weight: $font-weight-normal !default;
 
-$small-font-size: .875rem !default;
+$small-font-size: $font-size-sm !default;
 
 $sub-sup-font-size: .75em !default;
 

package/src/style/base/_+import.scss

@@ -1,6 +1,3 @@
-// @import "bootstrap/scss/root";
-@import "root";
-
 @import "bootstrap/scss/reboot";
 
 @import "bootstrap/scss/type";

package/src/style/components/_d-input.scss

@@ -64,10 +64,6 @@
     flex-direction: row;
     gap: var(--#{$prefix}input-label-gap);
     align-items: center;
-    padding: var(--#{$prefix}input-label-padding-y) var(--#{$prefix}input-label-padding-x);
-    font-size: var(--#{$prefix}input-label-font-size);
-    font-weight: var(--#{$prefix}input-label-font-weight);
-    color: var(--#{$prefix}input-label-color);
 
     .d-input-icon {
       .d-icon {
@@ -87,7 +83,7 @@
     $border-color: map-get($data, "border-color");
     $tooltip-bg-color: map-get($data, "tooltip-bg-color");
 
-    &:has(.form-control.is-#{$state}){
+    &:has(.form-control.is-#{$state}) {
       .input-group {
         border-color: $border-color;
       }
@@ -148,6 +144,7 @@
 
 
   &:has(.form-control:disabled) {
+
     // input addons disabled
     .input-group-text {
       background: var(--#{$prefix}input-group-disabled-bg);
@@ -166,3 +163,11 @@
     }
   }
 }
+
+.label,
+label {
+  padding: var(--#{$prefix}input-label-padding-y, var(--#{$prefix}label-padding-y)) var(--#{$prefix}input-label-padding-x, var(--#{$prefix}label-padding-x));
+  font-size: var(--#{$prefix}input-label-font-size, var(--#{$prefix}label-font-size));
+  font-weight: var(--#{$prefix}input-label-font-weight, var(--#{$prefix}label-font-weight));
+  color: var(--#{$prefix}input-label-color, var(--#{$prefix}label-color));
+}

package/src/style/components/_d-monthpicker.scss

@@ -26,6 +26,7 @@
   --#{$prefix}monthpicker-single-month-margin: 0;
   --#{$prefix}monthpicker-single-month-text-transform: capitalize;
   --#{$prefix}monthpicker-single-month-radius: var(--#{$prefix}ref-spacer-4);
+  --#{$prefix}monthpicker-single-month-line-height: var(--#{$prefix}ref-fs-6);
 
   --#{$prefix}monthpicker-single-month-after-display: inline;
   --#{$prefix}monthpicker-single-month-after-content: ".";
@@ -41,6 +42,12 @@
     font-weight: var(--#{$prefix}monthpicker-font-weight);
     color: var(--#{$prefix}monthpicker-header-color);
     background-color: var(--#{$prefix}monthpicker-header-bg);
+
+    .btn-sm {
+      --#{$prefix}btn-padding-x: 0;
+      --#{$prefix}btn-padding-y: 0;
+      --#{$prefix}btn-font-size: var(--#{$prefix}ref-fs-5);
+    }
   }
 
   .react-datepicker__month.react-datepicker__monthPicker,
@@ -70,6 +77,7 @@
       width: var(--#{$prefix}monthpicker-single-month-width);
       padding: var(--#{$prefix}monthpicker-single-month-padding);
       margin: var(--#{$prefix}monthpicker-single-month-margin);
+      line-height: var(--#{$prefix}monthpicker-single-month-line-height);
       text-transform: var(--#{$prefix}monthpicker-single-month-text-transform);
       border-radius: var(--#{$prefix}monthpicker-single-month-radius);
       &::after {

package/src/style/dynamic-ui-non-root.scss

@@ -0,0 +1,13 @@
+@charset "utf-8";
+
+@import "abstracts/+import";
+
+@import "base/+import";
+
+@import "components/+import";
+
+@import "helpers/+import";
+
+@import "bootstrap/scss/utilities/api";
+
+@import "shame";

package/src/style/dynamic-ui-root.scss

@@ -0,0 +1,5 @@
+@charset "utf-8";
+
+@import "abstracts/+import";
+
+@import "root/+import";

package/src/style/dynamic-ui.scss

@@ -2,6 +2,8 @@
 
 @import "abstracts/+import";
 
+@import "root/+import";
+
 @import "base/+import";
 
 @import "components/+import";

package/src/style/root/_+import.scss

@@ -0,0 +1,2 @@
+// @import "bootstrap/scss/root";
+@import "root";

package/src/style/{base → root}/_root.scss

@@ -189,6 +189,12 @@
   --#{$prefix}ref-fw-semibold: #{$font-weight-semibold};
   --#{$prefix}ref-fw-bold: #{$font-weight-bold};
   --#{$prefix}ref-fw-bolder: #{$font-weight-bolder};
+
+  --#{$prefix}label-padding-y: var(--#{$prefix}ref-spacer-0);
+  --#{$prefix}label-padding-x: var(--#{$prefix}ref-spacer-2);
+  --#{$prefix}label-font-size: var(--#{$prefix}ref-fs-small);
+  --#{$prefix}label-font-weight: var(--#{$prefix}ref-fw-bold);
+  --#{$prefix}label-color: var(--#{$prefix}gray);
 }
 
 @if $enable-dark-mode {

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

@@ -1,9 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { DropzoneOptions } from 'react-dropzone';
-import type { FamilyIcon } from './interface';
-type Props = FamilyIcon & PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize' | 'maxSize' | 'maxFiles' | 'onDrop' | 'onDropAccepted' | 'onDropRejected' | 'onFileDialogCancel' | 'onFileDialogOpen'> & {
-    icon?: string;
-    isDisabled: DropzoneOptions['disabled'];
-}>;
-export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix, isDisabled, children, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import type { CSSProperties, PropsWithChildren } from 'react';
-type Props = PropsWithChildren<{
-    className?: string;
-    style?: CSSProperties;
-}>;
-export default function DCard({ className, style, children, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,13 +0,0 @@
-type Props = {
-    className?: string;
-    icon: string;
-    theme: string;
-    name: string;
-    number: string;
-    balance: string;
-    balanceText: string;
-    onClick: () => void;
-    actionText: string;
-};
-export default function DCardAccount({ className, icon, theme, name, number, balance, balanceText, onClick, actionText, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import type { PropsWithChildren } from 'react';
-type Props = PropsWithChildren<{
-    className?: string;
-}>;
-export default function DCardBody({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import type { PropsWithChildren } from 'react';
-type Props = PropsWithChildren<{
-    className?: string;
-}>;
-export default function DCardFooter({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import type { PropsWithChildren } from 'react';
-type Props = PropsWithChildren<{
-    className?: string;
-}>;
-export default function DCardHeader({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { SplideProps } from '@splidejs/react-splide';
-type Props = SplideProps & PropsWithChildren<{
-    className?: string;
-}>;
-export default function DCarousel({ children, className, options, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-import type { FamilyIcon } from './interface';
-type Props = FamilyIcon & {
-    theme?: string;
-    text?: string;
-    icon?: string;
-    showClose?: boolean;
-    onClose?: () => void;
-};
-export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, showClose, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,11 +0,0 @@
-import type { PropsWithChildren, ReactNode, ReactElement } from 'react';
-type Props = PropsWithChildren<{
-    id?: string;
-    className?: string;
-    Component: ReactElement | ReactNode;
-    hasSeparator?: boolean;
-    defaultCollapsed?: boolean;
-    onChange?: (value: boolean) => void;
-}>;
-export default function DCollapse({ id, className, Component, hasSeparator, defaultCollapsed, onChange, children, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-type Props = {
-    value: number;
-    className?: string;
-};
-export default function DCurrencyText({ value, className, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,20 +0,0 @@
-import type { ReactDatePickerProps } from 'react-datepicker';
-import type { ButtonVariant, ComponentSize } from './interface';
-type Props = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
-    date: string;
-    onChangeDate: (value: Date | [Date | null, Date | null] | null) => void;
-    selectsRange?: boolean;
-    withMonthSelector?: boolean;
-    inputLabel?: string;
-    inputIcon?: string;
-    inputId?: string;
-    timeId?: string;
-    timeLabel?: string;
-    headerDecreaseMonthIcon?: string;
-    headerIncreaseMonthIcon?: string;
-    headerIconSize?: ComponentSize;
-    headerButtonVariant?: ButtonVariant;
-    headerButtonTheme?: string;
-};
-export default function DDatePicker({ onChangeDate, date, selectsRange, withMonthSelector, inputLabel, inputIcon, inputId, timeId, timeLabel, headerDecreaseMonthIcon, headerIncreaseMonthIcon, headerIconSize, headerButtonVariant, headerButtonTheme, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-import type { ComponentProps, FormEventHandler } from 'react';
-import DInput from './DInput';
-type Props = {
-    value?: string | number;
-    onChange?: ((value: string) => void) & FormEventHandler<HTMLInputElement>;
-} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onChange' | 'value'>;
-export default function DDatePickerTime({ value, onChange, id, label, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import type { ComponentProps } from 'react';
-import DInput from './DInput';
-type Props = Omit<ComponentProps<typeof DInput>, 'name' | 'value'> & {
-    name: string;
-};
-export default function DFormikInput({ name, hint, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import type { ComponentProps } from 'react';
-import DInputCurrency from './DInputCurrency';
-type Props = Omit<ComponentProps<typeof DInputCurrency>, 'name' | 'value'> & {
-    name: string;
-};
-export default function DFormikInputCurrency({ name, hint, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import type { DefaultOption, Props as DInputSelectProps } from './DInputSelect';
-type Props<T> = Omit<DInputSelectProps<T>, 'name'> & {
-    name: string;
-};
-export default function DFormikInputSelect<T extends object = DefaultOption>({ name, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,16 +0,0 @@
-type Props = {
-    icon: string;
-    theme?: string;
-    className?: string;
-    size?: string;
-    isLoading?: boolean;
-    loadingDuration?: number;
-    hasCircle?: boolean;
-    circleSize?: string;
-    color?: string;
-    backgroundColor?: string;
-    familyClass?: string;
-    familyPrefix?: string;
-};
-export default function DIcon({ icon, theme, className, size, isLoading, loadingDuration, hasCircle, circleSize, color, backgroundColor, familyClass, familyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,32 +0,0 @@
-import type { CSSProperties, ChangeEvent, FocusEvent, MouseEvent, ReactNode, WheelEvent } from 'react';
-import type { EndIcon, FamilyIcon, LabelIcon, StartIcon } from './interface';
-type Ref = {
-    blur: () => void;
-    focus: () => void;
-};
-declare const ForwardedDInput: import("react").ForwardRefExoticComponent<FamilyIcon & LabelIcon & StartIcon & EndIcon & {
-    id: string;
-    className?: string | undefined;
-    style?: CSSProperties | undefined;
-    name?: string | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    type?: string | undefined;
-    value?: string | number | undefined;
-    innerInputMode?: 'text' | 'search' | 'email' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal' | undefined;
-    pattern?: string | undefined;
-    isDisabled?: boolean | undefined;
-    isReadOnly?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    hint?: string | undefined;
-    isInvalid?: boolean | undefined;
-    isValid?: boolean | undefined;
-    inputStart?: ReactNode;
-    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
-    onFocus?: ((event: FocusEvent) => void) | undefined;
-    onWheel?: ((event: WheelEvent) => void) | undefined;
-    onIconStartClick?: ((event: MouseEvent) => void) | undefined;
-    onIconEndClick?: ((event: MouseEvent) => void) | undefined;
-} & import("react").RefAttributes<Ref>>;
-export default ForwardedDInput;

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

@@ -1,22 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { LabelIcon, StartIcon } from './interface';
-type Props = LabelIcon & StartIcon & {
-    id: string;
-    name?: string;
-    label?: string;
-    value: number;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-    isLoading?: boolean;
-    iconEnd?: string;
-    hint?: string;
-    isInvalid?: boolean;
-    isValid?: boolean;
-    minValue: number;
-    maxValue: number;
-    style?: CSSProperties;
-    className?: string;
-    onChange?: (newNumber: number) => void;
-};
-export default function DInputCounter({ id, name, label, value, isDisabled, isReadOnly, isLoading, iconStart, iconEnd, hint, isInvalid, isValid, minValue, maxValue, style, className, onChange, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-import type { ComponentProps } from 'react';
-import DInputCurrencyBase from './DInputCurrencyBase';
-type Props = Omit<ComponentProps<typeof DInputCurrencyBase>, 'currencyOptions'>;
-export default function DInputCurrency(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};