@seed-design/react 0.0.25 → 0.0.27

package/lib/components/ActionButton/ActionButton.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ActionButton/ActionButton.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { actionButton } from '@seed-design/css/recipes/action-button';
 import { Primitive } from '@seed-design/react-primitive';

package/lib/components/ActionChip/ActionChip.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ActionChip/ActionChip.js

@@ -1,3 +1,4 @@
+'use client';
 import { actionChip } from '@seed-design/css/recipes/action-chip';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';

package/lib/components/ActionSheet/ActionSheet.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ActionSheet/ActionSheet.js

@@ -1,3 +1,4 @@
+'use client';
 import { actionSheet } from '@seed-design/css/recipes/action-sheet';
 import { actionSheetItem } from '@seed-design/css/recipes/action-sheet-item';
 import { Dialog, useDialogContext } from '@seed-design/react-dialog';

package/lib/components/Avatar/Avatar.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Avatar/Avatar.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Avatar } from '@seed-design/react-avatar';
 import { Primitive } from '@seed-design/react-primitive';

package/lib/components/Badge/Badge.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Badge/Badge.js

@@ -1,3 +1,4 @@
+'use client';
 import { Primitive } from '@seed-design/react-primitive';
 import { badge } from '@seed-design/css/recipes/badge';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/BottomSheet/BottomSheet.js

@@ -1,3 +1,4 @@
+'use client';
 import { Dialog, useDialogContext } from '@seed-design/react-dialog';
 import { Primitive } from '@seed-design/react-primitive';
 import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';

package/lib/components/Box/Box.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Box/Box.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import * as React from 'react';

package/lib/components/Callout/Callout.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Callout/Callout.js

@@ -1,3 +1,4 @@
+'use client';
 import { Primitive } from '@seed-design/react-primitive';
 import { callout } from '@seed-design/css/recipes/callout';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';

package/lib/components/Celcius/Celcius.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Celcius/Celcius.js

@@ -1,3 +1,4 @@
+'use client';
 const Celcius = (props) => {
   return `${props.value}°C`;
 };

package/lib/components/Checkbox/Checkbox.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Checkbox/Checkbox.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@seed-design/dom-utils';
 import { Checkbox, useCheckboxContext } from '@seed-design/react-checkbox';

package/lib/components/ChipTabs/ChipTabs.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ChipTabs/ChipTabs.js

@@ -1,3 +1,4 @@
+'use client';
 import { chipTabs } from '@seed-design/css/recipes/chip-tabs';
 import { Tabs } from '@seed-design/react-tabs';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';

package/lib/components/Columns/Columns.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Columns/Columns.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Box } from '../Box/Box.js';

package/lib/components/ConsistentWidth/ConsistentWidth.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ConsistentWidth/ConsistentWidth.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Primitive } from '@seed-design/react-primitive';
 import clsx from 'clsx';

package/lib/components/ControlChip/ControlChip.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ControlChip/ControlChip.js

@@ -1,3 +1,4 @@
+'use client';
 import { controlChip } from '@seed-design/css/recipes/control-chip';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';

package/lib/components/Count/Count.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Count/Count.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Primitive } from '@seed-design/react-primitive';
 import clsx from 'clsx';

package/lib/components/Dialog/Dialog.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Dialog/Dialog.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Dialog, useDialogContext } from '@seed-design/react-dialog';
 import { Primitive } from '@seed-design/react-primitive';

package/lib/components/Divider/Divider.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Divider/Divider.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Box } from '../Box/Box.js';

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.js

@@ -1,3 +1,4 @@
+'use client';
 import { Dialog, useDialogContext } from '@seed-design/react-dialog';
 import { Primitive } from '@seed-design/react-primitive';
 import { extendedActionSheet } from '@seed-design/css/recipes/extended-action-sheet';

package/lib/components/ExtendedFab/ExtendedFab.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/ExtendedFab/ExtendedFab.js

