@cssui/react 1.0.0 → 1.0.2

package/dist/float-button/style.css

@@ -1 +1,176 @@
-@import '@cssui/components/float-button/style.css';
+.css-float-button-group {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.css-float-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 36px;
+  min-height: 36px;
+  padding: var(--spacing-2);
+  border: none;
+  background: var(--color-background);
+  color: var(--color-primary);
+  box-shadow: 0px 0px 15px 0px #00000026;
+  cursor: pointer;
+  text-decoration: none;
+  font-family: var(--font-family-base);
+  font-size: 14px;
+  font-weight: var(--font-weight-medium);
+  line-height: 20px;
+  transition:
+    transform var(--transition-duration-150) var(--transition-timing),
+    box-shadow var(--transition-duration-150) var(--transition-timing),
+    background-color var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-float-button:active {
+  color: #ffffff;
+  transform: translateY(-2px);
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
+  background: var(--color-primary-golden-06);
+}
+
+.css-float-button:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 3px;
+}
+
+.css-float-button--disabled,
+.css-float-button--disabled:hover {
+  transform: none;
+  background: var(--color-dark-01);
+  box-shadow: none;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.css-float-button--circle,
+.css-float-button-group--circle .css-float-button {
+  border-radius: 999px;
+}
+
+.css-float-button--square {
+  border-bottom-left-radius: 8px;
+  border-top-left-radius: 8px;
+}
+
+.css-float-button-group__actions {
+  display: flex;
+}
+
+.css-float-button-group--circle .css-float-button-group__actions {
+  flex-direction: column-reverse;
+  align-items: flex-end;
+  gap: 16px;
+  max-height: 0;
+  margin-bottom: 0;
+  opacity: 0;
+  transform: translateY(8px);
+  pointer-events: none;
+  transition:
+    max-height var(--transition-duration-150) var(--transition-timing),
+    margin-bottom var(--transition-duration-150) var(--transition-timing),
+    opacity var(--transition-duration-150) var(--transition-timing),
+    transform var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-float-button-group--circle .css-float-button-group__actions > .css-float-button {
+  opacity: 0;
+  transform: translateY(8px) scale(0.92);
+  transition:
+    opacity var(--transition-duration-150) var(--transition-timing),
+    transform var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-float-button-group--circle.css-float-button-group--open .css-float-button-group__actions {
+  max-height: 240px;
+  margin-bottom: 12px;
+  opacity: 1;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+
+.css-float-button-group--circle.css-float-button-group--open
+  .css-float-button-group__actions
+  > .css-float-button {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+
+.css-float-button-group--square {
+  width: max-content;
+  border-bottom-left-radius: 8px;
+  border-top-left-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0px 0px 15px 0px #00000026;
+}
+
+.css-float-button-group--square .css-float-button-group__actions {
+  flex-direction: column-reverse;
+  align-items: stretch;
+}
+
+.css-float-button-group--square .css-float-button {
+  width: 100%;
+  justify-content: flex-start;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.css-float-button-group--square .css-float-button:hover {
+  transform: none;
+  box-shadow: none;
+}
+
+.css-float-button-group--square .css-float-button:first-child {
+  border-bottom-left-radius: 8px;
+}
+
+.css-float-button-group--square .css-float-button:last-child {
+  border-top-left-radius: 8px;
+}
+
+.css-float-button-group--square .css-float-button:not(:last-child) {
+  border-top: 1px solid var(--color-dark-01);
+}
+
+.css-float-button__content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+
+.css-float-button__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.css-float-button__icon svg {
+  width: 20px;
+  height: 20px;
+}
+
+.css-float-button__label {
+  white-space: nowrap;
+}
+
+.css-float-button-group__trigger {
+  align-self: flex-end;
+}
+
+.css-float-button-group--circle.css-float-button-group--open
+  .css-float-button-group__trigger
+  .css-float-button {
+  background: var(--color-primary);
+  color: #ffffff;
+}
+
+@media (min-width: 768px) {
+}

package/dist/form/index.d.ts

@@ -1,3 +1,3 @@
-export { Form, type FormProps } from '@cssui/adapter-react';
-export type { FormErrors, FormField, FormFieldOption, FormRule, FormValidateTrigger, FormValue, FormValues, } from '@cssui/adapter-react';
+export { Form, type FormProps } from '../adapter-react/index';
+export type { FormErrors, FormField, FormFieldOption, FormRule, FormValidateTrigger, FormValue, FormValues, } from '../adapter-react/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/form/index.js

@@ -1 +1,34 @@
-export { Form } from '@cssui/adapter-react';
+import 'react';
+import '../adapter-react/components/button/Button.js';
+import '../adapter-react/components/input/Input.js';
+import '../adapter-react/components/checkbox/Checkbox.js';
+import '../adapter-react/components/checkbox/CheckboxGroup.js';
+import '../adapter-react/components/radio/Radio.js';
+import '../adapter-react/components/radio/RadioGroup.js';
+import '../adapter-react/components/switch/Switch.js';
+import '../adapter-react/components/divider/Divider.js';
+import '../adapter-react/components/modal/Modal.js';
+import '../adapter-react/components/toast/Toast.js';
+import '../adapter-react/components/icon/Icon.js';
+import '../adapter-react/components/slider/Slider.js';
+import 'react/jsx-runtime';
+import '../adapter-react/components/breadcrumb/Breadcrumb.js';
+import '../adapter-react/components/carousel/Carousel.js';
+import '../adapter-react/components/float-button/FloatButton.js';
+import '../adapter-react/components/float-button/FloatButtonGroup.js';
+import '../adapter-react/components/nav-menu/NavMenu.js';
+import '../adapter-react/components/sidebar/Sidebar.js';
+import '../adapter-react/components/input-number/InputNumber.js';
+import '../adapter-react/components/tooltip/Tooltip.js';
+import '../adapter-react/components/select/Select.js';
+import '../adapter-react/components/steps/Steps.js';
+import '../adapter-react/components/toolbars/Toolbar.js';
+import '../adapter-react/components/input-bar/InputBar.js';
+import '../adapter-react/components/date-picker/DatePicker.js';
+import '../adapter-react/components/time-picker/TimePicker.js';
+import '../adapter-react/components/pagination/Pagination.js';
+import '../adapter-react/components/table/Table.js';
+export { Form } from '../adapter-react/components/form/Form.js';
+import '../adapter-react/components/grid/Grid.js';
+import '../adapter-react/components/grid/GridItem.js';
+//# sourceMappingURL=index.js.map

package/dist/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/form/style.css

@@ -1 +1,79 @@
-@import '@cssui/components/form/style.css';
+/**
+ * Form 表单组件样式
+ */
+
+.css-form {
+  display: grid;
+  gap: 20px;
+  width: 100%;
+}
+
+.css-form__item {
+  display: grid;
+  gap: 8px;
+}
+
+.css-form__control {
+  min-width: 0;
+}
+
+.css-form__control .css-input,
+.css-form__control .css-select {
+  width: 100%;
+  max-width: none;
+}
+
+.css-form__item-main {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.css-form__checkbox-group {
+  display: grid;
+  gap: 12px;
+}
+
+.css-form__radio-field {
+  display: grid;
+  gap: 4px;
+}
+
+.css-form .css-form__help,
+.css-form .css-form__error {
+  margin: 0;
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.css-form .css-form__help {
+  color: var(--color-dark-03, #999999);
+}
+
+.css-form .css-form__error {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--color-error, #d74d45);
+}
+
+.css-form .css-form__error .css-icon {
+  flex: 0 0 auto;
+}
+
+.css-form__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+@media (max-width: 767px) {
+  .css-form__actions {
+    width: 100%;
+  }
+
+  .css-form__actions .css-button {
+    flex: 1 1 auto;
+    justify-content: center;
+  }
+}

package/dist/grid/index.d.ts

@@ -1,3 +1,3 @@
-export { Grid, GridItem } from '@cssui/adapter-react';
-export type { GridProps, GridItemProps, GridBreakpoint, GridLength, GridResponsiveValue, GridSpan, } from '@cssui/adapter-react';
+export { Grid, GridItem } from '../adapter-react/index';
+export type { GridProps, GridItemProps, GridBreakpoint, GridLength, GridResponsiveValue, GridSpan, } from '../adapter-react/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/grid/index.js

@@ -1 +1,34 @@
-export { Grid, GridItem } from '@cssui/adapter-react';
+import 'react';
+import '../adapter-react/components/button/Button.js';
+import '../adapter-react/components/input/Input.js';
+import '../adapter-react/components/checkbox/Checkbox.js';
+import '../adapter-react/components/checkbox/CheckboxGroup.js';
+import '../adapter-react/components/radio/Radio.js';
+import '../adapter-react/components/radio/RadioGroup.js';
+import '../adapter-react/components/switch/Switch.js';
+import '../adapter-react/components/divider/Divider.js';
+import '../adapter-react/components/modal/Modal.js';
+import '../adapter-react/components/toast/Toast.js';
+import '../adapter-react/components/icon/Icon.js';
+import '../adapter-react/components/slider/Slider.js';
+import 'react/jsx-runtime';
+import '../adapter-react/components/breadcrumb/Breadcrumb.js';
+import '../adapter-react/components/carousel/Carousel.js';
+import '../adapter-react/components/float-button/FloatButton.js';
+import '../adapter-react/components/float-button/FloatButtonGroup.js';
+import '../adapter-react/components/nav-menu/NavMenu.js';
+import '../adapter-react/components/sidebar/Sidebar.js';
+import '../adapter-react/components/input-number/InputNumber.js';
+import '../adapter-react/components/tooltip/Tooltip.js';
+import '../adapter-react/components/select/Select.js';
+import '../adapter-react/components/steps/Steps.js';
+import '../adapter-react/components/toolbars/Toolbar.js';
+import '../adapter-react/components/input-bar/InputBar.js';
+import '../adapter-react/components/date-picker/DatePicker.js';
+import '../adapter-react/components/time-picker/TimePicker.js';
+import '../adapter-react/components/pagination/Pagination.js';
+import '../adapter-react/components/table/Table.js';
+import '../adapter-react/components/form/Form.js';
+export { Grid } from '../adapter-react/components/grid/Grid.js';
+export { GridItem } from '../adapter-react/components/grid/GridItem.js';
+//# sourceMappingURL=index.js.map

package/dist/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/grid/style.css

@@ -1 +1,189 @@
-@import '@cssui/components/grid/style.css';
+/**
+ * Grid 栅格组件样式
+ */
+
+.css-grid {
+  width: 100%;
+  padding-inline: var(--css-grid-margin-xs, 16px);
+  box-sizing: border-box;
+}
+
+.css-grid__inner {
+  display: grid;
+  width: 100%;
+  margin-inline: auto;
+  box-sizing: border-box;
+  grid-template-columns: repeat(var(--css-grid-columns-xs, 4), minmax(0, 1fr));
+  column-gap: var(--css-grid-column-gap-xs, 12px);
+  row-gap: var(--css-grid-row-gap-xs, 12px);
+  max-width: var(--css-grid-max-width-xs, none);
+}
+
+.css-grid__item {
+  min-width: 0;
+  grid-column: var(--css-grid-item-column-xs, span 1 / span 1);
+}
+
+@media (min-width: 768px) {
+  .css-grid {
+    padding-inline: var(--css-grid-margin-sm, var(--css-grid-margin-xs, 16px));
+  }
+
+  .css-grid__inner {
+    grid-template-columns: repeat(
+      var(--css-grid-columns-sm, var(--css-grid-columns-xs, 4)),
+      minmax(0, 1fr)
+    );
+    column-gap: var(--css-grid-column-gap-sm, var(--css-grid-column-gap-xs, 12px));
+    row-gap: var(--css-grid-row-gap-sm, var(--css-grid-row-gap-xs, 12px));
+    max-width: var(--css-grid-max-width-sm, var(--css-grid-max-width-xs, none));
+  }
+
+  .css-grid__item {
+    grid-column: var(--css-grid-item-column-sm, var(--css-grid-item-column-xs, span 1 / span 1));
+  }
+}
+
+@media (min-width: 1024px) {
+  .css-grid {
+    padding-inline: var(
+      --css-grid-margin-md,
+      var(--css-grid-margin-sm, var(--css-grid-margin-xs, 16px))
+    );
+  }
+
+  .css-grid__inner {
+    grid-template-columns: repeat(
+      var(--css-grid-columns-md, var(--css-grid-columns-sm, var(--css-grid-columns-xs, 4))),
+      minmax(0, 1fr)
+    );
+    column-gap: var(
+      --css-grid-column-gap-md,
+      var(--css-grid-column-gap-sm, var(--css-grid-column-gap-xs, 12px))
+    );
+    row-gap: var(
+      --css-grid-row-gap-md,
+      var(--css-grid-row-gap-sm, var(--css-grid-row-gap-xs, 12px))
+    );
+    max-width: var(
+      --css-grid-max-width-md,
+      var(--css-grid-max-width-sm, var(--css-grid-max-width-xs, none))
+    );
+  }
+
+  .css-grid__item {
+    grid-column: var(
+      --css-grid-item-column-md,
+      var(--css-grid-item-column-sm, var(--css-grid-item-column-xs, span 1 / span 1))
+    );
+  }
+}
+
+@media (min-width: 1280px) {
+  .css-grid {
+    padding-inline: var(
+      --css-grid-margin-lg,
+      var(--css-grid-margin-md, var(--css-grid-margin-sm, var(--css-grid-margin-xs, 16px)))
+    );
+  }
+
+  .css-grid__inner {
+    grid-template-columns: repeat(
+      var(
+        --css-grid-columns-lg,
+        var(--css-grid-columns-md, var(--css-grid-columns-sm, var(--css-grid-columns-xs, 4)))
+      ),
+      minmax(0, 1fr)
+    );
+    column-gap: var(
+      --css-grid-column-gap-lg,
+      var(
+        --css-grid-column-gap-md,
+        var(--css-grid-column-gap-sm, var(--css-grid-column-gap-xs, 12px))
+      )
+    );
+    row-gap: var(
+      --css-grid-row-gap-lg,
+      var(--css-grid-row-gap-md, var(--css-grid-row-gap-sm, var(--css-grid-row-gap-xs, 12px)))
+    );
+    max-width: var(
+      --css-grid-max-width-lg,
+      var(--css-grid-max-width-md, var(--css-grid-max-width-sm, var(--css-grid-max-width-xs, none)))
+    );
+  }
+
+  .css-grid__item {
+    grid-column: var(
+      --css-grid-item-column-lg,
+      var(
+        --css-grid-item-column-md,
+        var(--css-grid-item-column-sm, var(--css-grid-item-column-xs, span 1 / span 1))
+      )
+    );
+  }
+}
+
+@media (min-width: 1440px) {
+  .css-grid {
+    padding-inline: var(
+      --css-grid-margin-xl,
+      var(
+        --css-grid-margin-lg,
+        var(--css-grid-margin-md, var(--css-grid-margin-sm, var(--css-grid-margin-xs, 16px)))
+      )
+    );
+  }
+
+  .css-grid__inner {
+    grid-template-columns: repeat(
+      var(
+        --css-grid-columns-xl,
+        var(
+          --css-grid-columns-lg,
+          var(--css-grid-columns-md, var(--css-grid-columns-sm, var(--css-grid-columns-xs, 4)))
+        )
+      ),
+      minmax(0, 1fr)
+    );
+    column-gap: var(
+      --css-grid-column-gap-xl,
+      var(
+        --css-grid-column-gap-lg,
+        var(
+          --css-grid-column-gap-md,
+          var(--css-grid-column-gap-sm, var(--css-grid-column-gap-xs, 12px))
+        )
+      )
+    );
+    row-gap: var(
+      --css-grid-row-gap-xl,
+      var(
+        --css-grid-row-gap-lg,
+        var(--css-grid-row-gap-md, var(--css-grid-row-gap-sm, var(--css-grid-row-gap-xs, 12px)))
+      )
+    );
+    max-width: var(
+      --css-grid-max-width-xl,
+      var(
+        --css-grid-max-width-lg,
+        var(
+          --css-grid-max-width-md,
+          var(--css-grid-max-width-sm, var(--css-grid-max-width-xs, none))
+        )
+      )
+    );
+  }
+
+  .css-grid__item {
+    grid-column: var(
+      --css-grid-item-column-xl,
+      var(
+        --css-grid-item-column-lg,
+        var(
+          --css-grid-item-column-md,
+          var(--css-grid-item-column-sm, var(--css-grid-item-column-xs, span 1 / span 1))
+        )
+      )
+    );
+  }
+}

package/dist/icon/index.d.ts

@@ -1,3 +1,3 @@
-export { Icon } from '@cssui/adapter-react';
-export type { IconProps } from '@cssui/adapter-react';
+export { Icon } from '../adapter-react/index';
+export type { IconProps } from '../adapter-react/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/icon/index.js

@@ -1 +1,34 @@
-export { Icon } from '@cssui/adapter-react';
+import 'react';
+import '../adapter-react/components/button/Button.js';
+import '../adapter-react/components/input/Input.js';
+import '../adapter-react/components/checkbox/Checkbox.js';
+import '../adapter-react/components/checkbox/CheckboxGroup.js';
+import '../adapter-react/components/radio/Radio.js';
+import '../adapter-react/components/radio/RadioGroup.js';
+import '../adapter-react/components/switch/Switch.js';
+import '../adapter-react/components/divider/Divider.js';
+import '../adapter-react/components/modal/Modal.js';
+import '../adapter-react/components/toast/Toast.js';
+export { default as Icon } from '../adapter-react/components/icon/Icon.js';
+import '../adapter-react/components/slider/Slider.js';
+import 'react/jsx-runtime';
+import '../adapter-react/components/breadcrumb/Breadcrumb.js';
+import '../adapter-react/components/carousel/Carousel.js';
+import '../adapter-react/components/float-button/FloatButton.js';
+import '../adapter-react/components/float-button/FloatButtonGroup.js';
+import '../adapter-react/components/nav-menu/NavMenu.js';
+import '../adapter-react/components/sidebar/Sidebar.js';
+import '../adapter-react/components/input-number/InputNumber.js';
+import '../adapter-react/components/tooltip/Tooltip.js';
+import '../adapter-react/components/select/Select.js';
+import '../adapter-react/components/steps/Steps.js';
+import '../adapter-react/components/toolbars/Toolbar.js';
+import '../adapter-react/components/input-bar/InputBar.js';
+import '../adapter-react/components/date-picker/DatePicker.js';
+import '../adapter-react/components/time-picker/TimePicker.js';
+import '../adapter-react/components/pagination/Pagination.js';
+import '../adapter-react/components/table/Table.js';
+import '../adapter-react/components/form/Form.js';
+import '../adapter-react/components/grid/Grid.js';
+import '../adapter-react/components/grid/GridItem.js';
+//# sourceMappingURL=index.js.map

package/dist/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/icon/style.css

@@ -1 +1,28 @@
-@import '@cssui/components/icon/style.css';
+/* Base styles for icon wrapper */
+.css-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  font-size: inherit; /* Allow font-size inheritance */
+  vertical-align: middle;
+}
+
+.css-icon svg {
+  width: 1em;
+  height: 1em;
+}
+
+/* Spin animation */
+.css-icon-spin {
+  animation: css-icon-spin 1s linear infinite;
+}
+
+@keyframes css-icon-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/icons/react/add_circle.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const AddCircle = memo(({ size = 24, width, height, className = "", ...props }) => {
+  const finalWidth = width ?? size;
+  const finalHeight = height ?? size;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: finalWidth,
+      height: finalHeight,
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: `css-icon ${className}`.trim(),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14.1797 10.8203V9.17969H10.8203V5.82031H9.17969V9.17969H5.82031V10.8203H9.17969V14.1797H10.8203V10.8203H14.1797ZM4.10156 4.14062C5.74219 2.5 7.70833 1.67969 10 1.67969C12.2917 1.67969 14.2448 2.5 15.8594 4.14062C17.5 5.75521 18.3203 7.70833 18.3203 10C18.3203 12.2917 17.5 14.2578 15.8594 15.8984C14.2448 17.513 12.2917 18.3203 10 18.3203C7.70833 18.3203 5.74219 17.513 4.10156 15.8984C2.48698 14.2578 1.67969 12.2917 1.67969 10C1.67969 7.70833 2.48698 5.75521 4.10156 4.14062Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+});
+AddCircle.displayName = "AddCircle";
+
+export { AddCircle as default };
+//# sourceMappingURL=add_circle.js.map

package/dist/icons/react/add_circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add_circle.js","sources":["../../../../icons/react/add_circle.tsx"],"sourcesContent":["import { SVGProps, memo } from 'react'\n\nexport interface AddCircleProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {\n  /**\n   * 图标尺寸\n   */\n  size?: number | string\n}\n\n/**\n * add_circle 图标组件\n */\nconst AddCircle = memo(({ size = 24, width, height, className = '', ...props }: AddCircleProps) => {\n  const finalWidth = width ?? size\n  const finalHeight = height ?? size\n\n  return (\n    <svg\n      width={finalWidth}\n      height={finalHeight}\n      viewBox=\"0 0 20 20\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={`css-icon ${className}`.trim()}\n      {...props}\n    >\n      <path\n        d=\"M14.1797 10.8203V9.17969H10.8203V5.82031H9.17969V9.17969H5.82031V10.8203H9.17969V14.1797H10.8203V10.8203H14.1797ZM4.10156 4.14062C5.74219 2.5 7.70833 1.67969 10 1.67969C12.2917 1.67969 14.2448 2.5 15.8594 4.14062C17.5 5.75521 18.3203 7.70833 18.3203 10C18.3203 12.2917 17.5 14.2578 15.8594 15.8984C14.2448 17.513 12.2917 18.3203 10 18.3203C7.70833 18.3203 5.74219 17.513 4.10156 15.8984C2.48698 14.2578 1.67969 12.2917 1.67969 10C1.67969 7.70833 2.48698 5.75521 4.10156 4.14062Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n})\n\nAddCircle.displayName = 'AddCircle'\n\nexport default AddCircle\n"],"names":[],"mappings":";;;AAYA,MAAM,SAAA,GAAY,IAAA,CAAK,CAAC,EAAE,IAAA,GAAO,EAAA,EAAI,KAAA,EAAO,MAAA,EAAQ,SAAA,GAAY,EAAA,EAAI,GAAG,KAAA,EAAM,KAAsB;AACjG,EAAA,MAAM,aAAa,KAAA,IAAS,IAAA;AAC5B,EAAA,MAAM,cAAc,MAAA,IAAU,IAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,UAAA;AAAA,MACP,MAAA,EAAQ,WAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,cAAA;AAAA,MACL,KAAA,EAAM,4BAAA;AAAA,MACN,SAAA,EAAW,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACvC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,geAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA,GACF;AAEJ,CAAC;AAED,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}

package/dist/icons/react/arrow_back.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const ArrowBack = memo(({ size = 24, width, height, className = "", ...props }) => {
+  const finalWidth = width ?? size;
+  const finalHeight = height ?? size;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: finalWidth,
+      height: finalHeight,
+      viewBox: "0 -960 960 960",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: `css-icon ${className}`.trim(),
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M655-80 255-480l400-400 56 57-343 343 343 343-56 57Z" })
+    }
+  );
+});
+ArrowBack.displayName = "ArrowBack";
+
+export { ArrowBack as default };
+//# sourceMappingURL=arrow_back.js.map