@sakoa/ui 0.1.0

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@sakoa/ui",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/saka-ui.umd.cjs",
+  "module": "./dist/saka-ui.js",
+  "types": "./dist/index.d.ts",
+  "author": "sakoa",
+  "bin": {
+    "saka-ui": "dist/cli/index.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/saka-ui.js",
+      "require": "./dist/saka-ui.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "registry"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build && tsx scripts/build-registry.ts",
+    "build:lib": "vite build",
+    "build:lib:bundle": "vite build --mode ci-bundle",
+    "build:pages": "vite build --mode pages",
+    "build:registry": "tsx scripts/build-registry.ts",
+    "build:cli": "tsup",
+    "build:all": "vite build && tsx scripts/build-registry.ts && tsup",
+    "preview": "vite preview",
+    "test:smoke": "node dist/cli/index.js --version && node dist/cli/index.js list --help",
+    "prepublishOnly": "npm run build:all"
+  },
+  "dependencies": {
+    "@mdi/font": "^7.4.47",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "highlight.js": "^11.11.1",
+    "tailwind-merge": "^3.5.0",
+    "vue": "^3.5.29",
+    "vue-router": "^4.6.4"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/diff": "^8.0.0",
+    "@types/prompts": "^2.4.9",
+    "@vicons/ionicons5": "^0.13.0",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "commander": "^14.0.3",
+    "diff": "^8.0.3",
+    "fast-glob": "^3.3.3",
+    "prompts": "^2.4.2",
+    "tailwindcss": "^4.2.1",
+    "tsup": "^8.5.1",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vue-tsc": "1.8.27"
+  }
+}

package/registry/components/accordion.json

