@arobo/react 1.0.1 → 1.1.1

package/dist/packages/styles/src/components/empty/empty.styles.js

@@ -0,0 +1,30 @@
+import { tv } from 'tailwind-variants';
+
+const emptyVariants = tv({
+  slots: {
+    base: "empty",
+    header: "empty__header",
+    media: "empty__media",
+    title: "empty__title",
+    description: "empty__description",
+    content: "empty__content",
+    actions: "empty__actions"
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "ghost"
+  },
+  variants: {
+    size: {
+      sm: "empty--sm",
+      md: "empty--md",
+      lg: "empty--lg"
+    },
+    variant: {
+      ghost: "empty--ghost",
+      soft: "empty--soft"
+    }
+  }
+});
+
+export { emptyVariants };

package/dist/packages/styles/src/components/empty-state/empty-state.styles.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+
+const emptyStateVariants = tv({
+  base: "empty-state"
+});
+
+export { emptyStateVariants };

package/dist/packages/styles/src/components/fieldset/fieldset.styles.js

@@ -0,0 +1,13 @@
+import { tv } from 'tailwind-variants';
+
+const fieldsetVariants = tv({
+  slots: {
+    actions: "fieldset__actions",
+    base: "fieldset",
+    description: "fieldset__description",
+    fieldGroup: "fieldset__field_group",
+    legend: "fieldset__legend"
+  }
+});
+
+export { fieldsetVariants };

package/dist/packages/styles/src/components/header/header.styles.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+
+const headerVariants = tv({
+  base: "header"
+});
+
+export { headerVariants };

package/dist/packages/styles/src/components/heading/heading.styles.js

@@ -0,0 +1,19 @@
+import { tv } from 'tailwind-variants';
+
+const headingVariants = tv({
+  base: "heading",
+  defaultVariants: {
+    size: "title-md"
+  },
+  variants: {
+    size: {
+      display: "heading--display",
+      subtitle: "heading--subtitle",
+      "title-lg": "heading--title-lg",
+      "title-md": "heading--title-md",
+      "title-sm": "heading--title-sm"
+    }
+  }
+});
+
+export { headingVariants };

package/dist/packages/styles/src/components/input-group/input-group.styles.js

@@ -0,0 +1,32 @@
+import { tv } from 'tailwind-variants';
+
+const inputGroupVariants = tv({
+  defaultVariants: {
+    fullWidth: false,
+    variant: "primary"
+  },
+  slots: {
+    base: "input-group",
+    input: "input-group__input",
+    prefix: "input-group__prefix",
+    suffix: "input-group__suffix"
+  },
+  variants: {
+    fullWidth: {
+      false: {},
+      true: {
+        base: "input-group--full-width"
+      }
+    },
+    variant: {
+      primary: {
+        base: "input-group--primary"
+      },
+      secondary: {
+        base: "input-group--secondary"
+      }
+    }
+  }
+});
+
+export { inputGroupVariants };

package/dist/packages/styles/src/components/input-otp/input-otp.styles.js

@@ -0,0 +1,28 @@
+import { tv } from 'tailwind-variants';
+
+const inputOTPVariants = tv({
+  defaultVariants: {
+    variant: "primary"
+  },
+  slots: {
+    base: "input-otp",
+    caret: "input-otp__caret",
+    group: "input-otp__group",
+    input: "input-otp__input",
+    separator: "input-otp__separator",
+    slot: "input-otp__slot",
+    slotValue: "input-otp__slot-value"
+  },
+  variants: {
+    variant: {
+      primary: {
+        base: "input-otp--primary"
+      },
+      secondary: {
+        base: "input-otp--secondary"
+      }
+    }
+  }
+});
+
+export { inputOTPVariants };

package/dist/packages/styles/src/components/kbd/kbd.styles.js

@@ -0,0 +1,18 @@
+import { tv } from 'tailwind-variants';
+
+const kbdVariants = tv({
+  defaultVariants: {},
+  slots: {
+    abbr: "kbd__abbr",
+    base: "kbd",
+    content: "kbd__content"
+  },
+  variants: {
+    variant: {
+      default: "kbd--default",
+      light: "kbd--light"
+    }
+  }
+});
+
+export { kbdVariants };

package/dist/packages/styles/src/components/link/link.styles.js

