@nexa-ui-kit/theme-default 1.0.0

package/components/input-otp.css

@@ -0,0 +1,25 @@
+/* Input OTP Component Styles */
+
+[data-slot="input-otp-group"] {
+  @apply flex items-center;
+}
+
+[data-slot="input-otp-slot"] {
+  @apply relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md;
+}
+
+[data-slot="input-otp-slot"][data-active] {
+  @apply z-10 ring-2 ring-ring ring-offset-background;
+}
+
+[data-slot="input-otp-caret"] {
+  @apply pointer-events-none absolute inset-0 flex items-center justify-center;
+}
+
+[data-slot="input-otp-caret"] > div {
+  @apply h-4 w-px animate-pulse bg-foreground duration-1000;
+}
+
+[data-slot="input-otp-separator"] {
+  @apply flex w-6 items-center justify-center text-muted-foreground;
+}

package/components/input.css

@@ -0,0 +1,5 @@
+/* Input Component Styles */
+
+[data-slot="input"] {
+  @apply flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
+}

package/components/item.css

@@ -0,0 +1,75 @@
+/* Item Component Styles */
+/* Generic item layout for lists, cards, and content blocks */
+
+[data-slot="item-group"] {
+  @apply flex flex-col w-full;
+}
+
+[data-slot="item-separator"] {
+  @apply h-px bg-border my-1 w-full shrink-0;
+}
+
+[data-slot="item"] {
+  @apply flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors;
+  @apply text-foreground decoration-auto underline-offset-4;
+  /* Hover state - useful if it's acting as a list item */
+  @apply hover:bg-muted/50;
+}
+
+[data-slot="item"][data-variant="outline"] {
+  @apply border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground;
+}
+
+[data-slot="item"][data-variant="muted"] {
+  @apply bg-muted text-muted-foreground hover:bg-muted/80;
+}
+
+[data-slot="item"][data-size="sm"] {
+  @apply px-2 py-1.5 gap-2;
+}
+
+/* Media (Icon/Image/Avatar) */
+[data-slot="item-media"] {
+  @apply flex shrink-0 items-center justify-center rounded-md text-muted-foreground;
+}
+
+[data-slot="item-media"][data-variant="icon"] {
+  @apply size-8 bg-muted border border-border/50;
+}
+
+[data-slot="item-media"][data-variant="icon"] > svg {
+  @apply size-4;
+}
+
+[data-slot="item-media"][data-variant="image"] {
+  @apply size-10 rounded-full overflow-hidden border border-border;
+}
+
+[data-slot="item-media"][data-variant="image"] > img {
+  @apply aspect-square h-full w-full object-cover;
+}
+
+/* Content Container */
+[data-slot="item-content"] {
+  @apply flex flex-1 flex-col gap-0.5 overflow-hidden min-w-0;
+}
+
+/* Typography */
+[data-slot="item-title"] {
+  @apply font-medium truncate leading-none text-foreground;
+}
+
+[data-slot="item-description"] {
+  @apply text-xs text-muted-foreground truncate leading-normal;
+}
+
+/* Actions */
+[data-slot="item-actions"] {
+  @apply flex items-center gap-2 shrink-0 ml-auto;
+}
+
+/* Header/Footer Layouts */
+[data-slot="item-header"],
+[data-slot="item-footer"] {
+  @apply flex w-full items-center justify-between gap-2;
+}

package/components/kbd.css

@@ -0,0 +1,9 @@
+/* Kbd Component Styles */
+
+[data-slot="kbd"] {
+  @apply inline-flex items-center justify-center rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100;
+}
+
+[data-slot="kbd-group"] {
+  @apply inline-flex items-center gap-1;
+}

package/components/label.css

@@ -0,0 +1,5 @@
+/* Label Component Styles */
+
+[data-slot="label"] {
+  @apply text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70;
+}

package/components/menubar.css

