├── .node-version ├── .npmrc ├── src ├── lib │ ├── components │ │ ├── dialogs │ │ │ ├── dialog-12.todo.svelte │ │ │ ├── dialog-16.todo.svelte │ │ │ └── dialog-17.todo.svelte │ │ ├── inputs │ │ │ ├── input-48.todo.svelte │ │ │ ├── input-49.todo.svelte │ │ │ ├── input-50.todo.svelte │ │ │ ├── input-51.todo.svelte │ │ │ ├── input-58.todo.svelte │ │ │ ├── input-59.todo.svelte │ │ │ ├── input-01.svelte │ │ │ ├── input-08.svelte │ │ │ ├── input-30.svelte │ │ │ ├── input-05.svelte │ │ │ ├── input-02.svelte │ │ │ ├── input-07.svelte │ │ │ ├── input-53.svelte │ │ │ ├── input-03.svelte │ │ │ ├── input-31.svelte │ │ │ ├── input-04.svelte │ │ │ ├── input-06.svelte │ │ │ ├── input-12.svelte │ │ │ ├── input-11.svelte │ │ │ ├── input-37.svelte │ │ │ ├── input-14.svelte │ │ │ ├── input-15.svelte │ │ │ ├── input-10.svelte │ │ │ ├── input-09.svelte │ │ │ ├── input-40.svelte │ │ │ ├── input-25.svelte │ │ │ └── input-13.svelte │ │ ├── selects │ │ │ ├── select-46.todo.svelte │ │ │ ├── select-47.todo.svelte │ │ │ ├── select-49.todo.svelte │ │ │ ├── select-50.todo.svelte │ │ │ ├── select-51.todo.svelte │ │ │ ├── select-01.svelte │ │ │ ├── select-08.svelte │ │ │ ├── select-02.svelte │ │ │ ├── select-10.svelte │ │ │ ├── select-09.svelte │ │ │ ├── select-07.svelte │ │ │ ├── select-04.svelte │ │ │ ├── select-05.svelte │ │ │ ├── select-11.svelte │ │ │ ├── select-13.svelte │ │ │ ├── select-48.svelte │ │ │ └── select-06.svelte │ │ ├── notifications │ │ │ ├── notification-19.todo.svelte │ │ │ ├── notification-20.todo.svelte │ │ │ ├── notification-21.svelte │ │ │ └── notification-23.svelte │ │ ├── badges │ │ │ ├── badge-01.svelte │ │ │ ├── badge-02.svelte │ │ │ ├── badge-04.svelte │ │ │ ├── badge-06.svelte │ │ │ ├── badge-09.svelte │ │ │ ├── badge-08.svelte │ │ │ ├── badge-05.svelte │ │ │ ├── badge-10.svelte │ │ │ ├── badge-03.svelte │ │ │ ├── badge-07.svelte │ │ │ ├── badge-12.svelte │ │ │ └── badge-13.svelte │ │ ├── buttons │ │ │ ├── button-01.svelte │ │ │ ├── button-02.svelte │ │ │ ├── button-03.svelte │ │ │ ├── button-12.svelte │ │ │ ├── button-04.svelte │ │ │ ├── button-06.svelte │ │ │ ├── button-11.svelte │ │ │ ├── button-05.svelte │ │ │ ├── button-07.svelte │ │ │ ├── button-13.svelte │ │ │ ├── button-20.svelte │ │ │ ├── button-47.svelte │ │ │ ├── button-19.svelte │ │ │ ├── button-15.svelte │ │ │ ├── button-09.svelte │ │ │ ├── button-08.svelte │ │ │ ├── button-32.svelte │ │ │ ├── button-41.svelte │ │ │ ├── button-17.svelte │ │ │ ├── button-38.svelte │ │ │ ├── button-39.svelte │ │ │ ├── button-33.svelte │ │ │ ├── button-16.svelte │ │ │ ├── button-18.svelte │ │ │ ├── button-10.svelte │ │ │ ├── button-40.svelte │ │ │ ├── button-51.svelte │ │ │ ├── button-21.svelte │ │ │ ├── button-34.svelte │ │ │ ├── button-22.svelte │ │ │ ├── button-35.svelte │ │ │ ├── button-36.svelte │ │ │ └── button-46.svelte │ │ ├── ui │ │ │ ├── radio-group │ │ │ │ ├── index.ts │ │ │ │ └── radio-group.svelte │ │ │ ├── toggle-group │ │ │ │ └── index.ts │ │ │ ├── scroll-area │ │ │ │ └── index.ts │ │ │ ├── data-table │ │ │ │ └── index.ts │ │ │ ├── avatar │ │ │ │ ├── index.ts │ │ │ │ ├── avatar-image.svelte │ │ │ │ ├── avatar.svelte │ │ │ │ └── avatar-fallback.svelte │ │ │ ├── tooltip │ │ │ │ └── index.ts │ │ │ ├── pagination │ │ │ │ ├── pagination-item.svelte │ │ │ │ ├── pagination-content.svelte │ │ │ │ ├── pagination.svelte │ │ │ │ ├── pagination-next-button.svelte │ │ │ │ ├── pagination-prev-button.svelte │ │ │ │ └── pagination-ellipsis.svelte │ │ │ ├── command │ │ │ │ ├── command-empty.svelte │ │ │ │ ├── command-separator.svelte │ │ │ │ ├── command-list.svelte │ │ │ │ ├── command.svelte │ │ │ │ ├── command-link-item.svelte │ │ │ │ ├── command-item.svelte │ │ │ │ └── command-shortcut.svelte │ │ │ ├── datefield-rac │ │ │ │ ├── time-field.svelte │ │ │ │ └── date-field.svelte │ │ │ ├── label.svelte │ │ │ ├── dialog │ │ │ │ ├── dialog-title.svelte │ │ │ │ ├── dialog-description.svelte │ │ │ │ ├── dialog-header.svelte │ │ │ │ ├── dialog-footer.svelte │ │ │ │ └── dialog-overlay.svelte │ │ │ ├── tabs │ │ │ │ ├── index.ts │ │ │ │ ├── tabs-root.svelte │ │ │ │ ├── tabs-content.svelte │ │ │ │ └── tabs-list.svelte │ │ │ ├── hover-card │ │ │ │ └── index.ts │ │ │ ├── select │ │ │ │ ├── select-separator.svelte │ │ │ │ ├── select-group-heading.svelte │ │ │ │ ├── select-scroll-up-button.svelte │ │ │ │ └── select-scroll-down-button.svelte │ │ │ ├── accordion │ │ │ │ ├── accordion-item.svelte │ │ │ │ ├── index.ts │ │ │ │ └── accordion-content.svelte │ │ │ ├── alert-dialog │ │ │ │ ├── alert-dialog-title.svelte │ │ │ │ ├── alert-dialog-description.svelte │ │ │ │ ├── alert-dialog-action.svelte │ │ │ │ ├── alert-dialog-header.svelte │ │ │ │ ├── alert-dialog-footer.svelte │ │ │ │ ├── alert-dialog-cancel.svelte │ │ │ │ └── alert-dialog-overlay.svelte │ │ │ ├── collapsible │ │ │ │ └── index.ts │ │ │ ├── breadcrumb │ │ │ │ ├── breadcrumb.svelte │ │ │ │ ├── breadcrumb-item.svelte │ │ │ │ ├── breadcrumb-page.svelte │ │ │ │ ├── breadcrumb-list.svelte │ │ │ │ ├── breadcrumb-separator.svelte │ │ │ │ ├── breadcrumb-ellipsis.svelte │ │ │ │ └── index.ts │ │ │ ├── dropdowns │ │ │ │ ├── dropdown-menu-separator.svelte │ │ │ │ ├── dropdown-menu-label.svelte │ │ │ │ ├── dropdown-menu-shortcut.svelte │ │ │ │ └── dropdown-menu-item.svelte │ │ │ ├── navigation-menu │ │ │ │ ├── navigation-menu-item.svelte │ │ │ │ └── navigation-menu-list.svelte │ │ │ ├── table │ │ │ │ ├── table-header.svelte │ │ │ │ ├── table-body.svelte │ │ │ │ ├── table-caption.svelte │ │ │ │ ├── table-cell.svelte │ │ │ │ ├── table.svelte │ │ │ │ ├── table-footer.svelte │ │ │ │ ├── table-row.svelte │ │ │ │ ├── table-head.svelte │ │ │ │ └── index.ts │ │ │ ├── popover │ │ │ │ └── index.ts │ │ │ └── timeline │ │ │ │ ├── timeline-context.svelte.ts │ │ │ │ ├── timeline-header.svelte │ │ │ │ ├── timeline-title.svelte │ │ │ │ └── timeline-content.svelte │ │ ├── avatars │ │ │ ├── avatar-02.svelte │ │ │ ├── avatar-01.svelte │ │ │ ├── avatar-04.svelte │ │ │ ├── avatar-03.svelte │ │ │ ├── avatar-05.svelte │ │ │ ├── avatar-09.svelte │ │ │ ├── avatar-10.svelte │ │ │ ├── avatar-06.svelte │ │ │ └── avatar-07.svelte │ │ ├── sliders │ │ │ ├── slider-01.svelte │ │ │ ├── slider-02.svelte │ │ │ ├── slider-11.svelte │ │ │ ├── slider-22.svelte │ │ │ ├── slider-03.svelte │ │ │ ├── slider-04.svelte │ │ │ ├── slider-14.svelte │ │ │ ├── slider-24.svelte │ │ │ ├── slider-08.svelte │ │ │ ├── slider-05.svelte │ │ │ ├── slider-12.svelte │ │ │ ├── slider-09.svelte │ │ │ ├── slider-06.svelte │ │ │ ├── slider-10.svelte │ │ │ ├── slider-18.svelte │ │ │ ├── slider-21.svelte │ │ │ └── slider-17.svelte │ │ ├── alerts │ │ │ ├── alert-07.svelte │ │ │ ├── alert-08.svelte │ │ │ ├── alert-03.svelte │ │ │ ├── alert-04.svelte │ │ │ ├── alert-02.svelte │ │ │ ├── alert-05.svelte │ │ │ ├── alert-01.svelte │ │ │ ├── alert-06.svelte │ │ │ ├── alert-12.svelte │ │ │ ├── alert-11.svelte │ │ │ ├── alert-09.svelte │ │ │ └── alert-10.svelte │ │ ├── checkboxes │ │ │ ├── checkbox-01.svelte │ │ │ ├── checkbox-04.svelte │ │ │ ├── checkbox-09.svelte │ │ │ ├── checkbox-05.svelte │ │ │ ├── checkbox-02.svelte │ │ │ ├── checkbox-03.svelte │ │ │ ├── checkbox-07.svelte │ │ │ ├── checkbox-08.svelte │ │ │ ├── checkbox-10.svelte │ │ │ └── checkbox-12.svelte │ │ ├── switches │ │ │ ├── switch-01.svelte │ │ │ ├── switch-04.svelte │ │ │ ├── switch-05.svelte │ │ │ ├── switch-06.svelte │ │ │ ├── switch-03.svelte │ │ │ ├── switch-08.svelte │ │ │ ├── switch-02.svelte │ │ │ ├── switch-07.svelte │ │ │ └── switch-10.svelte │ │ ├── textareas │ │ │ ├── textarea-01.svelte │ │ │ ├── textarea-09.svelte │ │ │ ├── textarea-17.svelte │ │ │ ├── textarea-08.svelte │ │ │ ├── textarea-05.svelte │ │ │ ├── textarea-02.svelte │ │ │ ├── textarea-07.svelte │ │ │ ├── textarea-19.svelte │ │ │ ├── textarea-04.svelte │ │ │ ├── textarea-10.svelte │ │ │ ├── textarea-18.svelte │ │ │ ├── textarea-12.svelte │ │ │ ├── textarea-03.svelte │ │ │ ├── textarea-11.svelte │ │ │ ├── textarea-13.svelte │ │ │ ├── textarea-06.svelte │ │ │ └── textarea-15.svelte │ │ ├── banners │ │ │ ├── banner-11.svelte │ │ │ ├── banner-03.svelte │ │ │ ├── banner-02.svelte │ │ │ └── banner-01.svelte │ │ ├── _extras │ │ │ └── navbars │ │ │ │ ├── logo.svelte │ │ │ │ └── index.ts │ │ ├── tooltips │ │ │ ├── tooltip-01.svelte │ │ │ ├── tooltip-02.svelte │ │ │ └── tooltip-03.svelte │ │ ├── radios │ │ │ ├── radio-01.svelte │ │ │ ├── radio-03.svelte │ │ │ └── radio-02.svelte │ │ └── tabs │ │ │ └── tab-01.svelte │ ├── index.ts │ ├── data │ │ └── api │ │ │ ├── llms.route.ts │ │ │ ├── data │ │ │ ├── users.routes.ts │ │ │ └── users.ts │ │ │ ├── components │ │ │ ├── components.route.ts │ │ │ └── _meta │ │ │ │ ├── _meta.route.ts │ │ │ │ ├── _meta.query.ts │ │ │ │ └── _meta.handler.ts │ │ │ └── helpers │ │ │ ├── types.ts │ │ │ └── RequestClient.ts │ ├── types │ │ └── helpers.ts │ ├── assets │ │ ├── avatar.jpg │ │ ├── ui-dark.png │ │ ├── ui-light.png │ │ ├── profile-bg.jpg │ │ ├── ui-system.png │ │ ├── avatar-20-01.jpg │ │ ├── avatar-20-02.jpg │ │ ├── avatar-20-03.jpg │ │ ├── avatar-20-04.jpg │ │ ├── avatar-20-05.jpg │ │ ├── avatar-20-06.jpg │ │ ├── avatar-32-01.jpg │ │ ├── avatar-40-01.jpg │ │ ├── avatar-40-02.jpg │ │ ├── avatar-40-03.jpg │ │ ├── avatar-40-04.jpg │ │ ├── avatar-40-05.jpg │ │ ├── avatar-72-01.jpg │ │ ├── avatar-80-01.jpg │ │ ├── avatar-80-02.jpg │ │ ├── avatar-80-03.jpg │ │ ├── avatar-80-04.jpg │ │ ├── avatar-80-05.jpg │ │ ├── avatar-80-06.jpg │ │ ├── avatar-80-07.jpg │ │ ├── avatar-80-08.jpg │ │ ├── thumbs │ │ │ ├── alerts.png │ │ │ ├── badges.png │ │ │ ├── inputs.png │ │ │ ├── radios.png │ │ │ ├── tables.png │ │ │ ├── tabs.png │ │ │ ├── avatars.png │ │ │ ├── banners.png │ │ │ ├── buttons.png │ │ │ ├── dialogs.png │ │ │ ├── navbars.png │ │ │ ├── popovers.png │ │ │ ├── selects.png │ │ │ ├── sliders.png │ │ │ ├── switches.png │ │ │ ├── tooltips.png │ │ │ ├── accordions.png │ │ │ ├── alerts-dark.png │ │ │ ├── badges-dark.png │ │ │ ├── breadcrumbs.png │ │ │ ├── checkboxes.png │ │ │ ├── dropdowns.png │ │ │ ├── inputs-dark.png │ │ │ ├── paginations.png │ │ │ ├── radios-dark.png │ │ │ ├── tables-dark.png │ │ │ ├── tabs-dark.png │ │ │ ├── textareas.png │ │ │ ├── timelines.png │ │ │ ├── avatars-dark.png │ │ │ ├── banners-dark.png │ │ │ ├── buttons-dark.png │ │ │ ├── dialogs-dark.png │ │ │ ├── navbars-dark.png │ │ │ ├── notifications.png │ │ │ ├── popovers-dark.png │ │ │ ├── selects-dark.png │ │ │ ├── sliders-dark.png │ │ │ ├── switches-dark.png │ │ │ ├── tooltips-dark.png │ │ │ ├── accordions-dark.png │ │ │ ├── breadcrumbs-dark.png │ │ │ ├── checkboxes-dark.png │ │ │ ├── dropdowns-dark.png │ │ │ ├── paginations-dark.png │ │ │ ├── textareas-dark.png │ │ │ ├── timelines-dark.png │ │ │ └── notifications-dark.png │ │ └── dialog-content.png │ ├── config.ts │ ├── utils.ts │ ├── demo │ │ ├── component-preview │ │ │ ├── index.ts │ │ │ └── component-dialog-context-provider.svelte │ │ ├── page-grid.svelte │ │ ├── ui │ │ │ ├── sheet │ │ │ │ ├── sheet-title.svelte │ │ │ │ ├── sheet-description.svelte │ │ │ │ ├── sheet-header.svelte │ │ │ │ ├── sheet-footer.svelte │ │ │ │ └── sheet-overlay.svelte │ │ │ ├── dialog │ │ │ │ ├── dialog-title.svelte │ │ │ │ ├── dialog-description.svelte │ │ │ │ ├── dialog-header.svelte │ │ │ │ ├── dialog-footer.svelte │ │ │ │ └── dialog-overlay.svelte │ │ │ └── drawer │ │ │ │ ├── drawer-overlay.svelte │ │ │ │ ├── drawer-description.svelte │ │ │ │ ├── drawer-title.svelte │ │ │ │ ├── drawer.svelte │ │ │ │ ├── drawer-header.svelte │ │ │ │ ├── drawer-footer.svelte │ │ │ │ ├── drawer-close.svelte │ │ │ │ └── drawer-trigger.svelte │ │ └── page-header.svelte │ ├── hooks │ │ └── use-character-limit.svelte.ts │ └── actions │ │ └── clickOutside.ts ├── routes │ ├── +layout.ts │ ├── (components) │ │ ├── [directory=componentDirectory] │ │ │ └── [id=componentId] │ │ │ │ ├── +layout.ts │ │ │ │ ├── +page.server.ts │ │ │ │ └── +page.svelte │ │ └── +layout.svelte │ ├── (api) │ │ └── api │ │ │ └── v1 │ │ │ ├── data │ │ │ └── users │ │ │ │ └── +server.ts │ │ │ └── components │ │ │ ├── _meta.json │ │ │ └── +server.ts │ │ │ └── [directory=componentDirectory].json │ │ │ └── +server.ts │ ├── +page.server.ts │ ├── +error.svelte │ └── (llms.txt) │ │ └── llms │ │ └── [directory=componentDirectory].txt │ │ └── +server.ts ├── params │ ├── componentDirectory.ts │ └── componentId.ts └── app.d.ts ├── .prettierignore ├── static ├── avatar.jpg ├── favicon.ico ├── og-image.jpg ├── profile-bg.jpg ├── avatar-72-01.jpg ├── avatar-80-07.jpg ├── favicon-48x48.png ├── twitter-image.jpg ├── apple-touch-icon.png ├── dialog-content.png ├── fonts │ └── Inter-Regular.ttf ├── web-app-manifest-192x192.png ├── web-app-manifest-512x512.png ├── apple-touch-icon-precomposed.png ├── site.webmanifest └── favicon.svg ├── .gitignore ├── .prettierrc ├── .github ├── ISSUE_TEMPLATE │ ├── config.yml │ ├── feature_request.yml │ └── component_request.yml └── PULL_REQUEST_TEMPLATE.md ├── vite.config.ts ├── vitest-setup-client.ts ├── tsconfig.json └── vitest.config.ts /.node-version: -------------------------------------------------------------------------------- 1 | 20.10.0 -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | engine-strict=true 2 | -------------------------------------------------------------------------------- /src/lib/components/dialogs/dialog-12.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/dialogs/dialog-16.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/dialogs/dialog-17.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-48.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-49.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-50.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-51.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-58.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-59.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/selects/select-46.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/selects/select-47.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/selects/select-49.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/selects/select-50.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/selects/select-51.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/routes/+layout.ts: -------------------------------------------------------------------------------- 1 | export const prerender = true; 2 | -------------------------------------------------------------------------------- /src/lib/components/notifications/notification-19.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/components/notifications/notification-20.todo.svelte: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/lib/index.ts: -------------------------------------------------------------------------------- 1 | // Reexport your entry components here 2 | -------------------------------------------------------------------------------- /src/lib/data/api/llms.route.ts: -------------------------------------------------------------------------------- 1 | export const API_LLMS_ROUTE = '/llms.txt' as const; 2 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # Package Managers 2 | package-lock.json 3 | pnpm-lock.yaml 4 | yarn.lock 5 | -------------------------------------------------------------------------------- /static/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/avatar.jpg -------------------------------------------------------------------------------- /src/lib/types/helpers.ts: -------------------------------------------------------------------------------- 1 | export type Prettify = { 2 | [K in keyof T]: T[K]; 3 | } & {}; 4 | -------------------------------------------------------------------------------- /static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/favicon.ico -------------------------------------------------------------------------------- /static/og-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/og-image.jpg -------------------------------------------------------------------------------- /static/profile-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/profile-bg.jpg -------------------------------------------------------------------------------- /src/lib/data/api/data/users.routes.ts: -------------------------------------------------------------------------------- 1 | export const API_V1_USERS_ROUTE = '/api/v1/data/users' as const; 2 | -------------------------------------------------------------------------------- /static/avatar-72-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/avatar-72-01.jpg -------------------------------------------------------------------------------- /static/avatar-80-07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/avatar-80-07.jpg -------------------------------------------------------------------------------- /static/favicon-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/favicon-48x48.png -------------------------------------------------------------------------------- /static/twitter-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/twitter-image.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar.jpg -------------------------------------------------------------------------------- /src/lib/assets/ui-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/ui-dark.png -------------------------------------------------------------------------------- /src/lib/assets/ui-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/ui-light.png -------------------------------------------------------------------------------- /static/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/apple-touch-icon.png -------------------------------------------------------------------------------- /static/dialog-content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/dialog-content.png -------------------------------------------------------------------------------- /src/lib/assets/profile-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/profile-bg.jpg -------------------------------------------------------------------------------- /src/lib/assets/ui-system.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/ui-system.png -------------------------------------------------------------------------------- /src/lib/assets/avatar-20-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-20-01.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-20-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-20-02.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-20-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-20-03.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-20-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-20-04.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-20-05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-20-05.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-20-06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-20-06.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-32-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-32-01.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-40-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-40-01.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-40-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-40-02.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-40-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-40-03.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-40-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-40-04.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-40-05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-40-05.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-72-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-72-01.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-01.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-02.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-03.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-04.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-05.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-06.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-07.jpg -------------------------------------------------------------------------------- /src/lib/assets/avatar-80-08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/avatar-80-08.jpg -------------------------------------------------------------------------------- /src/lib/assets/thumbs/alerts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/alerts.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/badges.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/badges.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/inputs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/inputs.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/radios.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/radios.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/tables.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/tables.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/tabs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/tabs.png -------------------------------------------------------------------------------- /src/lib/data/api/components/components.route.ts: -------------------------------------------------------------------------------- 1 | export const API_V1_COMPONENTS_ROUTE = '/api/v1/components' as const; 2 | -------------------------------------------------------------------------------- /src/lib/data/api/helpers/types.ts: -------------------------------------------------------------------------------- 1 | export interface TypedResponse

