@getgreenline/blaze-ui 1.0.49-beta.0 → 1.0.49-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/components/alert-dialog.d.ts.map +1 -1
  2. package/dist/components/alert-dialog.js +2 -2
  3. package/dist/components/badge.js +6 -6
  4. package/dist/components/button-group.js +5 -5
  5. package/dist/components/button.js +10 -10
  6. package/dist/components/chart.js +3 -3
  7. package/dist/components/command.js +4 -4
  8. package/dist/components/context-menu.js +2 -2
  9. package/dist/components/data-table.js +8 -8
  10. package/dist/components/dialog.js +2 -2
  11. package/dist/components/drawer.js +1 -1
  12. package/dist/components/dropdown-menu.js +6 -6
  13. package/dist/components/field.js +14 -14
  14. package/dist/components/form.js +1 -1
  15. package/dist/components/header-app-switcher.js +2 -2
  16. package/dist/components/hierarchical-select.js +3 -3
  17. package/dist/components/hover-card.js +1 -1
  18. package/dist/components/item.js +6 -6
  19. package/dist/components/login-screen.js +3 -3
  20. package/dist/components/login-screen.views.js +3 -3
  21. package/dist/components/menubar.js +1 -1
  22. package/dist/components/multi-search-select.js +3 -3
  23. package/dist/components/multi-select.js +3 -3
  24. package/dist/components/navigation-menu.js +6 -6
  25. package/dist/components/pagination.js +3 -3
  26. package/dist/components/popover.js +1 -1
  27. package/dist/components/resizable.js +2 -2
  28. package/dist/components/search-bar.js +1 -1
  29. package/dist/components/select.js +4 -4
  30. package/dist/components/sheet.js +2 -2
  31. package/dist/components/sidebar.js +25 -25
  32. package/dist/components/slider.js +2 -2
  33. package/dist/components/table.js +6 -6
  34. package/dist/components/tabs.js +1 -1
  35. package/dist/components/toggle-group.js +2 -2
  36. package/dist/components/toggle.js +1 -1
  37. package/dist/components/tooltip.js +1 -1
  38. package/package.json +1 -1
package/dist/components/table.js CHANGED
@@ -5,22 +5,22 @@ function Table({ className, ...props }) {
5
5
  return (jsx("div", { "data-slot": "table-container", className: "tw:!relative tw:!w-full tw:!overflow-x-auto", children: jsx("table", { "data-slot": "table", className: cn("tw:!w-full tw:!caption-bottom tw:!text-sm", className), ...props }) }));
6
6
  }
