@shmidko61/lc-ui-kit 0.0.1 → 0.0.3

package/dist/box/box.d.ts

@@ -1,7 +1,9 @@
-import { JSX, Ref } from 'react';
-import { BoxAs, BoxProps } from './box.types';
-export declare const Box: <TAs extends BoxAs = "div">(props: BoxProps<TAs> & {
-    ref?: Ref<Element>;
-}) => JSX.Element;
-export type { BoxAs, BoxBackgroundValue, BoxBreakpointProps, BoxProps } from './box.types';
+import { ForwardRefExoticComponent, JSX, RefAttributes } from 'react';
+import { BoxAs, BoxComponentProps, BoxProps } from './box.types';
+type BoxComponentType = ForwardRefExoticComponent<BoxComponentProps & RefAttributes<Element>> & {
+    (props: BoxComponentProps & RefAttributes<Element>): JSX.Element;
+    <TAs extends BoxAs>(props: BoxProps<TAs> & RefAttributes<Element>): JSX.Element;
+};
+export declare const Box: BoxComponentType;
+export type { BoxAs, BoxBackgroundValue, BoxBreakpointProps, BoxComponentProps, BoxProps } from './box.types';
 export type { BorderRadiusItem, BorderRadiusKeys, BorderRadiusSides, BorderWidthItem, BorderWidthSides, PositionValue, UiKitAnyIndentationMargin, UiKitAnyIndentationPadding, UiKitArrayIndentation, UiKitAxisIndentationMargin, UiKitAxisIndentationPadding, UiKitDimensionProps, UiKitIndentations, UiKitIndentationsProps, UiKitMarginArrayIndentation, UiKitMarginIndentation, UiKitBackgroundProps, UiKitBorderColor, UiKitBorderProps, UiKitBorderRadius, UiKitBorderWidth, UiKitCursorProps, UiKitDisplayProps, UiKitListStyleProps, UiKitMixedXAxisIndentationMargin, UiKitMixedXAxisIndentationPadding, UiKitMixedYAxisIndentationMargin, UiKitMixedYAxisIndentationPadding, UiKitOutlineProps, UiKitPositionProps, } from '../types';

package/dist/box/box.types.d.ts

@@ -59,4 +59,15 @@ export type BoxOwnProps = BoxBreakpointProps & BoxResponsiveProps & {
 export type BoxProps<TAs extends BoxAs = 'div'> = BoxOwnProps & Omit<ComponentPropsWithoutRef<TAs>, keyof BoxOwnProps | 'as' | 'children'> & {
     as?: TAs;
 };
+/**
+ * Публичный тип props для JSX autocomplete.
+ *
+ * Generic `BoxProps<TAs>` нужен для точной типизации `as`, но IDE хуже
+ * показывают подсказки для generic-компонентов из npm-пакета. Этот тип
+ * описывает дефолтный JSX-контракт Box и сохраняет подсказки для `m`, `md`,
+ * `lg`, `xl` и остальных style props при импорте из `@shmidko61/lc-ui-kit`.
+ */
+export type BoxComponentProps = BoxOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BoxOwnProps | 'as' | 'children'> & {
+    as?: BoxAs;
+};
 export {};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from './accordion/accordion';
-export * from './box/box';
+export { Box } from './box/box';
+export type { BoxAs, BoxBackgroundValue, BoxBreakpointProps, BoxComponentProps, BoxProps, BorderRadiusItem, BorderRadiusKeys, BorderRadiusSides, BorderWidthItem, BorderWidthSides, PositionValue, UiKitAnyIndentationMargin, UiKitAnyIndentationPadding, UiKitArrayIndentation, UiKitAxisIndentationMargin, UiKitAxisIndentationPadding, UiKitDimensionProps, UiKitIndentations, UiKitIndentationsProps, UiKitMarginArrayIndentation, UiKitMarginIndentation, UiKitBackgroundProps, UiKitBorderColor, UiKitBorderProps, UiKitBorderRadius, UiKitBorderWidth, UiKitCursorProps, UiKitDisplayProps, UiKitListStyleProps, UiKitMixedXAxisIndentationMargin, UiKitMixedXAxisIndentationPadding, UiKitMixedYAxisIndentationMargin, UiKitMixedYAxisIndentationPadding, UiKitOutlineProps, UiKitPositionProps, } from './box/box';
 export * from './button/button';
 export * from './design-tokens/color.tokens';
 export * from './design-tokens/typography.tokens';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shmidko61/lc-ui-kit",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "files": [
     "dist"