@@ -0,0 +1,100 @@
+/* Menubar Component Styles */
+/* Radix UI menubar with data-slot attributes */
+
+[data-slot="menubar"] {
+  @apply flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm;
+}
+
+[data-slot="menubar-trigger"] {
+  @apply flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none;
+  @apply focus:bg-accent focus:text-accent-foreground;
+  @apply data-[state=open]:bg-accent data-[state=open]:text-accent-foreground;
+}
+
+[data-slot="menubar-sub-trigger"] {
+  @apply flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none;
+  @apply focus:bg-accent focus:text-accent-foreground;
+  @apply data-[state=open]:bg-accent data-[state=open]:text-accent-foreground;
+}
+
+[data-slot="menubar-sub-trigger"][data-inset="true"] {
+  @apply pl-8;
+}
+
+[data-slot="menubar-sub-trigger-icon"] {
+  @apply ml-auto h-4 w-4;
+}
+
+[data-slot="menubar-sub-content"] {
+  @apply z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg;
+  @apply data-[state=open]:animate-in data-[state=closed]:animate-out;
+  @apply data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0;
+  @apply data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95;
+  @apply data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2;
+  @apply data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2;
+  transform-origin: var(--radix-menubar-content-transform-origin);
+}
+
+[data-slot="menubar-content"] {
+  @apply z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md;
+  @apply data-[state=open]:animate-in data-[state=closed]:animate-out;
+  @apply data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0;
+  @apply data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95;
+  @apply data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2;
+  @apply data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2;
+  transform-origin: var(--radix-menubar-content-transform-origin);
+}
+
+[data-slot="menubar-item"] {
+  @apply relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none;
+  @apply focus:bg-accent focus:text-accent-foreground;
+  @apply data-[disabled]:pointer-events-none data-[disabled]:opacity-50;
+}
+
+[data-slot="menubar-item"][data-inset="true"] {
+  @apply pl-8;
+}
+
+[data-slot="menubar-checkbox-item"] {
+  @apply relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none;
+  @apply focus:bg-accent focus:text-accent-foreground;
+  @apply data-[disabled]:pointer-events-none data-[disabled]:opacity-50;
+}
+
+[data-slot="menubar-checkbox-indicator"] {
+  @apply absolute left-2 flex h-3.5 w-3.5 items-center justify-center;
+}
+
+[data-slot="menubar-checkbox-icon"] {
+  @apply h-4 w-4;
+}
+
+[data-slot="menubar-radio-item"] {
+  @apply relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none;
+  @apply focus:bg-accent focus:text-accent-foreground;
+  @apply data-[disabled]:pointer-events-none data-[disabled]:opacity-50;
+}
+
+[data-slot="menubar-radio-indicator"] {
+  @apply absolute left-2 flex h-3.5 w-3.5 items-center justify-center;
+}
+
+[data-slot="menubar-radio-icon"] {
+  @apply h-2 w-2 fill-current;
+}
+
+[data-slot="menubar-label"] {
+  @apply px-2 py-1.5 text-sm font-semibold;
+}
+
+[data-slot="menubar-label"][data-inset="true"] {
+  @apply pl-8;
+}
+
+[data-slot="menubar-separator"] {
+  @apply -mx-1 my-1 h-px bg-muted;
+}
+
+[data-slot="menubar-shortcut"] {
+  @apply ml-auto text-xs tracking-widest text-muted-foreground;
+}

package/components/multi-select.css

@@ -0,0 +1,37 @@
+/* Multi Select Component Styles */
+
+[data-slot="multi-select-trigger"] {
+  @apply inline-flex min-h-10 w-full flex-wrap items-center gap-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
+}
+
+[data-slot="multi-select-badges"] {
+  @apply flex flex-wrap gap-1;
+}
+
+[data-slot="multi-select-badge"] {
+  @apply inline-flex items-center gap-1 rounded-sm bg-secondary px-1.5 py-0.5 text-xs font-medium text-secondary-foreground;
+}
+
+[data-slot="multi-select-badge-remove"] {
+  @apply ml-0.5 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2;
+}
+
+[data-slot="multi-select-badge-remove"] svg {
+  @apply h-3 w-3;
+}
+
+[data-slot="multi-select-placeholder"] {
+  @apply text-muted-foreground;
+}
+
+[data-slot="multi-select-content"] {
+  @apply p-0;
+}
+
+[data-slot="multi-select-item-indicator"] {
+  @apply mr-2 inline-flex h-4 w-4 items-center justify-center rounded-sm border border-primary;
+}
+
+[data-slot="multi-select-item-indicator"][data-checked] {
+  @apply bg-primary text-primary-foreground;
+}

package/components/navigation-menu.css

@@ -0,0 +1,37 @@
+/* Navigation Menu Component Styles */
+
+[data-slot="navigation-menu"] {
+  @apply relative z-10 flex max-w-max flex-1 items-center justify-center;
+}
+
+[data-slot="navigation-menu-list"] {
+  @apply flex flex-1 list-none items-center justify-center gap-1 p-1 rtl:flex-row-reverse;
+}
+
+[data-slot="navigation-menu-item"] {
+  @apply relative;
+}
+
+[data-slot="navigation-menu-trigger"] {
+  @apply group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50;
+}
+
+[data-slot="navigation-menu-trigger"] svg {
+  @apply ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180;
+}
+
+[data-slot="navigation-menu-content"] {
+  @apply absolute top-full left-0 mt-1.5 w-max min-w-[200px] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md transition data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2;
+}
+
+[data-slot="navigation-menu-link"] {
+  @apply block select-none rounded-md p-3 text-sm font-medium leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active]:bg-accent/50;
+}
+
+[data-slot="navigation-menu-indicator"] {
+  @apply absolute left-0 top-full flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in;
+}
+
+[data-slot="navigation-menu-indicator"] > div {
+  @apply relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md;
+}

package/components/number-input.css

