@zenkigen-inc/component-ui 1.9.4 → 1.9.5

package/dist/modal/modal-body.d.ts

@@ -1,2 +1,2 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 export declare function ModalBody({ children }: PropsWithChildren): import("react").JSX.Element;

package/dist/modal/modal-footer.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 type Props = {
     isNoBorder?: boolean;
 };

package/dist/modal/modal-header.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 type Props = {
     isNoBorder?: boolean;
 };

package/dist/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, MutableRefObject, PropsWithChildren } from 'react';
+import type { CSSProperties, MutableRefObject, PropsWithChildren } from 'react';
 import { ModalBody } from './modal-body';
 import { ModalFooter } from './modal-footer';
 import { ModalHeader } from './modal-header';

package/dist/notification-inline/notification-inline.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type Props = {
     state?: 'success' | 'warning' | 'information' | 'attention' | 'default';
     size?: 'small' | 'medium';

package/dist/radio/radio.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent } from 'react';
+import type { ChangeEvent } from 'react';
 type Props = {
     name?: string;
     value?: string;

package/dist/search/search.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FormEvent } from 'react';
+import type { ChangeEvent, FormEvent } from 'react';
 type Props = {
     size?: 'medium' | 'large';
     placeholder?: string;

package/dist/select/select-context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectOption } from './type';
+import type { SelectOption } from './type';
 type UseSelectReturnType = {
     size?: 'x-small' | 'small' | 'medium' | 'large';
     placeholder?: string;

package/dist/select/select-list.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, PropsWithChildren } from 'react';
+import type { CSSProperties, PropsWithChildren } from 'react';
 type Props = {
     maxHeight?: CSSProperties['height'];
 };

package/dist/select/select.d.ts

