@igstack/app-catalog-frontend-core 0.0.1

package/dist/esm/modules/icons/IconManagementPage.js

@@ -0,0 +1,177 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import { useReactTable, getCoreRowModel, createColumnHelper, flexRender } from "@tanstack/react-table";
+import { Upload, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useTRPC } from "../../api/infra/trpc.js";
+import { Button } from "../../ui/button.js";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../ui/card.js";
+import { Input } from "../../ui/input.js";
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../ui/table.js";
+const columnHelper = createColumnHelper();
+const columns = [
+  columnHelper.display({
+    id: "preview",
+    header: "Preview",
+    cell: (props) => /* @__PURE__ */ jsx("div", { className: "w-12 h-12 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: `/api/icons/${props.row.original.name}`,
+        alt: props.row.original.name,
+        className: "max-w-full max-h-full object-contain"
+      }
+    ) })
+  }),
+  columnHelper.accessor("name", {
+    header: "Name",
+    cell: (info) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: info.getValue() })
+  }),
+  columnHelper.accessor("mimeType", {
+    header: "Type"
+  }),
+  columnHelper.accessor("fileSize", {
+    header: "Size",
+    cell: (info) => `${(info.getValue() / 1024).toFixed(1)} KB`
+  }),
+  columnHelper.accessor("createdAt", {
+    header: "Created",
+    cell: (info) => new Date(info.getValue()).toLocaleDateString()
+  }),
+  columnHelper.accessor("updatedAt", {
+    header: "Updated",
+    cell: (info) => new Date(info.getValue()).toLocaleDateString()
+  }),
+  columnHelper.display({
+    id: "actions",
+    header: "Actions",
+    cell: (props) => /* @__PURE__ */ jsx(IconActions, { icon: props.row.original })
+  })
+];
+function IconActions({ icon }) {
+  const trpc = useTRPC();
+  const queryClient = useQueryClient();
+  const deleteMutation = useMutation({
+    ...trpc.icon.delete.mutationOptions(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: trpc.icon.list.queryKey() });
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      onClick: () => deleteMutation.mutate({ id: icon.id }),
+      disabled: deleteMutation.isPending,
+      children: /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" })
+    }
+  );
+}
+function IconUploadForm() {
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [iconName, setIconName] = useState("");
+  const trpc = useTRPC();
+  const queryClient = useQueryClient();
+  const handleFileSelect = (e) => {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (file) {
+      setSelectedFile(file);
+      setIconName(file.name.replace(/\.[^/.]+$/, ""));
+    }
+  };
+  const handleUpload = async () => {
+    if (!selectedFile || !iconName) return;
+    const formData = new FormData();
+    formData.append("name", iconName);
+    formData.append("icon", selectedFile);
+    const response = await fetch("/api/icons/upload", {
+      method: "POST",
+      body: formData
+    });
+    if (response.ok) {
+      queryClient.invalidateQueries({ queryKey: trpc.icon.list.queryKey() });
+      setSelectedFile(null);
+      setIconName("");
+    }
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    handleUpload();
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: "mb-8", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: "Upload Icon" }),
+      /* @__PURE__ */ jsx(CardDescription, { children: "Upload SVG, PNG, JPEG, or WebP icons (stored as binary in database)" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs("div", { className: "flex gap-4 items-end", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-2", children: "Icon Name" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: iconName,
+            onChange: (e) => setIconName(e.target.value),
+            placeholder: "icon-name"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-2", children: "File" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "file",
+            accept: "image/svg+xml,image/png,image/jpeg,image/webp",
+            onChange: handleFileSelect
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: !selectedFile || !iconName, children: [
+        /* @__PURE__ */ jsx(Upload, { className: "w-4 h-4 mr-2" }),
+        "Upload"
+      ] })
+    ] }) }) })
+  ] });
+}
+function IconTable() {
+  const trpc = useTRPC();
+  const { data: icons = [], isLoading } = useQuery(
+    trpc.icon.list.queryOptions()
+  );
+  const table = useReactTable({
+    data: icons,
+    columns,
+    getCoreRowModel: getCoreRowModel()
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "p-8", children: "Loading..." });
+  }
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs(CardTitle, { children: [
+        "Icons (",
+        icons.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx(CardDescription, { children: "Manage application icons" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
+    ] }) })
+  ] });
+}
+function IconManagementPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "container mx-auto p-8", children: [
+    /* @__PURE__ */ jsx(IconUploadForm, {}),
+    /* @__PURE__ */ jsx(IconTable, {})
+  ] });
+}
+export {
+  IconManagementPage
+};
+//# sourceMappingURL=IconManagementPage.js.map

