@xjur-ui/react 1.0.6 → 2.1.0

package/dist/components/full-calendar/types/calendar-event.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=calendar-event.js.map
+//# sourceMappingURL=calendar-event.js.map

package/dist/components/full-calendar/types/calendar-event.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-event.js"}

package/dist/components/full-calendar/types/calendar-view.d.ts

@@ -0,0 +1,3 @@
+type CalendarView = 'month' | 'week' | 'day';
+
+export type { CalendarView };

package/dist/components/full-calendar/types/calendar-view.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=calendar-view.js.map
+//# sourceMappingURL=calendar-view.js.map

package/dist/components/full-calendar/types/calendar-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-view.js"}

package/dist/components/full-calendar/types/calendar-week-hour.d.ts

@@ -0,0 +1,6 @@
+interface ICalendarWeekHour {
+    hour: number;
+    label: string;
+}
+
+export type { ICalendarWeekHour };

package/dist/components/full-calendar/types/calendar-week-hour.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=calendar-week-hour.js.map
+//# sourceMappingURL=calendar-week-hour.js.map

package/dist/components/full-calendar/types/calendar-week-hour.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-week-hour.js"}

package/dist/components/horizontal-scroll.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode } from 'react';
+
+interface HorizontalScrollProps extends ComponentProps<'div'> {
+    children: ReactNode;
+    gap?: 'small' | 'medium' | 'large';
+    scrollAmount?: number;
+}
+declare function HorizontalScroll({ children, className, gap, scrollAmount, ...props }: HorizontalScrollProps): react_jsx_runtime.JSX.Element;
+
+export { HorizontalScroll, type HorizontalScrollProps };

package/dist/components/horizontal-scroll.js

@@ -0,0 +1,2 @@
+import {b}from'../chunk-PKCW37CJ.js';import {b as b$1}from'../chunk-WV7QV2PU.js';import {useRef,useState,useCallback,useEffect}from'react';import {cx}from'@xjur-ui/util';import {jsxs,jsx}from'react/jsx-runtime';function P({children:h,className:u,gap:g="small",scrollAmount:s=200,...b$2}){let l=useRef(null),[S,z]=useState(false),[w,L]=useState(false),[p,a]=useState(false),o=useCallback(()=>{let e=l.current;if(!e)return;let{scrollLeft:n,scrollWidth:i,clientWidth:r}=e;z(n>0),L(n<i-r-1);},[]),R=useCallback(()=>{let e=l.current;e&&(a(true),e.scrollTo({left:e.scrollLeft-s,behavior:"smooth"}),setTimeout(()=>a(false),300));},[s]),x=useCallback(()=>{let e=l.current;e&&(a(true),e.scrollTo({left:e.scrollLeft+s,behavior:"smooth"}),setTimeout(()=>a(false),300));},[s]);useEffect(()=>{let e=l.current;if(!e)return;let n=()=>{o();},i=()=>{o();};o(),e.addEventListener("scroll",n,{passive:true}),window.addEventListener("resize",i);let r=null;return typeof ResizeObserver<"u"&&(r=new ResizeObserver(()=>{o();}),r.observe(e)),()=>{e.removeEventListener("scroll",n),window.removeEventListener("resize",i),r&&r.disconnect();}},[o]);let y={small:"gap-small",medium:"gap-medium",large:"gap-large"}[g];return jsxs("div",{className:cx("relative isolate",u),...b$2,children:[S&&jsx("div",{className:"absolute top-1/2 left-0 z-[3] flex h-full w-[80px] -translate-y-1/2 items-center",style:{background:"linear-gradient(to right, white 40%, transparent)"},children:jsx(b,{appearance:"ghost","aria-label":"Scroll left",className:"ml-0",disabled:p,size:"icon_md",variant:"secondary",onClick:R,children:jsx(b$1,{name:"chevron_left"})})}),w&&jsx("div",{className:"absolute top-1/2 right-0 z-[2] flex h-full w-[80px] -translate-y-1/2 items-center justify-end",style:{background:"linear-gradient(to left, white 40%, transparent)"},children:jsx(b,{appearance:"ghost","aria-label":"Scroll right",className:"mr-0",disabled:p,size:"icon_md",variant:"secondary",onClick:x,children:jsx(b$1,{name:"chevron_right"})})}),jsx("div",{className:cx("scrollbar-hide relative z-1 flex overflow-x-auto overflow-y-visible","min-w-0 [&>*]:flex-none [&>*]:whitespace-nowrap",y,u),ref:l,children:h})]})}export{P as HorizontalScroll};//# sourceMappingURL=horizontal-scroll.js.map
+//# sourceMappingURL=horizontal-scroll.js.map

