x-ui-design 0.2.8 → 0.2.9

package/dist/esm/types/components/Checkbox/Checkbox.client.d.ts

@@ -0,0 +1,23 @@
+import { MouseEvent } from 'react';
+import './style.css';
+declare const CheckboxClient: import("react").ForwardRefExoticComponent<import("../../types").DefaultProps & {
+    disabled?: boolean;
+    onChange?: (e: MouseEvent<HTMLInputElement> & import("../../types").TargetProps) => void;
+    onClick?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
+    value?: boolean;
+    tabIndex?: number;
+    name?: string;
+    children?: import("react").ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default CheckboxClient;

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { CheckboxProps } from '../../types/checkbox';
+declare const Checkbox: {
+    ({ prefixCls, className, defaultChecked, checked, style, disabled, onChange, onClick, onMouseEnter, onMouseLeave, onKeyPress, onKeyDown, tabIndex, name, children, id, autoFocus, type, value, required, noStyle }: CheckboxProps): ReactElement;
+    displayName: string;
+};
+export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from '@/components/Checkbox/Checkbox';

package/dist/esm/types/types/checkbox.d.ts

@@ -0,0 +1,22 @@
+import { KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactNode } from 'react';
+import { DefaultProps, TargetProps } from '.';
+export type CheckboxProps = DefaultProps & {
+    disabled?: boolean;
+    onChange?: (e: MouseEvent<HTMLInputElement> & TargetProps) => void;
+    onClick?: MouseEventHandler<HTMLElement>;
+    onMouseEnter?: MouseEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    onKeyPress?: KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLElement>;
+    value?: boolean;
+    tabIndex?: number;
+    name?: string;
+    children?: ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+};

package/{src/components/Checkbox/Checkbox.tsx → lib/components/Checkbox/Checkbox.client.tsx}

@@ -11,13 +11,12 @@ import {
 import { clsx } from '../../../lib/helpers';
 import { SyntheticBaseEvent } from '../../types';
 import { CheckboxProps } from '../../types/checkbox';
-import { prefixClsCheckbox } from '../../../lib/utils';
 import './style.css';
 
-const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(
+const CheckboxClient = forwardRef<HTMLDivElement, CheckboxProps>(
   (
     {
-      prefixCls = prefixClsCheckbox,
+      prefixCls,
       className = '',
       defaultChecked = false,
       checked,
@@ -110,6 +109,6 @@ const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(
   }
 );
 
-Checkbox.displayName = 'Checkbox';
+CheckboxClient.displayName = 'CheckboxClient';
 
-export default Checkbox;
+export default CheckboxClient;

package/lib/components/Checkbox/Checkbox.tsx

@@ -0,0 +1,59 @@
+import { ReactElement } from 'react';
+import { CheckboxProps } from '../../types/checkbox';
+import { prefixClsCheckbox } from '../../../lib/utils';
+import CheckboxClient from './Checkbox.client';
+
+const Checkbox = ({
+  prefixCls = prefixClsCheckbox,
+  className = '',
+  defaultChecked = false,
+  checked,
+  style,
+  disabled = false,
+  onChange,
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  onKeyPress,
+  onKeyDown,
+  tabIndex,
+  name,
+  children,
+  id,
+  autoFocus,
+  type = 'checkbox',
+  value = false,
+  required = false,
+  noStyle
+}: CheckboxProps): ReactElement => {
+  return (
+    <CheckboxClient
+      prefixCls={prefixCls}
+      className={className}
+      defaultChecked={defaultChecked}
+      checked={checked}
+      style={style}
+      disabled={disabled}
+      onChange={onChange}
+      onClick={onClick}
+      onMouseEnter={onMouseEnter}
+      onMouseLeave={onMouseLeave}
+      onKeyPress={onKeyPress}
+      onKeyDown={onKeyDown}
+      tabIndex={tabIndex}
+      name={name}
+      id={id}
+      autoFocus={autoFocus}
+      type={type}
+      value={value}
+      required={required}
+      noStyle={noStyle}
+    >
+      {children}
+    </CheckboxClient>
+  );
+};
+
+Checkbox.displayName = 'Checkbox';
+
+export default Checkbox;

package/{src → lib}/types/checkbox.ts

@@ -4,7 +4,7 @@ import {
   MouseEventHandler,
   ReactNode
 } from 'react';
-import { DefaultProps, TargetProps } from '../../lib/types';
+import { DefaultProps, TargetProps } from '.';
 
 export type CheckboxProps = DefaultProps & {
   disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "0.2.08",
+  "version": "0.2.09",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/src/app/page.tsx

@@ -1,11 +1,13 @@
 'use client'
 
 import { Button } from "../../lib/components/Button"
+import { Checkbox } from "../../lib/components/Checkbox"
 
 export default function Home() {
     return (
         <>
             <Button>Button</Button>
+            <Checkbox />
         </>
     )
 }