@nergora/ui 0.0.0-stage → 1.0.8

package/dist/cjs/components/date-picker/date-picker.js

@@ -0,0 +1,110 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const tslib_1 = require("tslib");
+const date_1 = require("@internationalized/date");
+const icons_1 = require("@nergora/icons");
+const cva_1 = require("cva");
+const React = tslib_1.__importStar(require("react"));
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
+const calendar_1 = require("../calendar/index.js");
+const popover_1 = require("../popover/index.js");
+const time_input_1 = require("../time-input/index.js");
+const calendar_2 = require("../../utils/calendar.js");
+const clx_1 = require("../../utils/clx.js");
+const date_picker_button_1 = require("./date-picker-button");
+const date_picker_clear_button_1 = require("./date-picker-clear-button");
+const date_picker_field_1 = require("./date-picker-field");
+const datePickerStyles = (isOpen, isInvalid, value) => (0, cva_1.cva)({
+    base: (0, clx_1.clx)("bg-ui-bg-field shadow-borders-base txt-compact-small text-ui-fg-base transition-fg grid items-center gap-2 overflow-hidden rounded-md h-fit", "focus-within:shadow-borders-interactive-with-active focus-visible:shadow-borders-interactive-with-active", "aria-[invalid=true]:shadow-borders-error invalid:shadow-borders-error", {
+        "shadow-borders-interactive-with-active": isOpen,
+        "shadow-borders-error": isInvalid,
+        "pr-2": !value,
+    }),
+    variants: {
+        size: {
+            small: (0, clx_1.clx)("grid-cols-[28px_1fr]", {
+                "grid-cols-[28px_1fr_28px]": !!value,
+            }),
+            base: (0, clx_1.clx)("grid-cols-[32px_1fr]", {
+                "grid-cols-[32px_1fr_32px]": !!value,
+            }),
+        },
+    },
+});
+const HAS_TIME = new Set(["hour", "minute", "second"]);
+const DatePicker = React.forwardRef(({ size = "base", shouldCloseOnSelect = true, className, modal = false, ...props }, ref) => {
+    const [value, setValue] = React.useState((0, calendar_2.getDefaultCalendarDateFromDate)(props.value, props.defaultValue, props.granularity));
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const contentRef = React.useRef(null);
+    const _props = convertProps(props, setValue);
+    const state = (0, react_stately_1.useDatePickerState)({
+        ..._props,
+        shouldCloseOnSelect,
+    });
+    const { groupProps, fieldProps, buttonProps, dialogProps, calendarProps } = (0, react_aria_1.useDatePicker)(_props, state, innerRef);
+    React.useEffect(() => {
+        setValue(props.value
+            ? (0, calendar_2.updateCalendarDateFromDate)(value, props.value, props.granularity)
+            : null);
+        state.setValue(props.value
+            ? (0, calendar_2.updateCalendarDateFromDate)(value, props.value, props.granularity)
+            : null);
+    }, [props.value]);
+    function clear(e) {
+        var _a;
+        e.preventDefault();
+        e.stopPropagation();
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, null);
+        state.setValue(null);
+    }
+    (0, react_aria_1.useInteractOutside)({
+        ref: contentRef,
+        onInteractOutside: () => {
+            state.setOpen(false);
+        },
+    });
+    const hasTime = props.granularity && HAS_TIME.has(props.granularity);
+    const Icon = hasTime ? icons_1.Clock : icons_1.CalendarMini;
+    return (React.createElement(popover_1.Popover, { modal: modal, open: state.isOpen, onOpenChange: state.setOpen },
+        React.createElement(popover_1.Popover.Anchor, { asChild: true },
+            React.createElement("div", { ref: ref, className: (0, clx_1.clx)(datePickerStyles(state.isOpen, state.isInvalid, state.value)({ size }), className), ...groupProps },
+                React.createElement(date_picker_button_1.DatePickerButton, { ...buttonProps, size: size },
+                    React.createElement(Icon, null)),
+                React.createElement(date_picker_field_1.DatePickerField, { ...fieldProps, size: size }),
+                !!state.value && (React.createElement(date_picker_clear_button_1.DatePickerClearButton, { onClick: clear },
+                    React.createElement(icons_1.XMarkMini, null))))),
+        React.createElement(popover_1.Popover.Content, { ref: contentRef, ...dialogProps, className: "flex flex-col divide-y p-0" },
+            React.createElement("div", { className: "p-3" },
+                React.createElement(calendar_1.InternalCalendar, { autoFocus: true, ...calendarProps })),
+            state.hasTime && (React.createElement("div", { className: "p-3" },
+                React.createElement(time_input_1.TimeInput, { value: state.timeValue, onChange: (value) => state.setTimeValue(value), hourCycle: props.hourCycle }))))));
+});
+exports.DatePicker = DatePicker;
+DatePicker.displayName = "DatePicker";
+function convertProps(props, setValue) {
+    const { minValue, maxValue, isDateUnavailable: _isDateUnavailable, onChange: _onChange, value: __value__, defaultValue: __defaultValue__, ...rest } = props;
+    const onChange = (value) => {
+        setValue(value);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value ? value.toDate((0, date_1.getLocalTimeZone)()) : null);
+    };
+    const isDateUnavailable = (date) => {
+        const _date = date.toDate((0, date_1.getLocalTimeZone)());
+        return _isDateUnavailable ? _isDateUnavailable(_date) : false;
+    };
+    return {
+        ...rest,
+        onChange: onChange,
+        isDateUnavailable,
+        minValue: minValue
+            ? (0, calendar_2.createCalendarDateFromDate)(minValue, props.granularity)
+            : minValue,
+        maxValue: maxValue
+            ? (0, calendar_2.createCalendarDateFromDate)(maxValue, props.granularity)
+            : maxValue,
+    };
+}
+//# sourceMappingURL=date-picker.js.map

