@fea-ui/react 0.0.0-canary.2 → 0.0.0-canary.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { cn, cn as cn$1, tv } from "tailwind-variants";
2
2
  import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Dialog, Field, Fieldset, Form, Input, Menu, Meter, Popover, Progress, Radio, RadioGroup, Separator, Slider, Switch, Tabs, Toggle } from "@base-ui/react";
3
- import { LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideInfo, LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX, LucideXCircle } from "lucide-react";
3
+ import { LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideInfo, LucideLoaderCircle, LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX, LucideXCircle } from "lucide-react";
4
4
  import React, { createContext, useCallback, useContext, useId, useMemo, useState } from "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  import { Slot } from "@radix-ui/react-slot";
@@ -414,9 +414,8 @@ const CardContext = createContext(null);
414
414
  const cardVariants = tv({
415
415
  defaultVariants: { variant: "default" },
416
416
  slots: {
417
- body: "card__body",
417
+ content: "card__content",
418
418
  description: "card__description",
419
- footer: "card__footer",
420
419
  header: "card__header",
421
420
  root: "card",
422
421
  title: "card__title"
@@ -455,17 +454,10 @@ const CardHeader = ({ className, ...props }) => {
455
454
  ...props
456
455
  });
457
456
  };
458
- const CardBody = ({ className, ...props }) => {
457
+ const CardContent = ({ className, ...props }) => {
459
458
  const { slots } = useCard();
460
459
  return /* @__PURE__ */ jsx("div", {
461
- className: cn$1(className, slots.body()),
462
- ...props
463
- });
464
- };
465
- const CardFooter = ({ className, ...props }) => {
466
- const { slots } = useCard();
467
- return /* @__PURE__ */ jsx("div", {
468
- className: cn$1(className, slots.footer()),
460
+ className: cn$1(className, slots.content()),
469
461
  ...props
470
462
  });
471
463
  };
@@ -485,9 +477,8 @@ const CardDescription = ({ className, ...props }) => {
485
477
  };
486
478
  /** Exports */
487
479
  var card_default = Object.assign(Card, {
488
- Body: CardBody,
480
+ Content: CardContent,
489
481
  Description: CardDescription,
490
- Footer: CardFooter,
491
482
  Header: CardHeader,
492
483
  Root: Card,
493
484
  Title: CardTitle
@@ -2017,6 +2008,45 @@ var slider_default = Object.assign(Slider$1, {
2017
2008
  Value: SliderValue
2018
2009
  });
2019
2010
 
2011
+ //#endregion
2012
+ //#region src/components/spinner/spinner.variants.ts
2013
+ const spinnerVariants = tv({
2014
+ base: "spinner",
2015
+ defaultVariants: {
2016
+ size: "md",
2017
+ variant: "primary"
2018
+ },
2019
+ variants: {
2020
+ size: {
2021
+ lg: "spinner--lg",
2022
+ md: "spinner--md",
2023
+ sm: "spinner--sm",
2024
+ xl: "spinner--xl"
2025
+ },
2026
+ variant: {
2027
+ danger: "spinner--danger",
2028
+ primary: "spinner--primary",
2029
+ success: "spinner--success"
2030
+ }
2031
+ }
2032
+ });
2033
+
2034
+ //#endregion
2035
+ //#region src/components/spinner/spinner.tsx
2036
+ const Spinner = ({ className, children, size, variant, ...props }) => {
2037
+ const styles = spinnerVariants({
2038
+ size,
2039
+ variant
2040
+ });
2041
+ return /* @__PURE__ */ jsx(LucideLoaderCircle, {
2042
+ "aria-label": "Loading",
2043
+ className: cn$1(className, styles),
2044
+ role: "status",
2045
+ ...props
2046
+ });
2047
+ };
2048
+ var spinner_default = Spinner;
2049
+
2020
2050
  //#endregion
2021
2051
  //#region src/components/switch/switch.context.ts
2022
2052
  const SwitchContext = createContext(null);
@@ -2247,5 +2277,5 @@ const ToggleButton = ({ className, variant, size, ...props }) => {
2247
2277
  var toggle_button_default = ToggleButton;
2248
2278
 
2249
2279
  //#endregion
2250
- export { accordion_default as Accordion, alert_default as Alert, alert_dialog_default as AlertDialog, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, drawer_default as Drawer, field_default as Field, fieldset_default as Fieldset, form_default as Form, icon_button_default as IconButton, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, select_default as Select, separator_default as Separator, sidebar_default as Sidebar, slider_default as Slider, switch_default as Switch, table_default as Table, tabs_default as Tabs, toggle_button_default as ToggleButton, accordionVariants, alertDialogVariants, alertVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, popoverVariants, progressVariants, radioGroupVariants, radioVariants, selectVariants, separatorVariants, sidebarVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, toggleButtonVariants };
2280
+ export { accordion_default as Accordion, alert_default as Alert, alert_dialog_default as AlertDialog, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, drawer_default as Drawer, field_default as Field, fieldset_default as Fieldset, form_default as Form, icon_button_default as IconButton, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, select_default as Select, separator_default as Separator, sidebar_default as Sidebar, slider_default as Slider, spinner_default as Spinner, switch_default as Switch, table_default as Table, tabs_default as Tabs, toggle_button_default as ToggleButton, accordionVariants, alertDialogVariants, alertVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, popoverVariants, progressVariants, radioGroupVariants, radioVariants, selectVariants, separatorVariants, sidebarVariants, sliderVariants, spinnerVariants, switchVariants, tableVariants, tabsVariants, toggleButtonVariants };
2251
2281
  //# sourceMappingURL=index.mjs.map