7
7
  function TableHeader({ className, ...props }) {
8
- return (jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:tw:!border-b", className), ...props }));
8
+ return (jsx("thead", { "data-slot": "table-header", className: cn("tw:[&_tr]:!border-b", className), ...props }));
9
9
  }
10
10
  function TableBody({ className, ...props }) {
11
- return (jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:tw:!border-0", className), ...props }));
11
+ return (jsx("tbody", { "data-slot": "table-body", className: cn("tw:[&_tr:last-child]:!border-0", className), ...props }));
12
12
  }
13
13
  function TableFooter({ className, ...props }) {
14
- return (jsx("tfoot", { "data-slot": "table-footer", className: cn("tw:!bg-muted/50 tw:!border-t tw:!font-medium [&>tr]:last:tw:!border-b-0", className), ...props }));
14
+ return (jsx("tfoot", { "data-slot": "table-footer", className: cn("tw:!bg-muted/50 tw:!border-t tw:!font-medium tw:[&>tr]:last:!border-b-0", className), ...props }));
15
15
  }
16
16
  function TableRow({ className, ...props }) {
17
- return (jsx("tr", { "data-slot": "table-row", className: cn("hover:tw:!bg-muted/50 data-[state=selected]:tw:!bg-muted tw:!border-b tw:!transition-colors", className), ...props }));
17
+ return (jsx("tr", { "data-slot": "table-row", className: cn("tw:hover:!bg-muted/50 tw:data-[state=selected]:!bg-muted tw:!border-b tw:!transition-colors", className), ...props }));
18
18
  }
19
19
  function TableHead({ className, ...props }) {
20
- return (jsx("th", { "data-slot": "table-head", className: cn("tw:!text-foreground tw:!h-10 tw:!px-2 tw:!text-left tw:!align-middle tw:!font-medium tw:!whitespace-nowrap [&:has([role=checkbox])]:tw:!pr-0 [&>[role=checkbox]]:tw:!translate-y-[2px]", className), ...props }));
20
+ return (jsx("th", { "data-slot": "table-head", className: cn("tw:!text-foreground tw:!h-10 tw:!px-2 tw:!text-left tw:!align-middle tw:!font-medium tw:!whitespace-nowrap tw:[&:has([role=checkbox])]:!pr-0 tw:[&>[role=checkbox]]:!translate-y-[2px]", className), ...props }));
21
21
  }
22
22
  function TableCell({ className, ...props }) {
23
- return (jsx("td", { "data-slot": "table-cell", className: cn("tw:!p-2 tw:!align-middle tw:!whitespace-nowrap [&:has([role=checkbox])]:tw:!pr-0 [&>[role=checkbox]]:tw:!translate-y-[2px]", className), ...props }));
23
+ return (jsx("td", { "data-slot": "table-cell", className: cn("tw:!p-2 tw:!align-middle tw:!whitespace-nowrap tw:[&:has([role=checkbox])]:!pr-0 tw:[&>[role=checkbox]]:!translate-y-[2px]", className), ...props }));
24
24
  }
25
25
  function TableCaption({ className, ...props }) {
26
26
  return (jsx("caption", { "data-slot": "table-caption", className: cn("tw:!text-muted-foreground tw:!mt-4 tw:!text-sm", className), ...props }));
package/dist/components/tabs.js CHANGED
@@ -9,7 +9,7 @@ function TabsList({ className, ...props }) {
9
9
  return (jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn("tw:bg-muted tw:text-muted-foreground tw:inline-flex tw:h-9 tw:w-fit tw:items-center tw:justify-center tw:rounded-lg tw:p-[3px]", className), ...props }));
10
10
  }
11
11
  function TabsTrigger({ className, ...props }) {
12
- return (jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("tw:bg-transparent tw:text-muted-foreground tw:opacity-70 tw:data-[state=active]:bg-primary-foreground tw:dark:data-[state=active]:bg-background tw:data-[state=active]:text-foreground tw:data-[state=active]:ring-1 tw:data-[state=active]:ring-border tw:data-[state=active]:font-semibold tw:data-[state=active]:opacity-100 tw:data-[state=active]:shadow-sm tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:outline-ring tw:inline-flex tw:h-[calc(100%-1px)] tw:flex-1 tw:items-center tw:justify-center tw:gap-1.5 tw:rounded-md tw:border tw:border-transparent tw:px-2 tw:py-1 tw:text-sm tw:font-medium tw:whitespace-nowrap tw:transition-[color,box-shadow,background-color,border-color,opacity] tw:focus-visible:ring-[3px] tw:focus-visible:outline-1 tw:disabled:pointer-events-none tw:disabled:opacity-50 [&_svg]:tw:pointer-events-none [&_svg]:tw:shrink-0 [&_svg:not([class*='size-'])]:tw:size-4", className), ...props }));
12
+ return (jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("tw:bg-transparent tw:text-muted-foreground tw:opacity-70 tw:data-[state=active]:bg-primary-foreground tw:dark:data-[state=active]:bg-background tw:data-[state=active]:text-foreground tw:data-[state=active]:ring-1 tw:data-[state=active]:ring-border tw:data-[state=active]:font-semibold tw:data-[state=active]:opacity-100 tw:data-[state=active]:shadow-sm tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:outline-ring tw:inline-flex tw:h-[calc(100%-1px)] tw:flex-1 tw:items-center tw:justify-center tw:gap-1.5 tw:rounded-md tw:border tw:border-transparent tw:px-2 tw:py-1 tw:text-sm tw:font-medium tw:whitespace-nowrap tw:transition-[color,box-shadow,background-color,border-color,opacity] tw:focus-visible:ring-[3px] tw:focus-visible:outline-1 tw:disabled:pointer-events-none tw:disabled:opacity-50 tw:[&_svg]:pointer-events-none tw:[&_svg]:shrink-0 tw:[&_svg:not([class*='size-'])]:size-4", className), ...props }));
13
13
  }
14
14
  function TabsContent({ className, ...props }) {
15
15
  return (jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("tw:flex-1 tw:outline-none", className), ...props }));
package/dist/components/toggle-group.js CHANGED
@@ -9,14 +9,14 @@ const ToggleGroupContext = React.createContext({
9
9
  variant: "default",
10
10
  });
11
11
  function ToggleGroup({ className, variant, size, children, ...props }) {
12
- return (jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: cn("group/toggle-group tw:flex tw:w-fit tw:items-center tw:rounded-md data-[variant=outline]:tw:shadow-xs", className), ...props, children: jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
12
+ return (jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: cn("group/toggle-group tw:flex tw:w-fit tw:items-center tw:rounded-md tw:data-[variant=outline]:shadow-xs", className), ...props, children: jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
13
13
  }
14
14
  function ToggleGroupItem({ className, children, variant, size, ...props }) {
15
15
  const context = React.useContext(ToggleGroupContext);
16
16
  return (jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: cn(toggleVariants({
17
17
  variant: context.variant || variant,
18
18
  size: context.size || size,
19
- }), "tw:min-w-0 tw:flex-1 tw:shrink-0 tw:rounded-none tw:shadow-none first:tw:rounded-l-md last:tw:rounded-r-md focus:tw:z-10 focus-visible:tw:z-10 data-[variant=outline]:tw:border-l-0 data-[variant=outline]:first:tw:border-l", className), ...props, children: children }));
19
+ }), "tw:min-w-0 tw:flex-1 tw:shrink-0 tw:rounded-none tw:shadow-none tw:first:rounded-l-md tw:last:rounded-r-md tw:focus:z-10 tw:focus-visible:z-10 tw:data-[variant=outline]:border-l-0 tw:data-[variant=outline]:first:border-l", className), ...props, children: children }));
20
20
  }
