@soave/ui 0.3.0 → 0.3.2

package/dist/components/Button.vue

@@ -12,9 +12,14 @@
 <script setup lang="ts">
 import { toRef } from "vue"
 import { useButton } from "../../composables/useButton"
-import type { ButtonProps } from "../../types/button"
 
-const props = withDefaults(defineProps<ButtonProps>(), {
+const props = withDefaults(defineProps<{
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive"
+    size?: "sm" | "md" | "lg"
+    disabled?: boolean
+    loading?: boolean
+    type?: "button" | "submit" | "reset"
+}>(), {
     variant: "primary",
     size: "md",
     disabled: false,

package/dist/components/Card.vue

@@ -7,9 +7,10 @@
 <script setup lang="ts">
 import { toRef } from "vue"
 import { useCard } from "../../composables/useCard"
-import type { CardProps } from "../../types/card"
 
-const props = withDefaults(defineProps<CardProps>(), {
+const props = withDefaults(defineProps<{
+    padding?: "none" | "sm" | "md" | "lg"
+}>(), {
     padding: "md"
 })
 

package/dist/components/Checkbox.vue

@@ -14,9 +14,12 @@
 <script setup lang="ts">
 import { toRef, computed } from "vue"
 import { useCheckbox } from "../../composables/useCheckbox"
-import type { CheckboxProps } from "../../types/checkbox"
 
-const props = withDefaults(defineProps<CheckboxProps>(), {
+const props = withDefaults(defineProps<{
+    size?: "sm" | "md" | "lg"
+    disabled?: boolean
+    indeterminate?: boolean
+}>(), {
     size: "md",
     disabled: false,
     indeterminate: false

package/dist/components/Dialog.vue

@@ -26,18 +26,24 @@
 
 <script setup lang="ts">
 import { ref, watch, onMounted, onUnmounted, provide } from "vue"
+import type { Ref, InjectionKey } from "vue"
 import { useDialog } from "../../composables/useDialog"
-import { DIALOG_KEY } from "../../types/dialog"
-import type { DialogContext } from "../../types/dialog"
 
-interface HeadlessDialogProps {
-    closeOnOverlay?: boolean
-    closeOnEscape?: boolean
+interface DialogContext {
+    is_open: Ref<boolean>
+    close: () => void
     titleId?: string
     descriptionId?: string
 }
 
-const props = withDefaults(defineProps<HeadlessDialogProps>(), {
+const DIALOG_KEY: InjectionKey<DialogContext> = Symbol("dialog")
+
+const props = withDefaults(defineProps<{
+    closeOnOverlay?: boolean
+    closeOnEscape?: boolean
+    titleId?: string
+    descriptionId?: string
+}>(), {
     closeOnOverlay: true,
     closeOnEscape: true
 })

package/dist/components/Input.vue

@@ -16,13 +16,19 @@
 <script setup lang="ts">
 import { toRef } from "vue"
 import { useInput } from "../../composables/useInput"
-import type { InputProps } from "../../types/input"
+import type { InputType, InputSize } from "../../types/input"
 
-interface HeadlessInputProps extends InputProps {
+const props = withDefaults(defineProps<{
+    type?: InputType
+    size?: InputSize
+    placeholder?: string
+    disabled?: boolean
+    readonly?: boolean
+    error?: string
+    error_id?: string
+    id?: string
     modelValue?: string
-}
-
-const props = withDefaults(defineProps<HeadlessInputProps>(), {
+}>(), {
     type: "text",
     size: "md",
     disabled: false,

package/dist/components/RadioGroup.vue

@@ -9,10 +9,20 @@
 
 <script setup lang="ts">
 import { provide, computed } from "vue"
-import type { RadioGroupProps, RadioGroupContext } from "../../types/radio"
-import { RADIO_GROUP_KEY } from "../../types/radio"
+import type { Ref, ComputedRef, InjectionKey } from "vue"
 
-const props = withDefaults(defineProps<RadioGroupProps>(), {
+interface RadioGroupContext {
+    model_value: Ref<string>
+    disabled: ComputedRef<boolean>
+    updateValue: (value: string) => void
+}
+
+const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext> = Symbol("radio-group")
+
+const props = withDefaults(defineProps<{
+    disabled?: boolean
+    orientation?: "horizontal" | "vertical"
+}>(), {
     disabled: false,
     orientation: "vertical"
 })

package/dist/components/RadioItem.vue

@@ -13,12 +13,22 @@
 
 <script setup lang="ts">
 import { inject, toRef } from "vue"
+import type { Ref, ComputedRef, InjectionKey } from "vue"
 import { useRadioItem } from "../../composables/useRadio"
-import type { RadioItemProps, RadioGroupContext } from "../../types/radio"
-import { RADIO_GROUP_KEY } from "../../types/radio"
-import { COMPONENT_ERRORS } from "../../constants/errors"
 
-const props = withDefaults(defineProps<RadioItemProps>(), {
+interface RadioGroupContext {
+    model_value: Ref<string>
+    disabled: ComputedRef<boolean>
+    updateValue: (value: string) => void
+}
+
+const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext> = Symbol("radio-group")
+
+const props = withDefaults(defineProps<{
+    value: string
+    size?: "sm" | "md" | "lg"
+    disabled?: boolean
+}>(), {
     size: "md",
     disabled: false
 })
@@ -26,7 +36,7 @@ const props = withDefaults(defineProps<RadioItemProps>(), {
 const context = inject<RadioGroupContext | null>(RADIO_GROUP_KEY, null)
 
 if (!context) {
-    throw new Error(COMPONENT_ERRORS.PROVIDER_NOT_FOUND)
+    throw new Error("RadioItem must be used within RadioGroup")
 }
 
 const composable = useRadioItem(toRef(() => props))

package/dist/components/Select.vue

@@ -12,10 +12,29 @@
 
 <script setup lang="ts">
 import { ref, provide, watch, onMounted, onUnmounted, computed } from "vue"
-import type { SelectProps, SelectContext } from "../../types/select"
-import { SELECT_KEY } from "../../types/select"
+import type { Ref, ComputedRef, InjectionKey } from "vue"
 
-const props = withDefaults(defineProps<SelectProps>(), {
+interface SelectContext {
+    model_value: Ref<string>
+    is_open: Ref<boolean>
+    disabled: ComputedRef<boolean>
+    size: ComputedRef<"sm" | "md" | "lg">
+    placeholder: ComputedRef<string>
+    trigger_ref: Ref<HTMLElement | null>
+    updateValue: (value: string) => void
+    open: () => void
+    close: () => void
+    toggle: () => void
+    setTriggerRef: (element: HTMLElement | null) => void
+}
+
+const SELECT_KEY: InjectionKey<SelectContext> = Symbol("select")
+
+const props = withDefaults(defineProps<{
+    size?: "sm" | "md" | "lg"
+    disabled?: boolean
+    placeholder?: string
+}>(), {
     size: "md",
     disabled: false,
     placeholder: ""

package/dist/components/SelectContent.vue

@@ -11,15 +11,29 @@
 
 <script setup lang="ts">
 import { inject } from "vue"
+import type { Ref, ComputedRef, InjectionKey } from "vue"
 import { useSelectContent } from "../../composables/useSelect"
-import type { SelectContext } from "../../types/select"
-import { SELECT_KEY } from "../../types/select"
-import { COMPONENT_ERRORS } from "../../constants/errors"
+
+interface SelectContext {
+    model_value: Ref<string>
+    is_open: Ref<boolean>
+    disabled: ComputedRef<boolean>
+    size: ComputedRef<"sm" | "md" | "lg">
+    placeholder: ComputedRef<string>
+    trigger_ref: Ref<HTMLElement | null>
+    updateValue: (value: string) => void
+    open: () => void
+    close: () => void
+    toggle: () => void
+    setTriggerRef: (element: HTMLElement | null) => void
+}
+
+const SELECT_KEY: InjectionKey<SelectContext> = Symbol("select")
 
 const context = inject<SelectContext | null>(SELECT_KEY, null)
 
 if (!context) {
-    throw new Error(COMPONENT_ERRORS.PROVIDER_NOT_FOUND)
+    throw new Error("SelectContent must be used within Select")
 }
 
 const composable = useSelectContent()

package/dist/components/SelectItem.vue

@@ -15,19 +15,36 @@
 
 <script setup lang="ts">
 import { inject, toRef } from "vue"
+import type { Ref, ComputedRef, InjectionKey } from "vue"
 import { useSelectItem } from "../../composables/useSelect"
-import type { SelectContext, SelectItemProps } from "../../types/select"
-import { SELECT_KEY } from "../../types/select"
-import { COMPONENT_ERRORS } from "../../constants/errors"
 
-const props = withDefaults(defineProps<SelectItemProps>(), {
+interface SelectContext {
+    model_value: Ref<string>
+    is_open: Ref<boolean>
+    disabled: ComputedRef<boolean>
+    size: ComputedRef<"sm" | "md" | "lg">
+    placeholder: ComputedRef<string>
+    trigger_ref: Ref<HTMLElement | null>
+    updateValue: (value: string) => void
+    open: () => void
+    close: () => void
+    toggle: () => void
+    setTriggerRef: (element: HTMLElement | null) => void
+}
+
+const SELECT_KEY: InjectionKey<SelectContext> = Symbol("select")
+
+const props = withDefaults(defineProps<{
+    value: string
+    disabled?: boolean
+}>(), {
     disabled: false
 })
 
 const context = inject<SelectContext | null>(SELECT_KEY, null)
 
 if (!context) {
-    throw new Error(COMPONENT_ERRORS.PROVIDER_NOT_FOUND)
+    throw new Error("SelectItem must be used within Select")
 }
 
 const composable = useSelectItem(toRef(() => ({ value: props.value, disabled: props.disabled })))

package/dist/components/SelectTrigger.vue

@@ -14,16 +14,30 @@
 
 <script setup lang="ts">
 import { ref, inject, onMounted } from "vue"
+import type { Ref, ComputedRef, InjectionKey } from "vue"
 import { useSelectTrigger } from "../../composables/useSelect"
-import type { SelectContext } from "../../types/select"
-import { SELECT_KEY } from "../../types/select"
-import { COMPONENT_ERRORS } from "../../constants/errors"
+
+interface SelectContext {
+    model_value: Ref<string>
+    is_open: Ref<boolean>
+    disabled: ComputedRef<boolean>
+    size: ComputedRef<"sm" | "md" | "lg">
+    placeholder: ComputedRef<string>
+    trigger_ref: Ref<HTMLElement | null>
+    updateValue: (value: string) => void
+    open: () => void
+    close: () => void
+    toggle: () => void
+    setTriggerRef: (element: HTMLElement | null) => void
+}
+
+const SELECT_KEY: InjectionKey<SelectContext> = Symbol("select")
 
 const trigger_element = ref<HTMLElement | null>(null)
 const context = inject<SelectContext | null>(SELECT_KEY, null)
 
 if (!context) {
-    throw new Error(COMPONENT_ERRORS.PROVIDER_NOT_FOUND)
+    throw new Error("SelectTrigger must be used within Select")
 }
 
 const composable = useSelectTrigger()

package/dist/components/Switch.vue

@@ -15,9 +15,11 @@
 <script setup lang="ts">
 import { toRef } from "vue"
 import { useSwitch } from "../../composables/useSwitch"
-import type { SwitchProps } from "../../types/switch"
 
-const props = withDefaults(defineProps<SwitchProps>(), {
+const props = withDefaults(defineProps<{
+    size?: "sm" | "md" | "lg"
+    disabled?: boolean
+}>(), {
     size: "md",
     disabled: false
 })

package/dist/components/Textarea.vue

@@ -16,14 +16,20 @@
 <script setup lang="ts">
 import { toRef } from "vue"
 import { useTextarea } from "../../composables/useTextarea"
-import type { TextareaProps } from "../../types/textarea"
+import type { TextareaSize, TextareaResize } from "../../types/textarea"
 
-interface HeadlessTextareaProps extends TextareaProps {
+const props = withDefaults(defineProps<{
+    size?: TextareaSize
+    placeholder?: string
+    disabled?: boolean
+    readonly?: boolean
+    error?: string
+    error_id?: string
+    rows?: number
+    resize?: TextareaResize
     modelValue?: string
     id?: string
-}
-
-const props = withDefaults(defineProps<HeadlessTextareaProps>(), {
+}>(), {
     size: "md",
     disabled: false,
     readonly: false,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@soave/ui",
-    "version": "0.3.0",
+    "version": "0.3.2",
     "description": "soave UI - Composable-First UI Framework for Vue 3 / Nuxt 4",
     "author": "Arata Ouchi (Original SIN Architecture)",
     "license": "MIT",