@bbki.ng/components 1.1.1 → 1.4.0

package/dist/index.css

@@ -0,0 +1,226 @@
+/* src/main.css */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
+}
+::before,
+::after {
+  --tw-content: "";
+}
+html {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  font-family:
+    pt-sans,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Helvetica Neue,
+    Arial,
+    Noto Sans,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol,
+    Noto Color Emoji;
+}
+body {
+  margin: 0;
+  line-height: inherit;
+}
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+code,
+kbd,
+samp,
+pre {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    Liberation Mono,
+    Courier New,
+    monospace;
+  font-size: 1em;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+}
+:-moz-focusring {
+  outline: auto;
+}
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+progress {
+  vertical-align: baseline;
+}
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+summary {
+  display: list-item;
+}
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+legend {
+  padding: 0;
+}
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+textarea {
+  resize: vertical;
+}
+input::-moz-placeholder,
+textarea::-moz-placeholder {
+  opacity: 1;
+  color: #9CA3AF;
+}
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  opacity: 1;
+  color: #9CA3AF;
+}
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: #9CA3AF;
+}
+button,
+[role=button] {
+  cursor: pointer;
+}
+:disabled {
+  cursor: default;
+}
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+[hidden] {
+  display: none;
+}

package/dist/index.d.ts

@@ -1,3 +1,11 @@
-declare const Button: () => JSX.Element;
+import * as React from "react";
+
+interface ButtonProps {
+  children: React.ReactNode;
+}
+declare function Button(props: ButtonProps): JSX.Element;
+declare namespace Button {
+  var displayName: string;
+}
 
 export { Button };

package/dist/index.js

@@ -31,20 +31,15 @@ var src_exports = {};
 __export(src_exports, {
   Button: () => Button
 });
+
+// src/Button.tsx
 var React = __toESM(require("react"));
-var Button = () => {
-  const [count, setCount] = React.useState(0);
-  return /* @__PURE__ */ React.createElement("div", {
-    style: {
-      background: `rgba(255,255,255,.05)`,
-      borderRadius: `8px`,
-      padding: 16
-    }
-  }, /* @__PURE__ */ React.createElement("p", null, "This is component iadasdfsdfdffsfsds from ", /* @__PURE__ */ React.createElement("code", null, "ui")), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    onClick: () => setCount((c) => c + 1)
-  }, "count ", count)));
-};
+function Button(props) {
+  return /* @__PURE__ */ React.createElement("button", {
+    className: "button-shadow underline"
+  }, props.children);
+}
+Button.displayName = "Button";
 module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1,18 +1,11 @@
-// src/index.tsx
+// src/Button.tsx
 import * as React from "react";
-var Button = () => {
-  const [count, setCount] = React.useState(0);
-  return /* @__PURE__ */ React.createElement("div", {
-    style: {
-      background: `rgba(255,255,255,.05)`,
-      borderRadius: `8px`,
-      padding: 16
-    }
-  }, /* @__PURE__ */ React.createElement("p", null, "This is component iadasdfsdfdffsfsds from ", /* @__PURE__ */ React.createElement("code", null, "ui")), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    onClick: () => setCount((c) => c + 1)
-  }, "count ", count)));
-};
+function Button(props) {
+  return /* @__PURE__ */ React.createElement("button", {
+    className: "button-shadow underline"
+  }, props.children);
+}
+Button.displayName = "Button";
 export {
   Button
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "1.1.1",
+  "version": "1.4.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -10,21 +10,30 @@
     "dist/**"
   ],
   "scripts": {
-    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
-    "lint": "TIMING=1 eslint src --fix",
+    "build": "tsup src/index.tsx --format esm,cjs --dts --external react --external classnames --external react-router-dom",
+    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react --external classnames --external react-router-dom",
+    "lint": "prettier --write \"**/*.{ts,tsx,md}\"",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "devDependencies": {
-    "@bbki.ng/tsconfig": "1.0.2",
     "@bbki.ng/eslint-preset": "1.0.2",
+    "@bbki.ng/tsconfig": "1.1.0",
     "@types/react": "^17.0.13",
     "@types/react-dom": "^17.0.8",
+    "@types/react-router-dom": "^5.3.2",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.5",
+    "postcss-flexbugs-fixes": "^5.0.2",
     "react": "^17.0.2",
+    "tailwindcss": "^3.0.7",
     "tsup": "^5.10.1",
     "typescript": "^4.5.3"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "classnames": "^2.3.1",
+    "react-router-dom": "^6.2.1"
   }
 }