@@ -0,0 +1,12 @@
+import { tv } from 'tailwind-variants';
+
+const linkVariants = tv({
+  slots: {
+    base: "link",
+    icon: "link__icon"
+  }
+});
+
+// Render props that should be excluded from LinkVariants (framework-specific)
+
+export { linkVariants };

package/dist/packages/styles/src/components/listbox/listbox.styles.js

@@ -0,0 +1,16 @@
+import { tv } from 'tailwind-variants';
+
+const listboxVariants = tv({
+  base: "listbox",
+  defaultVariants: {
+    variant: "default"
+  },
+  variants: {
+    variant: {
+      danger: "listbox--danger",
+      default: "listbox--default"
+    }
+  }
+});
+
+export { listboxVariants };

package/dist/packages/styles/src/components/listbox-item/listbox-item.styles.js

@@ -0,0 +1,23 @@
+import { tv } from 'tailwind-variants';
+
+const listboxItemVariants = tv({
+  defaultVariants: {
+    variant: "default"
+  },
+  slots: {
+    indicator: "listbox-item__indicator",
+    item: "listbox-item"
+  },
+  variants: {
+    variant: {
+      danger: {
+        item: "listbox-item--danger"
+      },
+      default: {
+        item: "listbox-item--default"
+      }
+    }
+  }
+});
+
+export { listboxItemVariants };

package/dist/packages/styles/src/components/listbox-section/listbox-section.styles.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+
+const listboxSectionVariants = tv({
+  base: "listbox-section"
+});
+
+export { listboxSectionVariants };

package/dist/packages/styles/src/components/menu/menu.styles.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+
+const menuVariants = tv({
+  base: "menu"
+});
+
+export { menuVariants };

package/dist/packages/styles/src/components/menu-item/menu-item.styles.js

@@ -0,0 +1,24 @@
+import { tv } from 'tailwind-variants';
+
+const menuItemVariants = tv({
+  defaultVariants: {
+    variant: "default"
+  },
+  slots: {
+    indicator: "menu-item__indicator",
+    item: "menu-item",
+    submenuIndicator: "menu-item__indicator menu-item__indicator--submenu"
+  },
+  variants: {
+    variant: {
+      danger: {
+        item: "menu-item--danger"
+      },
+      default: {
+        item: "menu-item--default"
+      }
+    }
+  }
+});
+
+export { menuItemVariants };

package/dist/packages/styles/src/components/menu-section/menu-section.styles.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+
+const menuSectionVariants = tv({
+  base: "menu-section"
+});
+
+export { menuSectionVariants };

package/dist/packages/styles/src/components/modal/modal.styles.js

@@ -0,0 +1,68 @@
+import { tv } from 'tailwind-variants';
+
+const modalVariants = tv({
+  defaultVariants: {
+    scroll: "inside",
+    size: "md",
+    variant: "opaque"
+  },
+  slots: {
+    backdrop: "modal__backdrop",
+    body: "modal__body",
+    closeTrigger: "modal__close-trigger",
+    container: "modal__container",
+    dialog: "modal__dialog",
+    footer: "modal__footer",
+    header: "modal__header",
+    heading: "modal__heading",
+    icon: "modal__icon",
+    trigger: "modal__trigger"
+  },
+  variants: {
+    scroll: {
+      inside: {
+        body: "modal__body--scroll-inside",
+        dialog: "modal__dialog--scroll-inside"
+      },
+      outside: {
+        body: "modal__body--scroll-outside",
+        container: "modal__container--scroll-outside",
+        dialog: "modal__dialog--scroll-outside"
+      }
+    },
+    size: {
+      cover: {
+        dialog: "modal__dialog--cover"
+      },
+      full: {
+        container: "modal__container--full",
+        dialog: "modal__dialog--full"
+      },
+      lg: {
+        dialog: "modal__dialog--lg"
+      },
+      md: {
+        dialog: "modal__dialog--md"
+      },
+      sm: {
+        dialog: "modal__dialog--sm"
+      },
+      xs: {
+        dialog: "modal__dialog--xs"
+      }
+    },
+    variant: {
+      blur: {
+        backdrop: "modal__backdrop--blur"
+      },
+      opaque: {
+        backdrop: "modal__backdrop--opaque"
+      },
+      transparent: {
+        backdrop: "modal__backdrop--transparent"
+      }
+    }
+  }
+});
+
+export { modalVariants };

