@admin-layout/tailwind-design-pro 12.0.16-alpha.0 → 12.0.16-alpha.10

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 (110) hide show
  1. package/README.md +30 -0
  2. package/lib/components/Layout/BasicLayout/index.js +3 -2
  3. package/lib/components/Layout/BasicLayout/index.js.map +1 -1
  4. package/lib/components/Layout/GlobalHeader/Header.js +1 -1
  5. package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
  6. package/lib/components/Layout/GlobalHeader/MainHeader.js +1 -1
  7. package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
  8. package/lib/components/Layout/Sidebar/Sidebar.js +1 -1
  9. package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
  10. package/lib/components/SettingDrawer/InvitationSettings.js +1 -1
  11. package/lib/components/SettingDrawer/InvitationSettings.js.map +1 -1
  12. package/lib/components/SettingDrawer/LayoutChange.js +1 -1
  13. package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
  14. package/lib/components/SettingDrawer/NavigationsModes.js +1 -1
  15. package/lib/components/SettingDrawer/NavigationsModes.js.map +1 -1
  16. package/lib/components/SettingDrawer/RegionalSettings.js +1 -1
  17. package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
  18. package/lib/components/SettingDrawer/SettingDrawer.js +1 -1
  19. package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
  20. package/lib/components/index.d.ts +0 -1
  21. package/lib/components/index.d.ts.map +1 -1
  22. package/lib/components/index.js +1 -1
  23. package/lib/components/typings.d.ts +0 -5
  24. package/lib/components/typings.d.ts.map +1 -1
  25. package/lib/hooks/index.d.ts +0 -3
  26. package/lib/hooks/index.d.ts.map +1 -1
  27. package/lib/index.d.ts +1 -0
  28. package/lib/index.d.ts.map +1 -1
  29. package/lib/index.js +1 -1
  30. package/lib/index.js.map +1 -1
  31. package/package.json +6 -16
  32. package/lib/components/UI/CardList.d.ts +0 -61
  33. package/lib/components/UI/CardList.d.ts.map +0 -1
  34. package/lib/components/UI/CardList.js +0 -43
  35. package/lib/components/UI/CardList.js.map +0 -1
  36. package/lib/components/UI/CategoriesTypeList.d.ts +0 -29
  37. package/lib/components/UI/CategoriesTypeList.d.ts.map +0 -1
  38. package/lib/components/UI/CategoriesTypeList.js +0 -140
  39. package/lib/components/UI/CategoriesTypeList.js.map +0 -1
  40. package/lib/components/UI/LazyLoadingGoogleMarker.d.ts +0 -83
  41. package/lib/components/UI/LazyLoadingGoogleMarker.d.ts.map +0 -1
  42. package/lib/components/UI/LazyLoadingGoogleMarker.js +0 -107
  43. package/lib/components/UI/LazyLoadingGoogleMarker.js.map +0 -1
  44. package/lib/components/UI/Pagination.d.ts +0 -6
  45. package/lib/components/UI/Pagination.d.ts.map +0 -1
  46. package/lib/components/UI/Pagination.js +0 -59
  47. package/lib/components/UI/Pagination.js.map +0 -1
  48. package/lib/components/UI/ParamSearchResultContainer.d.ts +0 -99
  49. package/lib/components/UI/ParamSearchResultContainer.d.ts.map +0 -1
  50. package/lib/components/UI/ParamSearchResultContainer.js +0 -120
  51. package/lib/components/UI/ParamSearchResultContainer.js.map +0 -1
  52. package/lib/components/UI/PropertyCard.d.ts +0 -24
  53. package/lib/components/UI/PropertyCard.d.ts.map +0 -1
  54. package/lib/components/UI/PropertyCard.js +0 -417
  55. package/lib/components/UI/PropertyCard.js.map +0 -1
  56. package/lib/components/UI/PropertyCardOnMap.d.ts +0 -10
  57. package/lib/components/UI/PropertyCardOnMap.d.ts.map +0 -1
  58. package/lib/components/UI/PropertyCardOnMap.js +0 -108
  59. package/lib/components/UI/PropertyCardOnMap.js.map +0 -1
  60. package/lib/components/UI/VehicleCard/PricePopover.d.ts +0 -8
  61. package/lib/components/UI/VehicleCard/PricePopover.d.ts.map +0 -1
  62. package/lib/components/UI/VehicleCard/PricePopover.js +0 -98
  63. package/lib/components/UI/VehicleCard/PricePopover.js.map +0 -1
  64. package/lib/components/UI/VehicleCard/VehicleBadge.d.ts +0 -7
  65. package/lib/components/UI/VehicleCard/VehicleBadge.d.ts.map +0 -1
  66. package/lib/components/UI/VehicleCard/VehicleFeature.d.ts +0 -9
  67. package/lib/components/UI/VehicleCard/VehicleFeature.d.ts.map +0 -1
  68. package/lib/components/UI/VehicleCard/VehicleFeature.js +0 -23
  69. package/lib/components/UI/VehicleCard/VehicleFeature.js.map +0 -1
  70. package/lib/components/UI/VehicleCard/types.d.ts +0 -59
  71. package/lib/components/UI/VehicleCard/types.d.ts.map +0 -1
  72. package/lib/components/UI/VehicleCard.d.ts +0 -15
  73. package/lib/components/UI/VehicleCard.d.ts.map +0 -1
  74. package/lib/components/UI/VehicleCard.js +0 -166
  75. package/lib/components/UI/VehicleCard.js.map +0 -1
  76. package/lib/components/UI/VehicleCardList.d.ts +0 -14
  77. package/lib/components/UI/VehicleCardList.d.ts.map +0 -1
  78. package/lib/components/UI/VehicleCardList.js +0 -38
  79. package/lib/components/UI/VehicleCardList.js.map +0 -1
  80. package/lib/components/UI/VehicleParamSearchResultContainer.d.ts +0 -90
  81. package/lib/components/UI/VehicleParamSearchResultContainer.d.ts.map +0 -1
  82. package/lib/components/UI/icons/LocationIcon.d.ts +0 -7
  83. package/lib/components/UI/icons/LocationIcon.d.ts.map +0 -1
  84. package/lib/components/UI/icons/LocationIcon.js +0 -18
  85. package/lib/components/UI/icons/LocationIcon.js.map +0 -1
  86. package/lib/components/UI/icons/index.d.ts +0 -2
  87. package/lib/components/UI/icons/index.d.ts.map +0 -1
  88. package/lib/components/UI/index.d.ts +0 -10
  89. package/lib/components/UI/index.d.ts.map +0 -1
  90. package/lib/components/typings.js +0 -6
  91. package/lib/components/typings.js.map +0 -1
  92. package/lib/hooks/use-get-current-lat-long.d.ts +0 -18
  93. package/lib/hooks/use-get-current-lat-long.d.ts.map +0 -1
  94. package/lib/hooks/use-get-current-lat-long.js +0 -29
  95. package/lib/hooks/use-get-current-lat-long.js.map +0 -1
  96. package/lib/hooks/useWindowSize.d.ts +0 -6
  97. package/lib/hooks/useWindowSize.d.ts.map +0 -1
  98. package/lib/hooks/useWindowSize.js +0 -20
  99. package/lib/hooks/useWindowSize.js.map +0 -1
  100. package/lib/middlewares/airbnbDatasourcesMiddleware.d.ts +0 -6
  101. package/lib/middlewares/airbnbDatasourcesMiddleware.d.ts.map +0 -1
  102. package/lib/middlewares/bookingCarRentalMiddleware.d.ts +0 -6
  103. package/lib/middlewares/bookingCarRentalMiddleware.d.ts.map +0 -1
  104. package/lib/middlewares/bookingDatasourcesMiddleware.d.ts +0 -7
  105. package/lib/middlewares/bookingDatasourcesMiddleware.d.ts.map +0 -1
  106. package/lib/middlewares/datasourcesMiddleware.d.ts +0 -6
  107. package/lib/middlewares/datasourcesMiddleware.d.ts.map +0 -1
  108. package/lib/middlewares/pricelineDatasourcesMiddleware.d.ts +0 -7
  109. package/lib/middlewares/pricelineDatasourcesMiddleware.d.ts.map +0 -1
  110. package/lib/styles/index-bk.css +0 -443
