Skip to content

Commit 3f7a5b8

Browse files
tnyleatnylea
committed
updating comments to latest version since last release
1 parent 3650b77 commit 3f7a5b8

File tree

114 files changed

+1731
-1447
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

114 files changed

+1731
-1447
lines changed

‎package-lock.json‎

Lines changed: 24 additions & 24 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,15 +27,15 @@
2727
"@inertiajs/vue3": "^2.0.0-beta.3",
2828
"@tailwindcss/vite": "^4.1.1",
2929
"@vitejs/plugin-vue": "^5.2.1",
30-
"@vueuse/core": "^12.0.0",
30+
"@vueuse/core": "^12.8.2",
3131
"autoprefixer": "^10.4.20",
3232
"class-variance-authority": "^0.7.1",
3333
"clsx": "^2.1.1",
3434
"concurrently": "^9.0.1",
3535
"laravel-vite-plugin": "^1.0",
3636
"lucide": "^0.468.0",
3737
"lucide-vue-next": "^0.468.0",
38-
"reka-ui": "^2.0.0",
38+
"reka-ui": "^2.2.0",
3939
"tailwind-merge": "^2.5.5",
4040
"tailwindcss": "^4.1.1",
4141
"tailwindcss-animate": "^1.0.7",

‎resources/css/app.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,8 @@
122122
--sidebar-accent-foreground: hsl(0 0% 30%);
123123
--sidebar-border: hsl(0 0% 91%);
124124
--sidebar-ring: hsl(217.2 91.2% 59.8%);
125+
--sidebar:
126+
hsl(0 0% 98%);
125127
}
126128

127129
.dark {
@@ -157,6 +159,8 @@
157159
--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
158160
--sidebar-border: hsl(0 0% 15.9%);
159161
--sidebar-ring: hsl(217.2 91.2% 59.8%);
162+
--sidebar:
163+
hsl(240 5.9% 10%);
160164
}
161165

162166
@layer base {
@@ -168,3 +172,16 @@
168172
@apply bg-background text-foreground;
169173
}
170174
}
175+
176+
/*
177+
---break---
178+
*/
179+
180+
@layer base {
181+
* {
182+
@apply border-border outline-ring/50;
183+
}
184+
body {
185+
@apply bg-background text-foreground;
186+
}
187+
}

‎resources/js/components/ui/avatar/Avatar.vue‎

Lines changed: 12 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,18 @@
11
<script setup lang="ts">
2-
import { cn } from '@/lib/utils';
3-
import { AvatarRoot } from 'reka-ui';
4-
import type { HTMLAttributes } from 'vue';
5-
import { avatarVariant, type AvatarVariants } from '.';
2+
import type { HTMLAttributes } from 'vue'
3+
import { cn } from '@/lib/utils'
4+
import { AvatarRoot } from 'reka-ui'
65
7-
const props = withDefaults(
8-
defineProps<{
9-
class?: HTMLAttributes['class'];
10-
size?: AvatarVariants['size'];
11-
shape?: AvatarVariants['shape'];
12-
}>(),
13-
{
14-
size: 'sm',
15-
shape: 'circle',
16-
},
17-
);
6+
const props = defineProps<{
7+
class?: HTMLAttributes['class']
8+
}>()
189
</script>
1910

2011
<template>
21-
<AvatarRoot :class="cn(avatarVariant({ size, shape }), props.class)">
22-
<slot />
23-
</AvatarRoot>
12+
<AvatarRoot
13+
data-slot="avatar"
14+
:class="cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', props.class)"
15+
>
16+
<slot />
17+
</AvatarRoot>
2418
</template>

‎resources/js/components/ui/avatar/AvatarFallback.vue‎

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,23 @@
11
<script setup lang="ts">
2-
import { AvatarFallback, type AvatarFallbackProps } from 'reka-ui';
2+
import { cn } from '@/lib/utils'
3+
import { AvatarFallback, type AvatarFallbackProps } from 'reka-ui'
4+
import { computed, type HTMLAttributes } from 'vue'
35
4-
const props = defineProps<AvatarFallbackProps>();
6+
const props = defineProps<AvatarFallbackProps & { class?: HTMLAttributes['class'] }>()
7+
8+
const delegatedProps = computed(() => {
9+
const { class: _, ...delegated } = props
10+
11+
return delegated
12+
})
513
</script>
614

715
<template>
8-
<AvatarFallback v-bind="props">
9-
<slot />
10-
</AvatarFallback>
16+
<AvatarFallback
17+
data-slot="avatar-fallback"
18+
v-bind="delegatedProps"
19+
:class="cn('bg-muted flex size-full items-center justify-center rounded-full', props.class)"
20+
>
21+
<slot />
22+
</AvatarFallback>
1123
</template>