package/dist/packages/styles/src/components/number-field/number-field.styles.js

@@ -0,0 +1,34 @@
+import { tv } from 'tailwind-variants';
+
+const numberFieldVariants = tv({
+  defaultVariants: {
+    fullWidth: false,
+    variant: "primary"
+  },
+  slots: {
+    base: "number-field",
+    decrementButton: "number-field__decrement-button",
+    group: "number-field__group",
+    incrementButton: "number-field__increment-button",
+    input: "number-field__input"
+  },
+  variants: {
+    fullWidth: {
+      false: {},
+      true: {
+        base: "number-field--full-width",
+        group: "number-field__group--full-width"
+      }
+    },
+    variant: {
+      primary: {
+        base: "number-field--primary"
+      },
+      secondary: {
+        base: "number-field--secondary"
+      }
+    }
+  }
+});
+
+export { numberFieldVariants };

package/dist/packages/styles/src/components/pagination/pagination.styles.js

@@ -0,0 +1,33 @@
+import { tv } from 'tailwind-variants';
+
+const paginationVariants = tv({
+  slots: {
+    base: "pagination",
+    list: "pagination__list",
+    item: "pagination__item",
+    button: "pagination__button",
+    ellipsis: "pagination__ellipsis"
+  },
+  defaultVariants: {
+    isCompact: false,
+    size: "md",
+    variant: "ghost"
+  },
+  variants: {
+    isCompact: {
+      true: "pagination--compact"
+    },
+    size: {
+      lg: "pagination--lg",
+      md: "pagination--md",
+      sm: "pagination--sm"
+    },
+    variant: {
+      ghost: "pagination--ghost",
+      outline: "pagination--outline",
+      soft: "pagination--soft"
+    }
+  }
+});
+
+export { paginationVariants };

package/dist/packages/styles/src/components/radio/radio.styles.js

@@ -0,0 +1,12 @@
+import { tv } from 'tailwind-variants';
+
+const radioVariants = tv({
+  slots: {
+    base: "radio",
+    content: "radio__content",
+    control: "radio__control",
+    indicator: "radio__indicator"
+  }
+});
+
+export { radioVariants };

package/dist/packages/styles/src/components/radio-group/radio-group.styles.js

@@ -0,0 +1,16 @@
+import { tv } from 'tailwind-variants';
+
+const radioGroupVariants = tv({
+  base: "radio-group",
+  defaultVariants: {
+    variant: "primary"
+  },
+  variants: {
+    variant: {
+      primary: "radio-group--primary",
+      secondary: "radio-group--secondary"
+    }
+  }
+});
+
+export { radioGroupVariants };

package/dist/packages/styles/src/components/scroll-shadow/scroll-shadow.styles.js

@@ -0,0 +1,35 @@
+import { tv } from 'tailwind-variants';
+
+const scrollShadowVariants = tv({
+  defaultVariants: {
+    hideScrollBar: false,
+    orientation: "vertical",
+    variant: "fade"
+  },
+  slots: {
+    base: "scroll-shadow"
+  },
+  variants: {
+    hideScrollBar: {
+      false: {},
+      true: {
+        base: "scroll-shadow--hide-scrollbar"
+      }
+    },
+    orientation: {
+      horizontal: {
+        base: "scroll-shadow--horizontal"
+      },
+      vertical: {
+        base: "scroll-shadow--vertical"
+      }
+    },
+    variant: {
+      fade: {
+        base: "scroll-shadow--fade"
+      }
+    }
+  }
+});
+
+export { scrollShadowVariants };

package/dist/packages/styles/src/components/select/select.styles.js

@@ -0,0 +1,34 @@
+import { tv } from 'tailwind-variants';
+
+const selectVariants = tv({
+  defaultVariants: {
+    fullWidth: false,
+    variant: "primary"
+  },
+  slots: {
+    base: "select",
+    indicator: "select__indicator",
+    popover: "select__popover",
+    trigger: "select__trigger",
+    value: "select__value"
+  },
+  variants: {
+    fullWidth: {
+      false: {},
+      true: {
+        base: "select--full-width",
+        trigger: "select__trigger--full-width"
+      }
+    },
+    variant: {
+      primary: {
+        base: "select--primary"
+      },
+      secondary: {
+        base: "select--secondary"
+      }
+    }
+  }
+});
+
+export { selectVariants };

