[pull] main from chakra-ui:main

.cursor/rules/solid-js.mdc

@@ -0,0 +1,38 @@
+---
+description:
+globs: packages/solid/**/*.tsx
+alwaysApply: false
+---
+
+When writing code for Solid.js, follow these rules:
+
+- Use `For` when mapping over an array. If it's robust component, consider using `Index` instead.
+
+- Use `Show` to conditionally render a component.
+
+- Use `mergeProps` to merge props from `@zag-js/solid` to merge local props within components.
+
+```ts
+const mergedProps = mergeProps(() => api().getControlProps(), controlProps)
+```
+
+- When splitting props, use `createSplitProps`
+
+```tsx
+import { createSplitProps } from '../../utils/create-split-props'
+
+const [useAvatarProps, localProps] = createSplitProps<UseAvatarProps>()(props, ['id', 'ids', 'onStatusChange'])
+```
+
+- When creating stories, use `storybook-solidjs` to create stories.
+
+```tsx
+import type { Meta } from 'storybook-solidjs-vite'
+const meta: Meta = {
+  title: 'Components / Avatar',
+}
+
+export default meta
+```
+
+- DO NOT destructure `props` in components, use `createSplitProps` or `splitProps` instead.

.cursor/rules/svelte.mdc

@@ -0,0 +1,38 @@
+---
+description: 
+globs: *.svelte,**/**/*.svelte
+alwaysApply: false
+---
+- Make sure to export the `*BaseProps`
+- `children?: Snippet` already exists in `HTMLArkProps<X>` so no need to define it
+- Every `use*` hook must return and `Accessor<T>`
+- For `*-root.svelte` files where `value` or `open` is a valid prop, make sure you setup the `$bindable()` for it.
+- For `*-context.svelte` files, prefer to use `render` not `children` prop
+
+### Exporting Files
+
+- Always export pattern is `export { default as Component }`
+- Check the exports against the react package and make sure they're the same
+
+### Creating Stories
+
+- When creating stories, keep the format simple
+- Imports must have a `Example` suffix
+- All imports in examples must use `@ark-ui/svelte/<component>`
+
+```tsx
+import BasicExample from "./examples/basic.svelte"
+
+const meta: Meta = {
+  title: 'Components / <component>',
+}
+
+export default meta
+
+export const Basic = {
+  render: () => ({
+    Component: BasicExample,
+  }),
+}
+```
+

.cursor/rules/vue.mdc

@@ -0,0 +1,30 @@
+---
+description: 
+globs: packages/vue/**/*.vue
+alwaysApply: false
+---
+When writing code for Vue.js, follow these rules:
+
+- Always use the `ark` factory and forward the `asChild` props
+
+- Always add `useForwardExpose()` at the end of the script setup
+
+```vue
+<script setup lang="ts">
+useForwardExpose()
+</script>
+```
+
+- For boolean props, always use the `withDefaults` function to define the defaults as `undefined`
+
+```tsx
+const props = withDefaults(defineProps<SliderRootProps>(), {
+  disabled: undefined,
+  invalid: undefined,
+  readOnly: undefined,
+} satisfies BooleanDefaults<RootProps>)
+```
+
+- When writing examples, no need to use `useForwardExpose()`
+
+- All icons should be imported from `lucide-vue-next`

.github/FUNDING.yml

@@ -9,4 +9,4 @@ community_bridge: # Replace with a single Community Bridge project-name e.g., cl
 liberapay: # Replace with a single Liberapay username
 issuehunt: # Replace with a single IssueHunt username
 otechie: # Replace with a single Otechie username
-custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,5 +1,6 @@
 name: 'Bug Report'
 description: 'Submit a bug report'
+labels: ['triage']
 body:
   - type: 'markdown'
     attributes:
@@ -55,6 +56,7 @@ body:
         - label: 'React'
         - label: 'Solid'
         - label: 'Vue'
+        - label: 'Svelte'
   - type: 'input'
     id: 'browser'
     attributes:

.github/ISSUE_TEMPLATE/config.yml

@@ -6,6 +6,3 @@ contact_links:
   - name: Questions & Discussions
     url: https://github.com/chakra-ui/ark/discussions
     about: Ask questions and discuss topics with other devlopers
-  - name: Consult with the Maintainers (60m)
-    url: https://calendly.com/chakra-ui/technical-consulting-60m
-    about: Discuss your technical questions or feature request with the Ark UI Maintainers

.github/composite-actions/install/action.yml

@@ -8,7 +8,6 @@ runs:
       with:
         bun-version: latest
 
-
     - name: Setup Git User
       shell: bash
       run: |

.github/workflows/quality.yml

@@ -76,3 +76,6 @@ jobs:
 
       - name: Check for same HTML tags
         run: bun scripts check:nodes
+
+      - name: Check for Zag package and versions
+        run: bun scripts check:zag

.gitignore

@@ -309,3 +309,10 @@ vite.config.mts.timestamp-*
 
 # Claude
 *.prompt.md
+
+# Solid Start
+.vinxi
+
+# Release
+.npmrc
+release.sh

.prettierrc

@@ -1,15 +1,24 @@
 {
-  "printWidth": 100,
+  "printWidth": 120,
   "singleQuote": true,
+  "tabWidth": 2,
   "trailingComma": "all",
   "arrowParens": "always",
   "semi": false,
+  "useTabs": false,
   "htmlWhitespaceSensitivity": "ignore",
+  "plugins": ["prettier-plugin-svelte"],
   "overrides": [
     {
-      "files": "*.md",
+      "files": "*.svelte",
       "options": {
-        "printWidth": 100,
+        "parser": "svelte"
+      }
+    },
+    {
+      "files": ["*.md", "*.mdx"],
+      "options": {
+        "printWidth": 120,
         "proseWrap": "always"
       }
     }

.storybook/styles.css

@@ -0,0 +1,58 @@
+@import url('./styles/accordion.css');
+@import url('./styles/angle-slider.css');
+@import url('./styles/avatar.css');
+@import url('./styles/carousel.css');
+@import url('./styles/checkbox.css');
+@import url('./styles/collapsible.css');
+@import url('./styles/color-picker.css');
+@import url('./styles/combobox.css');
+@import url('./styles/date-picker.css');
+@import url('./styles/dialog.css');
+@import url('./styles/field.css');
+@import url('./styles/file-upload.css');
+@import url('./styles/floating-panel.css');
+@import url('./styles/hover-card.css');
+@import url('./styles/listbox.css');
+@import url('./styles/menu.css');
+@import url('./styles/number-input.css');
+@import url('./styles/pagination.css');
+@import url('./styles/password-input.css');
+@import url('./styles/pin-input.css');
+@import url('./styles/popover.css');
+@import url('./styles/presence.css');
+@import url('./styles/progress.css');
+@import url('./styles/qr-code.css');
+@import url('./styles/radio-group.css');
+@import url('./styles/segment-group.css');
+@import url('./styles/select.css');
+@import url('./styles/signature-pad.css');
+@import url('./styles/slider.css');
+@import url('./styles/splitter.css');
+@import url('./styles/steps.css');
+@import url('./styles/switch.css');
+@import url('./styles/tabs.css');
+@import url('./styles/tags-input.css');
+@import url('./styles/time-picker.css');
+@import url('./styles/timer.css');
+@import url('./styles/toast.css');
+@import url('./styles/toggle-group.css');
+@import url('./styles/tooltip.css');
+@import url('./styles/tour.css');
+@import url('./styles/tree-view.css');
+
+body {
+  position: relative;
+  font-size: 15px;
+  min-height: 100dvh;
+}
+
+* {
+  box-sizing: border-box;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+}
+
+[hidden] {
+  display: none !important;
+}