@@ -1,3 +1,4 @@
+'use client';
 import { Primitive } from '@seed-design/react-primitive';
 import { extendedFab } from '@seed-design/css/recipes/extended-fab';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';

package/lib/components/Fab/Fab.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Fab/Fab.js

@@ -1,3 +1,4 @@
+'use client';
 import { Primitive } from '@seed-design/react-primitive';
 import { fab } from '@seed-design/css/recipes/fab';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';

package/lib/components/Flex/Flex.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Flex/Flex.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Box } from '../Box/Box.js';

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/HelpBubble/HelpBubble.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Popover, usePopoverContext } from '@seed-design/react-popover';
 import { Primitive } from '@seed-design/react-primitive';

package/lib/components/Icon/Icon.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Icon/Icon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { useLayoutEffect } from '@radix-ui/react-use-layout-effect';

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { identityPlaceholder } from '@seed-design/css/recipes/identity-placeholder';
 import { mergeProps } from '@seed-design/dom-utils';

package/lib/components/Inline/Inline.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/Inline/Inline.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Box } from '../Box/Box.js';

package/lib/components/InlineBanner/InlineBanner.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/InlineBanner/InlineBanner.js

@@ -1,3 +1,4 @@
+'use client';
 import { inlineBanner } from '@seed-design/css/recipes/inline-banner';
 import { Primitive } from '@seed-design/react-primitive';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';

package/lib/components/LinkContent/LinkContent.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/LinkContent/LinkContent.js

@@ -1,3 +1,4 @@
+'use client';
 import { linkContent } from '@seed-design/css/recipes/link-content';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';

package/lib/components/LoadingIndicator/LoadingIndicator.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/LoadingIndicator/LoadingIndicator.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@seed-design/dom-utils';
 import { Primitive } from '@seed-design/react-primitive';

package/lib/components/LoadingIndicator/usePendingButton.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/LoadingIndicator/usePendingButton.js

@@ -1,3 +1,4 @@
+'use client';
 import { elementProps } from '@seed-design/dom-utils';
 import * as React from 'react';
 

package/lib/components/MannerTemp/MannerTemp.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/lib/components/MannerTemp/MannerTemp.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mannerTemp } from '@seed-design/css/recipes/manner-temp';
 import { Primitive } from '@seed-design/react-primitive';

package/lib/components/MannerTemp/MannerTempEmote.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -34,8 +35,8 @@ const l1 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M10.1875 24.4375L9.82573 23.8346C9.49274 24.0344 9.38477 24.4663 9.58456 24.7992C9.78425 25.1321 10.2158 25.2401 10.5487 25.0407L10.5484 25.0409L10.548 25.0412L10.548 25.0412C10.548 25.0411 10.5483 25.041 10.5487 25.0407L10.5492 25.0404L10.5562 25.0363L10.5947 25.0145C10.6306 24.9945 10.6868 24.9639 10.762 24.9253C10.9124 24.8481 11.1384 24.7391 11.4297 24.6181C12.0133 24.3759 12.8535 24.0883 13.8705 23.9115C15.8983 23.5588 18.6194 23.646 21.4398 25.4087C21.7691 25.6146 22.2029 25.5144 22.4087 25.1851C22.6145 24.8558 22.5144 24.4221 22.1851 24.2162C19.0056 22.229 15.9142 22.1287 13.6295 22.526C12.4902 22.7242 11.5492 23.046 10.8906 23.3193C10.5608 23.4562 10.3004 23.5816 10.1198 23.6743C10.0295 23.7206 9.95895 23.7589 9.90953 23.7865C9.88482 23.8003 9.86538 23.8114 9.85136 23.8195L9.83442 23.8294L9.82904 23.8326L9.82712 23.8337L9.82636 23.8342C9.82603 23.8344 9.82573 23.8346 10.1875 24.4375Z",
           fill: "#895F00"
         }
