@duskmoon-dev/components 0.3.1 → 0.4.0

package/dist/components/console-page/index.js

@@ -0,0 +1,205 @@
+"use client";
+
+// src/components/console-page/ConsolePage.tsx
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useId
+} from "react";
+
+// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number")
+    n += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0;t < o; t++)
+        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else
+      for (f in e)
+        e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return clsx(inputs);
+}
+// src/classes/console-page.ts
+var consolePageFrameClass = "console-page-frame";
+var consolePageAppbarClass = "console-page-appbar";
+var consolePageSidebarClass = "console-page-sidebar";
+var consolePageSidebarHeaderClass = "console-page-sidebar-header";
+var consolePageSidebarBodyClass = "console-page-sidebar-body";
+var consolePageSidebarFooterClass = "console-page-sidebar-footer";
+var consolePageMainClass = "console-page-main";
+var consolePageSidebarToggleClass = "console-page-sidebar-toggle";
+var consolePageMenuTriggerClass = "console-page-menu-trigger";
+var consolePageMobileMenuClass = "console-page-mobile-menu";
+function getConsolePageClasses({
+  sidebarState = "expanded",
+  className
+}) {
+  return cn("console-page", sidebarState !== "expanded" && `console-page-sidebar-${sidebarState}`, className);
+}
+
+// src/components/console-page/ConsolePage.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ConsolePageContext = createContext(null);
+function useConsolePage() {
+  const context = useContext(ConsolePageContext);
+  if (!context)
+    throw new Error("ConsolePage controls must be inside ConsolePage");
+  return context;
+}
+var Frame = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+  ...props,
+  ref,
+  className: cn(consolePageFrameClass, className)
+}));
+Frame.displayName = "ConsolePage.Frame";
+var Appbar = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("header", {
+  ...props,
+  ref,
+  className: cn(consolePageAppbarClass, "appbar", className)
+}));
+Appbar.displayName = "ConsolePage.Appbar";
+var Sidebar = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("aside", {
+  ...props,
+  ref,
+  className: cn(consolePageSidebarClass, className)
+}));
+Sidebar.displayName = "ConsolePage.Sidebar";
+var SidebarHeader = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+  ...props,
+  ref,
+  className: cn(consolePageSidebarHeaderClass, className)
+}));
+SidebarHeader.displayName = "ConsolePage.SidebarHeader";
+var SidebarBody = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("nav", {
+  ...props,
+  ref,
+  className: cn(consolePageSidebarBodyClass, className)
+}));
+SidebarBody.displayName = "ConsolePage.SidebarBody";
+var SidebarFooter = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+  ...props,
+  ref,
+  className: cn(consolePageSidebarFooterClass, className)
+}));
+SidebarFooter.displayName = "ConsolePage.SidebarFooter";
+var Main = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("main", {
+  ...props,
+  ref,
+  className: cn(consolePageMainClass, className)
+}));
+Main.displayName = "ConsolePage.Main";
+var SidebarToggle = forwardRef(({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => {
+  const { sidebarState } = useConsolePage();
+  return /* @__PURE__ */ jsx("button", {
+    ...props,
+    ref,
+    type,
+    "aria-label": ariaLabel ?? (sidebarState === "expanded" ? "Compact sidebar" : sidebarState === "compact" ? "Hide sidebar" : "Show sidebar"),
+    className: cn(consolePageSidebarToggleClass, "appbar-action", className)
+  });
+});
+SidebarToggle.displayName = "ConsolePage.SidebarToggle";
+var MobileTrigger = forwardRef(({ className, type = "button", style, ...props }, ref) => {
+  const { menuId, anchor } = useConsolePage();
+  return /* @__PURE__ */ jsx("button", {
+    ...props,
+    ref,
+    type,
+    popoverTarget: menuId,
+    style: { ...style, anchorName: anchor },
+    className: cn(consolePageMenuTriggerClass, "appbar-action", className)
+  });
+});
+MobileTrigger.displayName = "ConsolePage.MobileTrigger";
+var MobileMenu = forwardRef(({ className, style, ...props }, ref) => {
+  const { menuId, anchor } = useConsolePage();
+  return /* @__PURE__ */ jsx("nav", {
+    ...props,
+    ref,
+    id: menuId,
+    popover: "auto",
+    style: { ...style, positionAnchor: anchor },
+    className: cn(consolePageMobileMenuClass, "menu menu-vertical popover popover-start popover-no-arrow", className)
+  });
+});
+MobileMenu.displayName = "ConsolePage.MobileMenu";
+var ConsolePageRoot = forwardRef(({
+  sidebarState,
+  sidebarMode,
+  appBar,
+  sidebar,
+  sidebarHeader,
+  sidebarFooter,
+  className,
+  children,
+  ...props
+}, ref) => {
+  const key = useId().replace(/:/g, "");
+  const state = sidebarState ?? sidebarMode ?? "expanded";
+  const hasSlots = appBar != null || sidebar != null;
+  return /* @__PURE__ */ jsx(ConsolePageContext.Provider, {
+    value: {
+      menuId: `console-page-menu-${key}`,
+      anchor: `--console-page-anchor-${key}`,
+      sidebarState: state
+    },
+    children: /* @__PURE__ */ jsx("div", {
+      ...props,
+      ref,
+      className: getConsolePageClasses({ sidebarState: state, className }),
+      children: hasSlots ? /* @__PURE__ */ jsxs(Frame, {
+        children: [
+          appBar != null && /* @__PURE__ */ jsx(Appbar, {
+            children: appBar
+          }),
+          sidebar != null && /* @__PURE__ */ jsxs(Sidebar, {
+            children: [
+              sidebarHeader != null && /* @__PURE__ */ jsx(SidebarHeader, {
+                children: sidebarHeader
+              }),
+              /* @__PURE__ */ jsx("div", {
+                className: consolePageSidebarBodyClass,
+                children: sidebar
+              }),
+              sidebarFooter != null && /* @__PURE__ */ jsx(SidebarFooter, {
+                children: sidebarFooter
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(Main, {
+            children
+          })
+        ]
+      }) : children
+    })
+  });
+});
+ConsolePageRoot.displayName = "ConsolePage";
+ConsolePageRoot.Frame = Frame;
+ConsolePageRoot.Appbar = Appbar;
+ConsolePageRoot.Sidebar = Sidebar;
+ConsolePageRoot.SidebarHeader = SidebarHeader;
+ConsolePageRoot.SidebarBody = SidebarBody;
+ConsolePageRoot.SidebarFooter = SidebarFooter;
+ConsolePageRoot.Main = Main;
+ConsolePageRoot.SidebarToggle = SidebarToggle;
+ConsolePageRoot.MobileTrigger = MobileTrigger;
+ConsolePageRoot.MobileMenu = MobileMenu;
+var ConsolePage = ConsolePageRoot;
+export {
+  ConsolePage
+};

package/dist/components/date-picker/DatePicker.types.d.ts

@@ -12,6 +12,7 @@ export interface DatePickerPreset {
     value: DatePickerValue;
 }
 export interface DatePickerProps extends Omit<ComponentProps<"div">, "children" | "defaultValue" | "onBlur" | "onChange" | "onFocus"> {
+    inputProps?: ComponentProps<"input">;
     value?: DatePickerValue;
     defaultValue?: DatePickerValue;
     onChange?: (value: DatePickerValue | undefined, dateString: string) => void;