‎resources/js/components/ui/avatar/AvatarImage.vue‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,16 @@
11
<script setup lang="ts">
2-
import { AvatarImage, type AvatarImageProps } from 'reka-ui';
2+
import type { AvatarImageProps } from 'reka-ui'
3+
import { AvatarImage } from 'reka-ui'
34
4-
const props = defineProps<AvatarImageProps>();
5+
const props = defineProps<AvatarImageProps>()
56
</script>
67

78
<template>
8-
<AvatarImage v-bind="props" class="h-full w-full object-cover" />
9+
<AvatarImage
10+
data-slot="avatar-image"
11+
v-bind="props"
12+
class="aspect-square size-full"
13+
>
14+
<slot />
15+
</AvatarImage>
916
</template>

‎resources/js/components/ui/avatar/index.ts‎

Lines changed: 3 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,3 @@
1-
import { cva, type VariantProps } from 'class-variance-authority';
2-
3-
export { default as Avatar } from './Avatar.vue';
4-
export { default as AvatarFallback } from './AvatarFallback.vue';
5-
export { default as AvatarImage } from './AvatarImage.vue';
6-
7-
export const avatarVariant = cva(
8-
'inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden',
9-
{
10-
variants: {
11-
size: {
12-
sm: 'h-10 w-10 text-xs',
13-
base: 'h-16 w-16 text-2xl',
14-
lg: 'h-32 w-32 text-5xl',
15-
},
16-
shape: {
17-
circle: 'rounded-full',
18-
square: 'rounded-md',
19-
},
20-
},
21-
},
22-
);
23-
24-
export type AvatarVariants = VariantProps<typeof avatarVariant>;
1+
export { default as Avatar } from './Avatar.vue'
2+
export { default as AvatarFallback } from './AvatarFallback.vue'
3+
export { default as AvatarImage } from './AvatarImage.vue'

‎resources/js/components/ui/breadcrumb/Breadcrumb.vue‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,17 @@
11
<script lang="ts" setup>
2-
import type { HTMLAttributes } from 'vue';
2+
import type { HTMLAttributes } from 'vue'
33
44
const props = defineProps<{
5-
class?: HTMLAttributes['class'];
6-
}>();
5+
class?: HTMLAttributes['class']
6+
}>()
77
</script>
88

99
<template>
10-
<nav aria-label="breadcrumb" :class="props.class">
11-
<slot />
12-
</nav>
10+
<nav
11+
aria-label="breadcrumb"
12+
data-slot="breadcrumb"
13+
:class="props.class"
14+
>
15+
<slot />
16+
</nav>
1317
</template>

‎resources/js/components/ui/breadcrumb/BreadcrumbEllipsis.vue‎

Lines changed: 16 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,23 @@
11
<script lang="ts" setup>
2-
import { cn } from '@/lib/utils';
3-
import { MoreHorizontal } from 'lucide-vue-next';
4-
import type { HTMLAttributes } from 'vue';
2+
import type { HTMLAttributes } from 'vue'
3+
import { cn } from '@/lib/utils'
4+
import { MoreHorizontal } from 'lucide-vue-next'
55
66
const props = defineProps<{
7-
class?: HTMLAttributes['class'];
8-
}>();
7+
class?: HTMLAttributes['class']
8+
}>()
99
</script>
1010

1111
<template>
12-
<span role="presentation" aria-hidden="true" :class="cn('flex h-9 w-9 items-center justify-center', props.class)">
13-
<slot>
14-
<MoreHorizontal class="h-4 w-4" />
15-
</slot>
16-
<span class="sr-only">More</span>
17-
</span>
12+
<span
13+
data-slot="breadcrumb-ellipsis"
14+
role="presentation"
15+
aria-hidden="true"
16+
:class="cn('flex size-9 items-center justify-center', props.class)"
17+
>
18+
<slot>
19+
<MoreHorizontal class="size-4" />
20+
</slot>
21+
<span class="sr-only">More</span>
22+
</span>
1823
</template>

‎resources/js/components/ui/breadcrumb/BreadcrumbItem.vue‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,17 @@
11
<script lang="ts" setup>
2-
import { cn } from '@/lib/utils';
3-
import type { HTMLAttributes } from 'vue';
2+
import type { HTMLAttributes } from 'vue'
3+
import { cn } from '@/lib/utils'
44
55
const props = defineProps<{
6-
class?: HTMLAttributes['class'];
7-
}>();
6+
class?: HTMLAttributes['class']
7+
}>()
88
</script>
99

1010
<template>
11-
<li :class="cn('inline-flex items-center gap-1.5', props.class)">
12-
<slot />
13-
</li>
11+
<li
12+
data-slot="breadcrumb-item"
13+
:class="cn('inline-flex items-center gap-1.5', props.class)"
14+
>
15+
<slot />
16+
</li>
1417
</template>

0 commit comments

Comments
 (0)