Saad Ibn-Ezzoubayr
35545c2a8f
Initial commit of the L'Ami Fiduciaire SaaS platform built on Laravel 12, Vue 3, Inertia.js 2, and Tailwind CSS 4. Story 0.1 (rename folders to declarations in database) is implemented and code-reviewed: migration, rollback, and 6 Pest tests all passing. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
55 lines
2.0 KiB
TypeScript
55 lines
2.0 KiB
TypeScript
import type { VariantProps } from "class-variance-authority"
|
|
import { cva } from "class-variance-authority"
|
|
|
|
export { default as Item } from "./Item.vue"
|
|
export { default as ItemActions } from "./ItemActions.vue"
|
|
export { default as ItemContent } from "./ItemContent.vue"
|
|
export { default as ItemDescription } from "./ItemDescription.vue"
|
|
export { default as ItemFooter } from "./ItemFooter.vue"
|
|
export { default as ItemGroup } from "./ItemGroup.vue"
|
|
export { default as ItemHeader } from "./ItemHeader.vue"
|
|
export { default as ItemMedia } from "./ItemMedia.vue"
|
|
export { default as ItemSeparator } from "./ItemSeparator.vue"
|
|
export { default as ItemTitle } from "./ItemTitle.vue"
|
|
|
|
export const itemVariants = cva(
|
|
"group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
{
|
|
variants: {
|
|
variant: {
|
|
default: "bg-transparent",
|
|
outline: "border-border",
|
|
muted: "bg-muted/50",
|
|
},
|
|
size: {
|
|
default: "p-4 gap-4 ",
|
|
sm: "py-3 px-4 gap-2.5",
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: "default",
|
|
size: "default",
|
|
},
|
|
},
|
|
)
|
|
|
|
export const itemMediaVariants = cva(
|
|
"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
|
|
{
|
|
variants: {
|
|
variant: {
|
|
default: "bg-transparent",
|
|
icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
|
|
image:
|
|
"size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover",
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: "default",
|
|
},
|
|
},
|
|
)
|
|
|
|
export type ItemVariants = VariantProps<typeof itemVariants>
|
|
export type ItemMediaVariants = VariantProps<typeof itemMediaVariants>
|