@vin.samdy.dev/passappui 1.0.1 → 1.0.3

package/dist/components/Xbutton/Xbutton.d.ts

@@ -0,0 +1,8 @@
+type XButtonProps = Readonly<{
+    label: string;
+    backgroundColor: string;
+    color: string;
+}>;
+export declare function XButton({ label, backgroundColor, color }: XButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Xbutton.d.ts.map

package/dist/components/Xbutton/Xbutton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xbutton.d.ts","sourceRoot":"","sources":["../../../src/components/Xbutton/Xbutton.tsx"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG,QAAQ,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,YAAY,2CAetE"}

package/dist/components/Xbutton/Xbutton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function XButton({ label, backgroundColor, color }) {
+    return (_jsx("button", { style: {
+            backgroundColor,
+            color,
+            padding: "0.5rem 1rem",
+            border: "none",
+            borderRadius: "4px",
+            cursor: "pointer",
+        }, children: label }));
+}
+//# sourceMappingURL=Xbutton.js.map

package/dist/components/Xbutton/Xbutton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xbutton.js","sourceRoot":"","sources":["../../../src/components/Xbutton/Xbutton.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAgB;IACrE,OAAO,CACL,iBACE,KAAK,EAAE;YACL,eAAe;YACf,KAAK;YACL,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,SAAS;SAClB,YAEA,KAAK,GACC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Xbutton/Xbutton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { XButton } from "./Xbutton";
+declare const meta: Meta<typeof XButton>;
+export default meta;
+type Story = StoryObj<typeof XButton>;
+export declare const Default: Story;
+//# sourceMappingURL=Xbutton.stories.d.ts.map

package/dist/components/Xbutton/Xbutton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xbutton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Xbutton/Xbutton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/dist/components/Xbutton/Xbutton.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { XButton } from "./Xbutton";
+const meta = {
+    component: XButton,
+    decorators: [
+        (Story) => (_jsx("div", { style: { padding: '1rem' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Click Me',
+        backgroundColor: '#007BFF',
+        color: '#FFFFFF',
+    },
+};
+//# sourceMappingURL=Xbutton.stories.js.map

package/dist/components/Xbutton/Xbutton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xbutton.stories.js","sourceRoot":"","sources":["../../../src/components/Xbutton/Xbutton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACR,CAAC,KAAK,EAAE,EAAE,CAAC,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC3B,KAAC,KAAK,KAAG,GACP,CACT;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Xbutton";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Xbutton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Xbutton/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/Xbutton/index.js

@@ -0,0 +1,2 @@
+export * from "./Xbutton";
+//# sourceMappingURL=index.js.map

package/dist/components/Xbutton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Xbutton/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './footer';
 export * from './header';
 export * from './sidebar';
+export * from './Xbutton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/components/index.js

@@ -1,4 +1,5 @@
 export * from './footer';
 export * from './header';
 export * from './sidebar';
+export * from './Xbutton';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/styles/global.css

@@ -0,0 +1,13 @@
+@import "tailwindcss";
+@source "../**/*.{js,jsx,ts,tsx,mdx}";
+
+/* Custom variables */
+:root {
+  --color-primary: #1e293b;
+  --color-secondary: #64748b;
+}
+
+.dark {
+  --color-primary: #0f172a;
+  --color-secondary: #1e293b;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vin.samdy.dev/passappui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Shared UI components library",
   "private": false,
   "type": "module",
@@ -18,10 +18,11 @@
       "default": "./dist/index.js"
     },
     "./styles": "./dist/styles/global.css",
+    "./styles.css": "./dist/styles/global.css",
     "./hooks": "./dist/hooks/index.js"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && mkdir -p dist/styles && cp src/styles/global.css dist/styles/global.css",
     "dev": "tsc --watch",
     "clean": "rm -rf dist",
     "type-check": "tsc --noEmit",

package/src/components/Xbutton/Xbutton.stories.tsx

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import { XButton } from "./Xbutton";
+
+const meta: Meta<typeof XButton> = {
+    component: XButton,
+    decorators: [
+        (Story) => (
+            <div style={{ padding: '1rem' }}>
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+export default meta;
+type Story = StoryObj<typeof XButton>;
+
+export const Default: Story = {
+    args: {
+        label: 'Click Me',
+        backgroundColor: '#007BFF',
+        color: '#FFFFFF',
+    },
+};

package/src/components/Xbutton/Xbutton.tsx

@@ -0,0 +1,22 @@
+type XButtonProps = Readonly<{
+  label: string;
+  backgroundColor: string;
+  color: string;
+}>;
+
+export function XButton({ label, backgroundColor, color }: XButtonProps) {
+  return (
+    <button
+      style={{
+        backgroundColor,
+        color,
+        padding: "0.5rem 1rem",
+        border: "none",
+        borderRadius: "4px",
+        cursor: "pointer",
+      }}
+    >
+      {label}
+    </button>
+  );
+}

package/src/components/Xbutton/index.ts

@@ -0,0 +1 @@
+export * from "./Xbutton";

package/src/components/index.ts

@@ -1,3 +1,4 @@
 export * from './footer';
 export * from './header';
-export * from './sidebar';
+export * from './sidebar';
+export * from './Xbutton';