package/dist/esm/modules/icons/IconManagementPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconManagementPage.js","sources":["../../../../src/modules/icons/IconManagementPage.tsx"],"sourcesContent":["import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport {\n  createColumnHelper,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { Trash2, Upload } from 'lucide-react'\nimport { useState } from 'react'\nimport { useTRPC } from '~/api/infra/trpc'\nimport { Button } from '~/ui/button'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '~/ui/card'\nimport { Input } from '~/ui/input'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\n\ntype Icon = {\n  id: string\n  name: string\n  mimeType: string\n  fileSize: number\n  createdAt: string\n  updatedAt: string\n}\n\nconst columnHelper = createColumnHelper<Icon>()\n\nconst columns = [\n  columnHelper.display({\n    id: 'preview',\n    header: 'Preview',\n    cell: (props) => (\n      <div className=\"w-12 h-12 flex items-center justify-center\">\n        <img\n          src={`/api/icons/${props.row.original.name}`}\n          alt={props.row.original.name}\n          className=\"max-w-full max-h-full object-contain\"\n        />\n      </div>\n    ),\n  }),\n  columnHelper.accessor('name', {\n    header: 'Name',\n    cell: (info) => <span className=\"font-medium\">{info.getValue()}</span>,\n  }),\n  columnHelper.accessor('mimeType', {\n    header: 'Type',\n  }),\n  columnHelper.accessor('fileSize', {\n    header: 'Size',\n    cell: (info) => `${(info.getValue() / 1024).toFixed(1)} KB`,\n  }),\n  columnHelper.accessor('createdAt', {\n    header: 'Created',\n    cell: (info) => new Date(info.getValue()).toLocaleDateString(),\n  }),\n  columnHelper.accessor('updatedAt', {\n    header: 'Updated',\n    cell: (info) => new Date(info.getValue()).toLocaleDateString(),\n  }),\n  columnHelper.display({\n    id: 'actions',\n    header: 'Actions',\n    cell: (props) => <IconActions icon={props.row.original} />,\n  }),\n]\n\nfunction IconActions({ icon }: { icon: Icon }) {\n  const trpc = useTRPC()\n  const queryClient = useQueryClient()\n\n  const deleteMutation = useMutation({\n    ...trpc.icon.delete.mutationOptions(),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: trpc.icon.list.queryKey() })\n    },\n  })\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      onClick={() => deleteMutation.mutate({ id: icon.id })}\n      disabled={deleteMutation.isPending}\n    >\n      <Trash2 className=\"w-4 h-4\" />\n    </Button>\n  )\n}\n\nfunction IconUploadForm() {\n  const [selectedFile, setSelectedFile] = useState<File | null>(null)\n  const [iconName, setIconName] = useState('')\n  const trpc = useTRPC()\n  const queryClient = useQueryClient()\n\n  const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (file) {\n      setSelectedFile(file)\n      setIconName(file.name.replace(/\\.[^/.]+$/, ''))\n    }\n  }\n\n  const handleUpload = async () => {\n    if (!selectedFile || !iconName) return\n\n    const formData = new FormData()\n    formData.append('name', iconName)\n    formData.append('icon', selectedFile)\n\n    const response = await fetch('/api/icons/upload', {\n      method: 'POST',\n      body: formData,\n    })\n\n    if (response.ok) {\n      queryClient.invalidateQueries({ queryKey: trpc.icon.list.queryKey() })\n      setSelectedFile(null)\n      setIconName('')\n    }\n  }\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault()\n    handleUpload()\n  }\n\n  return (\n    <Card className=\"mb-8\">\n      <CardHeader>\n        <CardTitle>Upload Icon</CardTitle>\n        <CardDescription>\n          Upload SVG, PNG, JPEG, or WebP icons (stored as binary in database)\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <form onSubmit={handleSubmit}>\n          <div className=\"flex gap-4 items-end\">\n            <div className=\"flex-1\">\n              <label className=\"block text-sm font-medium mb-2\">\n                Icon Name\n              </label>\n              <Input\n                value={iconName}\n                onChange={(e) => setIconName(e.target.value)}\n                placeholder=\"icon-name\"\n              />\n            </div>\n            <div className=\"flex-1\">\n              <label className=\"block text-sm font-medium mb-2\">File</label>\n              <Input\n                type=\"file\"\n                accept=\"image/svg+xml,image/png,image/jpeg,image/webp\"\n                onChange={handleFileSelect}\n              />\n            </div>\n            <Button type=\"submit\" disabled={!selectedFile || !iconName}>\n              <Upload className=\"w-4 h-4 mr-2\" />\n              Upload\n            </Button>\n          </div>\n        </form>\n      </CardContent>\n    </Card>\n  )\n}\n\nfunction IconTable() {\n  const trpc = useTRPC()\n  const { data: icons = [], isLoading } = useQuery(\n    trpc.icon.list.queryOptions(),\n  )\n\n  const table = useReactTable({\n    data: icons,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n  })\n\n  if (isLoading) {\n    return <div className=\"p-8\">Loading...</div>\n  }\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Icons ({icons.length})</CardTitle>\n        <CardDescription>Manage application icons</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows.map((row) => (\n              <TableRow key={row.id}>\n                {row.getVisibleCells().map((cell) => (\n                  <TableCell key={cell.id}>\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </CardContent>\n    </Card>\n  )\n}\n\nexport function IconManagementPage() {\n  return (\n    <div className=\"container mx-auto p-8\">\n      <IconUploadForm />\n      <IconTable />\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/pluginCore/PluginManagerContext.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { PartialRecord } from '~/types/utilityTypes';
+import { PluginInterfaceForCore } from './makePluginManagerContext.js';
+import { EhPlugin, PluginName } from './types.js';
+export interface PluginManagerContextIface {
+    plugins: Array<EhPlugin>;
+    interfaceForPlugins: PartialRecord<PluginName, PluginManagerInterfaceForPlugins>;
+}
+export interface PluginManagerInterfaceForPlugins {
+}
+interface PluginManagerProviderProps {
+    children: ReactNode;
+    plugins: Array<EhPlugin>;
+    pluginInterfaceForCore: PluginInterfaceForCore;
+}
+export declare function PluginManagerContextProvider({ children, plugins, }: PluginManagerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePluginManager(): PluginManagerContextIface;
+export declare function usePluginManagerForPlugin(pluginName: PluginName): PluginManagerInterfaceForPlugins;
+export {};

package/dist/esm/modules/pluginCore/PluginManagerContext.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { objectify } from "radashi";
+import { useMemo, createContext } from "react";
+const PluginManagerContext = createContext(void 0);
+function PluginManagerContextProvider({
+  children,
+  plugins
+}) {
+  const interfaceForPlugins = useMemo(() => {
+    return objectify(
+      plugins.map((p) => p.name),
+      (pluginName) => pluginName,
+      () => ({
+        // Future plugin interface methods can be added here
+      })
+    );
+  }, [plugins]);
+  const value = useMemo(() => {
+    return {
+      plugins,
+      interfaceForPlugins
+    };
+  }, [plugins, interfaceForPlugins]);
+  return /* @__PURE__ */ jsx(PluginManagerContext, { value, children });
+}
+export {
+  PluginManagerContextProvider
+};
+//# sourceMappingURL=PluginManagerContext.js.map

package/dist/esm/modules/pluginCore/PluginManagerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManagerContext.js","sources":["../../../../src/modules/pluginCore/PluginManagerContext.tsx"],"sourcesContent":["import { objectify } from 'radashi'\nimport { createContext, use, useMemo } from 'react'\nimport type { ReactNode } from 'react'\nimport type { PartialRecord } from '~/types/utilityTypes'\nimport type { PluginInterfaceForCore } from './makePluginManagerContext'\nimport type { EhPlugin, PluginName } from './types'\n\nexport interface PluginManagerContextIface {\n  plugins: Array<EhPlugin>\n  interfaceForPlugins: PartialRecord<\n    PluginName,\n    PluginManagerInterfaceForPlugins\n  >\n}\n\nexport interface PluginManagerInterfaceForPlugins {\n  // Future plugin interface methods can be added here\n}\n\nconst PluginManagerContext = createContext<\n  PluginManagerContextIface | undefined\n>(undefined)\n\ninterface PluginManagerProviderProps {\n  children: ReactNode\n  plugins: Array<EhPlugin>\n  pluginInterfaceForCore: PluginInterfaceForCore\n}\n\nexport function PluginManagerContextProvider({\n  children,\n  plugins,\n}: PluginManagerProviderProps) {\n  const interfaceForPlugins = useMemo(() => {\n    return objectify(\n      plugins.map((p) => p.name),\n      (pluginName) => pluginName,\n      () => ({\n        // Future plugin interface methods can be added here\n      }),\n    )\n  }, [plugins])\n\n  const value: PluginManagerContextIface = useMemo(() => {\n    return {\n      plugins,\n      interfaceForPlugins,\n    }\n  }, [plugins, interfaceForPlugins])\n\n  return <PluginManagerContext value={value}>{children}</PluginManagerContext>\n}\n\nexport function usePluginManager(): PluginManagerContextIface {\n  const context = use(PluginManagerContext)\n  if (context === undefined) {\n    throw new Error(\n      'usePluginManager must be used within an PluginManagerContextProvider',\n    )\n  }\n  return context\n}\n\nexport function usePluginManagerForPlugin(\n  pluginName: PluginName,\n): PluginManagerInterfaceForPlugins {\n  const context = usePluginManager()\n\n  const interfaceForPlugins = context.interfaceForPlugins[pluginName]\n\n  if (interfaceForPlugins === undefined) {\n    throw new Error(\n      `usePluginManagerForPlugin(\"${pluginName}\") is not initialized.`,\n    )\n  }\n\n  return interfaceForPlugins\n}\n"],"names":[],"mappings":";;;AAmBA,MAAM,uBAAuB,cAE3B,MAAS;AAQJ,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,sBAAsB,QAAQ,MAAM;AACxC,WAAO;AAAA,MACL,QAAQ,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,MACzB,CAAC,eAAe;AAAA,MAChB,OAAO;AAAA;AAAA,MAAA;AAAA,IAEP;AAAA,EAEJ,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,QAAmC,QAAQ,MAAM;AACrD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,GAAG,CAAC,SAAS,mBAAmB,CAAC;AAEjC,SAAO,oBAAC,sBAAA,EAAqB,OAAe,SAAA,CAAS;AACvD;"}

package/dist/esm/modules/pluginCore/makePluginManagerContext.d.ts

@@ -0,0 +1,4 @@
+import { EhPlugin } from './types.js';
+export interface PluginInterfaceForCore {
+}
+export declare function makePluginInterfaceForCore(_plugins: Array<EhPlugin>): PluginInterfaceForCore;

package/dist/esm/modules/pluginCore/makePluginManagerContext.js

@@ -0,0 +1,9 @@
+function makePluginInterfaceForCore(_plugins) {
+  return {
+    // Future plugin interface methods can be added here
+  };
+}
+export {
+  makePluginInterfaceForCore
+};
+//# sourceMappingURL=makePluginManagerContext.js.map

package/dist/esm/modules/pluginCore/makePluginManagerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makePluginManagerContext.js","sources":["../../../../src/modules/pluginCore/makePluginManagerContext.ts"],"sourcesContent":["import type { EhPlugin } from './types'\n\nexport interface PluginInterfaceForCore {\n  // Future plugin interface methods can be added here\n}\n\nexport function makePluginInterfaceForCore(\n  _plugins: Array<EhPlugin>,\n): PluginInterfaceForCore {\n  return {\n    // Future plugin interface methods can be added here\n  }\n}\n"],"names":[],"mappings":"AAMO,SAAS,2BACd,UACwB;AACxB,SAAO;AAAA;AAAA,EAAA;AAGT;"}

package/dist/esm/modules/pluginCore/types.d.ts

@@ -0,0 +1,24 @@
+export interface PluginAsyncData<T> {
+    pluginName: string;
+    data: T;
+    isLoaded: boolean;
+}
+export interface EhPlugin {
+    name: PluginName;
+}
+export interface BaseAppAutoCompletableParent {
+    type: string;
+    displayName: string;
+    hasSingleChild: boolean;
+}
+export interface BaseAutoCompletableItem {
+    type: string;
+    slug: string;
+    parent?: BaseAppAutoCompletableParent;
+}
+export interface BaseAutoCompleteItemRender {
+    displayName: string;
+    parentDisplayName?: string;
+    isDefaultGroupItem?: boolean;
+}
+export type PluginName = string;

package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.2/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js

@@ -0,0 +1,60 @@
+import React__default, { useState, useCallback } from "react";
+const hiddenStyles = {
+  display: "none"
+};
+function HiddenText(_ref) {
+  let {
+    id,
+    value
+  } = _ref;
+  return React__default.createElement("div", {
+    id,
+    style: hiddenStyles
+  }, value);
+}
+function LiveRegion(_ref) {
+  let {
+    id,
+    announcement,
+    ariaLiveType = "assertive"
+  } = _ref;
+  const visuallyHidden = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: 1,
+    height: 1,
+    margin: -1,
+    border: 0,
+    padding: 0,
+    overflow: "hidden",
+    clip: "rect(0 0 0 0)",
+    clipPath: "inset(100%)",
+    whiteSpace: "nowrap"
+  };
+  return React__default.createElement("div", {
+    id,
+    style: visuallyHidden,
+    role: "status",
+    "aria-live": ariaLiveType,
+    "aria-atomic": true
+  }, announcement);
+}
+function useAnnouncement() {
+  const [announcement, setAnnouncement] = useState("");
+  const announce = useCallback((value) => {
+    if (value != null) {
+      setAnnouncement(value);
+    }
+  }, []);
+  return {
+    announce,
+    announcement
+  };
+}
+export {
+  HiddenText,
+  LiveRegion,
+  useAnnouncement
+};
+//# sourceMappingURL=accessibility.esm.js.map

package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.2/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.esm.js","sources":["../../../../../../../../../../../node_modules/.pnpm/@dnd-kit+accessibility@3.1.1_react@19.1.2/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js"],"sourcesContent":["import React, { useState, useCallback } from 'react';\n\nconst hiddenStyles = {\n  display: 'none'\n};\nfunction HiddenText(_ref) {\n  let {\n    id,\n    value\n  } = _ref;\n  return React.createElement(\"div\", {\n    id: id,\n    style: hiddenStyles\n  }, value);\n}\n\nfunction LiveRegion(_ref) {\n  let {\n    id,\n    announcement,\n    ariaLiveType = \"assertive\"\n  } = _ref;\n  // Hide element visually but keep it readable by screen readers\n  const visuallyHidden = {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: 1,\n    height: 1,\n    margin: -1,\n    border: 0,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(100%)',\n    whiteSpace: 'nowrap'\n  };\n  return React.createElement(\"div\", {\n    id: id,\n    style: visuallyHidden,\n    role: \"status\",\n    \"aria-live\": ariaLiveType,\n    \"aria-atomic\": true\n  }, announcement);\n}\n\nfunction useAnnouncement() {\n  const [announcement, setAnnouncement] = useState('');\n  const announce = useCallback(value => {\n    if (value != null) {\n      setAnnouncement(value);\n    }\n  }, []);\n  return {\n    announce,\n    announcement\n  };\n}\n\nexport { HiddenText, LiveRegion, useAnnouncement };\n//# sourceMappingURL=accessibility.esm.js.map\n"],"names":["React"],"mappings":";AAEA,MAAM,eAAe;AAAA,EACnB,SAAS;AACX;AACA,SAAS,WAAW,MAAM;AACxB,MAAI;AAAA,IACF;AAAA,IACA;AAAA,EACJ,IAAM;AACJ,SAAOA,eAAM,cAAc,OAAO;AAAA,IAChC;AAAA,IACA,OAAO;AAAA,EACX,GAAK,KAAK;AACV;AAEA,SAAS,WAAW,MAAM;AACxB,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACnB,IAAM;AAEJ,QAAM,iBAAiB;AAAA,IACrB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EAChB;AACE,SAAOA,eAAM,cAAc,OAAO;AAAA,IAChC;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,eAAe;AAAA,EACnB,GAAK,YAAY;AACjB;AAEA,SAAS,kBAAkB;AACzB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,EAAE;AACnD,QAAM,WAAW,YAAY,WAAS;AACpC,QAAI,SAAS,MAAM;AACjB,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAA,CAAE;AACL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}