@fpkit/acss 0.4.4

package/src/types/component-props.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode } from 'react'
+
+export interface ComponentProps {
+  /**
+   * The default child content/component to render.
+   */
+  children?: ReactNode
+  /**
+   * Use default component styles
+   */
+  renderStyles?: boolean
+  /**
+   * Component id attribute
+   */
+  id?: string
+  /**
+   * Styles object
+   */
+  styles?: React.CSSProperties
+  /**
+   * Default styles object
+   */
+  defaultStyles?: React.CSSProperties
+  /**
+   * Component class attribute
+   */
+  classes?: string
+  /**
+   * Style value for [data-style] attribute
+   */
+  dataStyle?: string
+  /**
+   * Component ref attribute
+   */
+  ref?: React.Ref<any>
+}

package/src/types/index.ts

@@ -0,0 +1,2 @@
+export type { ComponentProps } from './component-props'
+export type { SharedInputProps } from './input-props'

package/src/types/input-props.ts

@@ -0,0 +1,28 @@
+import { ComponentProps } from './shared'
+
+export interface SharedInputProps extends ComponentProps {
+  /**
+   * The input name
+   */
+  name?: string
+  /**
+   * The input value
+   */
+  value?: string
+  /**
+   * The input placeholder
+   */
+  placeholder?: string
+  /**
+   * Input is required or not
+   */
+  required?: boolean
+  /**
+   * Set the element as disabled
+   */
+  disabled?: boolean
+  /**
+   * Set the element as readonly
+   */
+  readonly?: boolean
+}

package/src/types/shared.ts

@@ -0,0 +1,57 @@
+export interface ComponentProps {
+  /**
+   * The default child content/component to render.
+   */
+  children?: React.ReactNode
+  /**
+   * Use defaylt component styles
+   */
+  renderStyles?: boolean
+  /**
+   * Component id attribute
+   */
+  id?: string
+  /**
+   * Styles object
+   */
+  styles?: {}
+  /**
+   * Component class attribute
+   */
+  classes?: string
+  /**
+   * Style value for [data-style] attribute
+   */
+  dataStyle?: string
+}
+
+export interface SharedInputProps extends ComponentProps {
+  /**
+   * The input name
+   */
+  name?: string
+  /**
+   * The input value
+   */
+  value?: string
+  /**
+   * The input placeholder
+   */
+  placeholder?: string
+  /**
+   * Input is required or not
+   */
+  required?: boolean
+  /**
+   * Input id attribute
+   */
+  id: string
+  /**
+   * Set the element as disabled
+   */
+  disabled?: boolean
+  /**
+   * Set the element as readonly
+   */
+  readonly?: boolean
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />