cssier 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [2023] [Ignacio Andrés Miranda Figueroa]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,46 @@
+# ⚛️⚡ Vite + React + Typescript Component Library Template
+
+## Features
+
+- ⚛️ [React 18](https://reactjs.org/)
+- 📚 [Storybook 7](https://storybook.js.org/) - Components preview
+- 🖌️ [Tailwind CSS 3](https://tailwindcss.com/)
+- ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!
+- ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing
+- 📐 [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - Formatting and Linting
+- 🌟 [Typescript](https://www.typescriptlang.org/)
+- 🐶 [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
+- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
+- 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM
+- Initial components setup using [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)
+
+## Getting Started
+
+1. Create a new repository using this one as template
+2. Clone your repo
+3. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)
+4. Run `pnpm prepare` command to setup [Husky](https://typicode.github.io/husky) pre-commit hooks.
+
+## Main Scripts
+
+Always prepending pnpm:
+
+- `dev`: Bootstrap the Storybook preview with Hot Reload.
+- `build`: Builds the static storybook project.
+- `build:lib`: Builds the component library into the **dist** folder.
+- `lint:fix`: Applies linting based on the rules defined in **.eslintrc.js**.
+- `format:prettier`: Formats files using the prettier rules defined in **.prettierrc**.
+- `test`: Runs testing using watch mode.
+- `test:cov`: Runs testing displaying a coverage report.
+
+## Blog Post
+
+I created a post explaning how to set up this library and publish it to a package registry! You can read it [here](https://igna.hashnode.dev/vite-react-typescript-component-library-template-setup-explanation).
+
+## Author
+
+[Ignacio Miranda Figueroa](https://www.linkedin.com/in/ignacio-miranda-figueroa/)
+
+## License
+
+[MIT](LICENSE)

package/dist/components/generated/A.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function A(
+  props: ComponentProps<'a'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Abbr.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Abbr(
+  props: ComponentProps<'abbr'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Address.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Address(
+  props: ComponentProps<'address'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Animate.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Animate(
+  props: ComponentProps<'animate'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/AnimateTransform.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function AnimateTransform(
+  props: ComponentProps<'animateTransform'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Area.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Area(
+  props: ComponentProps<'area'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Article.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Article(
+  props: ComponentProps<'article'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Aside.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Aside(
+  props: ComponentProps<'aside'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Audio.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Audio(
+  props: ComponentProps<'audio'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/B.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function B(
+  props: ComponentProps<'b'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Base.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Base(
+  props: ComponentProps<'base'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Bdi.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Bdi(
+  props: ComponentProps<'bdi'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Bdo.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Bdo(
+  props: ComponentProps<'bdo'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Blockquote.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Blockquote(
+  props: ComponentProps<'blockquote'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Body.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Body(
+  props: ComponentProps<'body'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Br.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Br(
+  props: ComponentProps<'br'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Button.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Button(
+  props: ComponentProps<'button'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Canvas.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Canvas(
+  props: ComponentProps<'canvas'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Caption.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Caption(
+  props: ComponentProps<'caption'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Circle.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Circle(
+  props: ComponentProps<'circle'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Cite.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Cite(
+  props: ComponentProps<'cite'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/ClipPath.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function ClipPath(
+  props: ComponentProps<'clipPath'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Code.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Code(
+  props: ComponentProps<'code'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Col.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Col(
+  props: ComponentProps<'col'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Colgroup.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Colgroup(
+  props: ComponentProps<'colgroup'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Data.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Data(
+  props: ComponentProps<'data'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Datalist.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Datalist(
+  props: ComponentProps<'datalist'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Dd.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Dd(
+  props: ComponentProps<'dd'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Defs.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Defs(
+  props: ComponentProps<'defs'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Del.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Del(
+  props: ComponentProps<'del'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Desc.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Desc(
+  props: ComponentProps<'desc'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Details.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Details(
+  props: ComponentProps<'details'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Dfn.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Dfn(
+  props: ComponentProps<'dfn'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Dialog.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Dialog(
+  props: ComponentProps<'dialog'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Div.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Div(
+  props: ComponentProps<'div'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Dl.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Dl(
+  props: ComponentProps<'dl'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Dt.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Dt(
+  props: ComponentProps<'dt'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Ellipse.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Ellipse(
+  props: ComponentProps<'ellipse'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Em.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Em(
+  props: ComponentProps<'em'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/Embed.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function Embed(
+  props: ComponentProps<'embed'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeBlend.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeBlend(
+  props: ComponentProps<'feBlend'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeColorMatrix.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeColorMatrix(
+  props: ComponentProps<'feColorMatrix'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeComponentTransfer.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeComponentTransfer(
+  props: ComponentProps<'feComponentTransfer'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeComposite.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeComposite(
+  props: ComponentProps<'feComposite'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeConvolveMatrix.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeConvolveMatrix(
+  props: ComponentProps<'feConvolveMatrix'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeDiffuseLighting.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeDiffuseLighting(
+  props: ComponentProps<'feDiffuseLighting'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeDisplacementMap.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeDisplacementMap(
+  props: ComponentProps<'feDisplacementMap'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeDistantLight.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeDistantLight(
+  props: ComponentProps<'feDistantLight'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeFlood.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeFlood(
+  props: ComponentProps<'feFlood'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeGaussianBlur.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeGaussianBlur(
+  props: ComponentProps<'feGaussianBlur'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeImage.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeImage(
+  props: ComponentProps<'feImage'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeMerge.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeMerge(
+  props: ComponentProps<'feMerge'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeMergeNode.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeMergeNode(
+  props: ComponentProps<'feMergeNode'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeMorphology.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeMorphology(
+  props: ComponentProps<'feMorphology'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeOffset.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeOffset(
+  props: ComponentProps<'feOffset'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FePointLight.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FePointLight(
+  props: ComponentProps<'fePointLight'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/generated/FeSpecularLighting.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../../types'
+export default function FeSpecularLighting(
+  props: ComponentProps<'feSpecularLighting'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element