@@ -1,18 +0,0 @@
1
- /**
2
- *
3
- * Gets the current Ip address details of user by calling the geolocation
4
- *
5
- */
6
- interface CurrentLocationLongLatInterface {
7
- loading: boolean;
8
- error: Error;
9
- fetchCurrentLatLong: () => void;
10
- permissionDenied: boolean;
11
- location: {
12
- latitude: number;
13
- longitude: number;
14
- };
15
- }
16
- export declare function useGetCurrentLongLat(): CurrentLocationLongLatInterface;
17
- export {};
18
- //# sourceMappingURL=use-get-current-lat-long.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-get-current-lat-long.d.ts","sourceRoot":"","sources":["../../src/hooks/use-get-current-lat-long.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,UAAU,+BAA+B;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;KACrB,CAAC;CACL;AAED,wBAAgB,oBAAoB,IAAI,+BAA+B,CA6BtE"}
@@ -1,29 +0,0 @@
1
- import {reject}from'lodash-es';import originalAsyncFunc from'react-use/lib/useAsyncFn.js';import {useState}from'react';const useAsyncFn = originalAsyncFunc?.default || originalAsyncFunc;
2
- function useGetCurrentLongLat() {
3
- const [permissionDenied, setPermissionDenied] = useState(false);
4
- // const { toastError } = Toast();
5
- const [state, fetchCurrentLatLong] = useAsyncFn(() => new Promise(resolve => {
6
- navigator.geolocation.getCurrentPosition(position => {
7
- setPermissionDenied(false);
8
- resolve({
9
- latitude: position.coords.latitude,
10
- longitude: position.coords.longitude
11
- });
12
- }, err => {
13
- setPermissionDenied(true);
14
- // toastError(err.message);
15
- reject(err);
16
- }, {
17
- maximumAge: 60000,
18
- timeout: 5000,
19
- enableHighAccuracy: true
20
- });
21
- }));
22
- return {
23
- loading: state.loading,
24
- location: state.value,
25
- error: state.error,
26
- permissionDenied,
27
- fetchCurrentLatLong
28
- };
29
- }export{useGetCurrentLongLat};//# sourceMappingURL=use-get-current-lat-long.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-get-current-lat-long.js","sources":["../../src/hooks/use-get-current-lat-long.ts"],"sourcesContent":[null],"names":[],"mappings":"uHAIA,MAAM,UAAU,GAAI,iBAAyB,EAAE,OAAO,IAAI,iBAAiB;SAiB3D,oBAAoB,GAAA;QAC1B,CAAA,gBAAiB,EAAA,mBAAqB,CAAA,WAAY,CAAA,KAAM,CAAA;;AAG9D,EAAA,MAAA,CAAA,KAAY,EAAA,mBAAqB,CAAA,aAAc,CAAA,MACxC,IACK,OAAA,CAAA,OAAS;aACA,CAAA,8BAAa,CAAA,QACjB,IAAA;yBACsB,CAAA,KAAA,CAAC;AACpB,MAAA,OAAA,CAAA;AACJ,QAAA,QACI,EAAI,QAAA,CAAA,MAAA,CAAA,QAAA;iBACe,EAAA,QAAA,CAAA,MAAK,CAAA;;cAElB;AACV,MAAA,mBACc,KAAK,CAAE;;MAK9B,MAAA,CAAA,GAAA,CAAA;;gBAEK,EAAE,KAAK;aACV,EAAE,IAAK;wBACI,EAAA;;KAEnB;AACL,EAAC,OAAA;;;;;;;"}
@@ -1,6 +0,0 @@
1
- declare function useWindowSize(): {
2
- width: number;
3
- height: number;
4
- };
5
- export default useWindowSize;
6
- //# sourceMappingURL=useWindowSize.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,iBAAS,aAAa;;;EAsBrB;AAED,eAAe,aAAa,CAAC"}
@@ -1,20 +0,0 @@
1
- import {useState,useEffect}from'react';function useWindowSize() {
2
- const [windowSize, setWindowSize] = useState({
3
- width: typeof window !== 'undefined' ? window.innerWidth : 0,
4
- // Check if window is defined
5
- height: typeof window !== 'undefined' ? window.innerHeight : 0 // Check if window is defined
6
- });
7
- useEffect(() => {
8
- function handleResize() {
9
- setWindowSize({
10
- width: window.innerWidth,
11
- height: window.innerHeight
12
- });
13
- }
14
- // Add event listener for window resize
15
- window.addEventListener('resize', handleResize);
16
- // Cleanup the event listener on component unmount
17
- return () => window.removeEventListener('resize', handleResize);
18
- }, []);
19
- return windowSize;
20
- }export{useWindowSize as default};//# sourceMappingURL=useWindowSize.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":[null],"names":[],"mappings":"uCAEA,SAAS,aAAa,GAAA;AAClB,EAAA,MAAA,CAAA,UAAiB,EAAA,iBAAgB;AAC7B,IAAA,KAAA,EAAA,OAAc,MAAA,KAAW,WAAA,GAAA,MAAoB,CAAA,cAAW;AACxD;AACH,IAAA,MAAE,EAAA,OAAA,MAAA,KAAA,WAAA,GAAA,MAAA,CAAA,WAAA,GAAA,CAAA;IAEH;AACI,EAAA,SAAA,CAAA,MAAqB;AACjB,IAAA,SAAA,YAAa,GAAC;mBACL,CAAA;qBACC,CAAA,UAAoB;AAC7B,QAAA,MAAC,EAAC,MAAA,CAAA;QACP;;AAGA;UAEkD,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA,CAAA;;IAEtD,OAAO,MAAA,MAAA,CAAA,mBAAA,CAAA,QAAA,EAAA,YAAA,CAAA;AAEP,GAAA,EAAA,EAAA,CAAA;AACJ,EAAC,OAAA,UAAA;AAED"}
@@ -1,6 +0,0 @@
1
- export declare const middleware: ({ context, request, params }: {
2
- context: any;
3
- request: any;
4
- params: any;
5
- }, dataLoader: any, next: any) => Promise<void>;
6
- //# sourceMappingURL=airbnbDatasourcesMiddleware.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"airbnbDatasourcesMiddleware.d.ts","sourceRoot":"","sources":["../../src/middlewares/airbnbDatasourcesMiddleware.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,UAAU,GAAU;;;;CAA4B,EAAE,eAAU,EAAE,SAAI,kBAsI9E,CAAC"}
@@ -1,6 +0,0 @@
1
- export declare const middleware: ({ context, request, params }: {
2
- context: any;
3
- request: any;
4
- params: any;
5
- }, dataLoader: any, next: any) => Promise<void>;
6
- //# sourceMappingURL=bookingCarRentalMiddleware.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"bookingCarRentalMiddleware.d.ts","sourceRoot":"","sources":["../../src/middlewares/bookingCarRentalMiddleware.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,UAAU,GAAU;;;;CAA4B,EAAE,eAAU,EAAE,SAAI,kBAwH9E,CAAC"}
@@ -1,7 +0,0 @@
1
- declare const middleware: ({ context, request, params }: {
2
- context: any;
3
- request: any;
4
- params: any;
5
- }, dataLoader: any, next: any) => Promise<void>;
6
- export { middleware };
7
- //# sourceMappingURL=bookingDatasourcesMiddleware.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"bookingDatasourcesMiddleware.d.ts","sourceRoot":"","sources":["../../src/middlewares/bookingDatasourcesMiddleware.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,GAAU;;;;CAA4B,EAAE,eAAU,EAAE,SAAI,kBAmIvE,CAAC;AACF,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -1,6 +0,0 @@
1
- export declare const middleware: ({ context, request, params }: {
2
- context: any;
3
- request: any;
4
- params: any;
5
- }, dataLoader: any, next: any) => Promise<void>;
6
- //# sourceMappingURL=datasourcesMiddleware.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datasourcesMiddleware.d.ts","sourceRoot":"","sources":["../../src/middlewares/datasourcesMiddleware.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAU;;;;CAA4B,EAAE,eAAU,EAAE,SAAI,kBAsB9E,CAAC"}
@@ -1,7 +0,0 @@
1
- declare const middleware: ({ context, request, params }: {
2
- context: any;
3
- request: any;
4
- params: any;
5
- }, dataLoader: any, next: any) => Promise<void>;
6
- export { middleware };
7
- //# sourceMappingURL=pricelineDatasourcesMiddleware.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"pricelineDatasourcesMiddleware.d.ts","sourceRoot":"","sources":["../../src/middlewares/pricelineDatasourcesMiddleware.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU,GAAU;;;;CAA4B,EAAE,eAAU,EAAE,SAAI,kBAkGvE,CAAC;AACF,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -1,443 +0,0 @@
1
-
2
- @tailwind base;
3
- @tailwind components;
4
- @tailwind utilities;
5
-
6
- /* Base theme variables */
7
- :root {
8
- /* Theme colors */
9
- --background: 0 0% 100%;
10
- --foreground: 222.2 84% 4.9%;
11
- --card: 0 0% 100%;
12
- --card-foreground: 222.2 84% 4.9%;
13
- --popover: 0 0% 100%;
14
- --popover-foreground: 222.2 84% 4.9%;
15
- --primary: 221.2 83.2% 53.3%;
16
- --primary-foreground: 210 40% 98%;
17
- --secondary: 210 40% 96.1%;
18
- --secondary-foreground: 222.2 47.4% 11.2%;
19
- --muted: 210 40% 96.1%;
20
- --muted-foreground: 215.4 16.3% 46.9%;
21
- --accent: 210 40% 96.1%;
22
- --accent-foreground: 222.2 47.4% 11.2%;
23
- --destructive: 0 84.2% 60.2%;
24
- --destructive-foreground: 210 40% 98%;
25
- --border: 214.3 31.8% 91.4%;
26
- --input: 214.3 31.8% 91.4%;
27
- --ring: 221.2 83.2% 53.3%;
28
- --radius: 0.5rem;
29
-
30
- /* Fonts */
31
- --font-family: 'Inter', sans-serif;
32
-
33
- /* Font sizes */
34
- --font-size-xs: 0.75rem;
35
- --font-size-sm: 0.875rem;
36
- --font-size-base: 1rem;
37
- --font-size-lg: 1.125rem;
38
- --font-size-xl: 1.25rem;
39
- --font-size-2xl: 1.5rem;
40
- --font-size-3xl: 1.875rem;
41
- --font-size-4xl: 2.25rem;
42
- --font-size-5xl: 3rem;
43
-
44
- /* Spacing */
45
- --spacing-px: 1px;
46
- --spacing-0: 0;
47
- --spacing-0_5: 0.125rem;
48
- --spacing-1: 0.25rem;
49
- --spacing-1_5: 0.375rem;
50
- --spacing-2: 0.5rem;
51
- --spacing-2_5: 0.625rem;
52
- --spacing-3: 0.75rem;
53
- --spacing-3_5: 0.875rem;
54
- --spacing-4: 1rem;
55
- --spacing-5: 1.25rem;
56
- --spacing-6: 1.5rem;
57
- --spacing-8: 2rem;
58
- --spacing-10: 2.5rem;
59
- --spacing-12: 3rem;
60
- --spacing-16: 4rem;
61
- --spacing-20: 5rem;
62
- --spacing-24: 6rem;
63
- --spacing-32: 8rem;
64
- --spacing-40: 10rem;
65
- --spacing-48: 12rem;
66
- --spacing-56: 14rem;
67
- --spacing-64: 16rem;
68
-
69
- /* Border radius */
70
- --radius-none: 0;
71
- --radius-sm: 0.125rem;
72
- --radius-default: 0.25rem;
73
- --radius-md: 0.375rem;
74
- --radius-lg: 0.5rem;
75
- --radius-xl: 0.75rem;
76
- --radius-2xl: 1rem;
77
- --radius-3xl: 1.5rem;
78
- --radius-full: 9999px;
79
- }
80
-
81
- /* Dark mode theme variables */
82
- .dark {
83
- --background: 222.2 84% 4.9%;
84
- --foreground: 210 40% 98%;
85
- --card: 222.2 84% 4.9%;
86
- --card-foreground: 210 40% 98%;
87
- --popover: 222.2 84% 4.9%;
88
- --popover-foreground: 210 40% 98%;
89
- --primary: 217.2 91.2% 59.8%;
90
- --primary-foreground: 222.2 47.4% 11.2%;
91
- --secondary: 217.2 32.6% 17.5%;
92
- --secondary-foreground: 210 40% 98%;
93
- --muted: 217.2 32.6% 17.5%;
94
- --muted-foreground: 215 20.2% 65.1%;
95
- --accent: 217.2 32.6% 17.5%;
96
- --accent-foreground: 210 40% 98%;
97
- --destructive: 0 62.8% 30.6%;
98
- --destructive-foreground: 210 40% 98%;
99
- --border: 217.2 32.6% 17.5%;
100
- --input: 217.2 32.6% 17.5%;
101
- --ring: 224.3 76.3% 48%;
102
- }
103
-
104
- /* Theme color utilities */
105
- .bg-background {
106
- background-color: hsl(var(--background)) !important;
107
- }
108
-
109
- .text-foreground {
110
- color: hsl(var(--foreground)) !important;
111
- }
112
-
113
- .bg-card {
114
- background-color: hsl(var(--card)) !important;
115
- }
116
-
117
- .text-card-foreground {
118
- color: hsl(var(--card-foreground)) !important;
119
- }
120
-
121
- .bg-popover {
122
- background-color: hsl(var(--popover)) !important;
123
- }
124
-
125
- .text-popover-foreground {
126
- color: hsl(var(--popover-foreground)) !important;
127
- }
128
-
129
- .bg-primary {
130
- background-color: hsl(var(--primary)) !important;
131
- }
132
-
133
- .text-primary {
134
- color: hsl(var(--primary)) !important;
135
- }
136
-
137
- .border-primary {
138
- border-color: hsl(var(--primary)) !important;
139
- }
140
-
141
- .ring-primary {
142
- --tw-ring-color: hsl(var(--primary)) !important;
143
- }
144
-
145
- .hover\:bg-primary:hover {
146
- background-color: hsl(var(--primary)) !important;
147
- }
148
-
149
- .hover\:text-primary:hover {
150
- color: hsl(var(--primary)) !important;
151
- }
152
-
153
- .text-primary-foreground {
154
- color: hsl(var(--primary-foreground)) !important;
155
- }
156
-
157
- .bg-secondary {
158
- background-color: hsl(var(--secondary)) !important;
159
- }
160
-
161
- .text-secondary {
162
- color: hsl(var(--secondary)) !important;
163
- }
164
-
165
- .border-secondary {
166
- border-color: hsl(var(--secondary)) !important;
167
- }
168
-
169
- .text-secondary-foreground {
170
- color: hsl(var(--secondary-foreground)) !important;
171
- }
172
-
173
- .bg-muted {
174
- background-color: hsl(var(--muted)) !important;
175
- }
176
-
177
- .text-muted {
178
- color: hsl(var(--muted)) !important;
179
- }
180
-
181
- .text-muted-foreground {
182
- color: hsl(var(--muted-foreground)) !important;
183
- }
184
-
185
- .bg-accent {
186
- background-color: hsl(var(--accent)) !important;
187
- }
188
-
189
- .text-accent {
190
- color: hsl(var(--accent)) !important;
191
- }
192
-
193
- .text-accent-foreground {
194
- color: hsl(var(--accent-foreground)) !important;
195
- }
196
-
197
- .bg-destructive {
198
- background-color: hsl(var(--destructive)) !important;
199
- }
200
-
201
- .text-destructive {
202
- color: hsl(var(--destructive)) !important;
203
- }
204
-
205
- .text-destructive-foreground {
206
- color: hsl(var(--destructive-foreground)) !important;
207
- }
208
-
209
- .border-border {
210
- border-color: hsl(var(--border)) !important;
211
- }
212
-
213
- .border-input {
214
- border-color: hsl(var(--input)) !important;
215
- }
216
-
217
- .focus-ring {
218
- outline: 2px solid hsl(var(--ring));
219
- outline-offset: 2px;
220
- }
221
-
222
- /* Font family utility */
223
- .font-sans {
224
- font-family: var(--font-family) !important;
225
- }
226
-
227
- /* Border radius utilities */
228
- .rounded-none {
229
- border-radius: var(--radius-none) !important;
230
- }
231
-
232
- .rounded-sm {
233
- border-radius: var(--radius-sm) !important;
234
- }
235
-
236
- .rounded {
237
- border-radius: var(--radius-default) !important;
238
- }
239
-
240
- .rounded-md {
241
- border-radius: var(--radius-md) !important;
242
- }
243
-
244
- .rounded-lg {
245
- border-radius: var(--radius-lg) !important;
246
- }
247
-
248
- .rounded-xl {
249
- border-radius: var(--radius-xl) !important;
250
- }
251
-
252
- .rounded-2xl {
253
- border-radius: var(--radius-2xl) !important;
254
- }
255
-
256
- .rounded-3xl {
257
- border-radius: var(--radius-3xl) !important;
258
- }
259
-
260
- .rounded-full {
261
- border-radius: var(--radius-full) !important;
262
- }
263
-
264
- /* Font size utilities */
265
- .text-xs {
266
- font-size: var(--font-size-xs) !important;
267
- }
268
-
269
- .text-sm {
270
- font-size: var(--font-size-sm) !important;
271
- }
272
-
273
- .text-base {
274
- font-size: var(--font-size-base) !important;
275
- }
276
-
277
- .text-lg {
278
- font-size: var(--font-size-lg) !important;
279
- }
280
-
281
- .text-xl {
282
- font-size: var(--font-size-xl) !important;
283
- }
284
-
285
- .text-2xl {
286
- font-size: var(--font-size-2xl) !important;
287
- }
288
-
289
- .text-3xl {
290
- font-size: var(--font-size-3xl) !important;
291
- }
292
-
293
- .text-4xl {
294
- font-size: var(--font-size-4xl) !important;
295
- }
296
-
297
- .text-5xl {
298
- font-size: var(--font-size-5xl) !important;
299
- }
300
-
301
- /* Button styles */
302
- .btn {
303
- display: inline-flex;
304
- align-items: center;
305
- justify-content: center;
306
- border-radius: var(--radius-md);
307
- font-weight: 500;
308
- transition-property: color, background-color, border-color;
309
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
310
- transition-duration: 150ms;
311
- padding: 0.5rem 1rem;
312
- font-family: var(--font-family);
313
- }
314
-
315
- .btn-primary {
316
- background-color: hsl(var(--primary));
317
- color: hsl(var(--primary-foreground));
318
- }
319
-
320
- .btn-primary:hover {
321
- background-color: hsl(var(--primary) / 0.9);
322
- }
323
-
324
- .btn-secondary {
325
- background-color: hsl(var(--secondary));
326
- color: hsl(var(--secondary-foreground));
327
- }
328
-
329
- .btn-secondary:hover {
330
- background-color: hsl(var(--secondary) / 0.9);
331
- }
332
-
333
- .btn-accent {
334
- background-color: hsl(var(--accent));
335
- color: hsl(var(--accent-foreground));
336
- }
337
-
338
- .btn-accent:hover {
339
- background-color: hsl(var(--accent) / 0.9);
340
- }
341
-
342
- .btn-destructive {
343
- background-color: hsl(var(--destructive));
344
- color: hsl(var(--destructive-foreground));
345
- }
346
-
347
- .btn-destructive:hover {
348
- background-color: hsl(var(--destructive) / 0.9);
349
- }
350
-
351
- .btn-outline {
352
- border: 1px solid hsl(var(--input));
353
- background-color: transparent;
354
- color: hsl(var(--foreground));
355
- }
356
-
357
- .btn-outline:hover {
358
- background-color: hsl(var(--accent));
359
- color: hsl(var(--accent-foreground));
360
- }
361
-
362
- /* Card styles */
363
- .card {
364
- background-color: hsl(var(--card));
365
- color: hsl(var(--card-foreground));
366
- border-radius: var(--radius-lg);
367
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
368
- }
369
-
370
- /* Form input styles */
371
- .input {
372
- display: block;
373
- width: 100%;
374
- padding: 0.5rem;
375
- border-radius: var(--radius-md);
376
- border: 1px solid hsl(var(--input));
377
- background-color: transparent;
378
- color: hsl(var(--foreground));
379
- font-family: var(--font-family);
380
- font-size: var(--font-size-base);
381
- }
382
-
383
- .input:focus {
384
- outline: 2px solid hsl(var(--ring));
385
- outline-offset: 2px;
386
- }
387
-
388
- /* Menu and navbar styles */
389
- .menu {
390
- list-style: none;
391
- padding: 0;
392
- margin: 0;
393
- font-family: var(--font-family);
394
- }
395
-
396
- .menu-item {
397
- padding: 0.5rem 1rem;
398
- border-radius: var(--radius-md);
399
- color: hsl(var(--foreground));
400
- transition-property: color, background-color;
401
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
402
- transition-duration: 150ms;
403
- }
404
-
405
- .menu-item:hover {
406
- background-color: hsl(var(--accent));
407
- color: hsl(var(--accent-foreground));
408
- }
409
-
410
- .menu-item.active {
411
- background-color: hsl(var(--primary));
412
- color: hsl(var(--primary-foreground));
413
- }
414
-
415
- /* Navbar styles */
416
- .navbar {
417
- background-color: hsl(var(--background));
418
- border-bottom: 1px solid hsl(var(--border));
419
- padding: 0.75rem 1rem;
420
- display: flex;
421
- align-items: center;
422
- font-family: var(--font-family);
423
- }
424
-
425
- /* Sidebar styles */
426
- .sidebar {
427
- background-color: hsl(var(--card));
428
- border-right: 1px solid hsl(var(--border));
429
- font-family: var(--font-family);
430
- }
431
-
432
- /* Utility for transitions */
433
- .transition-colors {
434
- transition-property: color, background-color, border-color;
435
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
436
- transition-duration: 150ms;
437
- }
438
-
439
- .transition-all {
440
- transition-property: all;
441
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
442
- transition-duration: 150ms;
443
- }