@usetheo/ui 0.13.0 → 0.13.2

package/dist/chunk-FNQASFTK.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RecentFoldersList = forwardRef(
+  ({ className, title = "Recent folders", folders, onSelect, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "recent-folders-list",
+      ref,
+      className: cn("rounded-xl border border-border bg-card", className),
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("p", { className: "border-border/40 border-b px-3 py-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: title }) : null,
+        /* @__PURE__ */ jsx("ul", { children: folders.map((folder) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect?.(folder.id),
+            className: cn(
+              "flex w-full items-center gap-3 px-3 py-2",
+              "text-left transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              folder.active ? "bg-primary/10 text-primary" : "hover:bg-muted"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Folder,
+                {
+                  className: cn(
+                    "size-4 shrink-0",
+                    folder.active ? "text-primary" : "text-muted-foreground"
+                  ),
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm", children: folder.name }),
+                /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: folder.path })
+              ] })
+            ]
+          }
+        ) }, folder.id)) })
+      ]
+    }
+  )
+);
+RecentFoldersList.displayName = "RecentFoldersList";
+
+export { RecentFoldersList };
+//# sourceMappingURL=chunk-FNQASFTK.js.map
+//# sourceMappingURL=chunk-FNQASFTK.js.map

package/dist/chunk-FNQASFTK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/recent-folders-list/recent-folders-list.tsx"],"names":[],"mappings":";;;;;AA0BA,IAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,gBAAA,EAAkB,SAAS,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA;AAAA,MACjE,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,mBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8GAAA,EACV,iBACH,CAAA,GACE,IAAA;AAAA,4BACH,IAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAC,MAAA,yBACX,IAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,MAAM,QAAA,GAAW,MAAA,CAAO,EAAE,CAAA;AAAA,YACnC,SAAA,EAAW,EAAA;AAAA,cACT,0CAAA;AAAA,cACA,6BAAA;AAAA,cACA,yEAAA;AAAA,cACA,MAAA,CAAO,SAAS,4BAAA,GAA+B;AAAA,aACjD;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,iBAAA;AAAA,oBACA,MAAA,CAAO,SAAS,cAAA,GAAiB;AAAA,mBACnC;AAAA,kBACA,aAAA,EAAY;AAAA;AAAA,eACd;AAAA,8BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mCAAA,EAAqC,QAAA,EAAA,MAAA,CAAO,IAAA,EAAK,CAAA;AAAA,gCAC9D,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qDAAA,EAAuD,iBAAO,IAAA,EAAK;AAAA,eAAA,EAClF;AAAA;AAAA;AAAA,SACF,EAAA,EAtBO,MAAA,CAAO,EAuBhB,CACD,CAAA,EACH;AAAA;AAAA;AAAA;AAGN;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-FNQASFTK.js","sourcesContent":["import { Folder } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface RecentFolder {\n  id: string;\n  name: ReactNode;\n  path: string;\n  /** When true, the row is highlighted as selected. */\n  active?: boolean;\n}\n\ninterface RecentFoldersListProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\" | \"onSelect\"> {\n  title?: ReactNode;\n  folders: RecentFolder[];\n  onSelect?: (id: string) => void;\n}\n\n/**\n * RecentFoldersList — recently-used folders for the Files picker.\n *\n * Visual: a stack of rows with folder icon + name + path (smaller, muted),\n * active row highlighted with violet bg.\n */\nconst RecentFoldersList = forwardRef<HTMLDivElement, RecentFoldersListProps>(\n  ({ className, title = \"Recent folders\", folders, onSelect, ...props }, ref) => (\n    <div\n      data-slot=\"recent-folders-list\"\n      ref={ref}\n      className={cn(\"rounded-xl border border-border bg-card\", className)}\n      {...props}\n    >\n      {title ? (\n        <p className=\"border-border/40 border-b px-3 py-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n          {title}\n        </p>\n      ) : null}\n      <ul>\n        {folders.map((folder) => (\n          <li key={folder.id}>\n            <button\n              type=\"button\"\n              onClick={() => onSelect?.(folder.id)}\n              className={cn(\n                \"flex w-full items-center gap-3 px-3 py-2\",\n                \"text-left transition-colors\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                folder.active ? \"bg-primary/10 text-primary\" : \"hover:bg-muted\",\n              )}\n            >\n              <Folder\n                className={cn(\n                  \"size-4 shrink-0\",\n                  folder.active ? \"text-primary\" : \"text-muted-foreground\",\n                )}\n                aria-hidden=\"true\"\n              />\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"truncate font-medium text-body-sm\">{folder.name}</p>\n                <p className=\"truncate font-mono text-label text-muted-foreground\">{folder.path}</p>\n              </div>\n            </button>\n          </li>\n        ))}\n      </ul>\n    </div>\n  ),\n);\nRecentFoldersList.displayName = \"RecentFoldersList\";\n\nexport { RecentFoldersList };\n"]}