@@ -1,5 +1,5 @@
-import { IconName } from '@zenkigen-inc/component-icons';
-import { CSSProperties, PropsWithChildren } from 'react';
+import type { IconName } from '@zenkigen-inc/component-icons';
+import type { CSSProperties, PropsWithChildren } from 'react';
 import { SelectItem } from './select-item';
 import type { SelectOption } from './type';
 type Props = {

package/dist/select/type.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@zenkigen-inc/component-icons';
+import type { IconName } from '@zenkigen-inc/component-icons';
 export type SelectOption = {
     id: string;
     value: string;

package/dist/select-sort/select-item.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 type Props = {
     isSortKey: boolean;
     onClickItem: () => void;

package/dist/select-sort/select-sort.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 import type { SortOrder } from './type';
 type Props = {
     size?: 'x-small' | 'small' | 'medium' | 'large';

package/dist/tab/tab-item.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type Props = {
     id: string;
     isSelected?: boolean;
@@ -6,5 +6,5 @@ type Props = {
     children?: ReactNode;
     onClick: (id: string) => void;
 };
-export declare const TabItem: (props: Props) => import("react").JSX.Element;
+export declare const TabItem: ({ isSelected, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/tab/tab.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type Props = {
     children?: ReactNode;
 };
 export declare function Tab({ children }: Props): import("react").JSX.Element;
 export declare namespace Tab {
-    var Item: (props: {
+    var Item: ({ isSelected, ...props }: {
         id: string;
         isSelected?: boolean | undefined;
         isDisabled?: boolean | undefined;

package/dist/table/table-cell.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type Props = {
     children?: ReactNode;
     className?: string;

package/dist/table/table-row.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type Props = {
     children?: ReactNode;
     isHoverBackgroundVisible?: boolean;

package/dist/table/table.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, PropsWithChildren } from 'react';
+import type { CSSProperties, PropsWithChildren } from 'react';
 import { TableCell } from './table-cell';
 import { TableRow } from './table-row';
 type Props = {

package/dist/tag/delete-icon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColorVariant, TagColor } from './type';
+import type { ColorVariant, TagColor } from './type';
 type Props = {
     color?: TagColor;
     variant?: ColorVariant;

package/dist/tag/tag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColorVariant, TagColor } from './type';
+import type { ColorVariant, TagColor } from './type';
 type Props = {
     id: string;
     children: string;

package/dist/tag/type.d.ts

@@ -1,3 +1,3 @@
-import { tagLightColors } from '@zenkigen-inc/component-theme';
+import type { tagLightColors } from '@zenkigen-inc/component-theme';
 export type TagColor = keyof typeof tagLightColors;
 export type ColorVariant = 'normal' | 'light';

package/dist/text-area/text-area.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, TextareaHTMLAttributes } from 'react';
+import type { CSSProperties, TextareaHTMLAttributes } from 'react';
 export declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
     size?: "medium" | "large" | undefined;
     value: string;

package/dist/text-input/text-input.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from 'react';
+import type { InputHTMLAttributes } from 'react';
 export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
     size?: "medium" | "large" | undefined;
     value: string;

package/dist/toast/toast-provider.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { ToastState } from './type';
+import type { PropsWithChildren } from 'react';
+import type { ToastState } from './type';
 type AddToastArgs = {
     message: string;
     state: ToastState;

package/dist/toast/toast.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
-import { ToastState } from './type';
+import type { CSSProperties, ReactNode } from 'react';
+import type { ToastState } from './type';
 type Props = {
     state?: ToastState;
     width?: CSSProperties['width'];

package/dist/toggle/toggle.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type Props = {
     id: string;
     size: 'small' | 'medium';

package/dist/tooltip/tail-icon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TooltipHorizontalAlign, TooltipSize, TooltipVerticalPosition } from './type';
+import type { TooltipHorizontalAlign, TooltipSize, TooltipVerticalPosition } from './type';
 type Props = {
     size: TooltipSize;
     verticalPosition: TooltipVerticalPosition;

package/dist/tooltip/tooltip-content.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
-import { TooltipHorizontalAlign, TooltipPosition, TooltipSize, TooltipVerticalPosition } from './type';
+import type { CSSProperties } from 'react';
+import type { TooltipHorizontalAlign, TooltipPosition, TooltipSize, TooltipVerticalPosition } from './type';
 export declare const TooltipContent: ({ content, horizontalAlign, verticalPosition, size, tooltipPosition, maxWidth, isPortal, }: {
     content: string;
     size: TooltipSize;

package/dist/tooltip/tooltip.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, PropsWithChildren } from 'react';
-import { TooltipHorizontalAlign, TooltipSize, TooltipVerticalPosition } from './type';
+import type { CSSProperties, PropsWithChildren } from 'react';
+import type { TooltipHorizontalAlign, TooltipSize, TooltipVerticalPosition } from './type';
 type Props = {
     content: string;
     size?: TooltipSize;

package/dist/tooltip/tooltip.hook.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
-import { TooltipHorizontalAlign, TooltipPosition, TooltipSize, TooltipVerticalPosition } from './type';
+import type { CSSProperties } from 'react';
+import type { TooltipHorizontalAlign, TooltipPosition, TooltipSize, TooltipVerticalPosition } from './type';
 export declare const useTooltip: () => {
     calculatePosition: (args: {
         dimensions: DOMRect;

package/dist/tooltip/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 export type TooltipSize = 'small' | 'medium';
 export type TooltipVerticalPosition = 'top' | 'bottom';
 export type TooltipHorizontalAlign = 'left' | 'center' | 'right';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenkigen-inc/component-ui",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "repository": "https://github.com/zenkigen/zenkigen-component",
   "license": "MIT",
   "publishConfig": {
@@ -19,15 +19,15 @@
   "devDependencies": {
     "hygen": "6.2.11",
     "microbundle": "0.15.1",
-    "typescript": "5.3.3"
+    "typescript": "5.4.3"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0",
     "react": "^18.0.0"
   },
   "dependencies": {
-    "@zenkigen-inc/component-icons": "1.9.4",
-    "@zenkigen-inc/component-theme": "1.9.4",
+    "@zenkigen-inc/component-icons": "1.9.5",
+    "@zenkigen-inc/component-theme": "1.9.5",
     "clsx": "2.1.0"
   }
 }