@@ -0,0 +1,19 @@
+{
+  "name": "accordion",
+  "displayName": "SAccordion",
+  "description": "Accordion with collapsible items, multiple/single mode, and customizable styling",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/accordion/index.ts",
+    "components/ui/accordion/SAccordion.vue",
+    "components/ui/accordion/SAccordionItem.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/alert.json

@@ -0,0 +1,17 @@
+{
+  "name": "alert",
+  "displayName": "SAlert",
+  "description": "Alert notification with success, warning, error, info variants, auto-dismiss, progress bar, and positioning",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SAlert.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/avatar.json

@@ -0,0 +1,18 @@
+{
+  "name": "avatar",
+  "displayName": "SAvatar",
+  "description": "Avatar with image, fallback, and group layout support",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/avatar/index.ts",
+    "components/ui/avatar/SAvatar.vue",
+    "components/ui/avatar/SAvatarFallback.vue",
+    "components/ui/avatar/SAvatarGroup.vue",
+    "components/ui/avatar/SAvatarImage.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/registry/components/badge.json

@@ -0,0 +1,14 @@
+{
+  "name": "badge",
+  "displayName": "SBadge",
+  "description": "Badge indicator with filled, outlined, and light variants, dot mode, pulse animation, and positioning",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SBadge.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/registry/components/breadcrumb.json

@@ -0,0 +1,24 @@
+{
+  "name": "breadcrumb",
+  "displayName": "SBreadcrumb",
+  "description": "Composable breadcrumb navigation with list, item, link, page, separator, and ellipsis subcomponents.",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/breadcrumb/index.ts",
+    "components/ui/breadcrumb/SBreadcrumb.vue",
+    "components/ui/breadcrumb/SBreadcrumbList.vue",
+    "components/ui/breadcrumb/SBreadcrumbItem.vue",
+    "components/ui/breadcrumb/SBreadcrumbLink.vue",
+    "components/ui/breadcrumb/SBreadcrumbPage.vue",
+    "components/ui/breadcrumb/SBreadcrumbSeparator.vue",
+    "components/ui/breadcrumb/SBreadcrumbEllipsis.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/button.json

@@ -0,0 +1,17 @@
+{
+  "name": "button",
+  "displayName": "SButton",
+  "description": "Button with variants, sizes, icons, ripple effect, and loading state",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SButton.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/card.json

@@ -0,0 +1,23 @@
+{
+  "name": "card",
+  "displayName": "SCard",
+  "description": "Card container with elevated, outlined, filled, ghost, and glass variants. Includes header, content, footer, media, and actions subcomponents.",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/card/index.ts",
+    "components/ui/card/SCard.vue",
+    "components/ui/card/SCardHeader.vue",
+    "components/ui/card/SCardContent.vue",
+    "components/ui/card/SCardFooter.vue",
+    "components/ui/card/SCardMedia.vue",
+    "components/ui/card/SCardActions.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/carousel.json

@@ -0,0 +1,19 @@
+{
+  "name": "carousel",
+  "displayName": "SCarousel",
+  "description": "Carousel/slider with slides, navigation, auto-play, and touch/swipe support",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/carousel/index.ts",
+    "components/ui/carousel/SCarousel.vue",
+    "components/ui/carousel/SCarouselSlide.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/checkbox.json

@@ -0,0 +1,17 @@
+{
+  "name": "checkbox",
+  "displayName": "SCheckbox",
+  "description": "Checkbox with sizes, colors, indeterminate state, loading, and validation",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SCheckbox.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/chip.json

@@ -0,0 +1,17 @@
+{
+  "name": "chip",
+  "displayName": "SChip",
+  "description": "Chip/tag with filled, outlined, and light variants, closable, and disabled states",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SChip.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/color-picker.json

@@ -0,0 +1,24 @@
+{
+  "name": "color-picker",
+  "displayName": "SColorPicker",
+  "description": "Color picker with palette, spectrum, input modes, and opacity support",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/color-picker/index.ts",
+    "components/ui/color-picker/SColorPicker.vue",
+    "components/ui/color-picker/SColorPickerAlphaSlider.vue",
+    "components/ui/color-picker/SColorPickerCopy.vue",
+    "components/ui/color-picker/SColorPickerEyeDropper.vue",
+    "components/ui/color-picker/SColorPickerHueSlider.vue",
+    "components/ui/color-picker/SColorPickerInputs.vue",
+    "components/ui/color-picker/SColorPickerPresets.vue",
+    "components/ui/color-picker/SColorPickerPreview.vue",
+    "components/ui/color-picker/SColorPickerRecent.vue",
+    "components/ui/color-picker/SColorPickerSpectrum.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/registry/components/date-picker.json

@@ -0,0 +1,17 @@
+{
+  "name": "date-picker",
+  "displayName": "SDatePicker",
+  "description": "Date picker with calendar, range selection, time picker, and locale support",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SDatePicker.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/drawer.json

@@ -0,0 +1,26 @@
+{
+  "name": "drawer",
+  "displayName": "SDrawer",
+  "description": "Slide-in drawer panel with trigger, content, header, footer, handle, and close button",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/drawer/index.ts",
+    "components/ui/drawer/SDrawer.vue",
+    "components/ui/drawer/SDrawerClose.vue",
+    "components/ui/drawer/SDrawerContent.vue",
+    "components/ui/drawer/SDrawerDescription.vue",
+    "components/ui/drawer/SDrawerFooter.vue",
+    "components/ui/drawer/SDrawerHandle.vue",
+    "components/ui/drawer/SDrawerHeader.vue",
+    "components/ui/drawer/SDrawerTitle.vue",
+    "components/ui/drawer/SDrawerTrigger.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/dropdown.json

@@ -0,0 +1,21 @@
+{
+  "name": "dropdown",
+  "displayName": "SDropdown",
+  "description": "Dropdown menu with items, groups, dividers, and keyboard navigation",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/dropdown/index.ts",
+    "components/ui/dropdown/SDropdown.vue",
+    "components/ui/dropdown/SDropdownDivider.vue",
+    "components/ui/dropdown/SDropdownGroup.vue",
+    "components/ui/dropdown/SDropdownItem.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/form.json

@@ -0,0 +1,16 @@
+{
+  "name": "form",
+  "displayName": "SForm",
+  "description": "Form container with field validation, error display, and form state management",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/form/index.ts",
+    "components/ui/form/SForm.vue",
+    "components/ui/form/SFormField.vue"
+  ],
+  "dependencies": [],
+  "composables": ["useForm"],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/registry/components/glass-button.json

@@ -0,0 +1,17 @@
+{
+  "name": "glass-button",
+  "displayName": "SGlassButton",
+  "description": "Glassmorphism-styled button with theme integration, variants, sizes, and icons",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SGlassButton.vue"
+  ],
+  "dependencies": [],
+  "composables": ["useTheme"],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/icon.json

@@ -0,0 +1,17 @@
+{
+  "name": "icon",
+  "displayName": "SIcon",
+  "description": "Icon wrapper supporting MDI icon classes, custom SVG components, and sizing",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SIcon.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/input.json

@@ -0,0 +1,17 @@
+{
+  "name": "input",
+  "displayName": "SInput",
+  "description": "Text input with variants, floating labels, validation, suggestions, and character filtering",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SInput.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/kbd.json

@@ -0,0 +1,16 @@
+{
+  "name": "kbd",
+  "displayName": "SKbd",
+  "description": "Inline keyboard key indicator with raised 3D, outlined, flat, and ghost variants",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SKbd.vue",
+    "components/ui/SKbdShortcut.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {}
+}

package/registry/components/modal.json

@@ -0,0 +1,32 @@
+{
+  "name": "modal",
+  "displayName": "SModal",
+  "description": "Modal dialog with trigger, content, header, footer, close button, and morphing variant",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/modal/index.ts",
+    "components/ui/modal/SModal.vue",
+    "components/ui/modal/SModalClose.vue",
+    "components/ui/modal/SModalContent.vue",
+    "components/ui/modal/SModalDescription.vue",
+    "components/ui/modal/SModalFooter.vue",
+    "components/ui/modal/SModalHeader.vue",
+    "components/ui/modal/SModalTitle.vue",
+    "components/ui/modal/SModalTrigger.vue",
+    "components/ui/modal/SMorphingModal.vue",
+    "components/ui/modal/SMorphingModalClose.vue",
+    "components/ui/modal/SMorphingModalDescription.vue",
+    "components/ui/modal/SMorphingModalImage.vue",
+    "components/ui/modal/SMorphingModalSubtitle.vue",
+    "components/ui/modal/SMorphingModalTitle.vue",
+    "components/ui/modal/SMorphingModalTrigger.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/option.json

@@ -0,0 +1,16 @@
+{
+  "name": "option",
+  "displayName": "SOption",
+  "description": "Option and option group for use within SSelect",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/option/index.ts",
+    "components/ui/option/SOption.vue",
+    "components/ui/option/SOptionGroup.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/registry/components/otp.json

@@ -0,0 +1,23 @@
+{
+  "name": "otp",
+  "displayName": "SOTP",
+  "description": "Composable OTP input with headless root, visual slots, groups, and separators. Supports 5 animation systems, text morphing, masked input, countdown/resend.",
+  "version": "0.2.0",
+  "files": [
+    "components/ui/otp/index.ts",
+    "components/ui/otp/SOTP.vue",
+    "components/ui/otp/SOTPSlot.vue",
+    "components/ui/otp/SOTPGroup.vue",
+    "components/ui/otp/SOTPSeparator.vue",
+    "components/ui/otp/useOTPContext.ts",
+    "components/ui/otp/types.ts"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/pagination.json

@@ -0,0 +1,18 @@
+{
+  "name": "pagination",
+  "displayName": "SPagination",
+  "description": "Pagination with page buttons, navigation, per-page selector, and jump-to-page",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/pagination/index.ts",
+    "components/ui/pagination/SPagination.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/progress.json

@@ -0,0 +1,16 @@
+{
+  "name": "progress",
+  "displayName": "SProgress",
+  "description": "Progress bar and range slider with linear, circular, and gradient variants",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/progress/index.ts",
+    "components/ui/progress/SProgress.vue",
+    "components/ui/progress/SProgressRange.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/registry/components/radio.json

@@ -0,0 +1,19 @@
+{
+  "name": "radio",
+  "displayName": "SRadio",
+  "description": "Radio button with radio group, sizes, colors, and label positioning",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/radio/index.ts",
+    "components/ui/radio/SRadio.vue",
+    "components/ui/radio/SRadioGroup.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/select.json

@@ -0,0 +1,17 @@
+{
+  "name": "select",
+  "displayName": "SSelect",
+  "description": "Select dropdown with search, multi-select, groups, virtual scrolling, and validation",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SSelect.vue"
+  ],
+  "dependencies": ["option"],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/skeleton.json

@@ -0,0 +1,14 @@
+{
+  "name": "skeleton",
+  "displayName": "SSkeleton",
+  "description": "Placeholder loading indicator with wave shimmer and pulse animations",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SSkeleton.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/registry/components/switch.json

@@ -0,0 +1,17 @@
+{
+  "name": "switch",
+  "displayName": "SSwitch",
+  "description": "Toggle switch with inset/outset types, sizes, colors, icons, and label text",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/SSwitch.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}

package/registry/components/table.json

@@ -0,0 +1,26 @@
+{
+  "name": "table",
+  "displayName": "SDataTable",
+  "description": "Data table with sorting, filtering, pagination, selection, expandable rows, and skeleton loading",
+  "version": "0.1.0",
+  "files": [
+    "components/ui/table/index.ts",
+    "components/ui/table/useDataTable.ts",
+    "components/ui/table/SDataTable.vue",
+    "components/ui/table/STableBody.vue",
+    "components/ui/table/STableCell.vue",
+    "components/ui/table/STableColumn.vue",
+    "components/ui/table/STableEmpty.vue",
+    "components/ui/table/STableHeader.vue",
+    "components/ui/table/STableRow.vue",
+    "components/ui/table/STableSkeleton.vue"
+  ],
+  "dependencies": [],
+  "composables": [],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.0.0"
+  }
+}