@@ -43,8 +44,8 @@ const l1 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M8.60463 16.476C8.96308 16.3266 9.37474 16.4961 9.5241 16.8546C9.90924 17.7789 10.4525 18.0373 10.8656 18.064C11.3327 18.0941 11.7994 17.8459 12.04 17.485C12.2554 17.1619 12.692 17.0746 13.0151 17.29C13.3382 17.5054 13.4255 17.9419 13.2101 18.265C12.7007 19.0291 11.7611 19.5309 10.7751 19.4673C9.7351 19.4002 8.77838 18.7211 8.22602 17.3954C8.07667 17.037 8.24617 16.6253 8.60463 16.476Z",
           fill: "#895F00"
         }
@@ -52,8 +53,8 @@ const l1 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M23.3954 16.476C23.7539 16.6253 23.9234 17.037 23.7741 17.3954C23.2217 18.7211 22.265 19.4002 21.225 19.4673C20.2389 19.5309 19.2994 19.0291 18.79 18.265C18.5746 17.9419 18.6619 17.5054 18.985 17.29C19.3081 17.0746 19.7446 17.1619 19.96 17.485C20.2007 17.8459 20.6673 18.0941 21.1344 18.064C21.5476 18.0373 22.0908 17.7789 22.476 16.8546C22.6253 16.4961 23.037 16.3266 23.3954 16.476Z",
           fill: "#895F00"
         }
@@ -62,8 +63,8 @@ const l1 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.9",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M22.9673 12.5763C23.0978 12.7999 23.0222 13.087 22.7986 13.2174L18.2986 15.8424C18.1536 15.927 17.9745 15.9276 17.829 15.844C17.6834 15.7604 17.5937 15.6054 17.5937 15.4375V13.75C17.5937 13.4911 17.8036 13.2813 18.0624 13.2813C18.3213 13.2813 18.5312 13.4911 18.5312 13.75V14.6214L22.3262 12.4076C22.5499 12.2772 22.8369 12.3527 22.9673 12.5763Z",
           fill: "#C69238"
         }
@@ -72,8 +73,8 @@ const l1 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.9",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M9.03759 12.5681C9.17259 12.3472 9.4611 12.2775 9.682 12.4125L9.19314 13.2125C8.97224 13.0775 8.9026 12.789 9.03759 12.5681ZM9.19314 13.2125L9.34111 13.3027C9.43587 13.3603 9.57242 13.4433 9.73977 13.5446C10.0744 13.7471 10.5325 14.0231 11.0259 14.3169C12.0057 14.9001 13.1468 15.5662 13.7279 15.8568C13.9595 15.9725 14.2411 15.8787 14.3568 15.6471C14.4726 15.4156 14.3787 15.134 14.1472 15.0182C13.6033 14.7463 12.4944 14.0999 11.5054 13.5113C11.0145 13.2191 10.5585 12.9443 10.2252 12.7425C10.0586 12.6417 9.92266 12.5591 9.82846 12.5018L9.682 12.4125L9.19314 13.2125Z",
           fill: "#C69238"
         }
@@ -124,8 +125,8 @@ const l2 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M11.0297 9.9611C11.0512 10.2191 10.8594 10.4457 10.6015 10.4672L8.35145 10.6547C8.09346 10.6762 7.86689 10.4844 7.8454 10.2265C7.8239 9.96846 8.01561 9.74189 8.2736 9.7204L10.5236 9.5329C10.7816 9.5114 11.0082 9.70311 11.0297 9.9611Z",
           fill: "#D49D3A"
         }
@@ -134,8 +135,8 @@ const l2 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M20.7828 9.9611C20.8043 9.70311 21.0309 9.5114 21.2889 9.5329L23.5389 9.7204C23.7969 9.74189 23.9886 9.96846 23.9671 10.2265C23.9456 10.4844 23.719 10.6762 23.461 10.6547L21.211 10.4672C20.953 10.4457 20.7613 10.2191 20.7828 9.9611Z",
           fill: "#D49D3A"
         }
