@yakad/ui 1.3.62 → 1.3.64

package/dist/appBar/appBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
     position?: "initial" | "sticky" | "scroll";
     size?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/button/button.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: "small" | "medium" | "large";
     variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";
     borderstyle?: "none" | "semi" | "squircle" | "rounded";
-    icon?: JSX.Element;
+    icon?: React.ReactNode;
     iconposition?: "start" | "end";
     loadingposition?: "auto" | "center";
     loadingvariant?: "scaleOut" | "dots" | "spinner";

package/dist/card/card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     blur?: boolean;

package/dist/card/card.module.css

@@ -1,7 +1,6 @@
 .card {
     display: flex;
     flex-direction: column;
-    width: 100%;
     padding: 2rem;
     overflow: hidden;
     margin: auto;

package/dist/checkBox/checkBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ExcludedTypes = "type";
 export interface CheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedTypes> {
     label?: string;

package/dist/clickOutsideListener/clickOutsideListener.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ClickOutsideListenerProps extends React.HTMLAttributes<HTMLDivElement> {
     onclickoutside?: () => void;
     children?: React.ReactNode;

package/dist/codeBox/codeBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CodeBoxProps extends React.HTMLAttributes<HTMLDivElement> {
     copybutton?: boolean;
     children?: React.ReactNode;

package/dist/codeField/codeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ExcludedTypes = "minLength" | "maxLength" | "type";
 export interface CodeFieldsProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedTypes> {
     length?: number;

package/dist/container/container.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     align?: "start" | "center" | "end";

package/dist/container/container.module.css

@@ -1,6 +1,7 @@
 .container {
     display: flex;
     flex-direction: column;
+    flex-wrap: nowrap;
     width: 100%;
     padding: 2rem;
     gap: 2rem;

package/dist/display/display.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DisplayProps extends React.HTMLAttributes<HTMLElement> {
     minWidth?: "xs" | "sm" | "md" | "lg" | "xl";
     maxWidth?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/footer/footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
     position?: "initial" | "sticky" | "scroll";
     size?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/gridContainer/gridContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     gap?: number;
     columns?: 10 | 12;

package/dist/gridItem/gridItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type GridColumn = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
     xs?: GridColumn;

package/dist/hr/hr.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HrProps extends React.HTMLAttributes<HTMLHRElement> {
     variant?: "dotted" | "dashed" | "shortLine";
     height?: number;

package/dist/list/list.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
     direction?: "row" | "column";
     collapsed?: boolean;

package/dist/listItem/listItem.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
 export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/loading/loading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: "extraSmall" | "small" | "medium" | "large" | "extraLarge";
     variant?: "scaleOut" | "dots" | "spinner";

package/dist/main/main.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     navopen?: boolean;

package/dist/navigation/navigation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
     anchor?: "left" | "right" | "top" | "bottom" | "auto";
     open: boolean;

package/dist/popup/popup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PopupProps {
     align?: "start" | "center" | "end";
     heading?: string;

package/dist/radioButton/radioButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ExcludedTypes = "type" | "name" | "defaultValue" | "defaultChecked" | "checked";
 export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedTypes> {
     value: string | number;

package/dist/radioGroup/radioGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonProps } from "../";
 type RadioButtonElement = React.ReactElement<RadioButtonProps>;
 type ExcludedTypes = "defaultValue" | "children";

package/dist/row/row.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     size?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/screen/screen.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ScreenProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     children?: React.ReactNode;

package/dist/select/select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
     variant?: "outlined" | "filled";
     boxsize?: "small" | "normal";

package/dist/spacer/spacer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ExcludedTypes = "children";
 export interface SpacerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, ExcludedTypes> {
 }

package/dist/stack/stack.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "center" | "end";
     children?: React.ReactNode;

package/dist/svgIcon/svgIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
     size?: number;
     children?: React.ReactNode;

package/dist/table/table.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
     children?: React.ReactNode;
 }

package/dist/text/text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TextVariant = "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "body1" | "body2" | "body3" | "body4" | "body5" | "body6" | "caption" | "span";
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     variant?: TextVariant;

package/dist/theme/theme.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./globals.css";
 export type DarkStyle = "light" | "dark" | "system";
 export type ThemeColor = "green" | "red" | "yellow" | "blue" | "purple";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.62",
+    "version": "1.3.64",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",
@@ -28,17 +28,21 @@
         "prepublishOnly": "cp ../../README.md ../../LICENSE ./"
     },
     "dependencies": {
-        "@yakad/symbols": "1.0.23",
-        "classnames": "2.5.1",
-        "react": "18.3.1",
-        "react-dom": "18.3.1"
+        "@yakad/symbols": "^1.0.0",
+        "classnames": "2.5.1"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
     },
     "devDependencies": {
         "@types/css-modules": "1.0.5",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "copyfiles": "2.4.1",
         "rimraf": "6.0.1",
-        "typescript": "5.4.5"
+        "typescript": "^5.0.0"
     }
 }