cekat-ui 1.0.3 → 1.0.5

package/README.md

@@ -0,0 +1,107 @@
+# cekat-ui
+
+A modern, lightweight **React UI component library** built with **TypeScript**, **Tailwind CSS**, and **Storybook**.
+
+`cekat-ui` is designed to be:
+- ✅ Composable (shadcn / Radix-inspired)
+- ✅ Tree-shakeable
+- ✅ Fully typed
+- ✅ Framework-agnostic (works with Next.js, Vite, CRA, etc.)
+
+---
+
+## ✨ Features
+
+- Button (compound component)
+- Checkbox
+- Radio Group
+- Toggle (Switch)
+- Tooltip
+- Tailwind CSS styling
+
+---
+
+## 📦 Installation
+
+```bash
+npm install cekat-ui
+
+or
+
+yarn add cekat-ui
+```
+
+## Styles
+
+`cekat-ui` ships with prebuilt styles. Import once in your app entry file.
+
+Next.js (App Router):
+```ts
+import 'cekat-ui/style.css';
+
+
+
+## Usage
+
+### Button
+```tsx
+import { Button } from 'cekat-ui';
+
+export default function Example() {
+  return (
+    <Button size="md" tone="primary" variant="solid">
+      Click me
+    </Button>
+  );
+}
+```
+
+### Compound usage
+```tsx
+<Button>
+  <Button.Icon>
+    <IconChevronLeft size={16} />
+  </Button.Icon>
+  <Button.Text>Submit</Button.Text>
+</Button>
+```
+
+## Components API
+
+All components support:
+- `className` override
+- Controlled & uncontrolled usage
+- Keyboard & screen reader accessibility
+- Size variants (`sm`, `md`, `lg`)
+
+For full props reference, see Storybook.
+
+## Storybook
+
+Run Storybook locally:
+```bash
+yarn dev
+```
+
+Build static Storybook:
+```bash
+yarn build:storybook
+```
+
+## Peer Dependencies
+
+```json
+{
+  "react": ">=18",
+  "react-dom": ">=18"
+}
+```
+
+## Tech Stack
+
+- React
+- TypeScript
+- Tailwind CSS
+- class-variance-authority
+- Storybook
+- Vite

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from './button.types';
+declare const ButtonBase: ({ children, className, tone, variant, size, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { ButtonBase };
+export default ButtonBase;

package/dist/components/Button/ButtonIcon.d.ts

@@ -0,0 +1,2 @@
+import { ButtonSubComponentProps } from './button.types';
+export declare const ButtonIcon: ({ children }: ButtonSubComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/ButtonText.d.ts

@@ -0,0 +1,2 @@
+import { ButtonSubComponentProps } from './button.types';
+export declare const ButtonText: ({ children }: ButtonSubComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/button.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const buttonStyles: (props?: {
+    size?: "sm" | "md" | "lg" | "xl" | "2xl";
+    tone?: "primary" | "destructive";
+    variant?: "solid" | "outline" | "ghost" | "outline-primary" | "ghost-primary" | "plain" | "plain-black";
+} & import('class-variance-authority/types').ClassProp) => string;

package/dist/components/Button/button.types.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export type ButtonTone = 'primary';
+export type ButtonVariant = 'solid';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
+    tone?: ButtonTone;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+export interface ButtonSubComponentProps {
+    children: React.ReactNode;
+}
+export type ButtonCompound = React.FC<ButtonProps> & {
+    Icon: React.FC<ButtonSubComponentProps>;
+    Text: React.FC<ButtonSubComponentProps>;
+};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { ButtonCompound } from './button.types';
+declare const Button: ButtonCompound;
+export { Button };

package/dist/components/Radio.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup, RadioGroupItem } from '../../src/components/Radio';
+export type { RadioGroupProps, RadioGroupItemProps, } from '../../src/components/Radio/radio.types';

package/dist/components/Toggle.d.ts

@@ -0,0 +1,2 @@
+export { Toggle } from '../../src/components/Toggle';
+export type { ToggleProps } from '../../src/components/Toggle/toggle.types';

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from '../../stories/Tooltip';
+export type { TooltipProps } from '../../src/components/Tooltip/tooltip.types';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export * from '../stories/Button/index';
-export * from '../stories/Checkbox/index';
-export * from '../stories/Radio/index';
-export * from '../stories/Toggle/index';
-export * from '../stories/Tooltip/index';
+export * from './components/Button';
+export * from '../src/components/Checkbox';
+export * from './components/Radio';
+export * from './components/Toggle';
+export * from './components/Tooltip';