Release/@gluestack UI/divider@0.1.1

example/storybook/src/ui-components/Divider/index.tsx

@@ -1,6 +1,2 @@
-import { createDivider } from '@gluestack-ui/divider';
-import { Root } from './styled-components';
-
-export const Divider: any = createDivider({
-  Root,
-});
+import { Divider } from './styled-components';
+export { Divider };

example/storybook/src/ui-components/Divider/styled-components/index.tsx

@@ -1 +1,3 @@
-export { default as Root } from './Root';
+import Root from './Root';
+import { createDivider } from '@gluestack-ui/divider';
+export const Divider = createDivider({ Root });

packages/divider/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @gluestack-ui/divider
+
+## 0.1.1
+
+### Patch Changes
+
+- Added typings

packages/divider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/divider",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",

packages/divider/src/Divider.tsx

@@ -1,18 +1,16 @@
 import React, { forwardRef } from 'react';
-import { Platform } from 'react-native';
+import { Platform, ViewProps } from 'react-native';
 import type { IDividerProps } from './types';
 
-export function Divider<StyledDividerProps>(
-  StyledDivider: React.ComponentType<StyledDividerProps>
-) {
+export function Divider<T>(StyledDivider: React.ComponentType<T>) {
   return forwardRef(
-    ({ children, ...props }: StyledDividerProps & IDividerProps, ref: any) => {
+    ({ children, ...props }: T & ViewProps & IDividerProps, ref: any) => {
       const { orientation } = props;
 
       return (
         <StyledDivider
           ref={ref}
-          {...(props as StyledDividerProps)}
+          {...(props as T & ViewProps & IDividerProps)}
           aria-orientation={orientation}
           //@ts-ignore web only role
           accessibilityRole={Platform.OS === 'web' ? 'separator' : undefined}

packages/divider/src/index.tsx

@@ -1,10 +1,10 @@
 import type React from 'react';
 import { Divider as DividerMain } from './Divider';
 
-export function createDivider<StyledDividerProps>({
+export function createDivider<DividerProps>({
   Root,
 }: {
-  Root: React.ComponentType<StyledDividerProps>;
+  Root: React.ComponentType<DividerProps>;
 }) {
   const Divider = DividerMain(Root);
   Divider.displayName = 'Divider';

packages/divider/src/types.ts

@@ -1,6 +1,5 @@
 export interface InterfaceDivider {
-  orientation?: any;
-  variant?: 'vertical' | 'horizontal';
+  orientation?: 'vertical' | 'horizontal';
   children?: any;
 }