@kopexa/theme 1.7.7 → 2.0.0

package/dist/index.css

@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "./editor.css";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -44,7 +45,8 @@
 	--sidebar-border: var(--color-default-200);
 	--sidebar-ring: oklch(0.708 0 0);
 
-
+	/** Scrollbar */
+	--scrollbar-color: var(--color-default-200);
 }
 
 .dark {
@@ -86,6 +88,9 @@
 	--sidebar-accent-foreground: oklch(0.985 0 0);
 	--sidebar-border: var(--color-primary-800);
 	--sidebar-ring: oklch(0.439 0 0);
+
+	/** Scrollbar */
+	--scrollbar-color: var(--color-default-800);
 }
 
 @theme {
@@ -299,6 +304,8 @@
     --text-h6-core--letter-spacing: 0.01em;
 
     --container-8xl: 90rem;
+
+    --spacing-editor-toolbar: 44px;
 }
 
 @layer base {
@@ -441,3 +448,23 @@
             'value-container value-container';
     }
 }
+
+@layer utilities {
+  ::-webkit-scrollbar {
+    width: 0.25rem;
+  }
+
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-color) transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-color);
+    border-radius: 9999px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.mjs';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.mjs';
+export { AutocompleteVariantProps, autocomplete } from './components/autocomplete.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.mjs';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.mjs';
 export { BlankStateSlots, BlankStateVariantProps, blankstate } from './components/blankstate.mjs';
@@ -11,17 +12,24 @@ export { CardSlots, CardVariantProps, card } from './components/card.mjs';
 export { CheckboxVariantProps, checkbox } from './components/checkbox.mjs';
 export { ChipSlots, ChipVariantProps, chip } from './components/chip.mjs';
 export { CodeVariantProps, code } from './components/code.mjs';
+export { colorHighlightButton } from './components/color-highlight-button.mjs';
 export { CommandVariants, command } from './components/command.mjs';
 export { DataGridVariants, datagrid } from './components/data-grid.mjs';
 export { DataTableVariants, dataTable } from './components/data-table.mjs';
 export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.mjs';
 export { DrawerVariantProps, drawer } from './components/drawer.mjs';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.mjs';
+export { editorBasic } from './components/editor-basic.mjs';
+export { editorSpinner } from './components/editor-spinner.mjs';
 export { frameworkRow } from './components/framework-row.mjs';
 export { HeadingVariantProps, heading } from './components/heading.mjs';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './components/hover-card.mjs';
 export { InputVariantProps, input, passwordInput } from './components/input.mjs';
+export { inputGroup } from './components/input-group.mjs';
+export { InputWrapperVariantProps, inputWrapper } from './components/input-wrapper.mjs';
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './components/integration-card.mjs';
+export { kbd } from './components/kbd.mjs';
+export { LabelVariantProps, label } from './components/label.mjs';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.mjs';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.mjs';
 export { PopoverVariants, popover } from './components/popover.mjs';
@@ -30,17 +38,22 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './component
 export { ResizableVariantProps, resizable } from './components/resizable.mjs';
 export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.mjs';
 export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.mjs';
+export { ScrollAreaVariantProps, scrollArea } from './components/scroll-area.mjs';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.mjs';
+export { SelectVariantProps, select } from './components/select.mjs';
 export { SeparatorVariantProps, separator } from './components/separator.mjs';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './components/sidebar.mjs';
 export { skeleton } from './components/skeleton.mjs';
 export { SkeletonAvatarVariantProps, skeletonAvatar } from './components/skeleton-avatar.mjs';
+export { slashDropdownMenu } from './components/slash-dropdown-menu.mjs';
 export { SpinnerVariants, spinner } from './components/spinner.mjs';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.mjs';
 export { StandardChipVariants, standardChip } from './components/standard-chip.mjs';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.mjs';
 export { TableSlots, TableVariantProps, table } from './components/table.mjs';
 export { TabsVariantProps, tabs } from './components/tabs.mjs';
+export { TextareaVariantProps, textarea } from './components/textarea.mjs';
+export { ToolbarVariantProps, toolbar } from './components/toolbar.mjs';
 export { TooltipVariants, tooltip } from './components/tooltip.mjs';
 export { SlotsToClasses } from './utils/types.mjs';
 import 'tailwind-merge';

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.js';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.js';
+export { AutocompleteVariantProps, autocomplete } from './components/autocomplete.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.js';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.js';
 export { BlankStateSlots, BlankStateVariantProps, blankstate } from './components/blankstate.js';
@@ -11,17 +12,24 @@ export { CardSlots, CardVariantProps, card } from './components/card.js';
 export { CheckboxVariantProps, checkbox } from './components/checkbox.js';
 export { ChipSlots, ChipVariantProps, chip } from './components/chip.js';
 export { CodeVariantProps, code } from './components/code.js';
+export { colorHighlightButton } from './components/color-highlight-button.js';
 export { CommandVariants, command } from './components/command.js';
 export { DataGridVariants, datagrid } from './components/data-grid.js';
 export { DataTableVariants, dataTable } from './components/data-table.js';
 export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.js';
 export { DrawerVariantProps, drawer } from './components/drawer.js';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.js';
+export { editorBasic } from './components/editor-basic.js';
+export { editorSpinner } from './components/editor-spinner.js';
 export { frameworkRow } from './components/framework-row.js';
 export { HeadingVariantProps, heading } from './components/heading.js';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './components/hover-card.js';
 export { InputVariantProps, input, passwordInput } from './components/input.js';
+export { inputGroup } from './components/input-group.js';
+export { InputWrapperVariantProps, inputWrapper } from './components/input-wrapper.js';
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './components/integration-card.js';
+export { kbd } from './components/kbd.js';
+export { LabelVariantProps, label } from './components/label.js';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.js';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.js';
 export { PopoverVariants, popover } from './components/popover.js';
@@ -30,17 +38,22 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './component
 export { ResizableVariantProps, resizable } from './components/resizable.js';
 export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.js';
 export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.js';
+export { ScrollAreaVariantProps, scrollArea } from './components/scroll-area.js';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.js';
+export { SelectVariantProps, select } from './components/select.js';
 export { SeparatorVariantProps, separator } from './components/separator.js';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './components/sidebar.js';
 export { skeleton } from './components/skeleton.js';
 export { SkeletonAvatarVariantProps, skeletonAvatar } from './components/skeleton-avatar.js';
+export { slashDropdownMenu } from './components/slash-dropdown-menu.js';
 export { SpinnerVariants, spinner } from './components/spinner.js';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.js';
 export { StandardChipVariants, standardChip } from './components/standard-chip.js';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.js';
 export { TableSlots, TableVariantProps, table } from './components/table.js';
 export { TabsVariantProps, tabs } from './components/tabs.js';
+export { TextareaVariantProps, textarea } from './components/textarea.js';
+export { ToolbarVariantProps, toolbar } from './components/toolbar.js';
 export { TooltipVariants, tooltip } from './components/tooltip.js';
 export { SlotsToClasses } from './utils/types.js';
 import 'tailwind-merge';