package/dist/cjs/components/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CalendarDate,\n  CalendarDateTime,\n  getLocalTimeZone,\n} from \"@internationalized/date\"\nimport { CalendarMini, Clock, XMarkMini } from \"@nergora/icons\"\nimport { cva } from \"cva\"\nimport * as React from \"react\"\nimport {\n  DateValue,\n  TimeValue,\n  useDatePicker,\n  useInteractOutside,\n  type AriaDatePickerProps as BaseDatePickerProps,\n} from \"react-aria\"\nimport { useDatePickerState } from \"react-stately\"\n\nimport { InternalCalendar } from \"@/components/calendar\"\nimport { Popover } from \"@/components/popover\"\nimport { TimeInput } from \"@/components/time-input\"\nimport { Granularity } from \"@/types\"\nimport {\n  createCalendarDateFromDate,\n  getDefaultCalendarDateFromDate,\n  updateCalendarDateFromDate,\n} from \"@/utils/calendar\"\nimport { clx } from \"@/utils/clx\"\n\nimport { DatePickerButton } from \"./date-picker-button\"\nimport { DatePickerClearButton } from \"./date-picker-clear-button\"\nimport { DatePickerField } from \"./date-picker-field\"\n\ntype DatePickerValueProps = {\n  defaultValue?: Date | null\n  value?: Date | null\n  onChange?: (value: Date | null) => void\n  isDateUnavailable?: (date: Date) => boolean\n  minValue?: Date\n  maxValue?: Date\n  shouldCloseOnSelect?: boolean\n  granularity?: Granularity\n  size?: \"base\" | \"small\"\n  className?: string\n  modal?: boolean\n}\n\ninterface DatePickerProps\n  extends Omit<\n      BaseDatePickerProps<CalendarDateTime | CalendarDate>,\n      keyof DatePickerValueProps\n    >,\n    DatePickerValueProps {}\n\nconst datePickerStyles = (\n  isOpen: boolean,\n  isInvalid: boolean,\n  value?: DateValue | null\n) =>\n  cva({\n    base: clx(\n      \"bg-ui-bg-field shadow-borders-base txt-compact-small text-ui-fg-base transition-fg grid items-center gap-2 overflow-hidden rounded-md h-fit\",\n      \"focus-within:shadow-borders-interactive-with-active focus-visible:shadow-borders-interactive-with-active\",\n      \"aria-[invalid=true]:shadow-borders-error invalid:shadow-borders-error\",\n      {\n        \"shadow-borders-interactive-with-active\": isOpen,\n        \"shadow-borders-error\": isInvalid,\n        \"pr-2\": !value,\n      }\n    ),\n    variants: {\n      size: {\n        small: clx(\"grid-cols-[28px_1fr]\", {\n          \"grid-cols-[28px_1fr_28px]\": !!value,\n        }),\n        base: clx(\"grid-cols-[32px_1fr]\", {\n          \"grid-cols-[32px_1fr_32px]\": !!value,\n        }),\n      },\n    },\n  })\n\nconst HAS_TIME = new Set<Granularity>([\"hour\", \"minute\", \"second\"])\n\nconst DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      size = \"base\",\n      shouldCloseOnSelect = true,\n      className,\n      modal = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [value, setValue] = React.useState<\n      CalendarDateTime | CalendarDate | null | undefined\n    >(\n      getDefaultCalendarDateFromDate(\n        props.value,\n        props.defaultValue,\n        props.granularity\n      )\n    )\n\n    const innerRef = React.useRef<HTMLDivElement>(null)\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n\n    const _props = convertProps(props, setValue)\n\n    const state = useDatePickerState({\n      ..._props,\n      shouldCloseOnSelect,\n    })\n\n    const { groupProps, fieldProps, buttonProps, dialogProps, calendarProps } =\n      useDatePicker(_props, state, innerRef)\n\n    React.useEffect(() => {\n      setValue(\n        props.value\n          ? updateCalendarDateFromDate(value, props.value, props.granularity)\n          : null\n      )\n      state.setValue(\n        props.value\n          ? updateCalendarDateFromDate(value, props.value, props.granularity)\n          : null\n      )\n    }, [props.value])\n\n    function clear(e: React.MouseEvent<HTMLButtonElement>) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      props.onChange?.(null)\n      state.setValue(null)\n    }\n\n    useInteractOutside({\n      ref: contentRef,\n      onInteractOutside: () => {\n        state.setOpen(false)\n      },\n    })\n\n    const hasTime = props.granularity && HAS_TIME.has(props.granularity)\n    const Icon = hasTime ? Clock : CalendarMini\n\n    return (\n      <Popover modal={modal} open={state.isOpen} onOpenChange={state.setOpen}>\n        <Popover.Anchor asChild>\n          <div\n            ref={ref}\n            className={clx(\n              datePickerStyles(\n                state.isOpen,\n                state.isInvalid,\n                state.value\n              )({ size }),\n              className\n            )}\n            {...groupProps}\n          >\n            <DatePickerButton {...buttonProps} size={size}>\n              <Icon />\n            </DatePickerButton>\n            <DatePickerField {...fieldProps} size={size} />\n            {!!state.value && (\n              <DatePickerClearButton onClick={clear}>\n                <XMarkMini />\n              </DatePickerClearButton>\n            )}\n          </div>\n        </Popover.Anchor>\n        <Popover.Content\n          ref={contentRef}\n          {...dialogProps}\n          className=\"flex flex-col divide-y p-0\"\n        >\n          <div className=\"p-3\">\n            <InternalCalendar autoFocus {...calendarProps} />\n          </div>\n          {state.hasTime && (\n            <div className=\"p-3\">\n              <TimeInput\n                value={state.timeValue}\n                onChange={(value) => state.setTimeValue(value as TimeValue)}\n                hourCycle={props.hourCycle}\n              />\n            </div>\n          )}\n        </Popover.Content>\n      </Popover>\n    )\n  }\n)\nDatePicker.displayName = \"DatePicker\"\n\nfunction convertProps(\n  props: DatePickerProps,\n  setValue: React.Dispatch<\n    React.SetStateAction<CalendarDateTime | CalendarDate | null | undefined>\n  >\n): BaseDatePickerProps<CalendarDateTime | CalendarDate> {\n  const {\n    minValue,\n    maxValue,\n    isDateUnavailable: _isDateUnavailable,\n    onChange: _onChange,\n    value: __value__,\n    defaultValue: __defaultValue__,\n    ...rest\n  } = props\n\n  const onChange = (value: CalendarDateTime | CalendarDateTime | null) => {\n    setValue(value)\n    _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n  }\n\n  const isDateUnavailable = (date: DateValue) => {\n    const _date = date.toDate(getLocalTimeZone())\n\n    return _isDateUnavailable ? _isDateUnavailable(_date) : false\n  }\n\n  return {\n    ...rest,\n    onChange: onChange as BaseDatePickerProps<\n      CalendarDateTime | CalendarDate\n    >[\"onChange\"],\n    isDateUnavailable,\n    minValue: minValue\n      ? createCalendarDateFromDate(minValue, props.granularity)\n      : minValue,\n    maxValue: maxValue\n      ? createCalendarDateFromDate(maxValue, props.granularity)\n      : maxValue,\n  }\n}\n\nexport { DatePicker, type Granularity }\n"]}

