@cognitiv/components-web 1.0.4 → 1.1.0

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithRef } from "react";
+import type { RadioRenderProps } from "react-aria-components";
+import React from "react";
+import { Radio as RadioPrimitive } from "react-aria-components";
+interface RadioRootProps extends ComponentPropsWithRef<typeof RadioPrimitive> {
+    /** The name of the radio button, used when submitting an HTML form. */
+    name?: string;
+}
+declare const RadioRoot: ({ children, className, ...props }: RadioRootProps) => import("react/jsx-runtime").JSX.Element;
+interface RadioControlProps extends ComponentPropsWithRef<"span"> {
+}
+declare const RadioControl: ({ children, className, ...props }: RadioControlProps) => import("react/jsx-runtime").JSX.Element;
+interface RadioIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    children?: React.ReactNode | ((props: RadioRenderProps) => React.ReactNode);
+}
+declare const RadioIndicator: ({ children, className, ...props }: RadioIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+interface RadioContentProps extends ComponentPropsWithRef<"div"> {
+}
+declare const RadioContent: ({ children, className, ...props }: RadioContentProps) => import("react/jsx-runtime").JSX.Element;
+export { RadioRoot, RadioControl, RadioIndicator, RadioContent };
+export type { RadioRootProps, RadioControlProps, RadioIndicatorProps, RadioContentProps };

package/dist/components/radio/radio.js

@@ -0,0 +1,97 @@
+"use client";
+import React__default, { useContext, createContext } from 'react';
+import { Radio } from 'react-aria-components';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { radioVariants } from './styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+const RadioContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioRoot = ({
+  children,
+  className,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => radioVariants(), []);
+  return /*#__PURE__*/jsx(Radio, {
+    "data-slot": "radio",
+    ...props,
+    className: composeTwRenderProps(className, slots.base()),
+    children: values => /*#__PURE__*/jsx(RadioContext, {
+      value: {
+        slots,
+        state: values
+      },
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Control
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioControl = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(RadioContext);
+  return /*#__PURE__*/jsx("span", {
+    className: composeSlotClassName(slots?.control, className),
+    "data-slot": "radio-control",
+    ...props,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Indicator
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioIndicator = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots,
+    state
+  } = useContext(RadioContext);
+  const content = typeof children === "function" ? children(state ?? {}) : children;
+  return /*#__PURE__*/jsx("span", {
+    "aria-hidden": "true",
+    className: composeSlotClassName(slots?.indicator, className),
+    "data-slot": "radio-indicator",
+    ...props,
+    children: content
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Content
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioContent = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(RadioContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.content, className),
+    "data-slot": "radio-content",
+    ...props,
+    children: children
+  });
+};
+
+export { RadioContent, RadioControl, RadioIndicator, RadioRoot };

package/dist/components/radio/styles.d.ts

@@ -0,0 +1,45 @@
+import type { VariantProps } from "tailwind-variants";
+export declare const radioVariants: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            indicator?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            control?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            indicator?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            control?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+    control: string;
+    indicator: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            indicator?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            control?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+    control: string;
+    indicator: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    content: string;
+    control: string;
+    indicator: string;
+}, undefined, unknown, unknown, undefined>>;
+export type RadioVariants = VariantProps<typeof radioVariants>;

package/dist/components/radio/styles.js

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

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { RadioGroupRoot } from "./radio-group";
+export declare const RadioGroup: (({ children, className, variant, ...props }: import("./radio-group").RadioGroupRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, variant, ...props }: import("./radio-group").RadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type RadioGroup = {
+    Props: ComponentProps<typeof RadioGroupRoot>;
+    RootProps: ComponentProps<typeof RadioGroupRoot>;
+};
+export { RadioGroupRoot };
+export type { RadioGroupRootProps, RadioGroupRootProps as RadioGroupProps } from "./radio-group";
+export { radioGroupVariants } from "./styles";
+export type { RadioGroupVariants } from "./styles";

package/dist/components/radio-group/index.js

@@ -0,0 +1,12 @@
+"use strict";
+import { RadioGroupRoot } from './radio-group.js';
+export { radioGroupVariants } from './styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const RadioGroup = Object.assign(RadioGroupRoot, {
+  Root: RadioGroupRoot
+});
+
+export { RadioGroup, RadioGroupRoot };

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,8 @@
+import type { RadioGroupVariants } from "./styles";
+import type { ComponentPropsWithRef } from "react";
+import { RadioGroup as RadioGroupPrimitive } from "react-aria-components";
+interface RadioGroupRootProps extends ComponentPropsWithRef<typeof RadioGroupPrimitive>, RadioGroupVariants {
+}
+declare const RadioGroupRoot: ({ children, className, variant, ...props }: RadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
+export { RadioGroupRoot };
+export type { RadioGroupRootProps };

package/dist/components/radio-group/radio-group.js

@@ -0,0 +1,27 @@
+"use client";
+import React__default from 'react';
+import { RadioGroup } from 'react-aria-components';
+import { composeTwRenderProps } from '../../utils/compose.js';
+import { radioGroupVariants } from './styles.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const RadioGroupRoot = ({
+  children,
+  className,
+  variant,
+  ...props
+}) => {
+  const styles = React__default.useMemo(() => radioGroupVariants({
+    variant
+  }), [variant]);
+  return /*#__PURE__*/jsx(RadioGroup, {
+    "data-slot": "radio-group",
+    ...props,
+    className: composeTwRenderProps(className, styles),
+    children: values => /*#__PURE__*/jsx(Fragment, {
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+export { RadioGroupRoot };

package/dist/components/radio-group/styles.d.ts

@@ -0,0 +1,18 @@
+import type { VariantProps } from "tailwind-variants";
+export declare const radioGroupVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, "radio-group", {
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, "radio-group", unknown, unknown, undefined>>;
+export type RadioGroupVariants = VariantProps<typeof radioGroupVariants>;

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

@@ -0,0 +1,17 @@
+"use strict";
+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/components/range-calendar/index.d.ts

@@ -0,0 +1,91 @@
+import type { ComponentProps } from "react";
+import { CalendarYearPickerCell, CalendarYearPickerGrid, CalendarYearPickerGridBody, CalendarYearPickerTrigger, CalendarYearPickerTriggerHeading, CalendarYearPickerTriggerIndicator } from "../calendar-year-picker";
+import { RangeCalendarCell, RangeCalendarCellIndicator, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHeader, RangeCalendarHeader, RangeCalendarHeaderCell, RangeCalendarHeading, RangeCalendarNavButton, RangeCalendarRoot } from "./range-calendar";
+export declare const RangeCalendar: typeof RangeCalendarRoot & {
+    Cell: {
+        ({ children, className, ...props }: import("./range-calendar").RangeCalendarCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    CellIndicator: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarCellIndicatorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Grid: {
+        ({ children, className, weekdayStyle, ...props }: import("./range-calendar").RangeCalendarGridProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    GridBody: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarGridBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    GridHeader: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarGridHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        ({ children, className, ...props }: import("./range-calendar").RangeCalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    HeaderCell: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarHeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    NavButton: {
+        ({ children, className, slot, ...props }: import("./range-calendar").RangeCalendarNavButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Root: typeof RangeCalendarRoot;
+    YearPickerCell: {
+        ({ children, className, excludeFromTabOrder, onFocus, onPress, year, ...props }: import("..").CalendarYearPickerCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerGrid: {
+        ({ children, className, onKeyDown, ...props }: import("..").CalendarYearPickerGridProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerGridBody: {
+        ({ children }: import("..").CalendarYearPickerGridBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerTrigger: {
+        ({ children, className, onKeyDown, onPress, ...props }: import("..").CalendarYearPickerTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerTriggerHeading: {
+        ({ children, className, ...props }: import("..").CalendarYearPickerTriggerHeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerTriggerIndicator: {
+        ({ children, className, ...props }: import("..").CalendarYearPickerTriggerIndicatorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type RangeCalendar = {
+    Props: ComponentProps<typeof RangeCalendarRoot>;
+    RootProps: ComponentProps<typeof RangeCalendarRoot>;
+    HeaderProps: ComponentProps<typeof RangeCalendarHeader>;
+    HeadingProps: ComponentProps<typeof RangeCalendarHeading>;
+    NavButtonProps: ComponentProps<typeof RangeCalendarNavButton>;
+    GridProps: ComponentProps<typeof RangeCalendarGrid>;
+    GridHeaderProps: ComponentProps<typeof RangeCalendarGridHeader>;
+    GridBodyProps: ComponentProps<typeof RangeCalendarGridBody>;
+    HeaderCellProps: ComponentProps<typeof RangeCalendarHeaderCell>;
+    CellProps: ComponentProps<typeof RangeCalendarCell>;
+    CellIndicatorProps: ComponentProps<typeof RangeCalendarCellIndicator>;
+    YearPickerTriggerProps: ComponentProps<typeof CalendarYearPickerTrigger>;
+    YearPickerTriggerHeadingProps: ComponentProps<typeof CalendarYearPickerTriggerHeading>;
+    YearPickerTriggerIndicatorProps: ComponentProps<typeof CalendarYearPickerTriggerIndicator>;
+    YearPickerGridProps: ComponentProps<typeof CalendarYearPickerGrid>;
+    YearPickerGridBodyProps: ComponentProps<typeof CalendarYearPickerGridBody>;
+    YearPickerCellProps: ComponentProps<typeof CalendarYearPickerCell>;
+};
+export { RangeCalendarRoot, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNavButton, RangeCalendarGrid, RangeCalendarGridHeader, RangeCalendarGridBody, RangeCalendarHeaderCell, RangeCalendarCell, RangeCalendarCellIndicator, };
+export type { RangeCalendarRootProps, RangeCalendarRootProps as RangeCalendarProps, RangeCalendarHeaderProps, RangeCalendarHeadingProps, RangeCalendarNavButtonProps, RangeCalendarGridProps, RangeCalendarGridHeaderProps, RangeCalendarGridBodyProps, RangeCalendarHeaderCellProps, RangeCalendarCellProps, RangeCalendarCellIndicatorProps, } from "./range-calendar";
+export { YearPickerContext, YearPickerStateContext, useYearPicker, useYearPickerState, } from "../calendar-year-picker";
+export type { YearPickerContextValue, YearPickerStateContextValue } from "../calendar-year-picker";
+export { rangeCalendarVariants } from "./styles";
+export type { RangeCalendarVariants } from "./styles";

package/dist/components/range-calendar/index.js

@@ -0,0 +1,29 @@
+"use strict";
+import { CalendarYearPickerTriggerIndicator, CalendarYearPickerTriggerHeading, CalendarYearPickerTrigger, CalendarYearPickerGridBody, CalendarYearPickerGrid, CalendarYearPickerCell } from '../calendar-year-picker/calendar-year-picker.js';
+export { YearPickerContext, YearPickerStateContext, useYearPicker, useYearPickerState } from '../calendar-year-picker/year-picker-context.js';
+import { RangeCalendarRoot, RangeCalendarNavButton, RangeCalendarHeading, RangeCalendarHeaderCell, RangeCalendarHeader, RangeCalendarGridHeader, RangeCalendarGridBody, RangeCalendarGrid, RangeCalendarCellIndicator, RangeCalendarCell } from './range-calendar.js';
+export { rangeCalendarVariants } from './styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+| * Compound Component
+| * -----------------------------------------------------------------------------------------------*/
+const RangeCalendar = Object.assign(RangeCalendarRoot, {
+  Cell: RangeCalendarCell,
+  CellIndicator: RangeCalendarCellIndicator,
+  Grid: RangeCalendarGrid,
+  GridBody: RangeCalendarGridBody,
+  GridHeader: RangeCalendarGridHeader,
+  Header: RangeCalendarHeader,
+  HeaderCell: RangeCalendarHeaderCell,
+  Heading: RangeCalendarHeading,
+  NavButton: RangeCalendarNavButton,
+  Root: RangeCalendarRoot,
+  YearPickerCell: CalendarYearPickerCell,
+  YearPickerGrid: CalendarYearPickerGrid,
+  YearPickerGridBody: CalendarYearPickerGridBody,
+  YearPickerTrigger: CalendarYearPickerTrigger,
+  YearPickerTriggerHeading: CalendarYearPickerTriggerHeading,
+  YearPickerTriggerIndicator: CalendarYearPickerTriggerIndicator
+});
+
+export { RangeCalendar, RangeCalendarCell, RangeCalendarCellIndicator, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHeader, RangeCalendarHeader, RangeCalendarHeaderCell, RangeCalendarHeading, RangeCalendarNavButton, RangeCalendarRoot };

package/dist/components/range-calendar/range-calendar.d.ts

@@ -0,0 +1,71 @@
+import type { RangeCalendarVariants } from "./styles";
+import type { ComponentPropsWithRef } from "react";
+import type { DateValue } from "react-aria-components";
+import { Button as ButtonPrimitive, CalendarCell as CalendarCellPrimitive, CalendarGridBody as CalendarGridBodyPrimitive, CalendarGridHeader as CalendarGridHeaderPrimitive, CalendarGrid as CalendarGridPrimitive, CalendarHeaderCell as CalendarHeaderCellPrimitive, Heading as HeadingPrimitive, RangeCalendar as RangeCalendarPrimitive } from "react-aria-components";
+interface RangeCalendarRootProps<T extends DateValue = DateValue> extends ComponentPropsWithRef<typeof RangeCalendarPrimitive<T>>, RangeCalendarVariants {
+    isYearPickerOpen?: boolean;
+    onYearPickerOpenChange?: (isYearPickerOpen: boolean) => void;
+    defaultYearPickerOpen?: boolean;
+}
+declare function RangeCalendarRoot<T extends DateValue = DateValue>({ children, className, defaultYearPickerOpen: defaultYearPickerOpenProp, isYearPickerOpen: isYearPickerOpenProp, maxValue: maxValueProp, minValue: minValueProp, onYearPickerOpenChange: onYearPickerOpenChangeProp, ...rest }: RangeCalendarRootProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace RangeCalendarRoot {
+    var displayName: string;
+}
+interface RangeCalendarHeaderProps extends ComponentPropsWithRef<"header"> {
+    className?: string;
+}
+declare const RangeCalendarHeader: {
+    ({ children, className, ...props }: RangeCalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarHeadingProps extends ComponentPropsWithRef<typeof HeadingPrimitive> {
+}
+declare const RangeCalendarHeading: {
+    ({ className, ...props }: RangeCalendarHeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarNavButtonProps extends ComponentPropsWithRef<typeof ButtonPrimitive> {
+    slot?: "previous" | "next";
+}
+declare const RangeCalendarNavButton: {
+    ({ children, className, slot, ...props }: RangeCalendarNavButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarGridProps extends ComponentPropsWithRef<typeof CalendarGridPrimitive> {
+}
+declare const RangeCalendarGrid: {
+    ({ children, className, weekdayStyle, ...props }: RangeCalendarGridProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarGridHeaderProps extends ComponentPropsWithRef<typeof CalendarGridHeaderPrimitive> {
+}
+declare const RangeCalendarGridHeader: {
+    ({ className, ...props }: RangeCalendarGridHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarGridBodyProps extends ComponentPropsWithRef<typeof CalendarGridBodyPrimitive> {
+}
+declare const RangeCalendarGridBody: {
+    ({ className, ...props }: RangeCalendarGridBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarHeaderCellProps extends ComponentPropsWithRef<typeof CalendarHeaderCellPrimitive> {
+}
+declare const RangeCalendarHeaderCell: {
+    ({ className, ...props }: RangeCalendarHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarCellProps extends ComponentPropsWithRef<typeof CalendarCellPrimitive> {
+}
+declare const RangeCalendarCell: {
+    ({ children, className, ...props }: RangeCalendarCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface RangeCalendarCellIndicatorProps extends ComponentPropsWithRef<"span"> {
+}
+declare const RangeCalendarCellIndicator: {
+    ({ className, ...props }: RangeCalendarCellIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { RangeCalendarRoot, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNavButton, RangeCalendarGrid, RangeCalendarGridHeader, RangeCalendarGridBody, RangeCalendarHeaderCell, RangeCalendarCell, RangeCalendarCellIndicator, };
+export type { RangeCalendarRootProps, RangeCalendarHeaderProps, RangeCalendarHeadingProps, RangeCalendarNavButtonProps, RangeCalendarGridProps, RangeCalendarGridHeaderProps, RangeCalendarGridBodyProps, RangeCalendarHeaderCellProps, RangeCalendarCellProps, RangeCalendarCellIndicatorProps, };