@oxcide-ui/schema 0.0.3

package/src/components/radiobutton.ts

@@ -0,0 +1,67 @@
+import { z } from 'zod'
+
+export const radioButtonPropsSchema = z.object({
+  /** V-model selected value */
+  modelValue: z.any().optional(),
+  /** Value representing this specific radio button */
+  value: z.any().optional(),
+  /** Disabled state */
+  disabled: z.boolean().default(false),
+  /** Invalid / Error state */
+  invalid: z.boolean().default(false),
+  /** Readonly state */
+  readonly: z.boolean().default(false),
+  /** Size */
+  size: z.enum(['sm', 'md', 'lg']).default('md'),
+  /** Severity */
+  severity: z
+    .enum(['primary', 'secondary', 'success', 'info', 'warning', 'danger', 'help', 'contrast'])
+    .default('primary'),
+  /** Variant */
+  variant: z.enum(['filled', 'outlined']).default('filled'),
+  /** Label for accessibility and grouping */
+  label: z.string().optional(),
+  /** Position of the label */
+  labelPosition: z.enum(['left', 'right']).default('right'),
+  /** Group name for radios */
+  name: z.string().optional(),
+  /** Native id attribute */
+  id: z.string().optional()
+})
+
+/* @oxcide-sync:source
+export type RadioButtonProps = z.input<typeof radioButtonPropsSchema>
+export type RadioButtonResolvedProps = z.infer<typeof radioButtonPropsSchema>
+@oxcide-sync:end */
+export interface RadioButtonProps {
+  modelValue?: any
+  value?: any
+  disabled?: boolean | undefined
+  invalid?: boolean | undefined
+  readonly?: boolean | undefined
+  size?: 'sm' | 'md' | 'lg' | undefined
+  severity?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'help' | 'contrast' | undefined
+  variant?: 'filled' | 'outlined' | undefined
+  label?: string | undefined
+  labelPosition?: 'left' | 'right' | undefined
+  name?: string | undefined
+  id?: string | undefined
+}
+export type RadioButtonResolvedProps = {
+  disabled: boolean
+  invalid: boolean
+  readonly: boolean
+  size: 'sm' | 'md' | 'lg'
+  severity: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'help' | 'contrast'
+  variant: 'filled' | 'outlined'
+  labelPosition: 'left' | 'right'
+  modelValue?: any
+  value?: any
+  label?: string | undefined
+  name?: string | undefined
+  id?: string | undefined
+}
+
+export function getRadioButtonDefaults(props: RadioButtonProps = {}): RadioButtonResolvedProps {
+  return radioButtonPropsSchema.parse(props)
+}

package/src/components/stack.ts

@@ -0,0 +1,38 @@
+import { z } from 'zod'
+
+export const stackPropsSchema = z.object({
+  as: z.string().default('div'),
+  direction: z.enum(['row', 'column', 'row-reverse', 'column-reverse']).default('column'),
+  gap: z.enum(['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl']).default('md'),
+  align: z.enum(['start', 'center', 'end', 'stretch', 'baseline']).default('stretch'),
+  justify: z.enum(['start', 'center', 'end', 'between', 'around', 'evenly']).default('start'),
+  wrap: z.enum(['nowrap', 'wrap', 'wrap-reverse']).default('nowrap'),
+  fluid: z.boolean().default(false)
+})
+
+export function getStackDefaults(props: StackProps = {}): StackResolvedProps {
+  return stackPropsSchema.parse(props)
+}
+
+/* @oxcide-sync:source
+export type StackProps = z.input<typeof stackPropsSchema>
+export type StackResolvedProps = z.infer<typeof stackPropsSchema>
+@oxcide-sync:end */
+export interface StackProps {
+  as?: string | undefined
+  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse' | undefined
+  gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | undefined
+  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline' | undefined
+  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | undefined
+  wrap?: 'nowrap' | 'wrap' | 'wrap-reverse' | undefined
+  fluid?: boolean | undefined
+}
+export type StackResolvedProps = {
+  as: string
+  direction: 'row' | 'column' | 'row-reverse' | 'column-reverse'
+  gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
+  align: 'start' | 'center' | 'end' | 'stretch' | 'baseline'
+  justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'
+  wrap: 'nowrap' | 'wrap' | 'wrap-reverse'
+  fluid: boolean
+}