package/dist/cjs/components/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./date-picker";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/cjs/components/date-picker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./date-picker"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/date-picker/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B","sourcesContent":["export * from \"./date-picker\"\n"]}

package/dist/cjs/components/date-segment/date-segment.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { DateFieldState, DateSegment as Segment } from "react-stately";
+interface DateSegmentProps extends React.ComponentPropsWithoutRef<"div"> {
+    segment: Segment;
+    state: DateFieldState;
+}
+declare const DateSegment: ({ segment, state }: DateSegmentProps) => React.JSX.Element;
+export { DateSegment };
+//# sourceMappingURL=date-segment.d.ts.map

package/dist/cjs/components/date-segment/date-segment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-segment.d.ts","sourceRoot":"","sources":["../../../../src/components/date-segment/date-segment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAItE,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,cAAc,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,oBAAoB,gBAAgB,sBAsCxD,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/cjs/components/date-segment/date-segment.js

@@ -0,0 +1,27 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateSegment = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_aria_1 = require("react-aria");
+const clx_1 = require("../../utils/clx.js");
+const DateSegment = ({ segment, state }) => {
+    const ref = React.useRef(null);
+    const { segmentProps } = (0, react_aria_1.useDateSegment)(segment, state, ref);
+    const isComma = segment.type === "literal" && segment.text === ", ";
+    /**
+     * We render an empty span with a margin to maintain the correct spacing
+     * between date and time segments.
+     */
+    if (isComma) {
+        return React.createElement("span", { className: "mx-1" });
+    }
+    return (React.createElement("span", null,
+        React.createElement("div", { ref: ref, className: (0, clx_1.clx)("transition-fg outline-none", "focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color", {
+                "text-ui-fg-muted uppercase": segment.isPlaceholder,
+                "text-ui-fg-muted": !segment.isEditable && !state.value,
+            }), ...segmentProps }, segment.text)));
+};
+exports.DateSegment = DateSegment;
+//# sourceMappingURL=date-segment.js.map

package/dist/cjs/components/date-segment/date-segment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-segment.js","sourceRoot":"","sources":["../../../../src/components/date-segment/date-segment.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAC9B,2CAA2C;AAG3C,qCAAiC;AAOjC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAoB,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAc,EAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAE5D,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,CAAA;IAEnE;;;OAGG;IACH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,8BAAM,SAAS,EAAC,MAAM,GAAG,CAAA;IAClC,CAAC;IAED,OAAO,CAOL;QACE,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,4BAA4B,EAC5B,sEAAsE,EACtE;gBACE,4BAA4B,EAAE,OAAO,CAAC,aAAa;gBACnD,kBAAkB,EAAE,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,KAAK;aACxD,CACF,KACG,YAAY,IAEf,OAAO,CAAC,IAAI,CACT,CACD,CACR,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useDateSegment } from \"react-aria\"\nimport { DateFieldState, DateSegment as Segment } from \"react-stately\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface DateSegmentProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  segment: Segment\n  state: DateFieldState\n}\n\nconst DateSegment = ({ segment, state }: DateSegmentProps) => {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { segmentProps } = useDateSegment(segment, state, ref)\n\n  const isComma = segment.type === \"literal\" && segment.text === \", \"\n\n  /**\n   * We render an empty span with a margin to maintain the correct spacing\n   * between date and time segments.\n   */\n  if (isComma) {\n    return <span className=\"mx-1\" />\n  }\n\n  return (\n    /**\n     * We wrap the segment in a span to prevent the segment from being\n     * focused when the user clicks outside of the component.\n     *\n     * See: https://github.com/adobe/react-spectrum/issues/3164\n     */\n    <span>\n      <div\n        ref={ref}\n        className={clx(\n          \"transition-fg outline-none\",\n          \"focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color\",\n          {\n            \"text-ui-fg-muted uppercase\": segment.isPlaceholder,\n            \"text-ui-fg-muted\": !segment.isEditable && !state.value,\n          }\n        )}\n        {...segmentProps}\n      >\n        {segment.text}\n      </div>\n    </span>\n  )\n}\n\nexport { DateSegment }\n"]}