@@ -150,8 +151,8 @@ const l2 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M7.98438 15.25C7.98438 14.8617 8.29917 14.5469 8.6875 14.5469H12.25C12.6383 14.5469 12.9531 14.8617 12.9531 15.25C12.9531 15.6383 12.6383 15.9531 12.25 15.9531H8.6875C8.29917 15.9531 7.98438 15.6383 7.98438 15.25Z",
           fill: "#895F00"
         }
@@ -166,8 +167,8 @@ const l2 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M18.8594 15.25C18.8594 14.8617 19.1742 14.5469 19.5625 14.5469H23.3125C23.7008 14.5469 24.0156 14.8617 24.0156 15.25C24.0156 15.6383 23.7008 15.9531 23.3125 15.9531H19.5625C19.1742 15.9531 18.8594 15.6383 18.8594 15.25Z",
           fill: "#895F00"
         }
@@ -226,8 +227,8 @@ const l3 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M8.3565 9.27256L8.35444 9.27663C8.35578 9.27419 8.35944 9.26766 8.3648 9.25888C8.37556 9.24124 8.39419 9.21254 8.42116 9.17727C8.47562 9.10606 8.56047 9.0127 8.67869 8.92827C8.90058 8.76977 9.27598 8.61463 9.88629 8.76721C10.1374 8.83 10.3919 8.67729 10.4547 8.42614C10.5175 8.17499 10.3648 7.92049 10.1137 7.8577C9.22398 7.63528 8.56813 7.85513 8.13378 8.16539C7.92387 8.31533 7.77434 8.47979 7.67645 8.60779C7.62725 8.67213 7.59023 8.7284 7.56436 8.77081L7.51822 8.85282C7.40244 9.08437 7.4963 9.36594 7.72785 9.48172C7.95788 9.59673 8.23727 9.50485 8.35444 9.27663",
           fill: "#D49D3A"
         }
@@ -236,8 +237,8 @@ const l3 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M24.0846 9.48172C23.8546 9.59673 23.5752 9.50486 23.458 9.27663C23.4579 9.27646 23.4582 9.27689 23.458 9.27663C23.4567 9.2742 23.453 9.26766 23.4477 9.25888C23.4369 9.24123 23.4183 9.21254 23.3913 9.17727C23.3368 9.10606 23.252 9.0127 23.1338 8.92826C22.9119 8.76977 22.5365 8.61463 21.9262 8.76721C21.675 8.83 21.4205 8.67729 21.3577 8.42614C21.2949 8.17499 21.4476 7.92049 21.6988 7.8577C22.5885 7.63528 23.2443 7.85513 23.6787 8.16539C23.8886 8.31533 24.0381 8.47979 24.136 8.60779C24.1852 8.67213 24.2222 8.7284 24.2481 8.77081C24.2611 8.79206 24.2713 8.80997 24.2789 8.82383L24.2932 8.85064C24.4084 9.07939 24.314 9.36701 24.0846 9.48172Z",
           fill: "#D49D3A"
         }
@@ -289,8 +290,8 @@ const l4 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M8.3565 9.27256L8.35444 9.27663C8.35578 9.27419 8.35944 9.26766 8.3648 9.25888C8.37556 9.24124 8.39419 9.21254 8.42116 9.17727C8.47562 9.10606 8.56047 9.0127 8.67869 8.92827C8.90058 8.76977 9.27598 8.61463 9.88629 8.76721C10.1374 8.83 10.3919 8.67729 10.4547 8.42614C10.5175 8.17499 10.3648 7.92049 10.1137 7.8577C9.22398 7.63528 8.56813 7.85513 8.13378 8.16539C7.92387 8.31533 7.77434 8.47979 7.67645 8.60779C7.62725 8.67213 7.59023 8.7284 7.56436 8.77081L7.51822 8.85282C7.40244 9.08437 7.4963 9.36594 7.72785 9.48172C7.95788 9.59673 8.23727 9.50485 8.35444 9.27663",
           fill: "#D49D3A"
         }
