Merge branch 'main' of github.com:HubbeDev/shadcn-svelte into feat/ta…

…sks-example * 'main' of github.com:HubbeDev/shadcn-svelte: (45 commits) fix required form select props (huntabyte#359) Add colorscheme (huntabyte#358) fix: form example typo (huntabyte#357) Update dependencies (huntabyte#356) Fix file input button text not visible in darkmode (huntabyte#353) Stop scroll to top while navigating between examples in doc. (huntabyte#355) try to fix lockfile (huntabyte#354) fix pnpm lockfile fix: check icon in checkbox is off-center (huntabyte#330) fx: add the special `<alpha-value>` placeholder (huntabyte#341) Footer no longer has a border (huntabyte#339) Use regular click event (huntabyte#328) Fix support rule (huntabyte#326) Fixes `build:registry` script (huntabyte#327) Fix disabled checkbox styles (huntabyte#307) fix toggle doc code snippets (huntabyte#316) fix: slate theme missing % character from ring color value (huntabyte#314) Docs: Change CardTitle -> Card.Title (huntabyte#303) chore: remove tailwindcssAnimate from docs (huntabyte#299) fixing the typo (huntabyte#296) ...
HubbeDev · Oct 25, 2023 · 721a901 · 721a901
2 parents 229ac90 + 272e005
commit 721a901
Show file tree

Hide file tree

Showing 143 changed files with 2,976 additions and 1,279 deletions.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -3,37 +3,41 @@ name: 🐛 Bug Report
 description: Report an issue or bug
 labels: ["type: bug"]
 body:
-    - type: textarea
-      attributes:
-          label: Current Behavior
-          description: A description of what you're experiencing.
-      validations:
-          required: true
-    - type: textarea
-      attributes:
-          label: Expected Behavior
-          description: A description of what you're experiencing.
-      validations:
-          required: true
-    - type: textarea
-      attributes:
-          label: Steps To Reproduce
-          description: Describe how to reproduce the issue.
-          placeholder: |
-              1. Using this component...
-              2. With these properties...
-              3. Click '...'
-              4. See error...
-      validations:
-          required: true
-    - type: input
-      id: reproduction
-      attributes:
-          label: Link to Reproduction / Stackblitz
-    - type: textarea
-      attributes:
-          label: More Information
-          description: |
-              Provide relevant links or additionl information.
-      validations:
-          required: false
+  - type: markdown
+    attributes:
+      value: |
+        Before submitting a bug report, ensure you're running the latest version of the dependencies (`bits-ui` & `formsnap`/`sveltekit-superforms` if you're using forms). If you have a question, please ask it in the [Discussions](https://github.com/huntabyte/shadcn-svelte/discussions) or [Discord](https://hbyt.us/discord), not here.
+  - type: textarea
+    attributes:
+      label: Current Behavior
+      description: A description of what you're experiencing.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Expected Behavior
+      description: A description of what you're experiencing.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Steps To Reproduce
+      description: Describe how to reproduce the issue.
+      placeholder: |
+        1. Using this component...
+        2. With these properties...
+        3. Click '...'
+        4. See error...
+    validations:
+      required: true
+  - type: input
+    id: reproduction
+    attributes:
+      label: Link to Reproduction / Stackblitz
+  - type: textarea
+    attributes:
+      label: More Information
+      description: |
+        Provide relevant links or additionl information.
+    validations:
+      required: false
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -6,41 +6,48 @@ We appreciate your interest in contributing. This guide will help you get starte
 
 - [Contributing to shadcn-svelte](#contributing-to-shadcn-svelte)
   - [Table of Contents](#table-of-contents)
+  - [Ways to contribute](#ways-to-contribute)
+  - [How to contribute](#how-to-contribute)
   - [Questions](#questions)
-  - [Contributing](#contributing)
-  - [Submitting a Pull Request](#submitting-a-pull-request)
   - [License](#license)
 
-## Questions
-
-If you have questions about the project, please start a new discussion in the [Discussions](https://github.com/huntabyte/shadcn-svelte/discussions), or join the [Discord](https://discord.gg/SRbSSrvXug) and ask your question under the `shadcn-svelte` -> `shadcn-support` channel.
-
-## Contributing
+## Ways to contribute
 
 This project is open to contributions from the community.
 
 We welcome contributions in the following areas:
 
--   **Feedback**: We're always looking for feedback on the project. If you have any suggestions or ideas, please open an issue to discuss it.
--   **Support**: If you feel confident in your ability to help others with their questions, please join the [Discord](https://discord.gg/SRbSSrvXug) and help out in the `shadcn-svelte` -> `shadcn-support` channel.
--   **Feature enhancements**: If you have an idea for a new feature, please open an issue to discuss it before starting work on it to make sure it aligns with the project roadmap and you don't end up wasting your time.
--   **Documentation improvements**: See a typo or broken link? Or do you think the documentation could be improved in some other way? Please open an issue to discuss it before making any changes.
--   **Code optimizations**: If you see a way to improve the code, please open an issue to discuss it before making any changes.
+- **Feedback**: We're always looking for feedback on the project. If you have any suggestions, ideas, please open an issue to discuss it. One thing that should be noted is that this project is a port of `shadcn/ui`, meaning we won't be adding new components to this project unless they are added to `shadcn/ui` first.
+- **Support**: If you feel confident in your ability to help others with their questions, please join the [Discord](https://discord.gg/SRbSSrvXug) and help out in the `libs` -> `shadcn-support` channel, or answer questions asked in [Discussions](https://github.com/huntabyte/shadcn-svelte/discussions).
+- **Documentation improvements**: See a typo or broken link? Or do you think the documentation could be improved in some other way? If it's a typo/broken link, feel free to open a PR. If the change would involve more than a few line changes, please open an issue to discuss it first before spending time on it.
+- **Code optimizations**: If you see a way to improve the code, please open an issue to discuss it.
+
+## How to contribute
 
-## Submitting a Pull Request
+This project operates using a process that makes maintaining the project less stressful, while also preventing wasted time and effort on contributions that may not be merged into the project.
 
-We use pull requests to propose changes to the project. The process generally goes like this:
+Here's what the process looks like:
 
-1. A user opens an issue to discuss a new feature or to report a bug
-2. A maintainer reviews the issue and may label it as `status: needs owner`
-3. The issues author can volunteer to work on the issue, or someone else can
-4. A maintainer assigns the issue to whoeever volunteers to work on it
-5. The issue owner submits a pull request to address/resolve the issue
-6. A maintainer reviews the pull request and if no changes are needed, merges it into the main repository
+1. A user opens an issue to report a bug, request a new feature, or propose a change
+2. A maintainer reviews the issue and assigns it a status label
+   1. `needs owner` - the issue is ready to be worked on, but no one has volunteered to work on it yet. If you would like to work on the issue, please leave a comment on the issue to let us know along with a brief description of how you plan to address the issue (if it's not already clear from the issue description).
+   2. `accepted` - the issue has been assigned to someone and they are working on a solution for it.
+   3. `duplicate` - the issue is a duplicate of another issue. The issue will be closed and a link to the original issue will be provided.
+   4. `blocked` - the issue is blocked by another issue either within this project or another.
+   5. `revisions needed` - the issue requires additional information or reproduction details before it will be considered for implementation/fix.
+   6. `under review` - further discussion is needed before a decision can be made on how to proceed with the issue.
+3. The issue author can volunteer to work on the issue within the issue itself, or someone else can volunteer to work on it.
+4. A maintainer assigns the issue to whoever volunteers to work on it and becomes the "owner" of the issue.
+5. The issue owner submits a pull request to address/resolve the issue.
+6. A maintainer reviews the pull request and if no revisions are needed, adds the changesets (if required) and merges it into the main repository.
 
-**Note:** Do not submit a pull request until a relevant issue has been opened and assigned to you, otherwise, you may end up wasting time on work that may not be merged into the project.
+**NOTE:** Do not submit a pull request for anything other than minor documentation/typo fixes without first opening an issue and having it assigned to you. We don't want you to waste time on something that may not be merged/accepted.
+
+To volunteer to solve someone else's issue, please leave a comment on the issue to let us know that you'd like to work on it, along with a brief description of how you plan to address the issue (if it's not already clear from the issue description), and we'll assign the issue to you.
+
+## Questions
 
-To volunteer to solve someone else's issue, please leave a comment on the issue to let us know that you'd like to work on it, along with a brief description of how you plan to address the issue.
+If you're looking to contribute and have questions about the process or the codebase in general, feel free to ask in the [Discord](https://hbyt.us/discord) in the `libs`->`shadcn-chat` channel!
 
 ## License
 

diff --git a/apps/www/.env.example b/apps/www/.env.example
@@ -0,0 +1,2 @@
+PUBLIC_FATHOM_URL=""
+PUBLIC_FATHOM_ID=""
diff --git a/apps/www/.gitignore b/apps/www/.gitignore
@@ -9,4 +9,4 @@ node_modules
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 .turbo
-.vercel
+.vercel
diff --git a/apps/www/__registry__/index.js b/apps/www/__registry__/index.js
@@ -164,6 +164,13 @@ export const Index = {
       component: () => import("../src/lib/registry/default/example/checkbox-disabled.svelte").then((m) => m.default),
       files: ["../src/lib/registry/default/example/checkbox-disabled.svelte"],
     },
+    "checkbox-form-single": {
+      name: "checkbox-form-single",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/default/example/checkbox-form-single.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/default/example/checkbox-form-single.svelte"],
+    },
     "checkbox-with-text": {
       name: "checkbox-with-text",
       type: "components:example",
@@ -220,6 +227,13 @@ export const Index = {
       component: () => import("../src/lib/registry/default/example/dropdown-menu-radio-group.svelte").then((m) => m.default),
       files: ["../src/lib/registry/default/example/dropdown-menu-radio-group.svelte"],
     },
+    "form-demo": {
+      name: "form-demo",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/default/example/form-demo.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/default/example/form-demo.svelte"],
+    },
     "hover-card-demo": {
       name: "hover-card-demo",
       type: "components:example",
@@ -304,13 +318,27 @@ export const Index = {
       component: () => import("../src/lib/registry/default/example/radio-group-demo.svelte").then((m) => m.default),
       files: ["../src/lib/registry/default/example/radio-group-demo.svelte"],
     },
+    "radio-group-form": {
+      name: "radio-group-form",
+      type: "components:example",
+      registryDependencies: ["form","label"],
+      component: () => import("../src/lib/registry/default/example/radio-group-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/default/example/radio-group-form.svelte"],
+    },
     "select-demo": {
       name: "select-demo",
       type: "components:example",
       registryDependencies: ["select"],
       component: () => import("../src/lib/registry/default/example/select-demo.svelte").then((m) => m.default),
       files: ["../src/lib/registry/default/example/select-demo.svelte"],
     },
+    "select-form": {
+      name: "select-form",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/default/example/select-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/default/example/select-form.svelte"],
+    },
     "separator-demo": {
       name: "separator-demo",
       type: "components:example",
@@ -353,6 +381,13 @@ export const Index = {
       component: () => import("../src/lib/registry/default/example/switch-demo.svelte").then((m) => m.default),
       files: ["../src/lib/registry/default/example/switch-demo.svelte"],
     },
+    "switch-form": {
+      name: "switch-form",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/default/example/switch-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/default/example/switch-form.svelte"],
+    },
     "table-demo": {
       name: "table-demo",
       type: "components:example",
@@ -381,6 +416,13 @@ export const Index = {
       component: () => import("../src/lib/registry/default/example/textarea-disabled.svelte").then((m) => m.default),
       files: ["../src/lib/registry/default/example/textarea-disabled.svelte"],
     },
+    "textarea-form": {
+      name: "textarea-form",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/default/example/textarea-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/default/example/textarea-form.svelte"],
+    },
     "textarea-with-button": {
       name: "textarea-with-button",
       type: "components:example",
@@ -711,6 +753,13 @@ export const Index = {
       component: () => import("../src/lib/registry/new-york/example/checkbox-disabled.svelte").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/checkbox-disabled.svelte"],
     },
+    "checkbox-form-single": {
+      name: "checkbox-form-single",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/new-york/example/checkbox-form-single.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/new-york/example/checkbox-form-single.svelte"],
+    },
     "checkbox-with-text": {
       name: "checkbox-with-text",
       type: "components:example",
@@ -767,6 +816,13 @@ export const Index = {
       component: () => import("../src/lib/registry/new-york/example/dropdown-menu-radio-group.svelte").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/dropdown-menu-radio-group.svelte"],
     },
+    "form-demo": {
+      name: "form-demo",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/new-york/example/form-demo.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/new-york/example/form-demo.svelte"],
+    },
     "hover-card-demo": {
       name: "hover-card-demo",
       type: "components:example",
@@ -851,13 +907,27 @@ export const Index = {
       component: () => import("../src/lib/registry/new-york/example/radio-group-demo.svelte").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/radio-group-demo.svelte"],
     },
+    "radio-group-form": {
+      name: "radio-group-form",
+      type: "components:example",
+      registryDependencies: ["form","label"],
+      component: () => import("../src/lib/registry/new-york/example/radio-group-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/new-york/example/radio-group-form.svelte"],
+    },
     "select-demo": {
       name: "select-demo",
       type: "components:example",
       registryDependencies: ["select"],
       component: () => import("../src/lib/registry/new-york/example/select-demo.svelte").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/select-demo.svelte"],
     },
+    "select-form": {
+      name: "select-form",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/new-york/example/select-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/new-york/example/select-form.svelte"],
+    },
     "separator-demo": {
       name: "separator-demo",
       type: "components:example",
@@ -900,6 +970,13 @@ export const Index = {
       component: () => import("../src/lib/registry/new-york/example/switch-demo.svelte").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/switch-demo.svelte"],
     },
+    "switch-form": {
+      name: "switch-form",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/new-york/example/switch-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/new-york/example/switch-form.svelte"],
+    },
     "table-demo": {
       name: "table-demo",
       type: "components:example",
@@ -928,6 +1005,13 @@ export const Index = {
       component: () => import("../src/lib/registry/new-york/example/textarea-disabled.svelte").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/textarea-disabled.svelte"],
     },
+    "textarea-form": {
+      name: "textarea-form",
+      type: "components:example",
+      registryDependencies: ["form"],
+      component: () => import("../src/lib/registry/new-york/example/textarea-form.svelte").then((m) => m.default),
+      files: ["../src/lib/registry/new-york/example/textarea-form.svelte"],
+    },
     "textarea-with-button": {
       name: "textarea-with-button",
       type: "components:example",
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,4 +9,4 @@ node_modules @@
     vite.config.js.timestamp-*
     vite.config.ts.timestamp-*
     .turbo
-    .vercel
+    .vercel