@optilogic/core 1.0.0 → 1.2.0

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.
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { clsx } from 'clsx';
2
2
  import { twMerge } from 'tailwind-merge';
3
3
  import * as React20 from 'react';
4
- import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
4
+ import { forwardRef, useId, useMemo, useState, useRef, useEffect, useCallback } from 'react';
5
5
  import { Slot } from '@radix-ui/react-slot';
6
6
  import { cva } from 'class-variance-authority';
7
7
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -314,7 +314,7 @@ var SelectContent = React20.forwardRef(({ className, children, position = "poppe
314
314
  {
315
315
  ref,
316
316
  className: cn(
317
- "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 origin-[--radix-select-content-transform-origin]",
317
+ "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border border-popover-border bg-popover text-popover-foreground shadow-lg 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 origin-[--radix-select-content-transform-origin]",
318
318
  position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
319
319
  className
320
320
  ),
@@ -544,11 +544,11 @@ var TooltipContent = React20.forwardRef(({ className, sideOffset = 6, ...props }
544
544
  "px-2.5 py-1.5 rounded-md",
545
545
  // Colors
546
546
  "bg-popover text-popover-foreground",
547
- "border border-border",
547
+ "border border-popover-border",
548
548
  // Typography
549
549
  "text-xs font-medium",
550
550
  // Shadow
551
- "shadow-md",
551
+ "shadow-lg",
552
552
  // Animation
553
553
  "animate-in fade-in-0 zoom-in-95",
554
554
  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
@@ -608,7 +608,7 @@ var PopoverContent = React20.forwardRef(({ className, align = "center", sideOffs
608
608
  align,
609
609
  sideOffset,
610
610
  className: cn(
611
- "z-50 w-auto max-w-[90vw] rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none",
611
+ "z-50 w-auto max-w-[90vw] rounded-md border border-popover-border bg-popover p-4 text-popover-foreground shadow-lg outline-none",
612
612
  // Animation
613
613
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
614
614
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -651,7 +651,7 @@ var DropdownMenuSubContent = React20.forwardRef(({ className, ...props }, ref) =
651
651
  {
652
652
  ref,
653
653
  className: cn(
654
- "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg",
654
+ "z-50 min-w-[8rem] overflow-hidden rounded-md border border-popover-border bg-popover p-1 text-popover-foreground shadow-lg",
655
655
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
656
656
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
657
657
  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -669,7 +669,7 @@ var DropdownMenuContent = React20.forwardRef(({ className, sideOffset = 4, ...pr
669
669
  ref,
670
670
  sideOffset,
671
671
  className: cn(
672
- "z-50 min-w-[8rem] max-w-[90vw] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md",
672
+ "z-50 min-w-[8rem] max-w-[90vw] overflow-hidden rounded-md border border-popover-border bg-popover p-1 text-popover-foreground shadow-lg",
673
673
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
674
674
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
675
675
  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -2723,12 +2723,17 @@ function Calendar({
2723
2723
  weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
2724
2724
  week: "flex w-full mt-2",
2725
2725
  day: cn(
2726
- "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
2726
+ "relative p-0 text-center text-sm focus-within:relative focus-within:z-20",
2727
+ "[&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
2728
+ // Override the button's ghost text color when day is selected (data-selected is on the td, not the button)
2729
+ "[&[data-selected]>button]:bg-primary [&[data-selected]>button]:text-primary-foreground",
2730
+ "[&[data-selected]>button]:hover:bg-primary/90 [&[data-selected]>button]:hover:text-primary-foreground",
2731
+ "[&[data-selected]>button]:focus:bg-primary [&[data-selected]>button]:focus:text-primary-foreground",
2727
2732
  props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
2728
2733
  ),
2729
2734
  day_button: cn(
2730
2735
  buttonVariants({ variant: "ghost" }),
2731
- "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
2736
+ "h-9 w-9 p-0 font-normal"
2732
2737
  ),
2733
2738
  range_start: "day-range-start rounded-l-md",
2734
2739
  range_end: "day-range-end rounded-r-md",
@@ -5188,7 +5193,7 @@ function DataGrid({
5188
5193
  hoveredCell && /* @__PURE__ */ jsx(
5189
5194
  "div",
5190
5195
  {
5191
- className: "fixed z-[200] p-3 bg-popover text-popover-foreground border border-border rounded-md shadow-xl max-w-md break-words text-sm pointer-events-none",
5196
+ className: "fixed z-[200] p-3 bg-popover text-popover-foreground border border-popover-border rounded-md shadow-xl max-w-md break-words text-sm pointer-events-none",
5192
5197
  style: {
5193
5198
  left: `${hoveredCell.x}px`,
5194
5199
  top: `${hoveredCell.y}px`
@@ -5745,53 +5750,6 @@ function CopyButton({ content, className, size = "md" }) {
5745
5750
  }
5746
5751
 
5747
5752
  // src/theme/presets.ts
5748
- var GREEN_THEME = {
5749
- id: "green-theme",
5750
- name: "Green Theme",
5751
- description: "A green theme with natural, earthy tones",
5752
- author: "Leapfrog",
5753
- background: "#1a2820",
5754
- foreground: "#E6F5EC",
5755
- card: "#2d4038",
5756
- cardForeground: "#E6F5EC",
5757
- popover: "#243630",
5758
- popoverForeground: "#E6F5EC",
5759
- primary: "#6FCF97",
5760
- primaryForeground: "#1a2820",
5761
- accent: "#6FCF97",
5762
- accentForeground: "#1a2820",
5763
- secondary: "#1f3329",
5764
- secondaryForeground: "#E6F5EC",
5765
- muted: "#354840",
5766
- mutedForeground: "#9DB8A8",
5767
- destructive: "#EB5757",
5768
- destructiveForeground: "#E6F5EC",
5769
- success: "#6FCF97",
5770
- successForeground: "#1a2820",
5771
- warning: "#F2C94C",
5772
- warningForeground: "#1a2820",
5773
- chip: "#3a5045",
5774
- chipForeground: "#C5E3D1",
5775
- border: "#243630",
5776
- input: "#243630",
5777
- ring: "#6FCF97",
5778
- toggleTrack: "#354840",
5779
- toggleTrackForeground: "#E6F5EC",
5780
- inputHover: "#6FCF97",
5781
- chart1: "#6FCF97",
5782
- chart2: "#8FE3B0",
5783
- chart3: "#9DB8A8",
5784
- chart4: "#2d4038",
5785
- chart5: "#354840",
5786
- chart6: "#4CAF50",
5787
- chart7: "#81C784",
5788
- chart8: "#F2C94C",
5789
- chart9: "#EB5757",
5790
- chart10: "#56CCF2",
5791
- chart11: "#BB6BD9",
5792
- chart12: "#2D9CDB",
5793
- radius: "0.5rem"
5794
- };
5795
5753
  var OPTILOGIC_LEGACY_THEME = {
5796
5754
  id: "optilogic-legacy",
5797
5755
  name: "Optilogic Legacy",
@@ -5822,6 +5780,8 @@ var OPTILOGIC_LEGACY_THEME = {
5822
5780
  border: "#D0D0D0",
5823
5781
  input: "#D0D0D0",
5824
5782
  ring: "#5766F2",
5783
+ popoverBorder: "#D0D0D0",
5784
+ divider: "#D0D0D0",
5825
5785
  toggleTrack: "#D0D0D0",
5826
5786
  toggleTrackForeground: "#FFFFFF",
5827
5787
  inputHover: "#5766F2",
@@ -5839,443 +5799,211 @@ var OPTILOGIC_LEGACY_THEME = {
5839
5799
  chart12: "#E03997",
5840
5800
  radius: "0.5rem"
5841
5801
  };
5842
- var FUTURISTIC_THEME = {
5843
- id: "futuristic",
5844
- name: "Futuristic",
5845
- description: "Neon cyberpunk aesthetic with electric blues and purples",
5846
- author: "Leapfrog",
5847
- background: "#0a0e27",
5848
- foreground: "#e0e7ff",
5849
- card: "#1a1f3a",
5850
- cardForeground: "#e0e7ff",
5851
- popover: "#1a1f3a",
5852
- popoverForeground: "#e0e7ff",
5853
- primary: "#6366f1",
5854
- primaryForeground: "#ffffff",
5855
- accent: "#8b5cf6",
5856
- accentForeground: "#ffffff",
5857
- secondary: "#1e293b",
5858
- secondaryForeground: "#e0e7ff",
5859
- muted: "#1e293b",
5860
- mutedForeground: "#94a3b8",
5861
- destructive: "#ef4444",
5862
- destructiveForeground: "#ffffff",
5863
- success: "#10b981",
5864
- successForeground: "#ffffff",
5865
- warning: "#f59e0b",
5866
- warningForeground: "#ffffff",
5867
- chip: "#312e81",
5868
- chipForeground: "#c7d2fe",
5869
- border: "#1e293b",
5870
- input: "#1e293b",
5871
- ring: "#6366f1",
5872
- toggleTrack: "#334155",
5873
- toggleTrackForeground: "#e0e7ff",
5874
- inputHover: "#6366f1",
5875
- chart1: "#6366f1",
5876
- chart2: "#8b5cf6",
5877
- chart3: "#a855f7",
5878
- chart4: "#ec4899",
5879
- chart5: "#f43f5e",
5880
- chart6: "#06b6d4",
5881
- chart7: "#14b8a6",
5882
- chart8: "#f97316",
5883
- chart9: "#eab308",
5884
- chart10: "#22c55e",
5885
- chart11: "#0ea5e9",
5886
- chart12: "#f43f5e",
5887
- radius: "0.5rem"
5888
- };
5889
- var NATURE_THEME = {
5890
- id: "nature",
5891
- name: "Nature Inspired",
5892
- description: "Earthy greens and browns inspired by forests and meadows",
5893
- author: "Leapfrog",
5894
- background: "#1a2e1a",
5895
- foreground: "#e8f5e9",
5896
- card: "#2d4a2d",
5897
- cardForeground: "#e8f5e9",
5898
- popover: "#243824",
5899
- popoverForeground: "#e8f5e9",
5900
- primary: "#4caf50",
5901
- primaryForeground: "#1a2e1a",
5902
- accent: "#66bb6a",
5903
- accentForeground: "#1a2e1a",
5904
- secondary: "#2d4a2d",
5905
- secondaryForeground: "#e8f5e9",
5906
- muted: "#3d5a3d",
5907
- mutedForeground: "#a5d6a7",
5908
- destructive: "#e57373",
5909
- destructiveForeground: "#ffffff",
5910
- success: "#66bb6a",
5911
- successForeground: "#1a2e1a",
5912
- warning: "#ffb74d",
5913
- warningForeground: "#1a2e1a",
5914
- chip: "#3d5a3d",
5915
- chipForeground: "#c8e6c9",
5916
- border: "#243824",
5917
- input: "#243824",
5918
- ring: "#4caf50",
5919
- toggleTrack: "#3d5a3d",
5920
- toggleTrackForeground: "#e8f5e9",
5921
- inputHover: "#4caf50",
5922
- chart1: "#4caf50",
5923
- chart2: "#66bb6a",
5924
- chart3: "#81c784",
5925
- chart4: "#a5d6a7",
5926
- chart5: "#c8e6c9",
5927
- chart6: "#8bc34a",
5928
- chart7: "#cddc39",
5929
- chart8: "#ffb74d",
5930
- chart9: "#4db6ac",
5931
- chart10: "#7986cb",
5932
- chart11: "#e57373",
5933
- chart12: "#64b5f6",
5934
- radius: "0.5rem"
5935
- };
5936
- var SCIFI_THEME = {
5937
- id: "scifi",
5938
- name: "Sci-Fi",
5939
- description: "Deep space aesthetic with vibrant cyan and magenta accents",
5940
- author: "Leapfrog",
5941
- background: "#0d1117",
5942
- foreground: "#c9d1d9",
5943
- card: "#161b22",
5944
- cardForeground: "#c9d1d9",
5945
- popover: "#161b22",
5946
- popoverForeground: "#c9d1d9",
5947
- primary: "#00d9ff",
5948
- primaryForeground: "#0d1117",
5949
- accent: "#ff00ff",
5950
- accentForeground: "#ffffff",
5951
- secondary: "#1c2128",
5952
- secondaryForeground: "#c9d1d9",
5953
- muted: "#21262d",
5954
- mutedForeground: "#8b949e",
5955
- destructive: "#ff6b6b",
5956
- destructiveForeground: "#ffffff",
5957
- success: "#00ff88",
5958
- successForeground: "#0d1117",
5959
- warning: "#ffd93d",
5960
- warningForeground: "#0d1117",
5961
- chip: "#1c2128",
5962
- chipForeground: "#58a6ff",
5963
- border: "#30363d",
5964
- input: "#21262d",
5965
- ring: "#00d9ff",
5966
- toggleTrack: "#30363d",
5967
- toggleTrackForeground: "#c9d1d9",
5968
- inputHover: "#00d9ff",
5969
- chart1: "#00d9ff",
5970
- chart2: "#ff00ff",
5971
- chart3: "#00ff88",
5972
- chart4: "#ffd93d",
5973
- chart5: "#58a6ff",
5974
- chart6: "#ff6b6b",
5975
- chart7: "#4ecdc4",
5976
- chart8: "#a855f7",
5977
- chart9: "#fb923c",
5978
- chart10: "#38bdf8",
5979
- chart11: "#f472b6",
5980
- chart12: "#34d399",
5981
- radius: "0.5rem"
5982
- };
5983
- var OCEAN_THEME = {
5984
- id: "ocean",
5985
- name: "Ocean",
5986
- description: "Calming blues and teals inspired by the deep sea",
5987
- author: "Leapfrog",
5988
- background: "#0a1929",
5989
- foreground: "#e3f2fd",
5990
- card: "#132f4c",
5991
- cardForeground: "#e3f2fd",
5992
- popover: "#0f2540",
5993
- popoverForeground: "#e3f2fd",
5994
- primary: "#2196f3",
5995
- primaryForeground: "#ffffff",
5996
- accent: "#00bcd4",
5997
- accentForeground: "#0a1929",
5998
- secondary: "#1565c0",
5999
- secondaryForeground: "#ffffff",
6000
- muted: "#1e3a5f",
6001
- mutedForeground: "#90caf9",
6002
- destructive: "#f44336",
6003
- destructiveForeground: "#ffffff",
6004
- success: "#4caf50",
6005
- successForeground: "#ffffff",
6006
- warning: "#ff9800",
6007
- warningForeground: "#ffffff",
6008
- chip: "#1565c0",
6009
- chipForeground: "#bbdefb",
6010
- border: "#1e3a5f",
6011
- input: "#1e3a5f",
6012
- ring: "#2196f3",
6013
- toggleTrack: "#264a6e",
6014
- toggleTrackForeground: "#e3f2fd",
6015
- inputHover: "#2196f3",
6016
- chart1: "#2196f3",
6017
- chart2: "#00bcd4",
6018
- chart3: "#03a9f4",
6019
- chart4: "#0288d1",
6020
- chart5: "#0277bd",
6021
- chart6: "#26c6da",
6022
- chart7: "#42a5f5",
6023
- chart8: "#66bb6a",
6024
- chart9: "#ffb74d",
6025
- chart10: "#ef5350",
6026
- chart11: "#ab47bc",
6027
- chart12: "#78909c",
6028
- radius: "0.5rem"
6029
- };
6030
- var SUNSET_THEME = {
6031
- id: "sunset",
6032
- name: "Sunset",
6033
- description: "Warm oranges and purples like a beautiful sunset",
6034
- author: "Leapfrog",
6035
- background: "#1a0d1a",
6036
- foreground: "#ffe0e6",
6037
- card: "#2d1a2d",
6038
- cardForeground: "#ffe0e6",
6039
- popover: "#241424",
6040
- popoverForeground: "#ffe0e6",
6041
- primary: "#ff6b35",
6042
- primaryForeground: "#ffffff",
6043
- accent: "#c44569",
6044
- accentForeground: "#ffffff",
6045
- secondary: "#f7931e",
6046
- secondaryForeground: "#1a0d1a",
6047
- muted: "#3d2a3d",
6048
- mutedForeground: "#ffb3c1",
6049
- destructive: "#e63946",
6050
- destructiveForeground: "#ffffff",
6051
- success: "#06d6a0",
6052
- successForeground: "#1a0d1a",
6053
- warning: "#ffb703",
6054
- warningForeground: "#1a0d1a",
6055
- chip: "#3d2a3d",
6056
- chipForeground: "#ffb3c1",
6057
- border: "#241424",
6058
- input: "#241424",
6059
- ring: "#ff6b35",
6060
- toggleTrack: "#3d2a3d",
6061
- toggleTrackForeground: "#ffe0e6",
6062
- inputHover: "#ff6b35",
6063
- chart1: "#ff6b35",
6064
- chart2: "#c44569",
6065
- chart3: "#f7931e",
6066
- chart4: "#ffb703",
6067
- chart5: "#ff8c42",
6068
- chart6: "#06d6a0",
6069
- chart7: "#118ab2",
6070
- chart8: "#ef476f",
6071
- chart9: "#ffd166",
6072
- chart10: "#073b4c",
6073
- chart11: "#8338ec",
6074
- chart12: "#3a86ff",
6075
- radius: "0.5rem"
6076
- };
6077
- var FOREST_THEME = {
6078
- id: "forest",
6079
- name: "Forest",
6080
- description: "Deep greens and browns like an ancient forest",
6081
- author: "Leapfrog",
6082
- background: "#0d1b0d",
6083
- foreground: "#e8f5e9",
6084
- card: "#1a2e1a",
6085
- cardForeground: "#e8f5e9",
6086
- popover: "#152515",
6087
- popoverForeground: "#e8f5e9",
6088
- primary: "#2e7d32",
6089
- primaryForeground: "#ffffff",
6090
- accent: "#558b2f",
6091
- accentForeground: "#ffffff",
6092
- secondary: "#1b5e20",
6093
- secondaryForeground: "#e8f5e9",
6094
- muted: "#2d4a2d",
6095
- mutedForeground: "#a5d6a7",
6096
- destructive: "#c62828",
6097
- destructiveForeground: "#ffffff",
6098
- success: "#4caf50",
6099
- successForeground: "#ffffff",
6100
- warning: "#f57c00",
6101
- warningForeground: "#ffffff",
6102
- chip: "#2d4a2d",
6103
- chipForeground: "#c8e6c9",
6104
- border: "#1b5e20",
6105
- input: "#1a2e1a",
6106
- ring: "#2e7d32",
6107
- toggleTrack: "#2d4a2d",
6108
- toggleTrackForeground: "#e8f5e9",
6109
- inputHover: "#2e7d32",
6110
- chart1: "#2e7d32",
6111
- chart2: "#388e3c",
6112
- chart3: "#43a047",
6113
- chart4: "#66bb6a",
6114
- chart5: "#81c784",
6115
- chart6: "#a5d6a7",
6116
- chart7: "#c8e6c9",
6117
- chart8: "#ffb74d",
6118
- chart9: "#4db6ac",
6119
- chart10: "#7986cb",
6120
- chart11: "#e57373",
6121
- chart12: "#64b5f6",
5802
+ var OPTILOGIC_DARK_THEME = {
5803
+ id: "optilogic-dark",
5804
+ name: "Optilogic Dark",
5805
+ description: "Optilogic branded dark theme with signature green",
5806
+ author: "Optilogic",
5807
+ background: "#042926",
5808
+ foreground: "#E0E7E6",
5809
+ card: "#0A3F34",
5810
+ cardForeground: "#E0E7E6",
5811
+ popover: "#0A3F34",
5812
+ popoverForeground: "#E0E7E6",
5813
+ primary: "#23EF6A",
5814
+ primaryForeground: "#042926",
5815
+ accent: "#23EF6A",
5816
+ accentForeground: "#042926",
5817
+ secondary: "#0D4D3F",
5818
+ secondaryForeground: "#E0E7E6",
5819
+ muted: "#0D4D3F",
5820
+ mutedForeground: "#9CB5B0",
5821
+ destructive: "#EF4444",
5822
+ destructiveForeground: "#FFFFFF",
5823
+ success: "#23EF6A",
5824
+ successForeground: "#042926",
5825
+ warning: "#FBBF24",
5826
+ warningForeground: "#042926",
5827
+ chip: "#0D4D3F",
5828
+ chipForeground: "#A7D5CA",
5829
+ border: "#1A5C4C",
5830
+ input: "#1A5C4C",
5831
+ ring: "#23EF6A",
5832
+ popoverBorder: "#237A64",
5833
+ divider: "#1A5C4C",
5834
+ toggleTrack: "#1A5C4C",
5835
+ toggleTrackForeground: "#E0E7E6",
5836
+ inputHover: "#23EF6A",
5837
+ chart1: "#23EF6A",
5838
+ chart2: "#3B82F6",
5839
+ chart3: "#FBBF24",
5840
+ chart4: "#F97316",
5841
+ chart5: "#A78BFA",
5842
+ chart6: "#EF4444",
5843
+ chart7: "#06B6D4",
5844
+ chart8: "#EC4899",
5845
+ chart9: "#84CC16",
5846
+ chart10: "#14B8A6",
5847
+ chart11: "#F59E0B",
5848
+ chart12: "#8B5CF6",
6122
5849
  radius: "0.5rem"
6123
5850
  };
6124
- var CYBERPUNK_THEME = {
6125
- id: "cyberpunk",
6126
- name: "Cyberpunk",
6127
- description: "Neon pinks and cyans with high contrast",
6128
- author: "Leapfrog",
6129
- background: "#0a0a0f",
6130
- foreground: "#f0f0f0",
6131
- card: "#1a1a2e",
6132
- cardForeground: "#f0f0f0",
6133
- popover: "#16213e",
6134
- popoverForeground: "#f0f0f0",
6135
- primary: "#ff00ff",
6136
- primaryForeground: "#ffffff",
6137
- accent: "#00ffff",
6138
- accentForeground: "#0a0a0f",
6139
- secondary: "#16213e",
6140
- secondaryForeground: "#f0f0f0",
6141
- muted: "#1a1a2e",
6142
- mutedForeground: "#a0a0a0",
6143
- destructive: "#ff1744",
6144
- destructiveForeground: "#ffffff",
6145
- success: "#00ff88",
6146
- successForeground: "#0a0a0f",
6147
- warning: "#ffd700",
6148
- warningForeground: "#0a0a0f",
6149
- chip: "#16213e",
6150
- chipForeground: "#ff00ff",
6151
- border: "#1a1a2e",
6152
- input: "#16213e",
6153
- ring: "#ff00ff",
6154
- toggleTrack: "#2a2a4e",
6155
- toggleTrackForeground: "#f0f0f0",
6156
- inputHover: "#ff00ff",
6157
- chart1: "#ff00ff",
6158
- chart2: "#00ffff",
6159
- chart3: "#00ff88",
6160
- chart4: "#ffd700",
6161
- chart5: "#ff1744",
6162
- chart6: "#ff6b6b",
6163
- chart7: "#4ecdc4",
6164
- chart8: "#a855f7",
6165
- chart9: "#fb923c",
6166
- chart10: "#38bdf8",
6167
- chart11: "#84cc16",
6168
- chart12: "#f97316",
5851
+ var MODERN_LIGHT_THEME = {
5852
+ id: "modern-light",
5853
+ name: "Modern Light",
5854
+ description: "Clean and modern light theme with blue accents",
5855
+ author: "opti-ui",
5856
+ background: "#FFFFFF",
5857
+ foreground: "#1A1A1A",
5858
+ card: "#F8F9FA",
5859
+ cardForeground: "#1A1A1A",
5860
+ popover: "#FFFFFF",
5861
+ popoverForeground: "#1A1A1A",
5862
+ primary: "#2563EB",
5863
+ primaryForeground: "#FFFFFF",
5864
+ accent: "#E9ECEF",
5865
+ accentForeground: "#1A1A1A",
5866
+ secondary: "#F1F3F5",
5867
+ secondaryForeground: "#1A1A1A",
5868
+ muted: "#E9ECEF",
5869
+ mutedForeground: "#6C757D",
5870
+ destructive: "#DC3545",
5871
+ destructiveForeground: "#FFFFFF",
5872
+ success: "#28A745",
5873
+ successForeground: "#FFFFFF",
5874
+ warning: "#FFC107",
5875
+ warningForeground: "#1A1A1A",
5876
+ chip: "#E9ECEF",
5877
+ chipForeground: "#495057",
5878
+ border: "#DEE2E6",
5879
+ input: "#DEE2E6",
5880
+ ring: "#2563EB",
5881
+ popoverBorder: "#DEE2E6",
5882
+ divider: "#DEE2E6",
5883
+ toggleTrack: "#CED4DA",
5884
+ toggleTrackForeground: "#FFFFFF",
5885
+ inputHover: "#6C757D",
5886
+ chart1: "#2563EB",
5887
+ chart2: "#16A34A",
5888
+ chart3: "#EA580C",
5889
+ chart4: "#9333EA",
5890
+ chart5: "#DC2626",
5891
+ chart6: "#0891B2",
5892
+ chart7: "#CA8A04",
5893
+ chart8: "#DB2777",
5894
+ chart9: "#4F46E5",
5895
+ chart10: "#059669",
5896
+ chart11: "#D97706",
5897
+ chart12: "#7C3AED",
6169
5898
  radius: "0.5rem"
6170
5899
  };
6171
- var MINIMALIST_LIGHT_THEME = {
6172
- id: "minimalist-light",
6173
- name: "Minimalist Light",
6174
- description: "Clean and simple light theme with subtle grays",
6175
- author: "Leapfrog",
6176
- background: "#ffffff",
6177
- foreground: "#1a1a1a",
6178
- card: "#f8f9fa",
6179
- cardForeground: "#1a1a1a",
6180
- popover: "#ffffff",
6181
- popoverForeground: "#1a1a1a",
6182
- primary: "#000000",
6183
- primaryForeground: "#ffffff",
6184
- accent: "#e9ecef",
6185
- accentForeground: "#1a1a1a",
6186
- secondary: "#f1f3f5",
6187
- secondaryForeground: "#1a1a1a",
6188
- muted: "#e9ecef",
6189
- mutedForeground: "#6c757d",
6190
- destructive: "#dc3545",
6191
- destructiveForeground: "#ffffff",
6192
- success: "#28a745",
6193
- successForeground: "#ffffff",
6194
- warning: "#ffc107",
6195
- warningForeground: "#1a1a1a",
6196
- chip: "#e9ecef",
6197
- chipForeground: "#495057",
6198
- border: "#dee2e6",
6199
- input: "#dee2e6",
6200
- ring: "#000000",
6201
- toggleTrack: "#ced4da",
6202
- toggleTrackForeground: "#ffffff",
6203
- inputHover: "#6c757d",
6204
- chart1: "#000000",
6205
- chart2: "#6c757d",
6206
- chart3: "#adb5bd",
6207
- chart4: "#dee2e6",
6208
- chart5: "#e9ecef",
6209
- chart6: "#343a40",
6210
- chart7: "#495057",
6211
- chart8: "#868e96",
6212
- chart9: "#5c6bc0",
6213
- chart10: "#26a69a",
6214
- chart11: "#ef5350",
6215
- chart12: "#ffa726",
5900
+ var MINIMALIST_LIGHT_THEME = MODERN_LIGHT_THEME;
5901
+ var MODERN_DARK_THEME = {
5902
+ id: "modern-dark",
5903
+ name: "Modern Dark",
5904
+ description: "Clean, neutral dark theme with blue accents",
5905
+ author: "opti-ui",
5906
+ background: "#09090B",
5907
+ foreground: "#FAFAFA",
5908
+ card: "#18181B",
5909
+ cardForeground: "#FAFAFA",
5910
+ popover: "#18181B",
5911
+ popoverForeground: "#FAFAFA",
5912
+ primary: "#3B82F6",
5913
+ primaryForeground: "#FFFFFF",
5914
+ accent: "#27272A",
5915
+ accentForeground: "#FAFAFA",
5916
+ secondary: "#27272A",
5917
+ secondaryForeground: "#FAFAFA",
5918
+ muted: "#27272A",
5919
+ mutedForeground: "#A1A1AA",
5920
+ destructive: "#EF4444",
5921
+ destructiveForeground: "#FFFFFF",
5922
+ success: "#22C55E",
5923
+ successForeground: "#FFFFFF",
5924
+ warning: "#EAB308",
5925
+ warningForeground: "#09090B",
5926
+ chip: "#27272A",
5927
+ chipForeground: "#D4D4D8",
5928
+ border: "#3F3F46",
5929
+ input: "#3F3F46",
5930
+ ring: "#3B82F6",
5931
+ popoverBorder: "#52525B",
5932
+ divider: "#3F3F46",
5933
+ toggleTrack: "#3F3F46",
5934
+ toggleTrackForeground: "#FAFAFA",
5935
+ inputHover: "#3B82F6",
5936
+ chart1: "#3B82F6",
5937
+ chart2: "#22C55E",
5938
+ chart3: "#F59E0B",
5939
+ chart4: "#EF4444",
5940
+ chart5: "#A855F7",
5941
+ chart6: "#14B8A6",
5942
+ chart7: "#F97316",
5943
+ chart8: "#EC4899",
5944
+ chart9: "#0EA5E9",
5945
+ chart10: "#EAB308",
5946
+ chart11: "#10B981",
5947
+ chart12: "#C084FC",
6216
5948
  radius: "0.5rem"
6217
5949
  };
6218
5950
  var DARK_ELEGANT_THEME = {
6219
5951
  id: "dark-elegant",
6220
5952
  name: "Dark Elegant",
6221
5953
  description: "Sophisticated dark mode with refined colors",
6222
- author: "Leapfrog",
5954
+ author: "opti-ui",
6223
5955
  background: "#121212",
6224
- foreground: "#e0e0e0",
6225
- card: "#1e1e1e",
6226
- cardForeground: "#e0e0e0",
6227
- popover: "#1e1e1e",
6228
- popoverForeground: "#e0e0e0",
6229
- primary: "#bb86fc",
5956
+ foreground: "#E0E0E0",
5957
+ card: "#1E1E1E",
5958
+ cardForeground: "#E0E0E0",
5959
+ popover: "#1E1E1E",
5960
+ popoverForeground: "#E0E0E0",
5961
+ primary: "#BB86FC",
6230
5962
  primaryForeground: "#121212",
6231
- accent: "#03dac6",
5963
+ accent: "#03DAC6",
6232
5964
  accentForeground: "#121212",
6233
- secondary: "#2d2d2d",
6234
- secondaryForeground: "#e0e0e0",
6235
- muted: "#2d2d2d",
6236
- mutedForeground: "#9e9e9e",
6237
- destructive: "#cf6679",
6238
- destructiveForeground: "#ffffff",
6239
- success: "#4caf50",
6240
- successForeground: "#ffffff",
6241
- warning: "#ff9800",
6242
- warningForeground: "#ffffff",
6243
- chip: "#2d2d2d",
6244
- chipForeground: "#b39ddb",
6245
- border: "#2d2d2d",
6246
- input: "#1e1e1e",
6247
- ring: "#bb86fc",
6248
- toggleTrack: "#3d3d3d",
6249
- toggleTrackForeground: "#e0e0e0",
6250
- inputHover: "#bb86fc",
6251
- chart1: "#bb86fc",
6252
- chart2: "#03dac6",
6253
- chart3: "#4caf50",
6254
- chart4: "#ff9800",
6255
- chart5: "#cf6679",
6256
- chart6: "#64b5f6",
6257
- chart7: "#81c784",
6258
- chart8: "#ffb74d",
6259
- chart9: "#e57373",
6260
- chart10: "#7986cb",
6261
- chart11: "#4db6ac",
6262
- chart12: "#f06292",
5965
+ secondary: "#2D2D2D",
5966
+ secondaryForeground: "#E0E0E0",
5967
+ muted: "#2D2D2D",
5968
+ mutedForeground: "#9E9E9E",
5969
+ destructive: "#CF6679",
5970
+ destructiveForeground: "#FFFFFF",
5971
+ success: "#4CAF50",
5972
+ successForeground: "#FFFFFF",
5973
+ warning: "#FF9800",
5974
+ warningForeground: "#121212",
5975
+ chip: "#2D2D2D",
5976
+ chipForeground: "#B39DDB",
5977
+ border: "#404040",
5978
+ input: "#404040",
5979
+ ring: "#BB86FC",
5980
+ popoverBorder: "#525252",
5981
+ divider: "#404040",
5982
+ toggleTrack: "#404040",
5983
+ toggleTrackForeground: "#E0E0E0",
5984
+ inputHover: "#BB86FC",
5985
+ chart1: "#BB86FC",
5986
+ chart2: "#03DAC6",
5987
+ chart3: "#4CAF50",
5988
+ chart4: "#FF9800",
5989
+ chart5: "#CF6679",
5990
+ chart6: "#64B5F6",
5991
+ chart7: "#81C784",
5992
+ chart8: "#FFB74D",
5993
+ chart9: "#E57373",
5994
+ chart10: "#7986CB",
5995
+ chart11: "#4DB6AC",
5996
+ chart12: "#F06292",
6263
5997
  radius: "0.5rem"
6264
5998
  };
6265
- var PRESET_THEMES = [OPTILOGIC_LEGACY_THEME];
6266
- var ALL_THEMES = [
5999
+ var PRESET_THEMES = [
6267
6000
  OPTILOGIC_LEGACY_THEME,
6268
- FUTURISTIC_THEME,
6269
- NATURE_THEME,
6270
- SCIFI_THEME,
6271
- OCEAN_THEME,
6272
- SUNSET_THEME,
6273
- FOREST_THEME,
6274
- CYBERPUNK_THEME,
6275
- MINIMALIST_LIGHT_THEME,
6276
- DARK_ELEGANT_THEME,
6277
- GREEN_THEME
6001
+ OPTILOGIC_DARK_THEME,
6002
+ MODERN_LIGHT_THEME,
6003
+ MODERN_DARK_THEME,
6004
+ DARK_ELEGANT_THEME
6278
6005
  ];
6006
+ var ALL_THEMES = PRESET_THEMES;
6279
6007
  function getPresetTheme(id) {
6280
6008
  return ALL_THEMES.find((theme) => theme.id === id);
6281
6009
  }
@@ -6345,6 +6073,8 @@ function themeToHsl(theme) {
6345
6073
  border: hexToHsl(theme.border),
6346
6074
  input: hexToHsl(theme.input),
6347
6075
  ring: hexToHsl(theme.ring),
6076
+ popoverBorder: theme.popoverBorder ? hexToHsl(theme.popoverBorder) : void 0,
6077
+ divider: theme.divider ? hexToHsl(theme.divider) : void 0,
6348
6078
  toggleTrack: theme.toggleTrack ? hexToHsl(theme.toggleTrack) : void 0,
6349
6079
  toggleTrackForeground: theme.toggleTrackForeground ? hexToHsl(theme.toggleTrackForeground) : void 0,
6350
6080
  inputHover: theme.inputHover ? hexToHsl(theme.inputHover) : void 0,
@@ -6405,6 +6135,14 @@ function applyTheme(theme, targetElement) {
6405
6135
  element.style.setProperty("--border", hslTheme.border);
6406
6136
  element.style.setProperty("--input", hslTheme.input);
6407
6137
  element.style.setProperty("--ring", hslTheme.ring);
6138
+ element.style.setProperty(
6139
+ "--popover-border",
6140
+ hslTheme.popoverBorder ?? hslTheme.border
6141
+ );
6142
+ element.style.setProperty(
6143
+ "--divider",
6144
+ hslTheme.divider ?? hslTheme.border
6145
+ );
6408
6146
  element.style.setProperty(
6409
6147
  "--toggle-track",
6410
6148
  hslTheme.toggleTrack ?? hslTheme.muted
@@ -6529,6 +6267,8 @@ function areThemesEqual(theme1, theme2) {
6529
6267
  "border",
6530
6268
  "input",
6531
6269
  "ring",
6270
+ "popoverBorder",
6271
+ "divider",
6532
6272
  "toggleTrack",
6533
6273
  "toggleTrackForeground",
6534
6274
  "inputHover",
@@ -6853,7 +6593,7 @@ function MenuItem({ item, onClose, depth = 0 }) {
6853
6593
  {
6854
6594
  className: cn(
6855
6595
  "fixed z-[60] min-w-[180px] max-w-[280px]",
6856
- "rounded-md border border-border",
6596
+ "rounded-md border border-popover-border",
6857
6597
  "bg-popover text-popover-foreground",
6858
6598
  "shadow-lg",
6859
6599
  "animate-in fade-in-0 zoom-in-95",
@@ -6936,7 +6676,7 @@ function ContextMenu({
6936
6676
  ref: menuRef,
6937
6677
  className: cn(
6938
6678
  "fixed z-50 min-w-[180px] max-w-[280px]",
6939
- "rounded-md border border-border",
6679
+ "rounded-md border border-popover-border",
6940
6680
  "bg-popover text-popover-foreground",
6941
6681
  "shadow-lg",
6942
6682
  "animate-in fade-in-0 zoom-in-95",
@@ -7818,7 +7558,273 @@ function FileView({
7818
7558
  ) });
7819
7559
  }
7820
7560
  FileView.displayName = "FileView";
7561
+ var OptilogicLogo = forwardRef(
7562
+ ({ color, size, width, height, ...props }, ref) => {
7563
+ const uid = useId();
7564
+ const w = size ?? width ?? 32;
7565
+ const h = size ?? height ?? 32;
7566
+ const useGradient = !color;
7567
+ const fill = (idx) => useGradient ? `url(#${uid}-g${idx})` : color;
7568
+ return /* @__PURE__ */ jsxs(
7569
+ "svg",
7570
+ {
7571
+ ref,
7572
+ width: w,
7573
+ height: h,
7574
+ viewBox: "0 0 44 44",
7575
+ fill: "none",
7576
+ xmlns: "http://www.w3.org/2000/svg",
7577
+ ...props,
7578
+ children: [
7579
+ /* @__PURE__ */ jsx(
7580
+ "path",
7581
+ {
7582
+ d: "m 19.710153,24.886531 -0.018,-0.0332 -13.0194005,8.2119 17.2811005,-0.0485 -4.2451,-8.1302 z",
7583
+ fill: fill(0)
7584
+ }
7585
+ ),
7586
+ /* @__PURE__ */ jsx(
7587
+ "path",
7588
+ {
7589
+ d: "m 31.367953,26.996531 7.3048,-4.2341 -7.334,-12.652796 -7.3048,4.2341 z",
7590
+ fill: fill(1)
7591
+ }
7592
+ ),
7593
+ /* @__PURE__ */ jsx(
7594
+ "path",
7595
+ {
7596
+ d: "m 19.257253,24.563831 -3.8352,-6.752096 -8.7493005,15.254896 13.0942005,-7.6094 c -0.1597,-0.3029 -0.3297,-0.6007 -0.5097,-0.8934 z",
7597
+ fill: fill(2)
7598
+ }
7599
+ ),
7600
+ /* @__PURE__ */ jsx(
7601
+ "path",
7602
+ {
7603
+ d: "m 24.393053,23.112531 c -1.0221,-1.9514 -2.5557,-3.587996 -4.4365,-4.734696 -1.8808,-1.1467 -4.0381,-1.7602 -6.2408,-1.775 l 4.8033,8.455596 c 0.1745,0.2844 0.3398,0.5753 0.4959,0.8726 l 5.0969,8.9751 c 1.0457,-1.7798 1.6202,-3.7968 1.6694,-5.8604 0.0492,-2.0636 -0.4286,-4.1057 -1.3882,-5.9332 z",
7604
+ fill: fill(3)
7605
+ }
7606
+ ),
7607
+ useGradient && /* @__PURE__ */ jsxs("defs", { children: [
7608
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g0`, x1: "-10.349", y1: "21.971", x2: "7.45", y2: "21.971", gradientUnits: "userSpaceOnUse", children: [
7609
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7610
+ /* @__PURE__ */ jsx("stop", { offset: "0.016", stopColor: "#56EF9F" }),
7611
+ /* @__PURE__ */ jsx("stop", { offset: "0.308", stopColor: "#36D87A" }),
7612
+ /* @__PURE__ */ jsx("stop", { offset: "0.578", stopColor: "#20C75F" }),
7613
+ /* @__PURE__ */ jsx("stop", { offset: "0.817", stopColor: "#12BD4E" }),
7614
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7615
+ ] }),
7616
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g1`, x1: "-590.283", y1: "3567.46", x2: "-597.588", y2: "3571.69", gradientUnits: "userSpaceOnUse", children: [
7617
+ /* @__PURE__ */ jsx("stop", { stopColor: "#0EBA49" }),
7618
+ /* @__PURE__ */ jsx("stop", { offset: "0.031", stopColor: "#11BC4D" }),
7619
+ /* @__PURE__ */ jsx("stop", { offset: "0.315", stopColor: "#30D371" }),
7620
+ /* @__PURE__ */ jsx("stop", { offset: "0.58", stopColor: "#46E38C" }),
7621
+ /* @__PURE__ */ jsx("stop", { offset: "0.816", stopColor: "#53ED9C" }),
7622
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#58F1A2" })
7623
+ ] }),
7624
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g2`, x1: "-10.35", y1: "18.453", x2: "7.38", y2: "18.453", gradientUnits: "userSpaceOnUse", children: [
7625
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7626
+ /* @__PURE__ */ jsx("stop", { offset: "0.184", stopColor: "#53ED9C" }),
7627
+ /* @__PURE__ */ jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
7628
+ /* @__PURE__ */ jsx("stop", { offset: "0.685", stopColor: "#30D371" }),
7629
+ /* @__PURE__ */ jsx("stop", { offset: "0.969", stopColor: "#11BC4D" }),
7630
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7631
+ ] }),
7632
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g3`, x1: "8.369", y1: "24.711", x2: "26.243", y2: "24.711", gradientUnits: "userSpaceOnUse", children: [
7633
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7634
+ /* @__PURE__ */ jsx("stop", { offset: "0.184", stopColor: "#53ED9C" }),
7635
+ /* @__PURE__ */ jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
7636
+ /* @__PURE__ */ jsx("stop", { offset: "0.685", stopColor: "#30D371" }),
7637
+ /* @__PURE__ */ jsx("stop", { offset: "0.969", stopColor: "#11BC4D" }),
7638
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7639
+ ] })
7640
+ ] })
7641
+ ]
7642
+ }
7643
+ );
7644
+ }
7645
+ );
7646
+ OptilogicLogo.displayName = "OptilogicLogo";
7647
+ var OptilogicLogoWithText = forwardRef(({ color, textColor = "currentColor", size, width, height, ...props }, ref) => {
7648
+ const uid = useId();
7649
+ const h = size ?? height ?? 35;
7650
+ const w = width ?? (typeof h === "number" ? Math.round(h * (102 / 35)) : 102);
7651
+ const useGradient = !color;
7652
+ const iconFill = (idx) => useGradient ? `url(#${uid}-g${idx})` : color;
7653
+ return /* @__PURE__ */ jsxs(
7654
+ "svg",
7655
+ {
7656
+ ref,
7657
+ width: w,
7658
+ height: h,
7659
+ viewBox: "0 0 102 35",
7660
+ fill: "none",
7661
+ xmlns: "http://www.w3.org/2000/svg",
7662
+ ...props,
7663
+ children: [
7664
+ /* @__PURE__ */ jsx("path", { d: "M87.8887 8.94166L87.9811 9.12063L87.7877 8.76953C87.8258 8.81696 87.8588 8.87662 87.8887 8.94166Z", fill: iconFill(0) }),
7665
+ /* @__PURE__ */ jsx("path", { d: "M87.9808 9.11386L87.7872 8.76282L87.6158 8.45508C87.6774 8.55543 87.7358 8.65573 87.7938 8.75874C87.8253 8.81704 87.8583 8.87665 87.8883 8.93494L87.9808 9.11386Z", fill: iconFill(1) }),
7666
+ /* @__PURE__ */ jsx("path", { d: "M93.0335 2.12149L91.0895 3.27987C90.4698 3.64931 90.2588 4.46544 90.6177 5.10275L93.5225 10.2545C93.8819 10.8918 94.6755 11.109 95.2957 10.7395L97.2391 9.58114C97.8588 9.21171 98.0703 8.39559 97.7109 7.75827L94.8061 2.60653C94.4467 1.96921 93.6532 1.75205 93.0335 2.12149Z", fill: iconFill(2) }),
7667
+ /* @__PURE__ */ jsx("path", { d: "M79.4231 14.3186L84.3908 5.41699L86.529 9.28695L86.9077 9.96469L87.0633 10.2467L87.2412 10.5665L87.2529 10.5883L90.0601 15.6768L80.2116 15.7039C80.0535 15.7051 79.8974 15.6634 79.7597 15.583C79.6224 15.5025 79.5075 15.3862 79.4277 15.2457C79.3479 15.1052 79.3052 14.9456 79.3047 14.7828C79.3037 14.62 79.3449 14.4599 79.4231 14.3186Z", fill: iconFill(3) }),
7668
+ /* @__PURE__ */ jsx("path", { d: "M91.9324 13.4257C91.9171 13.5856 91.8988 13.7456 91.877 13.9056C91.8612 14.0113 91.8439 14.117 91.8241 14.2228C91.8043 14.3285 91.7844 14.4355 91.7611 14.5399C91.7372 14.6443 91.7123 14.7486 91.6858 14.853C91.6594 14.9574 91.6304 15.0631 91.5999 15.1661C91.5592 15.3017 91.5145 15.4373 91.4682 15.5728C91.422 15.7084 91.3681 15.8439 91.3142 15.9794C91.2771 16.0703 91.239 16.1571 91.2003 16.2506V16.2587C91.1653 16.3358 91.1098 16.4014 91.0407 16.4484C90.9716 16.4954 90.8907 16.5218 90.8079 16.5249C90.725 16.5279 90.6432 16.5075 90.5705 16.4658C90.4983 16.4241 90.4383 16.3628 90.3976 16.2885L90.0616 15.6785L87.256 10.5995C87.256 10.5927 87.256 10.5845 87.2453 10.5778L87.1609 10.4151C87.1335 10.3609 87.1029 10.3067 87.074 10.2538C87.0211 10.1603 86.9672 10.0681 86.9118 9.98269L86.5336 9.30494L84.3914 5.41738L83.9704 4.65422C83.9293 4.5799 83.9089 4.49533 83.9115 4.40982C83.914 4.32431 83.9394 4.24116 83.9847 4.16955C84.0304 4.09794 84.0945 4.04062 84.1692 4.00392C84.2444 3.96723 84.3283 3.95257 84.4107 3.96156C85.7934 4.11436 87.1177 4.61474 88.2671 5.41853C89.417 6.22228 90.3564 7.30472 91.0026 8.57025C91.1642 8.88468 91.3061 9.20929 91.4276 9.54216C91.4881 9.70619 91.5435 9.87429 91.5948 10.041C91.6106 10.0939 91.6253 10.1467 91.6396 10.1982C91.6843 10.3568 91.7239 10.5154 91.7611 10.6754C91.9598 11.5769 92.0178 12.5054 91.9324 13.4257Z", fill: iconFill(4) }),
7669
+ /* @__PURE__ */ jsx("path", { d: "M87.1593 10.4138C87.1289 10.3609 87.101 10.3067 87.0711 10.2538C87.0183 10.1589 86.9656 10.0668 86.9103 9.97461C86.9656 10.0668 87.0198 10.1589 87.0721 10.2457C87.0944 10.3053 87.1248 10.3596 87.1593 10.4138Z", fill: iconFill(5) }),
7670
+ /* @__PURE__ */ jsx("path", { d: "M16.9243 20.9745C16.9243 25.6035 13.6033 29.5561 8.46292 29.5561C3.32258 29.5561 0.00289826 25.6035 0.00289826 20.9745C-0.0434 18.7389 0.775929 16.576 2.28065 14.9615C3.78537 13.3471 5.85223 12.4133 8.02654 12.3657C8.17158 12.3657 8.31661 12.3657 8.46292 12.3657C10.6366 12.294 12.7488 13.1131 14.3351 14.6426C15.9214 16.1721 16.8518 18.2869 16.9217 20.5217C16.9256 20.6749 16.9269 20.824 16.9243 20.9745ZM3.6179 20.9745C3.6179 24.1314 5.59546 26.3056 8.46292 26.3056C11.3304 26.3056 13.3093 24.1368 13.3093 20.9745C13.3093 17.8121 11.3317 15.6175 8.46424 15.6175C5.59678 15.6175 3.6179 17.8175 3.6179 20.9745Z", fill: textColor }),
7671
+ /* @__PURE__ */ jsx("path", { d: "M30.774 23.8266C30.774 27.0541 28.4998 29.5563 25.5004 29.5563C24.4662 29.56 23.4594 29.2147 22.6343 28.5736V34.1162H19.2065V18.4723H21.8683L22.2968 19.4077C23.1653 18.5707 24.3141 18.1099 25.5044 18.1213C28.4998 18.1213 30.774 20.5991 30.774 23.8266ZM22.6317 23.8266C22.6317 25.3001 23.4965 26.6095 24.9744 26.6095C26.4523 26.6095 27.3172 25.3001 27.3172 23.8266C27.3172 22.3532 26.4536 21.0654 24.9744 21.0654C23.4952 21.0654 22.6317 22.3532 22.6317 23.8266Z", fill: textColor }),
7672
+ /* @__PURE__ */ jsx("path", { d: "M41.148 18.4718V21.4186H37.5739V24.9958C37.5739 26.0246 38.4374 26.5154 39.4196 26.1412L40.2107 25.8376L41.235 28.6435L40.2107 29.0854C37.3458 30.3473 34.1382 29.0393 34.1382 25.0406V21.4186H31.4553V18.4718H34.1395V15.083H37.5673V18.4718H41.148Z", fill: textColor }),
7673
+ /* @__PURE__ */ jsx("path", { d: "M46.9673 14.8024C46.9673 15.1778 46.8591 15.5447 46.6563 15.8567C46.4535 16.1688 46.1652 16.4121 45.8279 16.5557C45.4907 16.6993 45.1195 16.7369 44.7615 16.6637C44.4035 16.5905 44.0746 16.4097 43.8165 16.1443C43.5584 15.8789 43.3826 15.5408 43.3113 15.1727C43.2401 14.8045 43.2767 14.423 43.4164 14.0762C43.5561 13.7295 43.7927 13.4331 44.0962 13.2246C44.3997 13.016 44.7566 12.9047 45.1216 12.9047C45.3591 12.8995 45.5953 12.9425 45.8166 13.0312C46.0379 13.1199 46.2401 13.2525 46.4115 13.4216C46.5829 13.5907 46.7202 13.7928 46.8156 14.0165C46.911 14.2402 46.9625 14.481 46.9673 14.7252V14.8024ZM43.4196 29.2074V18.4718H46.8473V29.2047L43.4196 29.2074Z", fill: textColor }),
7674
+ /* @__PURE__ */ jsx("path", { d: "M49.5854 29.2044V12.7188H53.0133V29.2044H49.5854Z", fill: textColor }),
7675
+ /* @__PURE__ */ jsx("path", { d: "M66.7762 23.8518C66.7762 26.9844 64.5018 29.5571 60.9753 29.5571C57.4483 29.5571 55.1744 26.9817 55.1744 23.8518C55.1744 20.7219 57.4483 18.1221 60.9753 18.1221C64.5018 18.1221 66.7762 20.7165 66.7762 23.8518ZM58.6338 23.8518C58.6338 25.3713 59.5209 26.6116 60.9763 26.6116C62.4317 26.6116 63.3193 25.3727 63.3193 23.8518C63.3193 22.3309 62.4317 21.0689 60.9763 21.0689C59.5209 21.0689 58.6338 22.3295 58.6338 23.8518Z", fill: textColor }),
7676
+ /* @__PURE__ */ jsx("path", { d: "M76.5321 19.4068L76.9617 18.4715H79.6224V28.9468C79.6224 31.6836 77.9626 34.8867 73.6619 34.8867C70.5228 34.8867 68.4085 33.0391 68.0222 30.0068L71.2294 29.4457C71.3204 30.9652 72.1841 31.9479 73.7768 31.9479C75.5738 31.9479 76.164 30.5667 76.164 29.3521V28.0427C75.3273 28.6367 74.3334 28.9526 73.3167 28.9482C71.9203 28.9482 70.5807 28.3778 69.5935 27.3625C68.6057 26.3472 68.0511 24.9702 68.0511 23.5343C68.0511 22.0984 68.6057 20.7214 69.5935 19.7061C70.5807 18.6908 71.9203 18.1204 73.3167 18.1204C74.5098 18.107 75.6618 18.5678 76.5321 19.4068ZM71.5064 23.5221C71.5156 23.9966 71.661 24.4578 71.9238 24.8477C72.1871 25.2376 72.5562 25.539 72.9853 25.7139C73.4143 25.8888 73.8846 25.9294 74.336 25.8307C74.7874 25.7321 75.2002 25.4985 75.523 25.1593C75.8463 24.82 76.0644 24.3903 76.1503 23.9241C76.2367 23.4578 76.1869 22.9758 76.0075 22.5385C75.828 22.1012 75.5271 21.7282 75.1422 21.4662C74.7569 21.2042 74.3055 21.0649 73.8439 21.0659C73.5399 21.0618 73.2384 21.1193 72.9563 21.235C72.6742 21.3509 72.4169 21.5227 72.1993 21.7407C71.9818 21.9587 71.8084 22.2187 71.6884 22.5057C71.5685 22.7928 71.5049 23.1013 71.5014 23.4137C71.5039 23.4448 71.5049 23.4855 71.5064 23.5221Z", fill: textColor }),
7677
+ /* @__PURE__ */ jsx("path", { d: "M82.4911 29.2048V18.4746H85.9281V29.2075L82.4911 29.2048Z", fill: textColor }),
7678
+ /* @__PURE__ */ jsx("path", { d: "M98.8928 22.0489L95.7288 22.774C95.6388 22.2871 95.3841 21.8486 95.0099 21.5362C94.6358 21.2239 94.1661 21.0578 93.6841 21.0675C92.5698 21.0675 91.4321 21.9553 91.4321 23.8503C91.4321 25.7453 92.5698 26.6101 93.6841 26.6101C94.1661 26.6201 94.6358 26.4541 95.0104 26.1417C95.3846 25.8293 95.6393 25.3906 95.7288 24.9036L98.8928 25.6287C98.5969 26.7867 97.9269 27.8067 96.9925 28.5211C96.0582 29.2355 94.9149 29.6018 93.7512 29.5597C90.272 29.5597 87.9742 26.9409 87.9742 23.8544C87.9697 23.1054 88.1089 22.3628 88.3835 21.6691C88.658 20.9754 89.0626 20.344 89.5751 19.8112C90.087 19.2784 90.696 18.8545 91.3675 18.5637C92.0386 18.2729 92.7589 18.121 93.4874 18.1165C93.5748 18.1165 93.6628 18.1165 93.7512 18.1165C94.9154 18.0745 96.0582 18.441 96.9931 19.1557C97.9274 19.8703 98.5974 20.8907 98.8928 22.0489Z", fill: textColor }),
7679
+ useGradient && /* @__PURE__ */ jsxs("defs", { children: [
7680
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g0`, x1: "87.5964", y1: "8.93628", x2: "87.7953", y2: "8.93628", gradientUnits: "userSpaceOnUse", children: [
7681
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7682
+ /* @__PURE__ */ jsx("stop", { offset: "0.02", stopColor: "#56EF9F" }),
7683
+ /* @__PURE__ */ jsx("stop", { offset: "0.31", stopColor: "#36D87A" }),
7684
+ /* @__PURE__ */ jsx("stop", { offset: "0.58", stopColor: "#20C75F" }),
7685
+ /* @__PURE__ */ jsx("stop", { offset: "0.82", stopColor: "#12BD4E" }),
7686
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7687
+ ] }),
7688
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g1`, x1: "87.1426", y1: "8.7845", x2: "87.6357", y2: "8.7845", gradientUnits: "userSpaceOnUse", children: [
7689
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7690
+ /* @__PURE__ */ jsx("stop", { offset: "0.18", stopColor: "#53ED9C" }),
7691
+ /* @__PURE__ */ jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
7692
+ /* @__PURE__ */ jsx("stop", { offset: "0.69", stopColor: "#30D371" }),
7693
+ /* @__PURE__ */ jsx("stop", { offset: "0.97", stopColor: "#11BC4D" }),
7694
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7695
+ ] }),
7696
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g2`, x1: "-1054.89", y1: "692.801", x2: "-1059.13", y2: "695.193", gradientUnits: "userSpaceOnUse", children: [
7697
+ /* @__PURE__ */ jsx("stop", { stopColor: "#0EBA49" }),
7698
+ /* @__PURE__ */ jsx("stop", { offset: "0.03", stopColor: "#11BC4D" }),
7699
+ /* @__PURE__ */ jsx("stop", { offset: "0.32", stopColor: "#30D371" }),
7700
+ /* @__PURE__ */ jsx("stop", { offset: "0.58", stopColor: "#46E38C" }),
7701
+ /* @__PURE__ */ jsx("stop", { offset: "0.82", stopColor: "#53ED9C" }),
7702
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#58F1A2" })
7703
+ ] }),
7704
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g3`, x1: "79.3032", y1: "10.5625", x2: "90.0545", y2: "10.5625", gradientUnits: "userSpaceOnUse", children: [
7705
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7706
+ /* @__PURE__ */ jsx("stop", { offset: "0.02", stopColor: "#56EF9F" }),
7707
+ /* @__PURE__ */ jsx("stop", { offset: "0.31", stopColor: "#36D87A" }),
7708
+ /* @__PURE__ */ jsx("stop", { offset: "0.58", stopColor: "#20C75F" }),
7709
+ /* @__PURE__ */ jsx("stop", { offset: "0.82", stopColor: "#12BD4E" }),
7710
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7711
+ ] }),
7712
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g4`, x1: "83.9074", y1: "10.2429", x2: "91.969", y2: "10.2429", gradientUnits: "userSpaceOnUse", children: [
7713
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7714
+ /* @__PURE__ */ jsx("stop", { offset: "0.02", stopColor: "#56EF9F" }),
7715
+ /* @__PURE__ */ jsx("stop", { offset: "0.31", stopColor: "#36D87A" }),
7716
+ /* @__PURE__ */ jsx("stop", { offset: "0.58", stopColor: "#20C75F" }),
7717
+ /* @__PURE__ */ jsx("stop", { offset: "0.82", stopColor: "#12BD4E" }),
7718
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7719
+ ] }),
7720
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uid}-g5`, x1: "86.7936", y1: "10.1942", x2: "87.1619", y2: "10.1942", gradientUnits: "userSpaceOnUse", children: [
7721
+ /* @__PURE__ */ jsx("stop", { stopColor: "#58F1A2" }),
7722
+ /* @__PURE__ */ jsx("stop", { offset: "0.18", stopColor: "#53ED9C" }),
7723
+ /* @__PURE__ */ jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
7724
+ /* @__PURE__ */ jsx("stop", { offset: "0.69", stopColor: "#30D371" }),
7725
+ /* @__PURE__ */ jsx("stop", { offset: "0.97", stopColor: "#11BC4D" }),
7726
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0EBA49" })
7727
+ ] })
7728
+ ] })
7729
+ ]
7730
+ }
7731
+ );
7732
+ });
7733
+ OptilogicLogoWithText.displayName = "OptilogicLogoWithText";
7734
+ var CosmicFrogIcon = forwardRef(
7735
+ ({ color = "currentColor", size, width, height, ...props }, ref) => {
7736
+ const w = size ?? width ?? 24;
7737
+ const h = size ?? height ?? 24;
7738
+ return /* @__PURE__ */ jsxs(
7739
+ "svg",
7740
+ {
7741
+ ref,
7742
+ width: w,
7743
+ height: h,
7744
+ viewBox: "0 0 300 286.9",
7745
+ fill: "none",
7746
+ xmlns: "http://www.w3.org/2000/svg",
7747
+ ...props,
7748
+ children: [
7749
+ /* @__PURE__ */ jsx(
7750
+ "path",
7751
+ {
7752
+ d: "M189.4,277.9l0-0.7c0-2.3,1.3-4.4,3.5-5.2c5.9-2.2,9.2-9.9,4.9-16.1c-6.2-9-20.2-28.4-25.3-35.3 c0,0,6-9.4,13.2-19.5c5.8,6.9,36.2,46.7,45.7,58.4c6.8,8.3,20.3,11.9,29.5,12.9c2.9,0.3,5.1,2.8,5,5.7v0c0,3.2-2.6,5.7-5.7,5.7 h-65.2C192,283.6,189.4,281.1,189.4,277.9z",
7753
+ fill: color
7754
+ }
7755
+ ),
7756
+ /* @__PURE__ */ jsx(
7757
+ "path",
7758
+ {
7759
+ d: "M214.5,154.3c9.1-9.5,29.6-47.6,19.9-65c-7.6-13.7-26-11.9-48.7-3.1c-1.5,0.6-2.5,2.1-2.3,3.6 c0.9,10.5-6,20.9-17.3,25.8c-13.8,6-29.2,1.2-34.5-11.2c-4.2-9.8-2.9-20.5,2.5-28.3c0.7-1-0.5-2.2-1.5-1.6 c-9.3,6.1-15.5,16.7-15.5,28.7c0,6.1,1.6,11.8,4.4,16.7c-31.6,21.4-48.6,48-55.3,59.6c-7.4,12.8-7.5,29.9-7.5,34.2 c0,0-5.2-8.1-10.5-17.6c-1.9-3.4-5.4-7.9-12-3c-8.8,6.6-27.6,29.3-31.7,57c-2.9,19.8,6.7,33.4,18.8,33.4h33.9c3,0,5.4-2.4,5.5-5.4 l0-1c0-2.5-1.6-4.6-3.9-5.3c-12.7-3.9-17.8-26.3-15.2-38c7.2,9.7,10.7,14.8,24.7,27.7c9.6,8.8,20.2,4.2,23.6-2.5 c5.7-11.3,8.7-24.3,12-35.3c1.4,5.1,6.8,22.2,6.8,30.3c0,7.1-2.9,16-10.2,18.3c-2.3,0.7-3.9,2.8-3.9,5.2l0,0.5 c0,3.1,2.5,5.5,5.5,5.5h59.7c2.6,0,5.1-1.7,5.7-4.3c0.8-3.3-1.4-6.3-4.6-6.8c-9.4-1.6-24.3-7.3-27.4-17c-4.5-14-14.5-55-15.2-60.4 l14.4,15.3c9.9-17.1,40.6-67.7,64.3-92.6c23.7-25,29.2-9.6,25.6,4.2C221.7,133.6,217.9,146.9,214.5,154.3z",
7760
+ fill: color
7761
+ }
7762
+ ),
7763
+ /* @__PURE__ */ jsx(
7764
+ "path",
7765
+ {
7766
+ d: "M269,19.7l3.5,12.1c1.3,4.4,4.7,7.8,9.1,9.1l12.1,3.5c2.9,0.9,2.9,5,0,5.8l-12.1,3.5c-4.4,1.3-7.8,4.7-9.1,9.1 L269,75c-0.9,2.9-5,2.9-5.8,0l-3.5-12.1c-1.3-4.4-4.7-7.8-9.1-9.1l-12.1-3.5c-2.9-0.9-2.9-5,0-5.8l12.1-3.5 c4.4-1.3,7.8-4.7,9.1-9.1l3.5-12.1C264,16.7,268.2,16.7,269,19.7z",
7767
+ fill: color
7768
+ }
7769
+ ),
7770
+ /* @__PURE__ */ jsx(
7771
+ "path",
7772
+ {
7773
+ d: "M185.3,4.6l2.2,7.5c0.8,2.7,2.9,4.8,5.6,5.6l7.5,2.2c1.8,0.5,1.8,3.1,0,3.6l-7.5,2.2c-2.7,0.8-4.8,2.9-5.6,5.6 l-2.2,7.5c-0.5,1.8-3.1,1.8-3.6,0l-2.2-7.5c-0.8-2.7-2.9-4.8-5.6-5.6l-7.5-2.2c-1.8-0.5-1.8-3.1,0-3.6l7.5-2.2 c2.7-0.8,4.8-2.9,5.6-5.6l2.2-7.5C182.2,2.8,184.8,2.8,185.3,4.6z",
7774
+ fill: color
7775
+ }
7776
+ ),
7777
+ /* @__PURE__ */ jsx(
7778
+ "path",
7779
+ {
7780
+ d: "M274.3,131.6l2.2,7.7c0.8,2.8,3,5,5.8,5.8l7.7,2.2c1.9,0.5,1.9,3.2,0,3.7l-7.7,2.2c-2.8,0.8-5,3-5.8,5.8 l-2.2,7.7c-0.5,1.9-3.2,1.9-3.7,0l-2.2-7.7c-0.8-2.8-3-5-5.8-5.8l-7.7-2.2c-1.9-0.5-1.9-3.2,0-3.7l7.7-2.2c2.8-0.8,5-3,5.8-5.8 l2.2-7.7C271.1,129.8,273.7,129.8,274.3,131.6z",
7781
+ fill: color
7782
+ }
7783
+ ),
7784
+ /* @__PURE__ */ jsx(
7785
+ "ellipse",
7786
+ {
7787
+ transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -11.8631 139.9984)",
7788
+ cx: "163.1",
7789
+ cy: "84.3",
7790
+ rx: "10.2",
7791
+ ry: "16.5",
7792
+ fill: color
7793
+ }
7794
+ )
7795
+ ]
7796
+ }
7797
+ );
7798
+ }
7799
+ );
7800
+ CosmicFrogIcon.displayName = "CosmicFrogIcon";
7801
+ var DataStarIcon = forwardRef(
7802
+ ({ color = "currentColor", size, width, height, ...props }, ref) => {
7803
+ const w = size ?? width ?? 24;
7804
+ const h = size ?? height ?? 24;
7805
+ return /* @__PURE__ */ jsx(
7806
+ "svg",
7807
+ {
7808
+ ref,
7809
+ width: w,
7810
+ height: h,
7811
+ viewBox: "0 0 31 29",
7812
+ fill: "none",
7813
+ xmlns: "http://www.w3.org/2000/svg",
7814
+ ...props,
7815
+ children: /* @__PURE__ */ jsx(
7816
+ "path",
7817
+ {
7818
+ d: "M26.9476 14.2775C30.1992 9.06819 30.9839 4.11351 28.4804 1.69452C25.9768 -0.724468 20.8494 0.0323405 15.4592 3.17632C9.90111 -0.190461 4.5547 -1.06752 1.98551 1.40805C-0.583687 3.88363 0.295825 8.9727 3.68979 14.2775C0.0622617 19.7379 -0.912135 25.0321 1.7045 27.5607C4.32114 30.0893 9.79893 29.1486 15.4519 25.6439C20.9479 28.9258 26.2104 29.7534 28.7577 27.2919C31.305 24.8305 30.4328 19.6424 26.9476 14.2775ZM27.4074 3.96143C28.4767 5.84641 27.7724 9.03282 25.736 12.5446C24.5761 10.9981 23.2924 9.54244 21.8968 8.19113C23.5104 6.54516 25.3528 5.12513 27.3709 3.97204L27.4074 3.96143ZM24.6193 14.2987C23.4165 16.0228 22.0545 17.6374 20.5501 19.1226C19.5977 18.0439 18.9371 17.1775 18.6707 16.8132C17.7036 14.9494 17.7328 13.6303 18.7619 11.7418C19.1524 11.2361 19.7619 10.4757 20.5501 9.61989C22.0448 11.0668 23.4052 12.6384 24.6156 14.3164L24.6193 14.2987ZM25.7141 2.55036C24.5163 4.44516 23.0632 6.17683 21.3932 7.69955C20.0996 6.48666 18.7191 5.36399 17.262 4.33984C20.6414 2.49377 23.7434 1.79 25.7287 2.54682L25.7141 2.55036ZM19.9334 8.99392C18.7291 10.0018 17.7437 10.695 17.3788 10.9567C15.4592 11.8338 14.0943 11.7135 12.0178 10.603L11.9192 10.5606C11.5069 10.2529 10.9996 9.8533 10.4376 9.39355C11.9782 7.93165 13.6515 6.60719 15.4373 5.43617C17.0317 6.50371 18.5353 7.69343 19.9334 8.99392ZM11.609 16.3994C11.4667 16.5975 10.8098 17.4993 9.76611 18.6911C8.40065 17.3248 7.15322 15.8522 6.03638 14.2881C7.15586 12.7784 8.39558 11.3559 9.74418 10.0337C10.9376 11.3952 11.6346 12.389 11.6346 12.389C11.951 13.0138 12.1134 13.7012 12.109 14.3971C12.1045 15.0931 11.9334 15.7785 11.609 16.3994ZM13.6454 4.30094C11.9738 5.43758 10.4006 6.7043 8.9413 8.08857C7.11704 6.45833 5.54718 4.57962 4.28101 2.51146L4.24084 2.50085C6.2736 1.36562 9.79893 2.12244 13.6454 4.31155V4.30094ZM2.84313 4.13472C4.90738 5.37184 6.78411 6.88106 8.41947 8.61905C7.15181 9.86002 5.97733 11.1872 4.90507 12.5906C2.88327 9.21672 2.0804 6.14348 2.84313 4.14533V4.13472ZM4.87587 15.9963C5.95746 17.4555 7.14924 18.835 8.44136 20.1234C6.72159 21.949 4.73312 23.5184 2.54022 24.781C1.78844 22.7192 2.6935 19.4833 4.87587 16.0069V15.9963ZM4.00366 26.4892V26.4715C5.35389 24.2982 7.03309 22.3335 8.98512 20.6433C10.4334 22.0512 11.9995 23.3405 13.6673 24.4981C9.71502 26.811 6.06558 27.6421 4.00366 26.4998V26.4892ZM15.43 23.3664C13.6493 22.1829 11.9809 20.8479 10.4449 19.3772C11.2696 18.7088 11.9521 18.2137 12.3462 17.9378C14.171 17.0254 15.4519 16.9405 17.1671 17.6832C17.2438 17.7362 18.386 18.4966 19.886 19.7485C18.4975 21.0722 17.0026 22.2867 15.4154 23.3805L15.43 23.3664ZM17.2219 24.4627C18.6867 23.4156 20.0722 22.268 21.3676 21.0287C23.1328 22.6267 24.6552 24.4592 25.8893 26.4715C23.8383 27.1894 20.6633 26.4114 17.2219 24.4733V24.4627ZM27.6629 25.0569L27.6447 25.0286C25.5077 23.8079 23.5653 22.2926 21.8786 20.5301C23.3024 19.1424 24.6049 17.6425 25.7725 16.0458C28.0205 19.7238 28.8052 23.1188 27.6629 25.0675V25.0569Z",
7819
+ fill: color
7820
+ }
7821
+ )
7822
+ }
7823
+ );
7824
+ }
7825
+ );
7826
+ DataStarIcon.displayName = "DataStarIcon";
7821
7827
 
7822
- export { ALL_THEMES, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, Badge, Board, BoardContent, BoardHeader, Button, CYBERPUNK_THEME, Calendar, Card, CardActions, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardImage, CardList, CardTitle, CellEditor, Checkbox, Chip, CodeRenderer, ConfirmationModal, ContextMenu, CopyButton, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, DataTable, DatePicker, DatePickerInput, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FOREST_THEME, FUTURISTIC_THEME, FileView, FilterPopover, GREEN_THEME, HeaderCell, HtmlRenderer, IconButton, ImageRenderer, Input, Label, LoadingSpinner, MINIMALIST_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, NATURE_THEME, OCEAN_THEME, OPTILOGIC_LEGACY_THEME, PRESET_THEMES, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizablePanel, ResizeHandle, SCIFI_THEME, SUNSET_THEME, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCard, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemePicker, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
7828
+ export { ALL_THEMES, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, Badge, Board, BoardContent, BoardHeader, Button, Calendar, Card, CardActions, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardImage, CardList, CardTitle, CellEditor, Checkbox, Chip, CodeRenderer, ConfirmationModal, ContextMenu, CopyButton, CosmicFrogIcon, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, DataStarIcon, DataTable, DatePicker, DatePickerInput, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileView, FilterPopover, HeaderCell, HtmlRenderer, IconButton, ImageRenderer, Input, Label, LoadingSpinner, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, OptilogicLogoWithText, PRESET_THEMES, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ResizablePanel, ResizeHandle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCard, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemePicker, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
7823
7829
  //# sourceMappingURL=index.js.map
7824
7830
  //# sourceMappingURL=index.js.map