@alexgorbatchev/shadcn 0.0.20 → 0.0.22

package/dist/components/tree/index.js

@@ -0,0 +1,190 @@
+import {
+  cn2
+} from "../../chunk-cp2m7y7v.js";
+
+// src/components/tree/TreeItem.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { ChevronRightIcon, FileIcon, FolderIcon, FolderOpenIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function isRowControl(event) {
+  return event.target !== event.currentTarget && event.target instanceof Element && Boolean(event.target.closest("button,input,textarea,select,form"));
+}
+function TreeItem({
+  item,
+  children,
+  startEnhancer,
+  endEnhancer,
+  expandOn = "click",
+  isEditing = false,
+  isDropTarget = false,
+  density,
+  render,
+  ...props
+}) {
+  const nativeProps = item.getProps();
+  const isExpanded = item.isExpanded();
+  const isSelected = item.isSelected?.() ?? false;
+  const isInsideTarget = item.isUnorderedDragTarget?.() ?? false;
+  const isAbove = item.isDragTargetAbove?.() ?? false;
+  const isBelow = item.isDragTargetBelow?.() ?? false;
+  const toggle = () => {
+    if (isExpanded)
+      item.collapse();
+    else
+      item.expand();
+  };
+  const select = (event) => {
+    if (isRowControl(event))
+      return;
+    item.setFocused();
+    if (event.shiftKey)
+      item.selectUpTo?.(event.ctrlKey || event.metaKey);
+    else if (event.ctrlKey || event.metaKey)
+      item.toggleSelect?.();
+    else
+      item.getTree().setSelectedItems?.([item.getId()]);
+    if (!event.shiftKey)
+      item.getTree().getDataRef().current.selectUpToAnchorId = item.getId();
+    item.primaryAction();
+  };
+  return useRender({
+    defaultTagName: "div",
+    render,
+    props: mergeProps({
+      ...nativeProps,
+      onKeyDown: (event) => {
+        if (event.target !== event.currentTarget || event.defaultPrevented || event.key !== "Enter" || event.repeat || item.getTree().getState().dnd)
+          return;
+        event.preventDefault();
+        item.getTree().setSelectedItems?.([item.getId()]);
+        item.primaryAction();
+        if (expandOn === "doubleClick" && item.isFolder())
+          toggle();
+      },
+      ...expandOn === "doubleClick" ? {
+        onClick: select,
+        onDoubleClick: (event) => {
+          if (!isRowControl(event) && item.isFolder())
+            toggle();
+        }
+      } : {},
+      ...isEditing ? {
+        draggable: false,
+        onClick: undefined,
+        onDoubleClick: undefined,
+        onKeyDown: undefined,
+        onDragStart: undefined
+      } : {},
+      style: { paddingInlineStart: `${item.getItemMeta().level * 20 + 8}px` },
+      className: cn2("relative flex min-h-control min-w-0 cursor-default items-center gap-2 rounded-sm py-1 pr-2 text-sm outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring", (isSelected || isDropTarget || isInsideTarget) && "bg-accent text-accent-foreground"),
+      children: /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          item.isFolder() ? /* @__PURE__ */ jsx(ChevronRightIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-3.5 shrink-0", isExpanded && "rotate-90")
+          }) : /* @__PURE__ */ jsx("span", {
+            className: "size-3.5 shrink-0"
+          }),
+          /* @__PURE__ */ jsx("span", {
+            "aria-hidden": "true",
+            className: "flex shrink-0 [&>svg]:size-4",
+            children: startEnhancer ?? (item.isFolder() ? isExpanded ? /* @__PURE__ */ jsx(FolderOpenIcon, {}) : /* @__PURE__ */ jsx(FolderIcon, {}) : /* @__PURE__ */ jsx(FileIcon, {}))
+          }),
+          /* @__PURE__ */ jsx("div", {
+            className: "min-w-0 flex-1 truncate",
+            children: children ?? item.getItemName()
+          }),
+          endEnhancer && /* @__PURE__ */ jsx("div", {
+            className: "flex shrink-0 items-center gap-1 text-xs tabular-nums",
+            onClick: (event) => event.stopPropagation(),
+            onDoubleClick: (event) => event.stopPropagation(),
+            onKeyDown: (event) => event.stopPropagation(),
+            children: endEnhancer
+          }),
+          isAbove && /* @__PURE__ */ jsx("span", {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-x-0 top-0 h-0.5 bg-primary"
+          }),
+          isBelow && /* @__PURE__ */ jsx("span", {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-x-0 bottom-0 h-0.5 bg-primary"
+          })
+        ]
+      })
+    }, props),
+    state: {
+      slot: "tree-item",
+      selected: isSelected,
+      expanded: isExpanded,
+      dropTarget: isInsideTarget || isDropTarget,
+      density
+    }
+  });
+}
+
+// src/components/tree/Tree.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Tree({
+  tree,
+  label,
+  variant = "default",
+  renderIcon,
+  renderLabel,
+  renderItem,
+  density
+}) {
+  const container = tree.getContainerProps(label);
+  return /* @__PURE__ */ jsx2("div", {
+    ...container,
+    "data-density": density,
+    className: cn2("grid min-w-0 gap-1", variant === "default" && "rounded-sm border border-border bg-card p-2"),
+    onKeyDown: (event) => {
+      if (event.target instanceof Element && event.target.closest("input,textarea,select,form,button,[role=menu]"))
+        return;
+      container.onKeyDown?.(event);
+    },
+    children: tree.getItems().map((item) => renderItem ? /* @__PURE__ */ jsx2("div", {
+      role: "none",
+      children: renderItem(item)
+    }, item.getKey()) : /* @__PURE__ */ jsx2(TreeItem, {
+      item,
+      startEnhancer: renderIcon?.(item),
+      density,
+      children: renderLabel?.(item)
+    }, item.getKey()))
+  });
+}
+
+// src/components/tree/index.ts
+import { useTree, AssistiveTreeDescription } from "@headless-tree/react";
+import {
+  syncDataLoaderFeature,
+  asyncDataLoaderFeature,
+  hotkeysCoreFeature,
+  selectionFeature,
+  checkboxesFeature,
+  searchFeature,
+  renamingFeature,
+  expandAllFeature,
+  dragAndDropFeature,
+  keyboardDragAndDropFeature,
+  isOrderedDragTarget
+} from "@headless-tree/core";
+export {
+  AssistiveTreeDescription,
+  Tree,
+  TreeItem,
+  asyncDataLoaderFeature,
+  checkboxesFeature,
+  dragAndDropFeature,
+  expandAllFeature,
+  hotkeysCoreFeature,
+  isOrderedDragTarget,
+  keyboardDragAndDropFeature,
+  renamingFeature,
+  searchFeature,
+  selectionFeature,
+  syncDataLoaderFeature,
+  useTree
+};