package/dist/cjs/components/date-segment/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./date-segment";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/date-segment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-segment/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/cjs/components/date-segment/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./date-segment"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/date-segment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/date-segment/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B","sourcesContent":["export * from \"./date-segment\"\n"]}

package/dist/cjs/components/dialog/dialog.d.ts

@@ -0,0 +1,25 @@
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+declare const Portal: {
+    (props: RadixDialog.DialogPortalProps): React.JSX.Element;
+    displayName: string;
+};
+declare const Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
+    overlayProps?: React.ComponentPropsWithoutRef<typeof Overlay>;
+    portalProps?: React.ComponentPropsWithoutRef<typeof Portal>;
+}
+export declare const Dialog: React.FC<RadixDialog.DialogProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: {
+        (props: RadixDialog.DialogPortalProps): React.JSX.Element;
+        displayName: string;
+    };
+    Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+};
+export {};
+//# sourceMappingURL=dialog.d.ts.map

package/dist/cjs/components/dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,QAAA,MAAM,MAAM;YAAW,WAAW,CAAC,iBAAiB;;CAEnD,CAAA;AAGD,QAAA,MAAM,OAAO,0JAaX,CAAA;AAGF,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;IAClE,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,CAAA;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAA;CAC5D;AAqBD,eAAO,MAAM,MAAM;;;gBA9CI,WAAW,CAAC,iBAAiB;;;;;;;;CAsDlD,CAAA"}