extends Response { 2 | json(): Promise

; 3 | } 4 | -------------------------------------------------------------------------------- /static/fonts/Inter-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/fonts/Inter-Regular.ttf -------------------------------------------------------------------------------- /src/lib/assets/dialog-content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/dialog-content.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/avatars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/avatars.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/banners.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/banners.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/buttons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/buttons.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/dialogs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/dialogs.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/navbars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/navbars.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/popovers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/popovers.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/selects.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/selects.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/sliders.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/sliders.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/switches.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/switches.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/tooltips.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/tooltips.png -------------------------------------------------------------------------------- /src/lib/config.ts: -------------------------------------------------------------------------------- 1 | export const PROJECT_NAME = 'Origin UI - Svelte' as const; 2 | export const SEO_DELIMITER = '|' as const; 3 | -------------------------------------------------------------------------------- /src/lib/assets/thumbs/accordions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/accordions.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/alerts-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/alerts-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/badges-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/badges-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/breadcrumbs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/breadcrumbs.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/checkboxes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/checkboxes.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/dropdowns.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/dropdowns.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/inputs-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/inputs-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/paginations.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/paginations.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/radios-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/radios-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/tables-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/tables-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/tabs-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/tabs-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/textareas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/textareas.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/timelines.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/timelines.png -------------------------------------------------------------------------------- /static/web-app-manifest-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/web-app-manifest-192x192.png -------------------------------------------------------------------------------- /static/web-app-manifest-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/web-app-manifest-512x512.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/avatars-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/avatars-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/banners-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/banners-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/buttons-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/buttons-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/dialogs-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/dialogs-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/navbars-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/navbars-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/notifications.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/notifications.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/popovers-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/popovers-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/selects-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/selects-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/sliders-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/sliders-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/switches-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/switches-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/tooltips-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/tooltips-dark.png -------------------------------------------------------------------------------- /static/apple-touch-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/static/apple-touch-icon-precomposed.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/accordions-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/accordions-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/breadcrumbs-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/breadcrumbs-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/checkboxes-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/checkboxes-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/dropdowns-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/dropdowns-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/paginations-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/paginations-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/textareas-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/textareas-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/timelines-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/timelines-dark.png -------------------------------------------------------------------------------- /src/lib/assets/thumbs/notifications-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/max-got/originui-svelte/HEAD/src/lib/assets/thumbs/notifications-dark.png -------------------------------------------------------------------------------- /src/lib/components/badges/badge-01.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | Badge 6 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-01.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-02.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | Badge 6 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-04.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 6 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-02.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-03.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/lib/components/ui/radio-group/index.ts: -------------------------------------------------------------------------------- 1 | import Item from './radio-group-item.svelte'; 2 | import Root from './radio-group.svelte'; 3 | 4 | export { Root as RadioGroup, Item as RadioGroupItem }; 5 | -------------------------------------------------------------------------------- /src/routes/(components)/[directory=componentDirectory]/[id=componentId]/+layout.ts: -------------------------------------------------------------------------------- 1 | //If we prerender this routes, we will reach the limit of Cloudflare Pages... 2 | export const prerender = false; 3 | -------------------------------------------------------------------------------- /src/lib/components/ui/toggle-group/index.ts: -------------------------------------------------------------------------------- 1 | import Item from './toggle-group-item.svelte'; 2 | import Root from './toggle-group.svelte'; 3 | 4 | export { Root as ToggleGroup, Item as ToggleGroupItem }; 5 | -------------------------------------------------------------------------------- /src/lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { type ClassValue, clsx } from 'clsx'; 2 | import { twMerge } from 'tailwind-merge'; 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)); 6 | } 7 | -------------------------------------------------------------------------------- /src/lib/data/api/components/_meta/_meta.route.ts: -------------------------------------------------------------------------------- 1 | import { API_V1_COMPONENTS_ROUTE } from '../components.route'; 2 | 3 | export const API_V1_COMPONENTS_META_ROUTE = `${API_V1_COMPONENTS_ROUTE}/_meta.json` as const; 4 | -------------------------------------------------------------------------------- /src/lib/components/avatars/avatar-02.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | KK 7 | 8 | -------------------------------------------------------------------------------- /src/routes/(api)/api/v1/data/users/+server.ts: -------------------------------------------------------------------------------- 1 | import { API_V1_USERS_ENDPOINT_HANDLER } from '$data/api/data/users.handlers'; 2 | 3 | export const prerender = true; 4 | 5 | export const GET = API_V1_USERS_ENDPOINT_HANDLER.GET; 6 | -------------------------------------------------------------------------------- /src/lib/components/ui/scroll-area/index.ts: -------------------------------------------------------------------------------- 1 | import Scrollbar from './scroll-area-scrollbar.svelte'; 2 | import Root from './scroll-area.svelte'; 3 | 4 | export { Root, Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, Scrollbar }; 5 | -------------------------------------------------------------------------------- /src/lib/components/ui/data-table/index.ts: -------------------------------------------------------------------------------- 1 | export { createSvelteTable } from './data-table.svelte.js'; 2 | export { default as FlexRender } from './flex-render.svelte'; 3 | export { renderComponent, renderSnippet } from './render-helpers.js'; 4 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-12.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |

6 | 7 | 8 |
9 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-06.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | Badge 7 | 73 8 | 9 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-09.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | Badge 8 | 9 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-08.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | Badge 8 | 9 | -------------------------------------------------------------------------------- /src/lib/components/avatars/avatar-01.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | CN 8 | 9 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-05.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | Link 8 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-10.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | Badge 9 | 10 | -------------------------------------------------------------------------------- /src/routes/(api)/api/v1/components/_meta.json/+server.ts: -------------------------------------------------------------------------------- 1 | import type { RequestHandler } from './$types'; 2 | 3 | import { API_V1_COMPONENTS_META_ENDPOINT_HANDLER } from '$lib/data/api/components/_meta/_meta.handler'; 4 | 5 | export const GET: RequestHandler = API_V1_COMPONENTS_META_ENDPOINT_HANDLER.GET; 6 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | # Output 4 | .output 5 | .vercel 6 | /.svelte-kit 7 | /build 8 | /dist 9 | 10 | # OS 11 | .DS_Store 12 | Thumbs.db 13 | 14 | # Env 15 | .env 16 | .env.* 17 | !.env.example 18 | !.env.test 19 | 20 | # Vite 21 | vite.config.js.timestamp-* 22 | vite.config.ts.timestamp-* 23 | -------------------------------------------------------------------------------- /src/lib/components/avatars/avatar-04.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | KK 8 | 9 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-03.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 11 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-04.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-06.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "singleQuote": true, 4 | "trailingComma": "none", 5 | "printWidth": 100, 6 | "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"], 7 | "overrides": [ 8 | { 9 | "files": "*.svelte", 10 | "options": { 11 | "parser": "svelte" 12 | } 13 | } 14 | ] 15 | } 16 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-11.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-05.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | -------------------------------------------------------------------------------- /src/lib/components/badges/badge-07.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 11 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-07.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: 💬 Discussions 4 | url: https://github.com/max-got/originui-svelte/discussions 5 | about: Ask questions and share ideas 6 | - name: 🎨 Original Origin UI 7 | url: https://originui.com/ 8 | about: View the original components we're recreating 9 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-13.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-20.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 10 | -------------------------------------------------------------------------------- /src/lib/components/sliders/slider-01.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 |
7 | 8 | 9 |
10 | -------------------------------------------------------------------------------- /src/lib/components/alerts/alert-07.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 |