package/dist/packages/styles/src/components/separator/separator.styles.js

@@ -0,0 +1,16 @@
+import { tv } from 'tailwind-variants';
+
+const separatorVariants = tv({
+  base: "separator",
+  defaultVariants: {
+    orientation: "horizontal"
+  },
+  variants: {
+    orientation: {
+      horizontal: "separator--horizontal",
+      vertical: "separator--vertical"
+    }
+  }
+});
+
+export { separatorVariants };

package/dist/packages/styles/src/components/slider/slider.styles.js

@@ -0,0 +1,14 @@
+import { tv } from 'tailwind-variants';
+
+const sliderVariants = tv({
+  slots: {
+    base: "slider",
+    fill: "slider__fill",
+    marks: "slider__marks",
+    output: "slider__output",
+    thumb: "slider__thumb",
+    track: "slider__track"
+  }
+});
+
+export { sliderVariants };

package/dist/packages/styles/src/components/spinner/spinner.styles.js

@@ -0,0 +1,26 @@
+import { tv } from 'tailwind-variants';
+
+const spinnerVariants = tv({
+  base: "spinner",
+  defaultVariants: {
+    color: "accent",
+    size: "md"
+  },
+  variants: {
+    color: {
+      accent: "spinner--accent",
+      current: "spinner--current",
+      danger: "spinner--danger",
+      success: "spinner--success",
+      warning: "spinner--warning"
+    },
+    size: {
+      lg: "spinner--lg",
+      md: "spinner--md",
+      sm: "spinner--sm",
+      xl: "spinner--xl"
+    }
+  }
+});
+
+export { spinnerVariants };

package/dist/packages/styles/src/components/switch/switch.styles.js

@@ -0,0 +1,28 @@
+import { tv } from 'tailwind-variants';
+
+const switchVariants = tv({
+  defaultVariants: {
+    size: "md"
+  },
+  slots: {
+    base: "switch",
+    control: "switch__control",
+    icon: "switch__icon",
+    thumb: "switch__thumb"
+  },
+  variants: {
+    size: {
+      lg: {
+        base: "switch--lg"
+      },
+      md: {
+        base: "switch--md"
+      },
+      sm: {
+        base: "switch--sm"
+      }
+    }
+  }
+});
+
+export { switchVariants };

package/dist/packages/styles/src/components/tabs/tabs.styles.js

@@ -0,0 +1,27 @@
+import { tv } from 'tailwind-variants';
+
+const tabsVariants = tv({
+  defaultVariants: {
+    variant: "primary"
+  },
+  slots: {
+    base: "tabs",
+    tab: "tabs__tab",
+    tabIndicator: "tabs__indicator",
+    tabList: "tabs__list",
+    tabListContainer: "tabs__list-container",
+    tabPanel: "tabs__panel"
+  },
+  variants: {
+    variant: {
+      primary: {},
+      secondary: {
+        base: "tabs--secondary"
+      }
+    }
+  }
+});
+
+// Render props that should be excluded from TabsVariants (framework-specific)
+
+export { tabsVariants };

package/dist/packages/styles/src/components/tag/tag.styles.js

@@ -0,0 +1,35 @@
+import { tv } from 'tailwind-variants';
+
+const tagVariants = tv({
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  },
+  slots: {
+    base: "tag",
+    removeButton: "tag__remove-button"
+  },
+  variants: {
+    size: {
+      lg: {
+        base: "tag--lg"
+      },
+      md: {
+        base: "tag--md"
+      },
+      sm: {
+        base: "tag--sm"
+      }
+    },
+    variant: {
+      default: {
+        base: "tag--default"
+      },
+      surface: {
+        base: "tag--surface"
+      }
+    }
+  }
+});
+
+export { tagVariants };

package/dist/packages/styles/src/components/tag-group/tag-group.styles.js

@@ -0,0 +1,10 @@
+import { tv } from 'tailwind-variants';
+
+const tagGroupVariants = tv({
+  slots: {
+    base: "tag-group",
+    list: "tag-group__list"
+  }
+});
+
+export { tagGroupVariants };