package/dist/cjs/components/dialog/dialog.js

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+const tslib_1 = require("tslib");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx.js");
+const Root = radix_ui_1.Dialog.Root;
+const Trigger = radix_ui_1.Dialog.Trigger;
+const Close = radix_ui_1.Dialog.Close;
+const Title = radix_ui_1.Dialog.Title;
+const Description = radix_ui_1.Dialog.Description;
+const Portal = (props) => {
+    return React.createElement(radix_ui_1.Dialog.DialogPortal, { ...props });
+};
+Portal.displayName = "Dialog.Portal";
+const Overlay = React.forwardRef(({ className, ...props }, ref) => (React.createElement(radix_ui_1.Dialog.Overlay, { ref: ref, className: (0, clx_1.clx)("z-admin-overlay bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+Overlay.displayName = "Dialog.Overlay";
+const Content = React.forwardRef(({ className, overlayProps, portalProps, ...props }, ref) => (React.createElement(Portal, { ...portalProps },
+    React.createElement(Overlay, { ...overlayProps }),
+    React.createElement(radix_ui_1.Dialog.Content, { ref: ref, className: (0, clx_1.clx)("z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200", className), ...props }))));
+Content.displayName = "Dialog.Content";
+exports.Dialog = Object.assign(Root, {
+    Trigger,
+    Portal,
+    Overlay,
+    Content,
+    Close,
+    Title,
+    Description,
+});
+//# sourceMappingURL=dialog.js.map

package/dist/cjs/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,uCAAgD;AAChD,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,IAAI,GAAG,iBAAW,CAAC,IAAI,CAAA;AAC7B,MAAM,OAAO,GAAG,iBAAW,CAAC,OAAO,CAAA;AACnC,MAAM,KAAK,GAAG,iBAAW,CAAC,KAAK,CAAA;AAC/B,MAAM,KAAK,GAAG,iBAAW,CAAC,KAAK,CAAA;AAC/B,MAAM,WAAW,GAAG,iBAAW,CAAC,WAAW,CAAA;AAE3C,MAAM,MAAM,GAAG,CAAC,KAAoC,EAAE,EAAE;IACtD,OAAO,oBAAC,iBAAW,CAAC,YAAY,OAAK,KAAK,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,eAAe,CAAA;AAEpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,iBAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,gDAAgD,EAChD,yHAAyH,EACzH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAQtC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7D,oBAAC,MAAM,OAAK,WAAW;IACrB,oBAAC,OAAO,OAAK,YAAY,GAAI;IAC7B,oBAAC,iBAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,4MAA4M,EAC5M,mMAAmM,EACnM,SAAS,CACV,KACG,KAAK,GACT,CACK,CACV,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEzB,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACxC,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW;CACZ,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Root = RadixDialog.Root\nconst Trigger = RadixDialog.Trigger\nconst Close = RadixDialog.Close\nconst Title = RadixDialog.Title\nconst Description = RadixDialog.Description\n\nconst Portal = (props: RadixDialog.DialogPortalProps) => {\n  return <RadixDialog.DialogPortal {...props} />\n}\nPortal.displayName = \"Dialog.Portal\"\n\nconst Overlay = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Overlay>,\n  React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Overlay\n    ref={ref}\n    className={clx(\n      \"z-admin-overlay bg-ui-bg-overlay fixed inset-0\",\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n))\nOverlay.displayName = \"Dialog.Overlay\"\n\ninterface DialogContentProps\n  extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {\n  overlayProps?: React.ComponentPropsWithoutRef<typeof Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof Portal>\n}\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Content>,\n  DialogContentProps\n>(({ className, overlayProps, portalProps, ...props }, ref) => (\n  <Portal {...portalProps}>\n    <Overlay {...overlayProps} />\n    <RadixDialog.Content\n      ref={ref}\n      className={clx(\n        \"z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl outline-none\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200\",\n        className\n      )}\n      {...props}\n    />\n  </Portal>\n))\nContent.displayName = \"Dialog.Content\"\n\nexport const Dialog = Object.assign(Root, {\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Close,\n  Title,\n  Description,\n})\n"]}

package/dist/cjs/components/dialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./dialog";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/cjs/components/dialog/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./dialog"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB","sourcesContent":["export * from \"./dialog\"\n"]}

package/dist/cjs/components/divider/divider.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface DividerProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+    orientation?: "horizontal" | "vertical";
+    variant?: "dashed" | "solid";
+}
+export declare const Divider: ({ orientation, variant, className, ...props }: DividerProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=divider.d.ts.map

package/dist/cjs/components/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,YACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,OAAO,GAAI,+CAKrB,YAAY,sBAsBd,CAAA"}

package/dist/cjs/components/divider/divider.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+const tslib_1 = require("tslib");
+const clx_1 = require("../../utils/clx.js");
+const React = tslib_1.__importStar(require("react"));
+const Divider = ({ orientation = "horizontal", variant = "solid", className, ...props }) => {
+    return (React.createElement("div", { "aria-orientation": orientation, role: "separator", className: (0, clx_1.clx)("border-ui-border-base", {
+            "w-full border-t": orientation === "horizontal" && variant === "solid",
+            "h-full border-l": orientation === "vertical" && variant === "solid",
+            "bg-transparent": variant === "dashed",
+            "h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]": variant === "dashed" && orientation === "horizontal",
+            "h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]": variant === "dashed" && orientation === "vertical",
+        }, className), ...props }));
+};
+exports.Divider = Divider;
+//# sourceMappingURL=divider.js.map

package/dist/cjs/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.tsx"],"names":[],"mappings":";;;;AAAA,qCAAiC;AACjC,qDAA8B;AAQvB,MAAM,OAAO,GAAG,CAAC,EACtB,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,OAAO,EACjB,SAAS,EACT,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,OAAO,CACL,iDACoB,WAAW,EAC7B,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,IAAA,SAAG,EACZ,uBAAuB,EACvB;YACE,iBAAiB,EACf,WAAW,KAAK,YAAY,IAAI,OAAO,KAAK,OAAO;YACrD,iBAAiB,EAAE,WAAW,KAAK,UAAU,IAAI,OAAO,KAAK,OAAO;YACpE,gBAAgB,EAAE,OAAO,KAAK,QAAQ;YACtC,sGAAsG,EACpG,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,YAAY;YACtD,qGAAqG,EACnG,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,UAAU;SACrD,EACD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,OAAO,WA2BnB","sourcesContent":["import { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\ninterface DividerProps\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  orientation?: \"horizontal\" | \"vertical\"\n  variant?: \"dashed\" | \"solid\"\n}\n\nexport const Divider = ({\n  orientation = \"horizontal\",\n  variant = \"solid\",\n  className,\n  ...props\n}: DividerProps) => {\n  return (\n    <div\n      aria-orientation={orientation}\n      role=\"separator\"\n      className={clx(\n        \"border-ui-border-base\",\n        {\n          \"w-full border-t\":\n            orientation === \"horizontal\" && variant === \"solid\",\n          \"h-full border-l\": orientation === \"vertical\" && variant === \"solid\",\n          \"bg-transparent\": variant === \"dashed\",\n          \"h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]\":\n            variant === \"dashed\" && orientation === \"horizontal\",\n          \"h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]\":\n            variant === \"dashed\" && orientation === \"vertical\",\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n"]}

package/dist/cjs/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./divider";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/cjs/components/divider/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./divider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/divider/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB","sourcesContent":["export * from \"./divider\"\n"]}

package/dist/cjs/components/drawer/drawer.d.ts

