@matthiaskrijgsman/mat-ui 0.0.15 → 0.0.17

package/dist/components/button-icon-round/ButtonIconRound.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
+import type { TablerIcon } from '@tabler/icons-react';
 export type Variant = 'primary' | 'secondary' | 'tertiary' | 'white' | 'black' | 'transparent';
 export type Size = 'sm' | 'md' | 'lg';
-import type { TablerIcon } from '@tabler/icons-react';
 export type ButtonIconRoundProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: Variant;
     size?: Size;

package/dist/components/button-icon-square/ButtonIconSquare.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
+import type { TablerIcon } from '@tabler/icons-react';
 export type Variant = 'primary' | 'secondary' | 'tertiary' | 'white' | 'black' | 'transparent';
 export type Size = 'sm' | 'md' | 'lg';
-import type { TablerIcon } from '@tabler/icons-react';
 export type ButtonIconSquareProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: Variant;
     size?: Size;

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

@@ -1,10 +1,12 @@
 import * as React from "react";
 import { type TablerIcon } from "@tabler/icons-react";
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+export type Size = 'sm' | 'md' | 'lg';
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
     label?: string | React.ReactNode;
     description?: string | React.ReactNode;
     error?: string | React.ReactNode;
     Icon?: TablerIcon;
     buttonTray?: React.ReactNode;
+    size?: Size;
 };
 export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/InputSelect.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+export type Size = 'sm' | 'md' | 'lg';
 export type InputSelectProps<T> = {
     name?: string;
     id?: string;
@@ -11,6 +12,7 @@ export type InputSelectProps<T> = {
     placeholder?: string;
     maxHeight?: number;
     error?: string | React.ReactNode;
+    size?: Size;
 };
 export type Option<T> = {
     label: string | React.ReactNode;

package/dist/components/inputs/InputSelectNative.d.ts

@@ -1,9 +1,11 @@
 import * as React from "react";
-export type InputSelectNativeProps = React.InputHTMLAttributes<HTMLSelectElement> & {
+export type Size = 'sm' | 'md' | 'lg';
+export type InputSelectNativeProps = Omit<React.InputHTMLAttributes<HTMLSelectElement>, 'size'> & {
     label?: string | React.ReactNode;
     description?: string | React.ReactNode;
     options?: OptionNative[];
     error?: string | React.ReactNode;
+    size?: Size;
 };
 export type OptionNative = {
     label: string;

package/dist/components/inputs/InputSelectSearchable.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+export type Size = 'sm' | 'md' | 'lg';
 export type InputSelectSearchableProps<T> = {
     name?: string;
     id?: string;
@@ -12,6 +13,7 @@ export type InputSelectSearchableProps<T> = {
     placeholder?: string;
     maxHeight?: number;
     error?: string | React.ReactNode;
+    size?: Size;
 };
 export type Option<T> = {
     label: string | React.ReactNode;

package/dist/components/inputs/InputSelectSearchableAsync.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+export type Size = 'sm' | 'md' | 'lg';
 export type InputSelectSearchableAsyncProps<T> = {
     name?: string;
     id?: string;
@@ -13,6 +14,7 @@ export type InputSelectSearchableAsyncProps<T> = {
     placeholder?: string;
     maxHeight?: number;
     error?: string | React.ReactNode;
+    size?: Size;
 };
 export type Option<T> = {
     label: string | React.ReactNode;

package/dist/components/inputs/InputTextArea.d.ts

@@ -1,7 +1,9 @@
 import * as React from "react";
+export type Size = 'sm' | 'md' | 'lg';
 export type InputTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     label?: string | React.ReactNode;
     description?: string | React.ReactNode;
     error?: string | React.ReactNode;
+    size?: Size;
 };
 export declare const InputTextArea: (props: InputTextAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/control-size/control-size.util.d.ts

@@ -0,0 +1,14 @@
+export type ControlSize = 'sm' | 'md' | 'lg';
+export declare const sizeHeightClasses: Record<ControlSize, string>;
+export declare const sizeMinHeightClasses: Record<ControlSize, string>;
+export declare const sizeFontClasses: Record<ControlSize, string>;
+export declare const sizeGapClasses: Record<ControlSize, string>;
+export declare const sizePaddingXClasses: Record<ControlSize, string>;
+export declare const sizePaddingLeftClasses: Record<ControlSize, string>;
+export declare const sizePaddingRightClasses: Record<ControlSize, string>;
+export declare const sizePaddingRightWithTrayClasses: Record<ControlSize, string>;
+export declare const sizePaddingLeftWithIconClasses: Record<ControlSize, string>;
+export declare const sizeIconLeftPositionClasses: Record<ControlSize, string>;
+export declare const sizeTrayRightPositionClasses: Record<ControlSize, string>;
+export declare const sizeIconClasses: Record<ControlSize, string>;
+export declare const sizeSquareClasses: Record<ControlSize, string>;

package/dist/control-size/use-control-size.d.ts

@@ -0,0 +1,3 @@
+import type { ControlSize } from "@/control-size/control-size.util.ts";
+export declare const ControlSizeContext: import("react").Context<ControlSize>;
+export declare const useControlSize: () => ControlSize;