ziya-uikit 0.0.1

package/dist/Provider.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ZiyaThemeProvider: React.FC<React.PropsWithChildren>;

package/dist/Provider.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChakraProvider } from "@chakra-ui/react";
+import { theme } from "./theme";
+export const ZiyaThemeProvider = ({ children }) => {
+    return _jsx(ChakraProvider, { theme: theme, children: children });
+};

package/dist/components/NotFound.d.ts

@@ -0,0 +1 @@
+export declare function NotFound(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NotFound.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Heading, Text, VStack, useColorModeValue } from "@chakra-ui/react";
+export function NotFound() {
+    const bg = useColorModeValue("gray.50", "gray.900");
+    const card = useColorModeValue("white", "whiteAlpha.100");
+    const border = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
+    return (_jsx(Box, { minH: "100vh", bg: bg, display: "grid", placeItems: "center", p: 6, children: _jsxs(VStack, { spacing: 4, textAlign: "center", bg: card, border: "1px solid", borderColor: border, borderRadius: "2xl", p: 8, maxW: "420px", w: "full", boxShadow: "lg", children: [_jsx(Box, { w: "160px", h: "160px", children: _jsxs("svg", { viewBox: "0 0 200 200", width: "100%", height: "100%", children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "g", x1: "0", x2: "1", children: [_jsx("stop", { offset: "0", stopColor: "#805AD5" }), _jsx("stop", { offset: "1", stopColor: "#3182CE" })] }) }), _jsx("circle", { cx: "100", cy: "100", r: "78", fill: "url(#g)", opacity: "0.15" }), _jsx("circle", { cx: "100", cy: "92", r: "46", fill: "#111827", opacity: "0.9" }), _jsx("circle", { cx: "82", cy: "86", r: "6", fill: "#fff", opacity: "0.9" }), _jsx("circle", { cx: "118", cy: "86", r: "6", fill: "#fff", opacity: "0.9" }), _jsx("path", { d: "M78 110 Q100 130 122 110", fill: "none", stroke: "#fff", strokeWidth: "6", strokeLinecap: "round" }), _jsx("path", { d: "M40 150 Q100 175 160 150", fill: "none", stroke: "url(#g)", strokeWidth: "10", strokeLinecap: "round" }), _jsx("text", { x: "100", y: "55", textAnchor: "middle", fontSize: "20", fill: "#805AD5", fontFamily: "ui-sans-serif", children: "404" })] }) }), _jsx(Heading, { size: "lg", children: "Page not found" }), _jsx(Text, { color: useColorModeValue("gray.600", "gray.300"), children: "Looks like this link took a wrong turn. Try going back home." }), _jsx(Button, { colorScheme: "purple", onClick: () => (window.location.href = "/"), children: "Go Home" })] }) }));
+}

package/dist/components/index.d.ts

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

package/dist/components/index.js

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

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "@chakra-ui/react";
+export { ZiyaThemeProvider } from "./Provider";
+export { theme } from "./theme";
+export * from "./components/NotFound";

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "@chakra-ui/react";
+export { ZiyaThemeProvider } from "./Provider";
+export { theme } from "./theme";
+export * from "./components/NotFound";

package/dist/theme.d.ts

@@ -0,0 +1 @@
+export declare const theme: Record<string, any>;

package/dist/theme.js

@@ -0,0 +1,10 @@
+import { extendTheme } from "@chakra-ui/react";
+export const theme = extendTheme({
+    textStyles: {
+        pageHeading: {
+            fontSize: ["20px", "24px"],
+            fontWeight: 600,
+            lineHeight: "1.2"
+        }
+    }
+});

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "ziya-uikit",
+  "version": "0.0.1",
+  "private": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "dependencies": {
+    "@chakra-ui/react": "^2.10.7",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "framer-motion": "^11.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  }
+}

package/src/Provider.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+import { ChakraProvider } from "@chakra-ui/react";
+import { theme } from "./theme";
+
+export const ZiyaThemeProvider: React.FC<React.PropsWithChildren> = ({ children }) => {
+  return <ChakraProvider theme={theme}>{children}</ChakraProvider>;
+};

package/src/components/NotFound.tsx

@@ -0,0 +1,54 @@
+import React from "react";
+import { Box, Button, Heading, Text, VStack, useColorModeValue } from "@chakra-ui/react";
+
+export function NotFound() {
+  const bg = useColorModeValue("gray.50", "gray.900");
+  const card = useColorModeValue("white", "whiteAlpha.100");
+  const border = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
+
+  return (
+    <Box minH="100vh" bg={bg} display="grid" placeItems="center" p={6}>
+      <VStack
+        spacing={4}
+        textAlign="center"
+        bg={card}
+        border="1px solid"
+        borderColor={border}
+        borderRadius="2xl"
+        p={8}
+        maxW="420px"
+        w="full"
+        boxShadow="lg"
+      >
+        <Box w="160px" h="160px">
+          <svg viewBox="0 0 200 200" width="100%" height="100%">
+            <defs>
+              <linearGradient id="g" x1="0" x2="1">
+                <stop offset="0" stopColor="#805AD5" />
+                <stop offset="1" stopColor="#3182CE" />
+              </linearGradient>
+            </defs>
+            <circle cx="100" cy="100" r="78" fill="url(#g)" opacity="0.15" />
+            <circle cx="100" cy="92" r="46" fill="#111827" opacity="0.9" />
+            <circle cx="82" cy="86" r="6" fill="#fff" opacity="0.9" />
+            <circle cx="118" cy="86" r="6" fill="#fff" opacity="0.9" />
+            <path d="M78 110 Q100 130 122 110" fill="none" stroke="#fff" strokeWidth="6" strokeLinecap="round" />
+            <path d="M40 150 Q100 175 160 150" fill="none" stroke="url(#g)" strokeWidth="10" strokeLinecap="round" />
+            <text x="100" y="55" textAnchor="middle" fontSize="20" fill="#805AD5" fontFamily="ui-sans-serif">
+              404
+            </text>
+          </svg>
+        </Box>
+
+        <Heading size="lg">Page not found</Heading>
+        <Text color={useColorModeValue("gray.600", "gray.300")}>
+          Looks like this link took a wrong turn. Try going back home.
+        </Text>
+
+        <Button colorScheme="purple" onClick={() => (window.location.href = "/")}>
+          Go Home
+        </Button>
+      </VStack>
+    </Box>
+  );
+}

package/src/components/index.ts

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

package/src/index.ts

@@ -0,0 +1,5 @@
+export * from "@chakra-ui/react";
+export { ZiyaThemeProvider } from "./Provider";
+export { theme } from "./theme";
+export * from "./components/NotFound";
+

package/src/theme.ts

@@ -0,0 +1,11 @@
+import { extendTheme } from "@chakra-ui/react";
+
+export const theme = extendTheme({
+  textStyles: {
+    pageHeading: {
+      fontSize: ["20px", "24px"],
+      fontWeight: 600,
+      lineHeight: "1.2"
+    }
+  }
+});

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "declaration": true,
+    "declarationMap": false,
+    "emitDeclarationOnly": false,
+    "outDir": "dist",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}