@@ -0,0 +1,63 @@
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+interface DrawerRootProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {
+}
+interface DrawerTriggerProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger> {
+}
+interface DrawerCloseProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Close> {
+}
+interface DrawerPortalProps extends RadixDialog.DialogPortalProps {
+}
+/**
+ * The `Drawer.Content` component uses this component to wrap the drawer content.
+ * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.
+ */
+declare const DrawerPortal: {
+    (props: DrawerPortalProps): React.JSX.Element;
+    displayName: string;
+};
+interface DrawerOverlayProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay> {
+}
+/**
+ * This component is used to create the overlay for the drawer.
+ * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
+ */
+declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
+    /**
+     * Props for the overlay component.
+     * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
+    */
+    overlayProps?: React.ComponentPropsWithoutRef<typeof DrawerOverlay>;
+    /**
+     * Props for the portal component that wraps the drawer content.
+     * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.
+     */
+    portalProps?: React.ComponentPropsWithoutRef<typeof DrawerPortal>;
+}
+interface DrawerHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
+}
+interface DrawerBodyProps extends React.ComponentPropsWithoutRef<"div"> {
+}
+interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Description> {
+}
+declare const Drawer: {
+    (props: DrawerRootProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Body: React.ForwardRefExoticComponent<DrawerBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<DrawerDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    Footer: {
+        ({ className, ...props }: DrawerFooterProps): React.JSX.Element;
+        displayName: string;
+    };
+    Header: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export { Drawer };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/cjs/components/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;CAAG;AAY5F,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAAG;AAgBlG,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC;CAAG;AAgB9F,UAAU,iBAAkB,SAAQ,WAAW,CAAC,iBAAiB;CAAG;AAEpE;;;GAGG;AACH,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAAG;AAElG;;;GAGG;AACH,QAAA,MAAM,aAAa,2FAejB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;IAC7F;;;MAGE;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAA;IACnE;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,CAAA;CAClE;AA2BD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AA8B5E,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAgB1E,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AA6B3E,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,WAAW,CAAC;CAAG;AAqB1G,QAAA,MAAM,MAAM;YA/MH,eAAe;;;;;;;;kCAsKrB,iBAAiB;;;;;;CAkDlB,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/cjs/components/drawer/drawer.js

@@ -0,0 +1,116 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@nergora/icons");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const icon_button_1 = require("../icon-button/index.js");
+const kbd_1 = require("../kbd/index.js");
+const text_1 = require("../text/index.js");
+const clx_1 = require("../../utils/clx.js");
+/**
+ * This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.
+ */
+const DrawerRoot = (props) => {
+    return React.createElement(radix_ui_1.Dialog.Root, { ...props });
+};
+DrawerRoot.displayName = "Drawer";
+/**
+ * This component is used to create the trigger button that opens the drawer.
+ * It accepts props from the [Radix UI Dialog Trigger](https://www.radix-ui.com/primitives/docs/components/dialog#trigger) component.
+ */
+const DrawerTrigger = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Dialog.Trigger, { ref: ref, className: (0, clx_1.clx)(className), ...props }));
+});
+DrawerTrigger.displayName = "Drawer.Trigger";
+/**
+ * This component is used to create the close button for the drawer.
+ * It accepts props from the [Radix UI Dialog Close](https://www.radix-ui.com/primitives/docs/components/dialog#close) component.
+ */
+const DrawerClose = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Dialog.Close, { ref: ref, className: (0, clx_1.clx)(className), ...props }));
+});
+DrawerClose.displayName = "Drawer.Close";
+/**
+ * The `Drawer.Content` component uses this component to wrap the drawer content.
+ * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.
+ */
+const DrawerPortal = (props) => {
+    return React.createElement(radix_ui_1.Dialog.DialogPortal, { ...props });
+};
+DrawerPortal.displayName = "Drawer.Portal";
+/**
+ * This component is used to create the overlay for the drawer.
+ * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
+ */
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Dialog.Overlay, { ref: ref, className: (0, clx_1.clx)("z-admin-overlay bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props }));
+});
+DrawerOverlay.displayName = "Drawer.Overlay";
+/**
+ * This component wraps the content of the drawer.
+ * It accepts props from the [Radix UI Dialog Content](https://www.radix-ui.com/primitives/docs/components/dialog#content) component.
+ */
+const DrawerContent = React.forwardRef(({ className, overlayProps, portalProps, ...props }, ref) => {
+    return (React.createElement(DrawerPortal, { ...portalProps },
+        React.createElement(DrawerOverlay, { ...overlayProps }),
+        React.createElement(radix_ui_1.Dialog.Content, { ref: ref, className: (0, clx_1.clx)("z-admin-dialog bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200", className), ...props })));
+});
+DrawerContent.displayName = "Drawer.Content";
+/**
+ * This component is used to wrap the header content of the drawer.
+ * This component is based on the `div` element and supports all of its props.
+ */
+const DrawerHeader = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: "border-ui-border-base flex items-start justify-between gap-x-4 border-b px-6 py-4", ...props },
+        React.createElement("div", { className: (0, clx_1.clx)("flex flex-col gap-y-1", className) }, children),
+        React.createElement("div", { className: "flex items-center gap-x-2" },
+            React.createElement(kbd_1.Kbd, null, "esc"),
+            React.createElement(radix_ui_1.Dialog.Close, { asChild: true },
+                React.createElement(icon_button_1.IconButton, { size: "small", type: "button", variant: "transparent" },
+                    React.createElement(icons_1.XMark, null))))));
+});
+DrawerHeader.displayName = "Drawer.Header";
+/**
+ * This component is used to wrap the body content of the drawer.
+ * This component is based on the `div` element and supports all of its props
+ */
+const DrawerBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("flex-1 px-6 py-4", className), ...props }));
+});
+DrawerBody.displayName = "Drawer.Body";
+/**
+ * This component is used to wrap the footer content of the drawer.
+ * This component is based on the `div` element and supports all of its props.
+ */
+const DrawerFooter = ({ className, ...props }) => {
+    return (React.createElement("div", { className: (0, clx_1.clx)("border-ui-border-base flex items-center justify-end space-x-2 overflow-y-auto border-t px-6 py-4", className), ...props }));
+};
+DrawerFooter.displayName = "Drawer.Footer";
+/**
+ * This component adds an accessible title to the drawer.
+ * It accepts props from the [Radix UI Dialog Title](https://www.radix-ui.com/primitives/docs/components/dialog#title) component.
+ */
+const DrawerTitle = radix_ui_1.Dialog.Title;
+DrawerTitle.displayName = "Drawer.Title";
+/**
+ * This component adds accessible description to the drawer.
+ * It accepts props from the [Radix UI Dialog Description](https://www.radix-ui.com/primitives/docs/components/dialog#description) component.
+ */
+const DrawerDescription = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(radix_ui_1.Dialog.Description, { ref: ref, className: (0, clx_1.clx)(className), asChild: true, ...props },
+    React.createElement(text_1.Text, null, children))));
+DrawerDescription.displayName = "Drawer.Description";
+const Drawer = Object.assign(DrawerRoot, {
+    Body: DrawerBody,
+    Close: DrawerClose,
+    Content: DrawerContent,
+    Description: DrawerDescription,
+    Footer: DrawerFooter,
+    Header: DrawerHeader,
+    Title: DrawerTitle,
+    Trigger: DrawerTrigger,
+});
+exports.Drawer = Drawer;
+//# sourceMappingURL=drawer.js.map