@@ -299,8 +300,8 @@ const l4 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M24.0846 9.48172C23.8546 9.59673 23.5752 9.50486 23.458 9.27663C23.4579 9.27646 23.4582 9.27689 23.458 9.27663C23.4567 9.2742 23.453 9.26766 23.4477 9.25888C23.4369 9.24123 23.4183 9.21254 23.3913 9.17727C23.3368 9.10606 23.252 9.0127 23.1338 8.92826C22.9119 8.76977 22.5365 8.61463 21.9262 8.76721C21.675 8.83 21.4205 8.67729 21.3577 8.42614C21.2949 8.17499 21.4476 7.92049 21.6988 7.8577C22.5885 7.63528 23.2443 7.85513 23.6787 8.16539C23.8886 8.31533 24.0381 8.47979 24.136 8.60779C24.1852 8.67213 24.2222 8.7284 24.2481 8.77081C24.2611 8.79206 24.2713 8.80997 24.2789 8.82383L24.2932 8.85064C24.4084 9.07939 24.314 9.36701 24.0846 9.48172Z",
           fill: "#D49D3A"
         }
@@ -367,8 +368,8 @@ const l5 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M10.75 13.1406C10.1155 13.1406 9.39062 13.6559 9.39062 14.5C9.39062 14.8883 9.07582 15.2031 8.6875 15.2031C8.29917 15.2031 7.98438 14.8883 7.98438 14.5C7.98438 12.7191 9.50946 11.7344 10.75 11.7344C11.9905 11.7344 13.5156 12.7191 13.5156 14.5C13.5156 14.8883 13.2008 15.2031 12.8125 15.2031C12.4242 15.2031 12.1094 14.8883 12.1094 14.5C12.1094 13.6559 11.3845 13.1406 10.75 13.1406Z",
           fill: "#895F00"
         }
@@ -376,8 +377,8 @@ const l5 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M21.4375 13.1406C20.803 13.1406 20.0781 13.6559 20.0781 14.5C20.0781 14.8883 19.7633 15.2031 19.375 15.2031C18.9867 15.2031 18.6719 14.8883 18.6719 14.5C18.6719 12.7191 20.197 11.7344 21.4375 11.7344C22.678 11.7344 24.2031 12.7191 24.2031 14.5C24.2031 14.8883 23.8883 15.2031 23.5 15.2031C23.1117 15.2031 22.7969 14.8883 22.7969 14.5C22.7969 13.6559 22.072 13.1406 21.4375 13.1406Z",
           fill: "#895F00"
         }
@@ -393,8 +394,8 @@ const l5 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M8.3565 7.96012L8.35444 7.96418C8.35578 7.96175 8.35944 7.95522 8.3648 7.94644C8.37556 7.9288 8.39419 7.9001 8.42116 7.86483C8.47562 7.79362 8.56047 7.70026 8.67869 7.61583C8.90058 7.45733 9.27598 7.30219 9.88629 7.45477C10.1374 7.51756 10.3919 7.36486 10.4547 7.1137C10.5175 6.86255 10.3648 6.60805 10.1137 6.54526C9.22398 6.32284 8.56813 6.54269 8.13378 6.85295C7.92387 7.00289 7.77434 7.16735 7.67645 7.29535C7.62725 7.35969 7.59023 7.41596 7.56436 7.45837L7.51822 7.54038C7.40244 7.77193 7.4963 8.0535 7.72785 8.16928C7.95788 8.28429 8.23727 8.19241 8.35444 7.96418L8.35515 7.96281L8.35585 7.96142L8.3565 7.96012Z",
           fill: "#D49D3A"
         }