7 |

10 |
11 | -------------------------------------------------------------------------------- /src/lib/demo/component-preview/index.ts: -------------------------------------------------------------------------------- 1 | import ComponentDialogContextProvider from './component-dialog-context-provider.svelte'; 2 | import ComponentDialog from './component-dialog.svelte'; 3 | export { 4 | ComponentDialog, 5 | ComponentDialogContextProvider, 6 | ComponentDialog as Dialog, 7 | ComponentDialogContextProvider as DialogContextProvider 8 | }; 9 | -------------------------------------------------------------------------------- /src/lib/components/avatars/avatar-03.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 10 | 11 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-47.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | -------------------------------------------------------------------------------- /src/lib/components/sliders/slider-02.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 |
7 | 8 | 9 |
10 | -------------------------------------------------------------------------------- /src/lib/demo/component-preview/component-dialog-context-provider.svelte: -------------------------------------------------------------------------------- 1 | 10 | 11 | {@render children()} 12 | -------------------------------------------------------------------------------- /src/lib/components/alerts/alert-08.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 |

7 |

10 |
11 | -------------------------------------------------------------------------------- /src/lib/components/alerts/alert-03.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 |

7 |

10 |
11 | -------------------------------------------------------------------------------- /src/lib/components/checkboxes/checkbox-01.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /src/lib/components/sliders/slider-11.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 |
7 | 8 | 9 |
10 | -------------------------------------------------------------------------------- /src/routes/+page.server.ts: -------------------------------------------------------------------------------- 1 | import type { PageServerLoad } from './$types'; 2 | 3 | import { getComponentMetaAPIResponseJSON } from '$data/api/components/_meta/_meta.query'; 4 | 5 | export const load = (async ({ locals }) => { 6 | const componentsMeta = await getComponentMetaAPIResponseJSON(locals.serverClient); 7 | return { componentsMeta }; 8 | }) satisfies PageServerLoad; 9 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | 4 | 5 | ## Type of Change 6 | 7 | 8 | 9 | - [ ] Component 10 | - [ ] Bug fix 11 | - [ ] Documentation 12 | - [ ] Other: 13 | 14 | ## Screenshots 15 | 16 | 17 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-01.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /src/lib/components/checkboxes/checkbox-04.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /src/lib/components/switches/switch-01.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /src/lib/components/alerts/alert-04.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 |