@@ -0,0 +1,26 @@
+/* Number Input Component Styles */
+
+[data-slot="number-input"] {
+  @apply inline-flex items-center rounded-md border border-input;
+}
+
+[data-slot="number-input"][data-disabled] {
+  @apply opacity-50 cursor-not-allowed;
+}
+
+[data-slot="number-input-field"] {
+  @apply h-10 w-16 border-0 bg-transparent text-center text-sm font-medium focus:outline-none;
+}
+
+[data-slot="number-input-increment"],
+[data-slot="number-input-decrement"] {
+  @apply inline-flex h-10 w-10 items-center justify-center text-sm font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50;
+}
+
+[data-slot="number-input-decrement"] {
+  @apply border-r border-input rounded-l-md;
+}
+
+[data-slot="number-input-increment"] {
+  @apply border-l border-input rounded-r-md;
+}

package/components/pagination.css

@@ -0,0 +1,29 @@
+/* Pagination Component Styles */
+
+[data-slot="pagination"] {
+  @apply mx-auto flex w-full justify-center;
+}
+
+[data-slot="pagination-content"] {
+  @apply flex flex-row items-center gap-1;
+}
+
+[data-slot="pagination-item"] {
+  @apply list-none;
+}
+
+[data-slot="pagination-link"] {
+  @apply flex h-9 w-9 items-center justify-center rounded-md border text-sm font-medium transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50;
+}
+
+[data-slot="pagination-link"][data-active="true"] {
+  @apply border-primary bg-primary text-primary-foreground;
+}
+
+[data-slot="pagination-link"]:has(span) {
+  @apply w-auto px-4;
+}
+
+[data-slot="pagination-ellipsis"] {
+  @apply flex h-9 w-9 items-center justify-center;
+}

package/components/popover.css

@@ -0,0 +1,30 @@
+/* Popover Component Styles */
+
+[data-slot="popover-content"] {
+  @apply z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2;
+}
+
+[data-slot="popover-trigger"] {
+  @apply border border-input bg-background hover:bg-accent hover:text-accent-foreground;
+}
+
+[data-slot="popover-arrow"] {
+  @apply absolute border-t border-l border-border bg-popover;
+}
+
+[data-side="bottom"] [data-slot="popover-arrow"] {
+  @apply -top-1 left-1/2 -translate-x-1/2 rotate-45;
+}
+
+[data-side="top"] [data-slot="popover-arrow"] {
+  @apply -bottom-1 left-1/2 -translate-x-1/2 -rotate-[135deg];
+}
+
+[data-side="left"] [data-slot="popover-arrow"] {
+  @apply -right-1 top-1/2 -translate-y-1/2 rotate-[135deg];
+}
+
+[data-side="right"] [data-slot="popover-arrow"] {
+  @apply -left-1 top-1/2 -translate-y-1/2 rotate-45; /* Correction: right side arrow points left */
+}
+

package/components/progress.css

@@ -0,0 +1,28 @@
+/* Progress Component Styles */
+
+[data-slot="progress"] {
+  @apply relative h-4 w-full overflow-hidden rounded-full bg-secondary;
+}
+
+[data-slot="progress-indicator"] {
+  @apply h-full w-full flex-1 bg-primary transition-all;
+}
+
+@keyframes progress-indeterminate {
+  0% { left: -40%; }
+  100% { left: 100%; }
+}
+
+@keyframes progress-shimmer {
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+
+[data-slot="progress-indicator"][data-indeterminate] {
+  @apply absolute left-0 w-[40%] animate-[progress-indeterminate_1.5s_ease-in-out_infinite];
+}
+
+[data-slot="progress-indicator"][data-animated] {
+  @apply bg-[length:200%_100%] animate-[progress-shimmer_2s_ease-in-out_infinite] bg-gradient-to-r from-primary via-primary/50 to-primary;
+}
+

package/components/radio-group.css

@@ -0,0 +1,17 @@
+/* RadioGroup Component Styles */
+
+[data-slot="radio-group"] {
+  @apply grid gap-2;
+}
+
+[data-slot="radio-group-item"] {
+  @apply aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
+}
+
+[data-slot="radio-group-indicator"] {
+  @apply flex items-center justify-center;
+}
+
+[data-slot="radio-group-indicator"]::after {
+  @apply content-[''] block h-2.5 w-2.5 rounded-full bg-current text-current;
+}

package/components/scroll-area.css

@@ -0,0 +1,25 @@
+/* Scroll Area Component Styles */
+
+[data-slot="scroll-area"] {
+  @apply relative overflow-hidden;
+}
+
+[data-slot="scroll-area-viewport"] {
+  @apply h-full w-full rounded-[inherit];
+}
+
+[data-slot="scroll-bar"] {
+  @apply flex touch-none select-none transition-colors;
+}
+
+[data-slot="scroll-bar"][data-orientation="vertical"] {
+  @apply h-full w-2.5 border-l border-l-transparent p-[1px];
+}
+
+[data-slot="scroll-bar"][data-orientation="horizontal"] {
+  @apply h-2.5 flex-col border-t border-t-transparent p-[1px];
+}
+
+[data-slot="scroll-bar-thumb"] {
+  @apply relative flex-1 rounded-full bg-border;
+}