@bikdotai/bik-component-library 0.0.5584-tooltip-beta → 0.0.9998-beta-switch

package/README.md

@@ -1,3 +1,100 @@
-## Build Status
+<h1 align="center">♨️ React UI Boilerplate</h1>
 
-[![Deploy Prod](https://github.com/BikDotAiDev/bik-component-library/actions/workflows/publish-prod.yaml/badge.svg)](https://github.com/BikDotAiDev/bik-component-library/actions/workflows/publish-prod.yaml)
+<div align="center">
+  <p>
+    A React boilerplate with opinionated setup to help you quickly create your own React UI library.
+  </p>
+  <img src="https://img.shields.io/github/license/boilertown/react-ui-boilerplate?style=flat-square" alt="MIT license" >
+</div>
+
+## The Setup
+
+- [React v18][react-url]
+- [TypeScript][typescript-url]
+- UI development with [Storybook][storybook-url]
+- Unit test with [Testing-library][testing-library-url]
+- Linting with [Eslint][eslint-url] and code formatting with [Prettier][prettier-url]
+- Conventional commit messages with [Commitlint][commitlint-url]
+- Build the library with [Rollup][rollup-url]
+- Automated release with [changesets][changesets-url]
+
+## Get Started
+
+- Use [Boilertown](https://github.com/boilertown/create-boilertown) CLI.
+
+  ```sh
+  # npm
+  npm create boilertown -- -b react-ui-boilerplate
+
+  # yarn
+  yarn create boilertown -b react-ui-boilerplate
+
+  # pnpm
+  pnpm create boilertown -b react-ui-boilerplate
+
+  # bun
+  bun create boilertown/react-ui-boilerplate [library-name]
+  ```
+
+- Click the green "Use this template" button to generate a new repository with the same structure and files.
+
+  <img src="https://docs.github.com/assets/cb-36544/images/help/repository/use-this-template-button.png" alt="Use this template button" width="500">
+
+  [Ref: Github Docs](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template)
+
+## Development
+
+- Build the library:
+
+  ```sh
+  pnpm build
+  ```
+
+- Run storybook:
+
+  ```sh
+  pnpm storybook
+  ```
+
+- Unit test component with:
+
+  ```sh
+  pnpm test
+  ```
+
+- Create changeset:
+
+  ```sh
+  pnpm changeset
+  ```
+
+## Release & Publish package
+
+This boilerplate uses [changesets][changesets-url] to automatically generate `CHANGELOG`, create releases and publish to NPM registry via GitHub Actions. You can see action details at [release.yml](/.github/workflows//release.yml).
+
+To automating publish your library, follow these steps:
+
+- Create a `NPM_TOKEN`. [See this article for more details](https://docs.npmjs.com/creating-and-viewing-access-tokens). Make sure the type of access token is **Automation**.
+
+- [Follow this instruction](https://docs.github.com/en/actions/security-guides/encrypted-secrets#creating-encrypted-secrets-for-a-repository) to add the created token to your GitHub Actions secrets. Name of the secret is `NPM_TOKEN`.
+
+- Install [changeset bot](https://github.com/apps/changeset-bot).
+
+- [Adding changeset and commit](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md#i-am-in-a-single-package-repository).
+
+**P/S**: Remember to check the `Allow GitHub Actions to create and approve pull requests` in your repo Settings > Actions > General & scroll to Workflow permissions.
+
+## Contributing
+
+**react-ui-boilerplate** ❤️ your contributions. If you have any ideas, suggestions, fixes, feel free to contribute.
+
+[boilertown-url]: https://github.com/boilertown
+[react-url]: https://beta.reactjs.org
+[typescript-url]: https://www.typescriptlang.org
+[storybook-url]: https://storybook.js.org
+[eslint-url]: https://eslint.org
+[commitlint-url]: https://github.com/conventional-changelog/commitlint
+[prettier-url]: https://prettier.io
+[testing-library-url]: https://testing-library.com
+[rollup-url]: https://rollupjs.org
+[changesets-url]: https://github.com/changesets/changesets

package/dist/cjs/_virtual/_tslib.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),"function"==typeof SuppressedError&&SuppressedError,exports.__awaiter=function(e,t,r,n){return new(r||(r=Promise))((function(o,c){function p(e){try{f(n.next(e))}catch(e){c(e)}}function u(e){try{f(n.throw(e))}catch(e){c(e)}}function f(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(p,u)}f((n=n.apply(e,t||[])).next())}))},exports.__rest=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__awaiter=function(t,e,n,r){return new(n||(n=Promise))((function(o,c){function a(t){try{u(r.next(t))}catch(t){c(t)}}function i(t){try{u(r.throw(t))}catch(t){c(t)}}function u(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,i)}u((r=r.apply(t,e||[])).next())}))},exports.__rest=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n};

package/dist/cjs/assets/icons/halfRectangle.svg.js

@@ -1 +1 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}var a=e=>n.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 23"},e),t||(t=n.createElement("path",{fill:"currentColor",d:"M23 1v21L1 1h22Z"})),r||(r=n.createElement("path",{stroke:"#E0E0E0",strokeWidth:2.5,d:"M23 1H1l22 21"})));exports.default=a;
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var o=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 8 8"},e),t||(t=r.createElement("path",{fill:"currentColor",d:"M8 0H0l8 8V0Z"})));exports.default=o;

package/dist/cjs/assets/icons/searchIcon.d.ts

@@ -1,8 +1,2 @@
-import { SVGProps } from "react";
-export type Icon = React.FC<SVGProps<SVGSVGElement> & {
-    color?: string;
-    width?: string | number;
-    height?: string | number;
-    backgroundColor?: string;
-}>;
-export declare const SearchIcon: Icon;
+/// <reference types="react" />
+export declare const SearchIcon: React.FC;

package/dist/cjs/assets/icons/vertical_dots.svg.js

@@ -1 +1 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),t||(t=r.createElement("path",{fill:"#212121",d:"M14 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM12 21a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"})));exports.default=a;
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},e),t||(t=r.createElement("path",{d:"M4 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM2 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"})));exports.default=a;

package/dist/cjs/assets/icons/{broken_media_image.svg.js → video_camcorder.svg.js}

@@ -1 +1 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),t||(t=r.createElement("path",{fill:"#000",d:"M21.35 21.35a.92.92 0 0 0 0-1.3L3.95 2.65a.92.92 0 1 0-1.3 1.3L3 4.3V19c0 1.1.9 2 2 2h14.7l.35.35a.92.92 0 0 0 1.3 0ZM5 19V6.3l7.6 7.6-1.5 1.9L9 13.1 6 17h9.7l2 2H5ZM8.8 5l-2-2H19c1.1 0 2 .9 2 2v12.2l-2-2V5H8.8Z"})));exports.default=a;
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),t||(t=r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17 10.057V7a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-3.057l5.419 3.87A1 1 0 0 0 24 17V7a1 1 0 0 0-1.581-.814L17 10.056ZM2 7a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7Zm20 8.057L17.72 12 22 8.943v6.114Z",clipRule:"evenodd"})));exports.default=a;