luaniverse 4.1.0 → 4.1.1

package/dist/index.cjs

@@ -20,6 +20,9 @@ var SwitchPrimitives = require('@radix-ui/react-switch');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var SliderPrimitive = require('@radix-ui/react-slider');
+var lucideReact = require('lucide-react');
+var reactDayPicker = require('react-day-picker');
+var PopoverPrimitive = require('@radix-ui/react-popover');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -53,6 +56,7 @@ var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -6011,6 +6015,201 @@ var Slider = React118__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+function CalendarRoot({ className, rootRef, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "calendar",
+      ref: rootRef,
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function CalendarChevron({
+  className,
+  orientation,
+  ...props
+}) {
+  if (orientation === "left") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: cn("lua:size-3", className), ...props });
+  }
+  if (orientation === "right") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: cn("lua:size-3", className), ...props });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: cn("lua:size-3", className), ...props });
+}
+function CalendarWeekNumber({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:flex lua:size-[--cell-size] lua:items-center lua:justify-center lua:text-center lua:font-onest", children }) });
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  const ref = React118__namespace.useRef(null);
+  React118__namespace.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(defaultClassNames.day, className),
+      ...props
+    }
+  );
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "lua:group/calendar lua:p-1.5 lua:rounded-md [--cell-size:1.5rem] lua:font-onest",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:lua:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:lua:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("lua:w-fit", defaultClassNames.root),
+        months: cn(
+          "lua:relative lua:flex lua:flex-col lua:gap-2 md:lua:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn(
+          "lua:flex lua:w-full lua:flex-col lua:gap-2",
+          defaultClassNames.month
+        ),
+        nav: cn(
+          "lua:absolute lua:inset-x-0 lua:top-0 lua:flex lua:w-full lua:items-center lua:justify-between lua:gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(defaultClassNames.button_previous),
+        button_next: cn(
+          // Luaniverse button style
+          "lua:inline-flex lua:items-center lua:justify-center lua:rounded-full lua:transition-all lua:duration-200",
+          "lua:text-gray-900 hover:lua:bg-gray-100",
+          "focus-visible:lua:outline-hidden focus-visible:lua:ring-1 focus-visible:lua:ring-gray-900 focus-visible:lua:ring-offset-1 focus-visible:lua:ring-offset-white",
+          "lua:h-[--cell-size] lua:w-[--cell-size] lua:select-none lua:p-0 aria-disabled:lua:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "lua:flex lua:h-[--cell-size] lua:w-full lua:items-center lua:justify-center lua:px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "lua:flex lua:h-[--cell-size] lua:w-full lua:items-center lua:justify-center lua:gap-1 lua:text-sm lua:font-onest lua:font-semibold lua:text-gray-900",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "has-focus:lua:border-gray-300 lua:border-gray-300 has-focus:lua:ring-gray-900/50 has-focus:lua:ring-2 lua:relative lua:rounded-md lua:border",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "lua:absolute lua:inset-0 lua:opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "lua:select-none lua:font-onest lua:font-semibold lua:text-gray-900",
+          captionLayout === "label" ? "lua:text-xs" : "[&>svg]:lua:text-gray-600 lua:flex lua:h-6 lua:items-center lua:gap-1 lua:rounded-md lua:pl-2 lua:pr-1 lua:text-xs [&>svg]:lua:size-3",
+          defaultClassNames.caption_label
+        ),
+        table: "lua:w-full lua:border-collapse",
+        weekdays: cn("lua:flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "lua:text-gray-600 lua:flex-1 lua:select-none lua:text-xs lua:font-onest lua:font-medium",
+          defaultClassNames.weekday
+        ),
+        week: cn("lua:mt-1 lua:flex lua:w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "lua:w-[--cell-size] lua:select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "lua:text-gray-600 lua:select-none lua:text-xs lua:font-onest",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "lua:relative lua:w-full lua:h-full lua:p-0 lua:text-center lua:group/day lua:aspect-square lua:select-none",
+          defaultClassNames.day
+        ),
+        range_start: cn("lua:bg-gray-100", defaultClassNames.range_start),
+        range_middle: cn("lua:bg-gray-50", defaultClassNames.range_middle),
+        range_end: cn("lua:bg-gray-100", defaultClassNames.range_end),
+        today: cn(
+          "lua:bg-gray-100 lua:text-gray-900 lua:font-bold",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "lua:text-gray-400 aria-selected:lua:text-gray-400",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "lua:text-gray-400 lua:opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("lua:invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: CalendarRoot,
+        Chevron: CalendarChevron,
+        DayButton: CalendarDayButton,
+        WeekNumber: CalendarWeekNumber,
+        ...components
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverContent = React118__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      // Base styles - Luaniverse design
+      "lua:z-50 lua:rounded-md lua:border lua:border-gray-200 lua:bg-white lua:shadow-lg lua:font-onest",
+      // Animation
+      "lua:transition-all lua:duration-200",
+      "data-[state=open]:lua:animate-in data-[state=open]:lua:fade-in-0 data-[state=open]:lua:zoom-in-95",
+      "data-[state=closed]:lua:animate-out data-[state=closed]:lua:fade-out-0 data-[state=closed]:lua:zoom-out-95",
+      "data-[side=bottom]:lua:slide-in-from-top-2 data-[side=left]:lua:slide-in-from-right-2 data-[side=right]:lua:slide-in-from-left-2 data-[side=top]:lua:slide-in-from-bottom-2",
+      // Focus
+      "focus-visible:lua:outline-none focus-visible:lua:ring-2 focus-visible:lua:ring-gray-900 focus-visible:lua:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
 
 // src/safelist.js
 var luaniverseSafelist = [
@@ -6424,6 +6623,8 @@ exports.C4dIcon = c4d_exports;
 exports.CDR = CDR;
 exports.CSS = CSS;
 exports.CSV = CSV;
+exports.Calendar = Calendar;
+exports.CalendarDayButton = CalendarDayButton;
 exports.Camera = Camera;
 exports.Caption = Caption;
 exports.Card = Card;
@@ -6572,6 +6773,9 @@ exports.PencilSimple = PencilSimple;
 exports.PlugsRegular = PlugsRegular;
 exports.Plus = Plus;
 exports.PngIcon = png_exports;
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
 exports.PptIcon = ppt_exports;
 exports.PsdIcon = psd_exports;
 exports.RadioGroup = RadioGroup2;