package/dist/cjs/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,0CAAsC;AACtC,uCAAgD;AAChD,qDAA8B;AAE9B,0DAAqD;AACrD,0CAAsC;AACtC,4CAAwC;AACxC,qCAAiC;AAIjC;;GAEG;AACH,MAAM,UAAU,GAAG,CACjB,KAAsB,EACtB,EAAE;IACF,OAAO,oBAAC,iBAAW,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,QAAQ,CAAA;AAIjC;;;GAGG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,CACL,oBAAC,iBAAW,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,SAAG,EAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CACxE,CAAA;AACH,CAAC,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAI5C;;;GAGG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAE,GAAG,EAAE,EAAE;IACnD,OAAO,CACL,oBAAC,iBAAW,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,SAAG,EAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CACtE,CAAA;AACH,CAAC,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAIxC;;;GAGG;AACH,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,OAAO,oBAAC,iBAAW,CAAC,YAAY,OAAK,KAAK,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,eAAe,CAAA;AAI1C;;;GAGG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,CACL,oBAAC,iBAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,gDAAgD,EAChD,yHAAyH,EACzH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAe5C;;;GAGG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,KAAK,EAAsB,EAAE,GAAG,EAAE,EAAE;IAChF,OAAO,CACL,oBAAC,YAAY,OAAK,WAAW;QAC3B,oBAAC,aAAa,OAAK,YAAY,GAAI;QACnC,oBAAC,iBAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,8NAA8N,EAC9N,2NAA2N,EAC3N,SAAS,CACV,KACG,KAAK,GACT,CACW,CAChB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAI5C;;;GAGG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,EAAE,GAAG,EAAE,EAAE;IAC9D,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,mFAAmF,KACzF,KAAK;QAET,6BAAK,SAAS,EAAE,IAAA,SAAG,EAAC,uBAAuB,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO;QACzE,6BAAK,SAAS,EAAC,2BAA2B;YACxC,oBAAC,SAAG,cAAU;YACd,oBAAC,iBAAW,CAAC,KAAK,IAAC,OAAO;gBACxB,oBAAC,wBAAU,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,aAAa;oBAC1D,oBAAC,aAAK,OAAG,CACE,CACK,CAChB,CACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,YAAY,CAAC,WAAW,GAAG,eAAe,CAAA;AAI1C;;;GAGG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,EAAE,GAAG,EAAE,EAAE;IAClD,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,SAAG,EAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAA;AACH,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,aAAa,CAAA;AAItC;;;GAGG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,kGAAkG,EAClG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,eAAe,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,GAAG,iBAAW,CAAC,KAAK,CAAA;AACrC,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAIxC;;;GAGG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,oBAAC,iBAAW,CAAC,WAAW,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,SAAS,CAAC,EACzB,OAAO,WACH,KAAK;IAET,oBAAC,WAAI,QAAE,QAAQ,CAAQ,CACC,CAC3B,CAAC,CAAA;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEpD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACvC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,iBAAiB;IAC9B,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,aAAa;CACvB,CAAC,CAAA;AAEO,wBAAM","sourcesContent":["\"use client\"\n\nimport { XMark } from \"@nergora/icons\"\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\nimport { Kbd } from \"@/components/kbd\"\nimport { Text } from \"@/components/text\"\nimport { clx } from \"@/utils/clx\"\n\ninterface DrawerRootProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {}\n\n/**\n * This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.\n */\nconst DrawerRoot = (\n  props: DrawerRootProps\n) => {\n  return <RadixDialog.Root {...props} />\n}\nDrawerRoot.displayName = \"Drawer\"\n\ninterface DrawerTriggerProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger> {}\n\n/**\n * This component is used to create the trigger button that opens the drawer.\n * It accepts props from the [Radix UI Dialog Trigger](https://www.radix-ui.com/primitives/docs/components/dialog#trigger) component.\n */\nconst DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Trigger>,\n  DrawerTriggerProps\n>(({ className, ...props }: DrawerTriggerProps, ref) => {\n  return (\n    <RadixDialog.Trigger ref={ref} className={clx(className)} {...props} />\n  )\n})\nDrawerTrigger.displayName = \"Drawer.Trigger\"\n\ninterface DrawerCloseProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Close> {}\n\n/**\n * This component is used to create the close button for the drawer.\n * It accepts props from the [Radix UI Dialog Close](https://www.radix-ui.com/primitives/docs/components/dialog#close) component.\n */\nconst DrawerClose = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Close>,\n  DrawerCloseProps\n>(({ className, ...props }: DrawerCloseProps, ref) => {\n  return (\n    <RadixDialog.Close ref={ref} className={clx(className)} {...props} />\n  )\n})\nDrawerClose.displayName = \"Drawer.Close\"\n\ninterface DrawerPortalProps extends RadixDialog.DialogPortalProps {}\n\n/**\n * The `Drawer.Content` component uses this component to wrap the drawer content.\n * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.\n */\nconst DrawerPortal = (props: DrawerPortalProps) => {\n  return <RadixDialog.DialogPortal {...props} />\n}\nDrawerPortal.displayName = \"Drawer.Portal\"\n\ninterface DrawerOverlayProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay> {}\n\n/**\n * This component is used to create the overlay for the drawer.\n * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.\n */\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Overlay>,\n  DrawerOverlayProps\n>(({ className, ...props }: DrawerOverlayProps, ref) => {\n  return (\n    <RadixDialog.Overlay\n      ref={ref}\n      className={clx(\n        \"z-admin-overlay bg-ui-bg-overlay fixed inset-0\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerOverlay.displayName = \"Drawer.Overlay\"\n\ninterface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {\n  /**\n   * Props for the overlay component.\n   * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.\n  */\n  overlayProps?: React.ComponentPropsWithoutRef<typeof DrawerOverlay>\n  /**\n   * Props for the portal component that wraps the drawer content.\n   * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.\n   */\n  portalProps?: React.ComponentPropsWithoutRef<typeof DrawerPortal>\n}\n\n/**\n * This component wraps the content of the drawer.\n * It accepts props from the [Radix UI Dialog Content](https://www.radix-ui.com/primitives/docs/components/dialog#content) component.\n */\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Content>,\n  DrawerContentProps\n>(({ className, overlayProps, portalProps, ...props }: DrawerContentProps, ref) => {\n  return (\n    <DrawerPortal {...portalProps}>\n      <DrawerOverlay {...overlayProps} />\n      <RadixDialog.Content\n        ref={ref}\n        className={clx(\n          \"z-admin-dialog bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </DrawerPortal>\n  )\n})\nDrawerContent.displayName = \"Drawer.Content\"\n\ninterface DrawerHeaderProps extends React.ComponentPropsWithoutRef<\"div\"> {}\n\n/**\n * This component is used to wrap the header content of the drawer.\n * This component is based on the `div` element and supports all of its props.\n */\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  DrawerHeaderProps\n>(({ children, className, ...props }: DrawerHeaderProps, ref) => {\n  return (\n    <div\n      ref={ref}\n      className=\"border-ui-border-base flex items-start justify-between gap-x-4 border-b px-6 py-4\"\n      {...props}\n    >\n      <div className={clx(\"flex flex-col gap-y-1\", className)}>{children}</div>\n      <div className=\"flex items-center gap-x-2\">\n        <Kbd>esc</Kbd>\n        <RadixDialog.Close asChild>\n          <IconButton size=\"small\" type=\"button\" variant=\"transparent\">\n            <XMark />\n          </IconButton>\n        </RadixDialog.Close>\n      </div>\n    </div>\n  )\n})\nDrawerHeader.displayName = \"Drawer.Header\"\n\ninterface DrawerBodyProps extends React.ComponentPropsWithoutRef<\"div\"> {}\n\n/**\n * This component is used to wrap the body content of the drawer.\n * This component is based on the `div` element and supports all of its props\n */\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  DrawerBodyProps\n>(({ className, ...props }: DrawerBodyProps, ref) => {\n  return (\n    <div ref={ref} className={clx(\"flex-1 px-6 py-4\", className)} {...props} />\n  )\n})\nDrawerBody.displayName = \"Drawer.Body\"\n\ninterface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * This component is used to wrap the footer content of the drawer.\n * This component is based on the `div` element and supports all of its props.\n */\nconst DrawerFooter = ({\n  className,\n  ...props\n}: DrawerFooterProps) => {\n  return (\n    <div\n      className={clx(\n        \"border-ui-border-base flex items-center justify-end space-x-2 overflow-y-auto border-t px-6 py-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nDrawerFooter.displayName = \"Drawer.Footer\"\n\n/**\n * This component adds an accessible title to the drawer.\n * It accepts props from the [Radix UI Dialog Title](https://www.radix-ui.com/primitives/docs/components/dialog#title) component.\n */\nconst DrawerTitle = RadixDialog.Title\nDrawerTitle.displayName = \"Drawer.Title\"\n\ninterface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Description> {}\n\n/**\n * This component adds accessible description to the drawer.\n * It accepts props from the [Radix UI Dialog Description](https://www.radix-ui.com/primitives/docs/components/dialog#description) component.\n */\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Description>,\n  DrawerDescriptionProps\n>(({ className, children, ...props }: DrawerDescriptionProps, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={clx(className)}\n    asChild\n    {...props}\n  >\n    <Text>{children}</Text>\n  </RadixDialog.Description>\n))\nDrawerDescription.displayName = \"Drawer.Description\"\n\nconst Drawer = Object.assign(DrawerRoot, {\n  Body: DrawerBody,\n  Close: DrawerClose,\n  Content: DrawerContent,\n  Description: DrawerDescription,\n  Footer: DrawerFooter,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Trigger: DrawerTrigger,\n})\n\nexport { Drawer }\n"]}

package/dist/cjs/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./drawer";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/cjs/components/drawer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./drawer"), exports);
+//# sourceMappingURL=index.js.map