package/dist/event-calendar.css

@@ -0,0 +1,83 @@
+@import "react-big-calendar/lib/css/react-big-calendar.css";
+
+.ag-event-calendar {
+  font-family: inherit;
+  color: var(--foreground);
+  font-size: 0.875rem;
+  --rbc-border: var(--border);
+}
+.ag-event-calendar
+  :is(
+    .rbc-month-view,
+    .rbc-month-row,
+    .rbc-header,
+    .rbc-day-bg,
+    .rbc-time-view,
+    .rbc-time-header-content,
+    .rbc-time-header,
+    .rbc-time-content,
+    .rbc-timeslot-group,
+    .rbc-day-slot .rbc-time-slot,
+    .rbc-agenda-view table,
+    .rbc-agenda-view tbody > tr > td,
+    .rbc-agenda-view thead > tr > th,
+    .rbc-time-content > * + * > *
+  ) {
+  border-color: var(--border);
+}
+.ag-event-calendar :is(.rbc-event, .rbc-background-event) {
+  background-color: var(--primary);
+  color: var(--primary-foreground);
+  border-color: var(--border);
+  border-radius: var(--radius-sm);
+  font: inherit;
+  text-align: start;
+}
+.ag-event-calendar .rbc-event.rbc-selected {
+  background-color: var(--accent);
+  color: var(--accent-foreground);
+}
+.ag-event-calendar .rbc-event:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+  box-shadow: none;
+}
+.ag-event-calendar .rbc-off-range {
+  color: var(--muted-foreground);
+}
+.ag-event-calendar .rbc-off-range-bg {
+  background: var(--muted);
+}
+.ag-event-calendar .rbc-today {
+  background: var(--accent);
+}
+.ag-event-calendar .rbc-current-time-indicator {
+  background-color: var(--primary);
+}
+.ag-event-calendar .rbc-show-more {
+  color: var(--primary);
+  background: transparent;
+}
+.ag-event-calendar .rbc-show-more:hover {
+  color: var(--foreground);
+}
+.ag-event-calendar .rbc-slot-selection {
+  background: var(--accent);
+  color: var(--accent-foreground);
+  border: 1px solid var(--ring);
+}
+.ag-event-calendar .rbc-slot-selecting {
+  background: var(--muted);
+}
+.ag-event-calendar .rbc-time-header.rbc-overflowing {
+  border-color: var(--border);
+}
+.ag-event-calendar .rbc-events-container .rbc-event {
+  min-height: 1.5rem;
+}
+.ag-event-calendar .rbc-button-link {
+  border-radius: var(--radius-sm);
+}
+.ag-event-calendar .rbc-button-link:focus-visible {
+  outline: 2px solid var(--ring);
+}