package/dist/components/horizontal-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/horizontal-scroll.tsx"],"names":["HorizontalScroll","children","className","gap","scrollAmount","props","scrollContainerRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","isScrolling","setIsScrolling","checkScrollable","useCallback","container","scrollLeft","scrollWidth","clientWidth","handleScrollLeft","handleScrollRight","useEffect","handleScroll","handleResize","resizeObserver","gapClass","jsxs","cx","jsx","Button","Icon"],"mappings":"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","file":"horizontal-scroll.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { cx } from '@xjur-ui/util'\nimport { Button } from './form/button'\nimport { Icon } from './icon'\n\nexport interface HorizontalScrollProps extends ComponentProps<'div'> {\n  children: ReactNode\n  gap?: 'small' | 'medium' | 'large'\n  scrollAmount?: number\n}\n\nexport function HorizontalScroll({\n  children,\n  className,\n  gap = 'small',\n  scrollAmount = 200,\n  ...props\n}: HorizontalScrollProps) {\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n  const [canScrollLeft, setCanScrollLeft] = useState(false)\n  const [canScrollRight, setCanScrollRight] = useState(false)\n  const [isScrolling, setIsScrolling] = useState(false)\n\n  const checkScrollable = useCallback(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    const { scrollLeft, scrollWidth, clientWidth } = container\n    setCanScrollLeft(scrollLeft > 0)\n    setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 1)\n  }, [])\n\n  const handleScrollLeft = useCallback(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    setIsScrolling(true)\n    container.scrollTo({\n      left: container.scrollLeft - scrollAmount,\n      behavior: 'smooth'\n    })\n\n    setTimeout(() => setIsScrolling(false), 300)\n  }, [scrollAmount])\n\n  const handleScrollRight = useCallback(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    setIsScrolling(true)\n    container.scrollTo({\n      left: container.scrollLeft + scrollAmount,\n      behavior: 'smooth'\n    })\n\n    setTimeout(() => setIsScrolling(false), 300)\n  }, [scrollAmount])\n\n  useEffect(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    const handleScroll = () => {\n      checkScrollable()\n    }\n\n    const handleResize = () => {\n      checkScrollable()\n    }\n\n    checkScrollable()\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    window.addEventListener('resize', handleResize)\n\n    let resizeObserver: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      resizeObserver = new ResizeObserver(() => {\n        checkScrollable()\n      })\n      resizeObserver.observe(container)\n    }\n\n    return () => {\n      container.removeEventListener('scroll', handleScroll)\n      window.removeEventListener('resize', handleResize)\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n    }\n  }, [checkScrollable])\n\n  const gapClass = {\n    small: 'gap-small',\n    medium: 'gap-medium',\n    large: 'gap-large'\n  }[gap]\n\n  return (\n    <div className={cx('relative isolate', className)} {...props}>\n      {/* Left Arrow */}\n      {canScrollLeft && (\n        <div\n          className=\"absolute top-1/2 left-0 z-[3] flex h-full w-[80px] -translate-y-1/2 items-center\"\n          style={{\n            background: `linear-gradient(to right, white 40%, transparent)`\n          }}\n        >\n          <Button\n            appearance=\"ghost\"\n            aria-label=\"Scroll left\"\n            className=\"ml-0\"\n            disabled={isScrolling}\n            size=\"icon_md\"\n            variant=\"secondary\"\n            onClick={handleScrollLeft}\n          >\n            <Icon name=\"chevron_left\" />\n          </Button>\n        </div>\n      )}\n\n      {/* Right Arrow */}\n      {canScrollRight && (\n        <div\n          className=\"absolute top-1/2 right-0 z-[2] flex h-full w-[80px] -translate-y-1/2 items-center justify-end\"\n          style={{\n            background: `linear-gradient(to left, white 40%, transparent)`\n          }}\n        >\n          <Button\n            appearance=\"ghost\"\n            aria-label=\"Scroll right\"\n            className=\"mr-0\"\n            disabled={isScrolling}\n            size=\"icon_md\"\n            variant=\"secondary\"\n            onClick={handleScrollRight}\n          >\n            <Icon name=\"chevron_right\" />\n          </Button>\n        </div>\n      )}\n\n      {/* Scrollable Content */}\n      <div\n        className={cx(\n          'scrollbar-hide relative z-1 flex overflow-x-auto overflow-y-visible',\n          'min-w-0 [&>*]:flex-none [&>*]:whitespace-nowrap',\n          gapClass,\n          className\n        )}\n        ref={scrollContainerRef}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/components/icon.d.ts

@@ -1,8 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentProps } from 'react';
-
-declare const icons: readonly ["account_balance", "ad_units", "add_a_photo", "add", "adjust", "archive", "arrow_downward_alt", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_split", "arrow_upward_alt", "arrow_upward", "attach_file", "attach_money", "autorenew", "brightness_1", "calendar_today", "call", "chat_bubble", "check_circle", "check", "chevron_left", "chevron_right", "close", "collapse_all", "contacts", "content_copy", "dangerous", "dashboard", "delete", "download", "draft", "drafts", "drag_handle", "drag_indicator", "edit_document", "edit_square", "edit", "error", "expand_all", "file_export", "filter_alt", "filter_list", "first_page", "flag_2", "folder_open", "folder", "format_bold", "format_italic", "format_italic", "format_size", "format_strikethrough", "gavel", "group", "headphones", "help", "hourglass_bottom", "imagesmode", "import_contacts", "inbox", "info", "inventory_2", "keep", "keep", "keyboard_arrow_down", "keyboard_arrow_up", "keyboard_return", "label_off", "label", "last_page", "left_panel_close", "left_panel_open", "link_off", "link", "linked_services", "list", "location_on", "lock", "logout", "mail", "menu", "mic", "more_vert", "notifications", "numbers", "person_add", "person_off", "person", "play_circle", "progress_activity", "question_mark", "radio_button_unchecked", "refresh", "remove", "reply", "right_panel_close", "right_panel_open", "schedule", "search", "sell", "send", "settings", "share", "smart_display", "star", "star", "swap_vert", "thumb_down", "thumb_up", "tune", "unarchive", "undo", "upload", "verified_user", "videocam", "view_list", "view_module", "view_object_track", "visibility_off", "visibility", "warning", "wifi_2_bar", "wifi_off", "wifi", "work", "workspaces", "article", "id_card", "badge", "home", "save", "code", "favorite", "analytics", "reports", "event", "account_circle", "history", "security", "bar_chart", "category", "format_underlined", "format_list_bulleted", "format_list_numbered", "redo"];
-type IconType = (typeof icons)[number];
+import { I as IconType } from '../icons-CmDuL0gZ.js';
+export { i as icons } from '../icons-CmDuL0gZ.js';
 
 type IconProps = {
     name: IconType;
@@ -10,4 +9,4 @@ type IconProps = {
 } & ComponentProps<'span'>;
 declare function Icon({ className, filled, name, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
-export { Icon, type IconProps, type IconType, icons };
+export { Icon, type IconProps, IconType };

package/dist/components/icon.js

@@ -1,177 +1,2 @@
-// src/components/icon.tsx
-import { cx } from "@xjur-ui/util";
-
-// src/resources/icons.ts
-var icons = [
-  "account_balance",
-  "ad_units",
-  "add_a_photo",
-  "add",
-  "adjust",
-  "archive",
-  "arrow_downward_alt",
-  "arrow_downward",
-  "arrow_drop_down",
-  "arrow_drop_up",
-  "arrow_split",
-  "arrow_upward_alt",
-  "arrow_upward",
-  "attach_file",
-  "attach_money",
-  "autorenew",
-  "brightness_1",
-  "calendar_today",
-  "call",
-  "chat_bubble",
-  "check_circle",
-  "check",
-  "chevron_left",
-  "chevron_right",
-  "close",
-  "collapse_all",
-  "contacts",
-  "content_copy",
-  "dangerous",
-  "dashboard",
-  "delete",
-  "download",
-  "draft",
-  "drafts",
-  "drag_handle",
-  "drag_indicator",
-  "edit_document",
-  "edit_square",
-  "edit",
-  "error",
-  "expand_all",
-  "file_export",
-  "filter_alt",
-  "filter_list",
-  "first_page",
-  "flag_2",
-  "folder_open",
-  "folder",
-  "format_bold",
-  "format_italic",
-  "format_italic",
-  "format_size",
-  "format_strikethrough",
-  "gavel",
-  "group",
-  "headphones",
-  "help",
-  "hourglass_bottom",
-  "imagesmode",
-  "import_contacts",
-  "inbox",
-  "info",
-  "inventory_2",
-  "keep",
-  "keep",
-  "keyboard_arrow_down",
-  "keyboard_arrow_up",
-  "keyboard_return",
-  "label_off",
-  "label",
-  "last_page",
-  "left_panel_close",
-  "left_panel_open",
-  "link_off",
-  "link",
-  "linked_services",
-  "list",
-  "location_on",
-  "lock",
-  "logout",
-  "mail",
-  "menu",
-  "mic",
-  "more_vert",
-  "notifications",
-  "numbers",
-  "person_add",
-  "person_off",
-  "person",
-  "play_circle",
-  "progress_activity",
-  "question_mark",
-  "radio_button_unchecked",
-  "refresh",
-  "remove",
-  "reply",
-  "right_panel_close",
-  "right_panel_open",
-  "schedule",
-  "search",
-  "sell",
-  "send",
-  "settings",
-  "share",
-  "smart_display",
-  "star",
-  "star",
-  "swap_vert",
-  "thumb_down",
-  "thumb_up",
-  "tune",
-  "unarchive",
-  "undo",
-  "upload",
-  "verified_user",
-  "videocam",
-  "view_list",
-  "view_module",
-  "view_object_track",
-  "visibility_off",
-  "visibility",
-  "warning",
-  "wifi_2_bar",
-  "wifi_off",
-  "wifi",
-  "work",
-  "workspaces",
-  "article",
-  "id_card",
-  "badge",
-  "home",
-  "save",
-  "code",
-  "favorite",
-  "analytics",
-  "reports",
-  "event",
-  "account_circle",
-  "history",
-  "security",
-  "bar_chart",
-  "category",
-  "format_underlined",
-  "format_list_bulleted",
-  "format_list_numbered",
-  "redo"
-];
-
-// src/components/icon.tsx
-import { jsx } from "react/jsx-runtime";
-function Icon({ className, filled = false, name, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ...props,
-      className: cx(
-        "material-symbols-outlined",
-        "text-size-body-lg",
-        className
-      ),
-      style: {
-        fontVariationSettings: `'FILL' ${filled ? 1 : 0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,
-        ...props.style
-      },
-      children: name
-    }
-  );
-}
-export {
-  Icon,
-  icons
-};
+export{b as Icon,a as icons}from'../chunk-WV7QV2PU.js';//# sourceMappingURL=icon.js.map
+//# sourceMappingURL=icon.js.map

package/dist/components/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"icon.js"}

package/dist/components/list.js

@@ -1,179 +1,2 @@
-// src/components/list.tsx
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { cx, cva as cva2 } from "@xjur-ui/util";
-
-// src/components/typography.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "@xjur-ui/util";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-var typographyVariants = cva("", {
-  variants: {
-    variant: {
-      body: "",
-      label: "",
-      title: "",
-      headline: ""
-    },
-    size: {
-      "sm-2x": "",
-      "sm-1x": "",
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    weight: {
-      thin: "font-thin",
-      extraLight: "font-extralight",
-      light: "font-light",
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold",
-      extraBold: "font-extrabold",
-      black: "font-black"
-    }
-  },
-  compoundVariants: [
-    { variant: "body", size: "sm-1x", class: "text-size-body-sm-1x" },
-    { variant: "body", size: "sm", class: "text-size-body-sm" },
-    { variant: "body", size: "md", class: "text-size-body-md" },
-    { variant: "body", size: "lg", class: "text-size-body-lg" },
-    { variant: "label", size: "sm-2x", class: "text-size-label-sm-2x" },
-    { variant: "label", size: "sm-1x", class: "text-size-label-sm-1x" },
-    { variant: "label", size: "sm", class: "text-size-label-sm" },
-    { variant: "label", size: "md", class: "text-size-label-md" },
-    { variant: "label", size: "lg", class: "text-size-label-lg" },
-    { variant: "title", size: "sm", class: "text-size-title-sm" },
-    { variant: "title", size: "md", class: "text-size-title-md" },
-    { variant: "title", size: "lg", class: "text-size-title-lg" },
-    { variant: "headline", size: "sm", class: "text-size-headline-sm" },
-    { variant: "headline", size: "md", class: "text-size-headline-md" },
-    { variant: "headline", size: "lg", class: "text-size-headline-lg" }
-  ],
-  defaultVariants: {
-    variant: "body",
-    size: "md",
-    weight: "normal"
-  }
-});
-var Typography = memo(
-  ({
-    variant,
-    size,
-    weight,
-    asChild,
-    className,
-    ...props
-  }) => {
-    const Component = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        className: typographyVariants({ variant, size, weight, className }),
-        ...props
-      }
-    );
-  }
-);
-Typography.displayName = "Typography";
-
-// src/components/list.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ListRoot({
-  className,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "div";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      ...props,
-      className: cx(
-        className,
-        "rounded-small scrollbar-hide bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-10 max-h-[400px] list-none overflow-y-auto border"
-      )
-    }
-  );
-}
-function ListHeader({
-  className,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "div";
-  return /* @__PURE__ */ jsx2(Comp, { ...props, className: cx(className, "px-small pt-small-1x") });
-}
-function ListHeaderTitle({
-  variant = "label",
-  size = "sm",
-  weight = "medium",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    Typography,
-    {
-      className: cx(className, "text-neutral-placeholder"),
-      size,
-      variant,
-      weight,
-      ...props
-    }
-  );
-}
-function ListContent({
-  className,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "ul";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      ...props,
-      className: cx("gap-small-1x p-small flex flex-col", className)
-    }
-  );
-}
-var variants = cva2(
-  [
-    "py-medium px-small flex items-center gap-small rounded-small-1x",
-    "bg-layer-2-idle text-neutral-dark",
-    "hover:bg-layer-2-hover transition-colors duration-100 ease-out",
-    "active:bg-layer-2-pressed"
-  ],
-  {
-    variants: {
-      size: {
-        md: "h-large-4x",
-        lg: "h-large-7x"
-      },
-      isActive: {
-        true: "bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      isActive: false
-    }
-  }
-);
-function ListItem({
-  className,
-  size,
-  isActive,
-  asChild,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "li";
-  return /* @__PURE__ */ jsx2(Comp, { ...props, className: cx(variants({ size, isActive }), className) });
-}
-export {
-  ListContent,
-  ListHeader,
-  ListHeaderTitle,
-  ListItem,
-  ListRoot
-};
+export{d as ListContent,b as ListHeader,c as ListHeaderTitle,e as ListItem,a as ListRoot}from'../chunk-KIFR5VIE.js';import'../chunk-EIG6CBTQ.js';//# sourceMappingURL=list.js.map
+//# sourceMappingURL=list.js.map

package/dist/components/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"list.js"}