21
21
 
22
22
  export { ToggleGroup, ToggleGroupItem };
package/dist/components/toggle.js CHANGED
@@ -3,7 +3,7 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
3
3
  import { cva } from 'class-variance-authority';
4
4
  import { cn } from '../lib/utils.js';
5
5
 
6
- const toggleVariants = cva("tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:rounded-md tw:border tw:border-input tw:bg-background tw:text-sm tw:font-medium tw:text-foreground tw:shadow-xs tw:hover:bg-accent tw:hover:text-accent-foreground tw:disabled:pointer-events-none tw:disabled:opacity-50 tw:data-[state=on]:border-primary tw:data-[state=on]:bg-primary tw:data-[state=on]:text-primary-foreground tw:data-[state=on]:hover:bg-primary/90 tw:data-[state=on]:hover:text-primary-foreground [&_svg]:tw:pointer-events-none [&_svg:not([class*='size-'])]:tw:size-4 [&_svg]:tw:shrink-0 tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px] tw:outline-none tw:transition-[color,box-shadow,background-color,border-color] tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive tw:whitespace-nowrap", {
6
+ const toggleVariants = cva("tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:rounded-md tw:border tw:border-input tw:bg-background tw:text-sm tw:font-medium tw:text-foreground tw:shadow-xs tw:hover:bg-accent tw:hover:text-accent-foreground tw:disabled:pointer-events-none tw:disabled:opacity-50 tw:data-[state=on]:border-primary tw:data-[state=on]:bg-primary tw:data-[state=on]:text-primary-foreground tw:data-[state=on]:hover:bg-primary/90 tw:data-[state=on]:hover:text-primary-foreground tw:[&_svg]:pointer-events-none tw:[&_svg:not([class*='size-'])]:size-4 tw:[&_svg]:shrink-0 tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px] tw:outline-none tw:transition-[color,box-shadow,background-color,border-color] tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive tw:whitespace-nowrap", {
7
7
  variants: {
8
8
  variant: {
9
9
  default: "",
package/dist/components/tooltip.js CHANGED
@@ -12,7 +12,7 @@ function TooltipTrigger({ ...props }) {
12
12
  return jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
13
13
  }
14
14
  function TooltipContent({ className, sideOffset = 0, children, ...props }) {
15
- return (jsx(TooltipPrimitive.Portal, { children: jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("tw:bg-foreground tw:text-background tw:animate-in tw:fade-in-0 tw:zoom-in-95 data-[state=closed]:tw:animate-out data-[state=closed]:tw:fade-out-0 data-[state=closed]:tw:zoom-out-95 data-[side=bottom]:tw:slide-in-from-top-2 data-[side=left]:tw:slide-in-from-right-2 data-[side=right]:tw:slide-in-from-left-2 data-[side=top]:tw:slide-in-from-bottom-2 tw:z-50 tw:w-fit tw:origin-(--radix-tooltip-content-transform-origin) tw:rounded-md tw:px-3 tw:py-1.5 tw:text-xs tw:text-balance", className), ...props, children: [children, jsx(TooltipPrimitive.Arrow, { className: "tw:bg-foreground tw:fill-foreground tw:z-50 tw:size-2.5 tw:translate-y-[calc(-50%_-_2px)] tw:rotate-45 tw:rounded-[2px]" })] }) }));
15
+ return (jsx(TooltipPrimitive.Portal, { children: jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("tw:bg-foreground tw:text-background tw:animate-in tw:fade-in-0 tw:zoom-in-95 tw:data-[state=closed]:animate-out tw:data-[state=closed]:fill-mode-forwards tw:data-[state=closed]:fade-out-0 tw:data-[state=closed]:zoom-out-95 tw:data-[side=bottom]:slide-in-from-top-2 tw:data-[side=left]:slide-in-from-right-2 tw:data-[side=right]:slide-in-from-left-2 tw:data-[side=top]:slide-in-from-bottom-2 tw:z-50 tw:w-fit tw:origin-(--radix-tooltip-content-transform-origin) tw:rounded-md tw:px-3 tw:py-1.5 tw:text-xs tw:text-balance", className), ...props, children: [children, jsx(TooltipPrimitive.Arrow, { className: "tw:bg-foreground tw:fill-foreground tw:z-50 tw:size-2.5 tw:translate-y-[calc(-50%_-_2px)] tw:rotate-45 tw:rounded-[2px]" })] }) }));
16
16
  }
17
17
 
18
18
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getgreenline/blaze-ui",
3
- "version": "1.0.49-beta.0",
3
+ "version": "1.0.49-beta.2",
4
4
  "type": "module",
5
5
  "dependencies": {
6
6
  "@base-ui/react": "^1.4.1",