package/dist/index.d.ts

@@ -88,3 +88,36 @@ export { PortalProvider } from "./components/PortalProvider.js";
 export type { IPortalProviderProps } from "./components/PortalProvider.js";
 export { usePortalContainer } from "./hooks/usePortalContainer.js";
 export type { PortalContainer } from "./portal/types.js";
+export { NumberField, NumberFieldGroup, NumberFieldInput, NumberFieldDecrement, NumberFieldIncrement, NumberFieldScrubArea, NumberFieldScrubAreaCursor, } from "./components/NumberField.js";
+export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from "./components/Meter.js";
+export { Toolbar, ToolbarButton, ToolbarLink, ToolbarInput, ToolbarGroup, ToolbarSeparator, } from "./components/Toolbar.js";
+export { Stepper, StepperList, StepperTrigger, StepperIndicator, StepperContent } from "./components/Stepper.js";
+export { AppShell } from "./components/AppShell.js";
+export type { AppShellProps, AppShellNavigationItem } from "./components/AppShell.js";
+export { PageHeader } from "./components/PageHeader.js";
+export type { PageHeaderProps } from "./components/PageHeader.js";
+export { WorkspaceSwitcher } from "./components/WorkspaceSwitcher.js";
+export type { WorkspaceSwitcherProps } from "./components/WorkspaceSwitcher.js";
+export { AccountMenu } from "./components/AccountMenu.js";
+export type { AccountMenuProps, AccountAction } from "./components/AccountMenu.js";
+export { StatCard } from "./components/StatCard.js";
+export type { StatCardProps } from "./components/StatCard.js";
+export { AuthForm } from "./components/AuthForm.js";
+export type { AuthFormProps, AuthFormMode, AuthFormValues } from "./components/AuthForm.js";
+export { SettingsSection } from "./components/SettingsSection.js";
+export type { SettingsSectionProps } from "./components/SettingsSection.js";
+export { TagInput } from "./components/TagInput.js";
+export type { TagInputProps } from "./components/TagInput.js";
+export { FilterBar } from "./components/FilterBar.js";
+export type { FilterBarProps, FilterDefinition } from "./components/FilterBar.js";
+export { Kanban } from "./components/Kanban.js";
+export type { KanbanProps, KanbanColumn, KanbanItem } from "./components/Kanban.js";
+export { BarList } from "./components/BarList.js";
+export type { BarListProps, BarListItem } from "./components/BarList.js";
+export { StatusTracker } from "./components/StatusTracker.js";
+export type { StatusTrackerProps, StatusTrackerItem } from "./components/StatusTracker.js";
+export { DashboardLayout } from "./components/DashboardLayout.js";
+export type { DashboardLayoutProps, DashboardStat } from "./components/DashboardLayout.js";
+export { BillingUsage } from "./components/BillingUsage.js";
+export type { BillingUsageProps, UsageMetric } from "./components/BillingUsage.js";
+export type { ILabelValue } from "./options/types.js";