rr-react-ui-library 0.0.8 → 0.0.9

package/README.md

@@ -21,7 +21,7 @@ This library requires the following peer dependencies:
 
 ## Usage
 
-First, import the global styles:
+First, import the global styles in App.tsx / main.tsx:
 
 ```javascript
 import 'rr-react-ui-library/style.css';
@@ -30,64 +30,87 @@ import 'rr-react-ui-library/style.css';
 Then, import and use components:
 
 ```javascript
-import { Button, Input, Card } from 'rr-react-ui-library';
+import {
+  Row,
+  Card,
+  Input,
+  Select,
+  Button,
+  CardBody,
+  CardFooter,
+  CardHeader,
+} from 'rr-react-ui-library';
 
 import 'rr-react-ui-library/style.css';
 
 function App() {
   return (
-    <div>
-      <Button>Click me</Button>
-      <Input placeholder="Enter text" />
-      <Card title="Example Card">Content here</Card>
-    </div>
+    <Card>
+      <CardHeader>
+        <div className="text-2xl font-bold my-2">Card header</div>
+      </CardHeader>
+      <CardBody className="my-4">
+        <Row cols={2}>
+          <Input
+            value=""
+            label="Input text"
+            onChange={() => {}}
+            placeholder="Enter text"
+          />
+          <Select
+            value=""
+            label="Select"
+            onChange={() => {}}
+            placeholder="Please Select"
+            options={[{ value: 'option1', label: 'Option 1' }]}
+          />
+        </Row>
+      </CardBody>
+      <CardFooter>
+        <div className="flex justify-end my-3">
+          <Button>Click me</Button>
+        </div>
+      </CardFooter>
+    </Card>
   );
 }
 ```
 
-### Environment Variables
-
-Create a `.env` file in the root directory and add your environment variables:
-
-``` bash
-VITE_API_BASE_URL=http://localhost:3000/api
-```
-
 ## Components
 
 ### Forms
-- Checkbox
 - Input
-- MultiSelect
-- RadioGroup
+- Switch
 - Select
+- Checkbox
 - Textarea
-- Toggle
+- RadioGroup
+- MultiSelect
 
 ### Layouts
-- AdminLayout
 - Container
+- AdminLayout
 
 ### Navigation
-- SideNavbar
 - TopNavbar
+- SideNavbar
 
 ### UI Elements
-- ActivityFeed
-- ActivityItem
-- Badge
-- Button
 - Card
-- GlobalLoader
-- InlineLoader
 - Modal
-- Pagination
+- Badge
 - Table
-- ThemeToggle
+- Button
 - Tooltip
+- Pagination
+- ActivityFeed
+- ActivityItem
+- GlobalLoader
+- InlineLoader
+- ThemeSwitcher
 
 ### Pages
-- Login
+- LoginPage
 
 ## Development
 

package/dist/components/ui/ThemeSwitcher/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface ThemeSwitcherProps {
+    forceDarkTheme?: boolean;
+}
+declare const ThemeSwitcher: React.FC<ThemeSwitcherProps>;
+export default ThemeSwitcher;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/ThemeSwitcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ui/cards/Card/index.d.ts

@@ -15,9 +15,8 @@ export type CardFooterProps = {
     className?: string;
     children: ReactNode;
 };
-declare const Card: FC<CardProps>;
+export declare const Card: FC<CardProps>;
 export declare const CardHeader: FC<CardHeaderProps>;
 export declare const CardFooter: FC<CardFooterProps>;
 export declare const CardBody: FC<CardHeaderProps>;
-export default Card;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/cards/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/cards/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AA6CF,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2BvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAW1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,eAAe,CAWxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/cards/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AA6CF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2B9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAW1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,eAAe,CAWxC,CAAC"}