7 |

10 |
11 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-08.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /src/lib/components/switches/switch-04.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /src/lib/components/textareas/textarea-01.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 15 |
16 | -------------------------------------------------------------------------------- /src/lib/components/ui/dropdowns/dropdown-menu-item.svelte: -------------------------------------------------------------------------------- 1 | 15 | 16 | 25 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/component_request.yml: -------------------------------------------------------------------------------- 1 | name: 🧩 Component Request 2 | description: Have an idea for a new component? Let's build it! 3 | title: 'component: ' 4 | labels: ['component'] 5 | body: 6 | - type: markdown 7 | attributes: 8 | value: | 9 | Thanks for suggesting a new component! Let's make something awesome together. 10 | 11 | > [!NOTE] 12 | > This project is a copy of the original Origin UI, reimplemented in Svelte. New components should aim to match the original Origin UI's design and functionality. 13 | - type: textarea 14 | id: examples 15 | attributes: 16 | label: Examples & Inspiration 17 | description: Share links to similar components 18 | placeholder: | 19 | - Design inspiration: ... 20 | - Similar component: ... 21 | -------------------------------------------------------------------------------- /src/lib/actions/clickOutside.ts: -------------------------------------------------------------------------------- 1 | import type { Action } from 'svelte/action'; 2 | 3 | export const clickOutside: Action< 4 | HTMLElement, 5 | undefined | { ignore?: string }, 6 | { onclickoutside: (e: CustomEvent) => void } 7 | > = (node: HTMLElement, { ignore = '' } = {}) => { 8 | const handleClick = (event: Event) => { 9 | const target = event.target as HTMLElement; 10 | if (!event.target || (ignore && target.closest(ignore))) { 11 | return; 12 | } 13 | if (node && !node.contains(target) && !event.defaultPrevented) { 14 | node.dispatchEvent(new CustomEvent('clickoutside')); 15 | } 16 | }; 17 | 18 | document.addEventListener('click', handleClick, true); 19 | 20 | return { 21 | destroy() { 22 | document.removeEventListener('click', handleClick, true); 23 | } 24 | }; 25 | }; 26 | -------------------------------------------------------------------------------- /src/lib/components/alerts/alert-09.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 |
7 |
8 |
20 |
21 | -------------------------------------------------------------------------------- /src/lib/components/tabs/tab-01.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | Tab 1 8 | Tab 2 9 | Tab 3 10 | 11 | 12 |

