@inntechcorp/it-design 3.1.24 → 4.0.0-beta.2

package/dist/primitives/Slot.d.ts

@@ -0,0 +1,36 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type AnyElement = HTMLElement;
+/**
+ * Slot bileşeni:
+ * - Wrapper oluşturmaz
+ * - Tek child ile çalışır
+ * - DataSlot ile işaretlenmiş “slottable” wrapper'ı açar
+ * - Ref'leri birleştirir
+ * - Event handler'ları deterministik sırayla merge eder
+ */
+export type SlotProps<T extends AnyElement = AnyElement> = HTMLAttributes<T> & {
+    children: ReactNode;
+};
+/**
+ * Slottable:
+ * Slot'un iç ağacında “açılabilir” bir wrapper.
+ *
+ * <Slot>
+ *   <Slottable>
+ *     <Button>Click</Button>
+ *   </Slottable>
+ * </Slot>
+ *
+ * → DOM'da sadece Button kalır, Slot'un props'ları Button'a aktarılır.
+ */
+export type SlottableProps = {
+    children: ReactNode;
+};
+export declare const Slottable: {
+    ({ children }: SlottableProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const Slot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export {};

package/dist/radio/button/RadioButton.d.ts

@@ -1,2 +1,2 @@
 import { RadioButtonProps } from 'types/RadioProps';
-export default function RadioButton({ id, name, value, type, buttonProps, checked, hasError, disabled, children, icon, image, component, onChange, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function RadioButton({ id, name, value, type, buttonProps, checked, hasError, className, children, icon, image, component, onChange }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/radio/button/styled.d.ts

@@ -6,7 +6,6 @@ declare const SimpleButton: import("styled-components/dist/types").IStyledCompon
 declare const InnerButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $hasCustomButton: boolean;
-    $disabled?: boolean;
 }>> & string;
 declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { Wrapper, CheckIcon, PreIcon, Left, InnerButton, SimpleButton, Label, ErrorBorder };

package/dist/result/index.d.ts

@@ -1,6 +1,6 @@
 import { ResultProps } from 'types/ResultProps';
 declare const Result: {
-    ({ image, title, description, extra, footer, type, fill, autoCenter, background, animation }: ResultProps): import("react/jsx-runtime").JSX.Element;
+    ({ image, title, description, className, extra, footer, type, fill, autoCenter, background, animation }: ResultProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Result;

package/dist/select/dropdown/Dropdown.d.ts

@@ -0,0 +1,20 @@
+import { ChildrenProps } from 'types/ChildrenProps';
+import { SelectValue } from 'types/SelectProps';
+import { ITDHorizontalPosition, ITDSize, ITDVariant, ITDVerticalPosition } from 'types/ITDProps';
+type DropdownProps = {
+    selectId?: string;
+    defaultValue?: SelectValue | null;
+    position: ITDVerticalPosition;
+    direction: ITDHorizontalPosition;
+    multi: boolean;
+    variant: ITDVariant;
+    children: ChildrenProps;
+    onChange: (value: SelectValue, label?: string) => void;
+    onClose: () => void;
+    isOpen: boolean;
+    selectRef?: React.RefObject<HTMLDivElement | null>;
+    usePortal?: boolean;
+    size?: ITDSize;
+};
+export default function Dropdown({ selectId, position, direction, multi, variant, size, isOpen, usePortal, defaultValue, children, onChange, onClose, selectRef, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/select/option/Option.d.ts

@@ -1,17 +1,25 @@
 import { SelectValue } from 'types/SelectProps';
 import { ChildrenProps } from 'types/ChildrenProps';
+import { ITDSizeSlug, ITDVariant } from 'types/ITDProps';
 export type OptionsTypeProps = {
+    id?: string;
     customKey?: string;
+    label: ChildrenProps;
+    disabled: boolean;
+    value: SelectValue;
+    variant: ITDVariant;
+    size: ITDSizeSlug;
     icon?: ChildrenProps;
     image?: string;
-    label?: ChildrenProps;
-    value?: SelectValue;
     multi?: boolean;
     checked?: boolean;
+    isActive?: boolean;
+    index?: number;
+    onHover?: (index: number) => void;
     onChange?: (value: SelectValue, checked: boolean, label: ChildrenProps) => null;
 };
 declare const _default: import("react").MemoExoticComponent<{
-    ({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, multi, checked, variant, size, icon, image, value, customKey, disabled, isActive, index, onHover, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/dist/select/selector/Selector.d.ts

@@ -0,0 +1,3 @@
+import { SelectToggleProps } from '../../index';
+declare const Selector: ({ id, errorMessage, isOpen, locked, disabled, showSearch, size, placeholder, label, prefix, icon, image, onFocus, onShow, onFilter }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default Selector;

package/dist/select/selector/selectorinput/SelectorInput.d.ts

@@ -0,0 +1,6 @@
+import { SelectorInputProps } from 'types/SelectProps';
+export type SelectorInputRefObject = {
+    setFocus: () => void;
+};
+declare const SelectorInput: import("react").ForwardRefExoticComponent<SelectorInputProps & import("react").RefAttributes<SelectorInputRefObject>>;
+export default SelectorInput;

package/dist/select/style.settings.d.ts

@@ -1,31 +1,88 @@
-export declare const getImageSizeBySize: (size: string) => {
-    width: number;
-    height: number;
+import { ComponentSizesSlug } from "enums/enum";
+export declare const ICON_MARGIN_RIGHT = "0.4375rem";
+export declare const ICON_SIZE_DEFAULT = "1.25rem";
+export declare const getImageSizeBySize: (size: ComponentSizesSlug) => {
+    readonly width: "0.875rem";
+    readonly height: "0.875rem";
+} | {
+    readonly width: "1rem";
+    readonly height: "1rem";
+} | {
+    readonly width: "1.125rem";
+    readonly height: "1.125rem";
+} | {
+    readonly width: "1.25rem";
+    readonly height: "1.25rem";
+} | {
+    readonly width: "1.375rem";
+    readonly height: "1.375rem";
 };
-export declare const getArrowSizeBySize: (size: string) => {
-    width: number;
-    height: number;
+export declare const getArrowSizeBySize: (size: ComponentSizesSlug) => {
+    readonly width: "0.825rem";
+    readonly height: "0.825rem";
+} | {
+    readonly width: "1rem";
+    readonly height: "1rem";
+} | {
+    readonly width: "1.125rem";
+    readonly height: "1.125rem";
 };
-export declare const getOptionSizeBySize: (size: string) => {
-    padding: {
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-    };
-    height: number;
+export declare const getOptionSizeBySize: (size: ComponentSizesSlug) => {
+    paddingX: "0.625rem";
+    height: "1.75rem";
+} | {
+    paddingX: "0.625rem";
+    height: "2rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.125rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.25rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.5rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.75rem";
 };
-export declare const getSelectSizeBySize: (size: string) => {
-    padding: {
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-    };
-    height: number;
+export declare const getSelectSizeBySize: (size: ComponentSizesSlug) => {
+    paddingX: "0.625rem";
+    height: "1.75rem";
+} | {
+    paddingX: "0.625rem";
+    height: "2rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.125rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.25rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.5rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.75rem";
 };
-export declare const getFontSizeBySize: (size: string) => {
-    fontSize: number;
-    lineHeight: number;
-    fontWeight: number;
+export declare const getFontSizeBySize: (size: ComponentSizesSlug) => {
+    fontSize: "0.725rem";
+    lineHeight: "0.725rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.75rem";
+    lineHeight: "0.75rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.825rem";
+    lineHeight: "0.825rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.875rem";
+    lineHeight: "0.875rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.875rem";
+    lineHeight: "0.875rem";
+    fontWeight: 500;
 };