@@ -410,8 +411,8 @@ const l5 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M11.5001 19.375C11.4299 19.375 11.3655 19.4143 11.3334 19.4767C11.3013 19.5392 11.3077 19.6156 11.3485 19.6728L11.3498 19.6746L11.3535 19.6795L11.3654 19.6948C11.3755 19.7073 11.3897 19.7242 11.4086 19.745C11.4463 19.7865 11.5024 19.8432 11.5802 19.9099C11.7361 20.0435 11.9782 20.2165 12.3327 20.3876C13.042 20.73 14.1957 21.0625 16.0001 21.0625C17.8041 21.0625 18.9133 20.7302 19.5786 20.3852C19.9112 20.2127 20.1314 20.0378 20.2708 19.9017C20.3404 19.8337 20.3895 19.7757 20.4223 19.7328C20.4413 19.708 20.4597 19.6825 20.4754 19.6555C20.5086 19.5975 20.5083 19.5262 20.4748 19.4684C20.4412 19.4106 20.3795 19.375 20.3126 19.375H11.5001Z",
           fill: "white"
         }
@@ -520,8 +521,8 @@ const l6 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M8.21415 10.6972C8.34686 10.3323 8.75029 10.144 9.11523 10.2767L13.2402 11.7767C13.5214 11.8789 13.707 12.1479 13.703 12.447C13.699 12.7461 13.5061 13.0099 13.2223 13.1045L8.72229 14.6045C8.3539 14.7273 7.9557 14.5283 7.8329 14.1599C7.7101 13.7915 7.9092 13.3933 8.2776 13.2705L10.8631 12.4086L8.63466 11.5983C8.26971 11.4656 8.08145 11.0622 8.21415 10.6972Z",
           fill: "#895F00"
         }
@@ -529,8 +530,8 @@ const l6 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M23.9732 10.6972C24.1059 11.0622 23.9176 11.4656 23.5527 11.5983L21.3242 12.4086L23.9097 13.2705C24.2781 13.3933 24.4772 13.7915 24.3544 14.1599C24.2316 14.5283 23.8334 14.7273 23.465 14.6045L18.965 13.1045C18.6812 13.0099 18.4884 12.7461 18.4843 12.447C18.4803 12.1479 18.6659 11.8789 18.9471 11.7767L23.0721 10.2767C23.437 10.144 23.8405 10.3323 23.9732 10.6972Z",
           fill: "#895F00"
         }
@@ -546,8 +547,8 @@ const l6 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M8.544 6.64762L8.54194 6.65169C8.54328 6.64926 8.54694 6.64272 8.5523 6.63394C8.56306 6.6163 8.58169 6.58761 8.60866 6.55233C8.66312 6.48112 8.74797 6.38777 8.86619 6.30333C9.08808 6.14483 9.46348 5.98969 10.0738 6.14227C10.3249 6.20506 10.5794 6.05236 10.6422 5.8012C10.705 5.55005 10.5523 5.29555 10.3012 5.23276C9.41148 5.01034 8.75563 5.23019 8.32128 5.54045C8.11137 5.69039 7.96184 5.85485 7.86395 5.98285L7.70572 6.22788C7.58994 6.45943 7.6838 6.741 7.91535 6.85678C8.14538 6.97179 8.42477 6.87991 8.54194 6.65169",
           fill: "#D49D3A"
         }
@@ -556,8 +557,8 @@ const l6 = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
         "path",
         {
           opacity: "0.85",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M23.6434 6.64762L23.6454 6.65169C23.6441 6.64926 23.6404 6.64272 23.6351 6.63394C23.6243 6.6163 23.6057 6.58761 23.5787 6.55233C23.5243 6.48112 23.4394 6.38777 23.3212 6.30333C23.0993 6.14483 22.7239 5.98969 22.1136 6.14227C21.8624 6.20506 21.6079 6.05236 21.5451 5.8012C21.4824 5.55005 21.6351 5.29555 21.8862 5.23276C22.7759 5.01034 23.4317 5.23019 23.8661 5.54045C24.076 5.69039 24.2255 5.85485 24.3234 5.98285L24.4817 6.22788C24.5974 6.45943 24.5036 6.741 24.272 6.85678C24.042 6.97179 23.7626 6.87991 23.6454 6.65169",
           fill: "#D49D3A"
         }