Content for Tab 1

13 | 14 | 15 |

Content for Tab 2

16 | 17 | 18 |

Content for Tab 3

19 | 20 | 21 | -------------------------------------------------------------------------------- /src/lib/components/alerts/alert-10.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 |
7 |
8 |
20 |
21 | -------------------------------------------------------------------------------- /vitest.config.ts: -------------------------------------------------------------------------------- 1 | import { svelteTesting } from '@testing-library/svelte/vite'; 2 | import { defineConfig } from 'vitest/config'; 3 | 4 | export default defineConfig({ 5 | test: { 6 | workspace: [ 7 | { 8 | extends: './vite.config.ts', 9 | plugins: [svelteTesting()], 10 | test: { 11 | clearMocks: true, 12 | environment: 'jsdom', 13 | exclude: ['src/lib/server/**'], 14 | include: ['src/**/*.svelte.{test,spec}.{js,ts}'], 15 | name: 'client', 16 | setupFiles: ['./vitest-setup-client.ts'] 17 | } 18 | }, 19 | { 20 | extends: './vite.config.ts', 21 | test: { 22 | environment: 'node', 23 | exclude: ['src/**/*.svelte.{test,spec}.{js,ts}'], 24 | include: ['src/**/*.{test,spec}.{js,ts}'], 25 | name: 'server' 26 | } 27 | } 28 | ] 29 | } 30 | }); 31 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-36.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
11 | 18 | 22 |
23 | -------------------------------------------------------------------------------- /src/lib/components/buttons/button-46.svelte: -------------------------------------------------------------------------------- 1 | 13 | 14 | 29 | -------------------------------------------------------------------------------- /src/lib/components/selects/select-06.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 | 14 | 15 | 16 | 17 | 18 | 19 | 22 |
23 | -------------------------------------------------------------------------------- /src/lib/components/inputs/input-13.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | 10 |
11 | 12 | 15 | € 16 | 17 | 20 | EUR 21 | 22 |
23 |
24 | --------------------------------------------------------------------------------