{"_id":"@anis_conceptlz/stencil-dls-test","_rev":"4-fc3411ed9f6a1f85e916ea427058f01f","name":"@anis_conceptlz/stencil-dls-test","dist-tags":{"latest":"1.0.3"},"versions":{"0.0.1":{"name":"@anis_conceptlz/stencil-dls-test","version":"0.0.1","license":"MIT","_id":"@anis_conceptlz/stencil-dls-test@0.0.1","maintainers":[{"name":"anis_conceptlz","email":"anis@conceptualize.ae"}],"homepage":"https://github.com/stenciljs/component-starter#readme","bugs":{"url":"https://github.com/stenciljs/component-starter/issues"},"dist":{"shasum":"783b22dbfb3af3cb1424814bf76d4e2aae4336a1","tarball":"https://registry.npmjs.org/@anis_conceptlz/stencil-dls-test/-/stencil-dls-test-0.0.1.tgz","fileCount":76,"integrity":"sha512-gIKRqjVvsMQTlAMKIJs960drLHgUPzVX7z4RGubXBMmADBf0kX4NXOcdPXYvYndYyBmTkT6l6FoeH2DUSRmHsw==","signatures":[{"sig":"MEYCIQCrBvCAuSYMwIMHo5+zetkHrZnzKaMLm34JLDrJykLZNwIhAKQpuou2k29Cq1CEazv7NDX1AAlDt4EgovYPi3lmFErf","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1235702},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/my-first-stencil-project/my-first-stencil-project.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/my-first-stencil-project/my-first-stencil-project.esm.js","require":"./dist/my-first-stencil-project/my-first-stencil-project.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"2cc61620922f9374f8903d89e50e58f0bacd8389","scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"anis_conceptlz","email":"anis@conceptualize.ae"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/stenciljs/component-starter.git","type":"git"},"_npmVersion":"10.8.2","description":"Stencil testing components","directories":{},"_nodeVersion":"20.19.4","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^24.3.0","@types/jest":"^29.5.14","@types/node":"^22.13.5","tailwindcss":"^4.1.11","@stencil/core":"^4.27.1","@tailwindcss/postcss":"^4.1.11","stencil-tailwind-plugin":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/stencil-dls-test_0.0.1_1753697752306_0.8793811116143848","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@anis_conceptlz/stencil-dls-test","version":"1.0.1","license":"MIT","_id":"@anis_conceptlz/stencil-dls-test@1.0.1","maintainers":[{"name":"anis_conceptlz","email":"anis@conceptualize.ae"}],"homepage":"https://github.com/stenciljs/component-starter#readme","bugs":{"url":"https://github.com/stenciljs/component-starter/issues"},"dist":{"shasum":"c250682780ed8b498ae2fcb27876b31c57661705","tarball":"https://registry.npmjs.org/@anis_conceptlz/stencil-dls-test/-/stencil-dls-test-1.0.1.tgz","fileCount":76,"integrity":"sha512-GoIG+2PA8oiK27oeJ6AIZNLLnpKXwRVPMEebMt56zVna/z9Y6+WciCq3j/kHzKoVRWMM+oKR1OuFrfYQhw8poQ==","signatures":[{"sig":"MEYCIQC02tMDW4/FgaGp/sphDYMys6cwxBJwUR9ryelrUdGkmgIhAPMo3vJK4i1LYRUiFokHAPDYkU4ZPRyiY50kvphxKZFS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1233469},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/my-first-stencil-project/my-first-stencil-project.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/my-first-stencil-project/my-first-stencil-project.esm.js","require":"./dist/my-first-stencil-project/my-first-stencil-project.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"2cc61620922f9374f8903d89e50e58f0bacd8389","scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"anis_conceptlz","email":"anis@conceptualize.ae"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/stenciljs/component-starter.git","type":"git"},"_npmVersion":"10.8.2","description":"Stencil testing components","directories":{},"_nodeVersion":"20.19.4","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^24.3.0","@types/jest":"^29.5.14","@types/node":"^22.13.5","tailwindcss":"^4.1.11","@stencil/core":"^4.27.1","@tailwindcss/postcss":"^4.1.11","stencil-tailwind-plugin":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/stencil-dls-test_1.0.1_1753699043051_0.5693996939402068","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@anis_conceptlz/stencil-dls-test","version":"1.0.2","license":"MIT","_id":"@anis_conceptlz/stencil-dls-test@1.0.2","maintainers":[{"name":"anis_conceptlz","email":"anis@conceptualize.ae"}],"homepage":"https://github.com/stenciljs/component-starter#readme","bugs":{"url":"https://github.com/stenciljs/component-starter/issues"},"dist":{"shasum":"17e985353401c6b098be342eb9ef2ecec8e69001","tarball":"https://registry.npmjs.org/@anis_conceptlz/stencil-dls-test/-/stencil-dls-test-1.0.2.tgz","fileCount":37,"integrity":"sha512-c6BBB2u8xE2YyWhCbNnCLRqYzsifXlp0mapPDs+YqOyK8BjiQjeBsQ56f15qAE1AJNdMCWgQyc3b+ximxEI0NA==","signatures":[{"sig":"MEUCIHlyjHusPziFL8GI+4DiPkO0QGpUBvAZ9zlWpitUX4K4AiEAuLP2iqixEFW8nndAQAvvRS3KufoIiTC8VEvuWhGHIYk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":630693},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/my-first-stencil-project/my-first-stencil-project.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/my-first-stencil-project/my-first-stencil-project.esm.js","require":"./dist/my-first-stencil-project/my-first-stencil-project.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"2cc61620922f9374f8903d89e50e58f0bacd8389","scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"anis_conceptlz","email":"anis@conceptualize.ae"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/stenciljs/component-starter.git","type":"git"},"_npmVersion":"10.8.2","description":"Stencil testing components","directories":{},"_nodeVersion":"20.19.4","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^24.3.0","@types/jest":"^29.5.14","@types/node":"^22.13.5","tailwindcss":"^4.1.11","@stencil/core":"^4.27.1","@tailwindcss/postcss":"^4.1.11","stencil-tailwind-plugin":"^2.0.5"},"_npmOperationalInternal":{"tmp":"tmp/stencil-dls-test_1.0.2_1753787463809_0.2546007564042112","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@anis_conceptlz/stencil-dls-test","version":"1.0.3","description":"Stencil testing components","main":"dist/index.cjs.js","module":"dist/index.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/my-first-stencil-project/my-first-stencil-project.esm.js","exports":{".":{"import":"./dist/my-first-stencil-project/my-first-stencil-project.esm.js","require":"./dist/my-first-stencil-project/my-first-stencil-project.cjs.js"},"./my-component":{"import":"./dist/components/my-component.js","types":"./dist/components/my-component.d.ts"},"./loader":{"import":"./loader/index.js","require":"./loader/index.cjs","types":"./loader/index.d.ts"}},"repository":{"type":"git","url":"git+https://github.com/stenciljs/component-starter.git"},"scripts":{"build":"stencil build","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/core":"^4.27.1","@tailwindcss/postcss":"^4.1.11","@types/jest":"^29.5.14","@types/node":"^22.13.5","jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^24.3.0","stencil-tailwind-plugin":"^2.0.5","tailwindcss":"^4.1.11"},"license":"MIT","_id":"@anis_conceptlz/stencil-dls-test@1.0.3","gitHead":"2cc61620922f9374f8903d89e50e58f0bacd8389","bugs":{"url":"https://github.com/stenciljs/component-starter/issues"},"homepage":"https://github.com/stenciljs/component-starter#readme","_nodeVersion":"20.19.4","_npmVersion":"10.8.2","dist":{"integrity":"sha512-BNBARLAaecUEkq9mzlfkRQgoOUl6C/9TW3N1IvmOALJBkwlzs+diNDiJyRkOdkoSzQDO2j1T80tBKY7p+t+zlg==","shasum":"cf259b373bd38f81522a1b59670e0ce2081a7d16","tarball":"https://registry.npmjs.org/@anis_conceptlz/stencil-dls-test/-/stencil-dls-test-1.0.3.tgz","fileCount":83,"unpackedSize":1282059,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDRBtqLsh74cO5jS0rxGU4nQIqzRrS0kk+xJkBtYjhvAQIhAKfJ9R2/DUdBANTVma1pQPB5DHYQGW5d0ttUY4LoRcYy"}]},"_npmUser":{"name":"anis_conceptlz","email":"anis@conceptualize.ae"},"directories":{},"maintainers":[{"name":"anis_conceptlz","email":"anis@conceptualize.ae"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/stencil-dls-test_1.0.3_1753787489500_0.8373176417579014"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-28T10:15:52.224Z","modified":"2025-07-29T11:11:29.986Z","0.0.1":"2025-07-28T10:15:52.515Z","1.0.1":"2025-07-28T10:37:23.289Z","1.0.2":"2025-07-29T11:11:03.993Z","1.0.3":"2025-07-29T11:11:29.712Z"},"bugs":{"url":"https://github.com/stenciljs/component-starter/issues"},"license":"MIT","homepage":"https://github.com/stenciljs/component-starter#readme","repository":{"type":"git","url":"git+https://github.com/stenciljs/component-starter.git"},"description":"Stencil testing components","maintainers":[{"name":"anis_conceptlz","email":"anis@conceptualize.ae"}],"readme":"# My Design System\n\nA robust, framework-agnostic collection of web components built with Stencil.js and styled with Tailwind CSS. Designed for consistency, accessibility, and ease of use across any web project.\n\n## Getting Started\n\nFollow these instructions to install and integrate the component library into your project.\n\n### Step 1: Install the Package\n\nInstall the package from npm using your favorite package manager:\n\n```bash\nnpm install @anis_conceptlz/stencil-dls-test\n```\n\n### Step 2: Import the Component Loader\n\nTo use the components, you must import the loader in your project's main entry file (e.g., `index.js`, `main.ts`). This only needs to be done once.\n\n#### For Plain HTML\n\nInclude the following script tag in your `index.html`.\n\n```html\n<script type=\"module\" src=\"node_modules/@anis_conceptlz/stencil-dls-test/dist/stencil-dls-test/stencil-dls-test.esm.js\"></script>\n```\n\n#### For JavaScript Frameworks (React, Vue, Angular)\n\nIn your main entry file (like `src/index.js` or `src/main.ts`), add the following lines:\n\n```javascript\nimport { defineCustomElements } from '@anis_conceptlz/stencil-dls-test/loader';\n\ndefineCustomElements();\n```\n\n## Components\n\n### `<ds-button>`\n\nA versatile button component with support for different styles, sizes, and states.\n\n#### Usage Examples\n\n**Basic Usage**\n\n```html\n<ds-button>Click Me</ds-button>\n```\n\n**Variants**\nUse the `variant` prop to change the visual style.\n\n```html\n<ds-button variant=\"primary\">Primary</ds-button>\n<ds-button variant=\"secondary\">Secondary</ds-button>\n<ds-button variant=\"danger\">Danger</ds-button>\n```\n\n**Sizes**\nUse the `size` prop to change the button's dimensions.\n\n```html\n<ds-button size=\"small\">Small</ds-button>\n<ds-button size=\"medium\">Medium</ds-button>\n<ds-button size=\"large\">Large</ds-button>\n```\n\n**Disabled State**\nUse the `disabled` prop to prevent user interaction.\n\n```html\n<ds-button disabled>Disabled Button</ds-button>\n```\n\n#### Properties\n\n| Property   | Attribute  | Description                        | Type                                 | Default     |\n|------------|------------|------------------------------------|--------------------------------------|-------------|\n| `variant`  | `variant`  | The visual style of the button.    | `'primary' \\| 'secondary' \\| 'danger'` | `'primary'` |\n| `size`     | `size`     | How large the button should be.    | `'small' \\| 'medium' \\| 'large'`   | `'medium'`  |\n| `disabled` | `disabled` | If `true`, the user cannot interact. | `boolean`                            | `false`     |\n| `type`     | `type`     | The native HTML button type.       | `'button' \\| 'submit' \\| 'reset'`  | `'button'`  |\n\n## Contributing\n\nContributions are welcome! Once the project is on a version control platform like GitHub, you will be able to open issues or submit pull requests.\n\n## License\n\nThis project is licensed under the MIT License.\n","readmeFilename":"readme.md"}