@baseplate-dev/project-builder-web 0.2.6 → 0.3.1

package/dist/assets/route-CH7VQVwb.js

@@ -0,0 +1,2 @@
+import{i as a}from"./_virtual___federation_fn_import-DXu2m-ZE.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{A as c}from"./index-BGLRovL6.js";import{a as u}from"./index-BUYA3Tes.js";const{getPluginMetadataByKeyOrThrow:p,pluginEntityType:s}=await a("@baseplate-dev/project-builder-lib"),{useProjectDefinition:m}=await a("@baseplate-dev/project-builder-lib/web"),{Button:h,NavigationMenu:x,NavigationMenuItem:g,NavigationMenuLink:y,NavigationMenuList:j,SidebarLayout:b,SidebarLayoutContent:f,SidebarLayoutSidebar:v}=await a("@baseplate-dev/ui-components"),{notEmpty:w}=await a("@baseplate-dev/utils"),{Link:o,Outlet:N}=await a("@tanstack/react-router"),C=function(){const{definition:r,schemaParserContext:i}=m(),{availablePlugins:l}=i.pluginStore,n=(r.plugins??[]).filter(t=>!p(i.pluginStore,s.keyFromId(t.id)).managedBy).map(t=>l.find(d=>d.metadata.key===s.keyFromId(t.id))?.metadata).filter(w);return e.jsxs(b,{className:"flex-1",children:[e.jsxs(v,{className:"flex flex-col gap-4",width:"sm",children:[e.jsx(o,{to:"/plugins",children:e.jsxs(h,{variant:"secondary",className:"w-full",size:"sm",children:[e.jsx(c,{}),"Add new plugin"]})}),e.jsx(x,{orientation:"vertical",children:e.jsxs(j,{children:[n.map(t=>e.jsx(y,{asChild:!0,children:e.jsx(o,{to:"/plugins/edit/$key",params:{key:t.key},children:t.displayName})},t.key)),n.length===0&&e.jsx(g,{className:"mt-4 w-full text-center opacity-80",children:"No plugins enabled"})]})})]}),e.jsx(f,{className:"h-[calc(100vh-var(--topbar-height)-1px)]",children:e.jsx(u,{children:e.jsx(N,{})})})]})};export{C as component};
+//# sourceMappingURL=route-CH7VQVwb.js.map

package/dist/assets/route-CH7VQVwb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-CH7VQVwb.js","sources":["../../src/routes/plugins/route.tsx?tsr-split=component"],"sourcesContent":["import type React from 'react';\n\nimport {\n  getPluginMetadataByKeyOrThrow,\n  pluginEntityType,\n} from '@baseplate-dev/project-builder-lib';\nimport { useProjectDefinition } from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Button,\n  NavigationMenu,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  SidebarLayout,\n  SidebarLayoutContent,\n  SidebarLayoutSidebar,\n} from '@baseplate-dev/ui-components';\nimport { notEmpty } from '@baseplate-dev/utils';\nimport { createFileRoute, Link, Outlet } from '@tanstack/react-router';\nimport { MdAdd } from 'react-icons/md';\n\nimport { ErrorBoundary } from '#src/components/index.js';\n\nexport const Route = createFileRoute('/plugins')({\n  component: PluginsLayout,\n  beforeLoad: () => ({\n    getTitle: () => 'Plugins',\n  }),\n});\n\nfunction PluginsLayout(): React.JSX.Element {\n  const { definition, schemaParserContext } = useProjectDefinition();\n\n  const { availablePlugins } = schemaParserContext.pluginStore;\n\n  const enabledPlugins = (definition.plugins ?? [])\n    .filter(\n      (plugin) =>\n        !getPluginMetadataByKeyOrThrow(\n          schemaParserContext.pluginStore,\n          pluginEntityType.keyFromId(plugin.id),\n        ).managedBy,\n    )\n    .map((plugin) => {\n      const pluginWithMetadata = availablePlugins.find(\n        (p) => p.metadata.key === pluginEntityType.keyFromId(plugin.id),\n      );\n      return pluginWithMetadata?.metadata;\n    })\n    .filter(notEmpty);\n\n  return (\n    <SidebarLayout className=\"flex-1\">\n      <SidebarLayoutSidebar className=\"flex flex-col gap-4\" width=\"sm\">\n        <Link to=\"/plugins\">\n          <Button variant=\"secondary\" className=\"w-full\" size=\"sm\">\n            <MdAdd />\n            Add new plugin\n          </Button>\n        </Link>\n        <NavigationMenu orientation=\"vertical\">\n          <NavigationMenuList>\n            {enabledPlugins.map((plugin) => (\n              <NavigationMenuLink key={plugin.key} asChild>\n                <Link to={`/plugins/edit/$key`} params={{ key: plugin.key }}>\n                  {plugin.displayName}\n                </Link>\n              </NavigationMenuLink>\n            ))}\n            {enabledPlugins.length === 0 && (\n              <NavigationMenuItem className=\"mt-4 w-full text-center opacity-80\">\n                No plugins enabled\n              </NavigationMenuItem>\n            )}\n          </NavigationMenuList>\n        </NavigationMenu>\n      </SidebarLayoutSidebar>\n      <SidebarLayoutContent className=\"h-[calc(100vh-var(--topbar-height)-1px)]\">\n        <ErrorBoundary>\n          <Outlet />\n        </ErrorBoundary>\n      </SidebarLayoutContent>\n    </SidebarLayout>\n  );\n}\n"],"names":["getPluginMetadataByKeyOrThrow","pluginEntityType","importShared","useProjectDefinition","Button","NavigationMenu","NavigationMenuItem","NavigationMenuLink","NavigationMenuList","SidebarLayout","SidebarLayoutContent","SidebarLayoutSidebar","notEmpty","Link","Outlet","SplitComponent","definition","schemaParserContext","availablePlugins","pluginStore","enabledPlugins","plugins","filter","plugin","keyFromId","id","managedBy","map","find","p","metadata","key","jsxs","jsx","MdAdd","displayName","length","ErrorBoundary"],"mappings":"gMAEA,KAAA,CAAA,8BAAAA,EAAA,iBAAAC,CAAA,EAAA,MAAAC,EAAA,oCAAA,EAIA,CAAA,qBAAAC,CAAA,EAAA,MAAAD,EAAA,wCAAA,EACA,CAAA,OAAAE,EAAA,eAAAC,EAAA,mBAAAC,EAAA,mBAAAC,EAAA,mBAAAC,EAAA,cAAAC,EAAA,qBAAAC,EAAA,qBAAAC,CAAA,EAAA,MAAAT,EAAA,8BAAA,EAUA,CAAA,SAAAU,CAAA,EAAA,MAAAV,EAAA,sBAAA,EACA,CAAA,KAAAW,EAAA,OAAAC,CAAA,EAAA,MAAAZ,EAAA,wBAAA,EAGyDa,EAAA,UASb,CACpC,KAAA,CAAEC,WAAAA,EAAYC,oBAAAA,GAAwBd,EAAqB,EAE3D,CAAEe,iBAAAA,GAAqBD,EAAoBE,YAE3CC,GAAkBJ,EAAWK,SAAW,IAC3CC,OACEC,GACC,CAACvB,EACCiB,EAAoBE,YACpBlB,EAAiBuB,UAAUD,EAAOE,EAAE,CACtC,EAAEC,SACN,EACCC,IAAgBJ,GACYL,EAAiBU,KACnCC,GAAAA,EAAEC,SAASC,MAAQ9B,EAAiBuB,UAAUD,EAAOE,EAAE,CAChE,GAC2BK,QAC5B,EACAR,OAAOV,CAAQ,EAGhB,OAAAoB,EAAA,KAACvB,EAAc,CAAA,UAAU,SACvB,SAAA,CAAAuB,EAAA,KAACrB,EAAqB,CAAA,UAAU,sBAAsB,MAAM,KAC1D,SAAA,CAACsB,EAAA,IAAApB,EAAA,CAAK,GAAG,WACP,SAACmB,EAAAA,KAAA5B,EAAA,CAAO,QAAQ,YAAY,UAAU,SAAS,KAAK,KAClD,SAAA,CAAA6B,EAAA,IAACC,EAAK,EAAA,EAAA,gBAAA,CAAA,CAER,CACF,CAAA,EACCD,MAAA5B,EAAA,CAAe,YAAY,WAC1B,gBAACG,EACEY,CAAAA,SAAAA,CAAeO,EAAAA,IACdJ,GAAAU,EAAAA,IAAC1B,EAAoC,CAAA,QAAO,GAC1C,SAAC0B,EAAAA,IAAApB,EAAA,CAAK,GAAI,qBAAsB,OAAQ,CAAEkB,IAAKR,EAAOQ,GAAAA,EACnDR,SAAOY,EAAAA,WAAAA,CACV,CAHuBZ,EAAAA,EAAOQ,GAIhC,CACD,EACAX,EAAegB,SAAW,SACxB9B,EAAmB,CAAA,UAAU,qCAAoC,SAElE,oBAAA,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,EACF,EACA2B,EAAAA,IAACvB,GAAqB,UAAU,2CAC9B,eAAC2B,EACC,CAAA,SAAAJ,EAAA,IAACnB,EAAM,CAAA,CAAA,CACT,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/assets/route-CpoiDvOD.js

@@ -0,0 +1,2 @@
+import{i as s}from"./_virtual___federation_fn_import-DXu2m-ZE.js";import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{E as r}from"./index-BUYA3Tes.js";const{NavigationMenu:a,NavigationMenuLink:e,NavigationMenuList:n,SidebarLayout:o,SidebarLayoutContent:l,SidebarLayoutSidebar:c}=await s("@baseplate-dev/ui-components"),{Link:i,Outlet:d}=await s("@tanstack/react-router"),j=function(){return t.jsxs(o,{className:"h-full flex-1",children:[t.jsx(c,{className:"space-y-4",width:"sm",children:t.jsx(a,{orientation:"vertical",children:t.jsxs(n,{children:[t.jsx(e,{asChild:!0,children:t.jsx(i,{to:"/settings",children:"Project settings"})}),t.jsx(e,{asChild:!0,children:t.jsx(i,{to:"/settings/hierarchy",children:"Hierarchy"})}),t.jsx(e,{asChild:!0,children:t.jsx(i,{to:"/settings/theme-builder",children:"Theme builder"})}),r&&t.jsx(e,{asChild:!0,children:t.jsx(i,{to:"/settings/template-extractor",children:"Template extractor"})})]})})}),t.jsx(l,{className:"h-full",children:t.jsx(d,{})})]})};export{j as component};
+//# sourceMappingURL=route-CpoiDvOD.js.map

package/dist/assets/route-CpoiDvOD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-CpoiDvOD.js","sources":["../../src/routes/settings/route.tsx?tsr-split=component"],"sourcesContent":["import type React from 'react';\n\nimport {\n  NavigationMenu,\n  NavigationMenuLink,\n  NavigationMenuList,\n  SidebarLayout,\n  SidebarLayoutContent,\n  SidebarLayoutSidebar,\n} from '@baseplate-dev/ui-components';\nimport { createFileRoute, Link, Outlet } from '@tanstack/react-router';\n\nimport { ENABLE_TEMPLATE_EXTRACTOR } from '#src/services/config.js';\n\nexport const Route = createFileRoute('/settings')({\n  component: SettingsLayout,\n  beforeLoad: () => ({\n    getTitle: () => 'Settings',\n  }),\n});\n\nfunction SettingsLayout(): React.JSX.Element {\n  return (\n    <SidebarLayout className=\"h-full flex-1\">\n      <SidebarLayoutSidebar className=\"space-y-4\" width=\"sm\">\n        <NavigationMenu orientation=\"vertical\">\n          <NavigationMenuList>\n            <NavigationMenuLink asChild>\n              <Link to={`/settings`}>Project settings</Link>\n            </NavigationMenuLink>\n            <NavigationMenuLink asChild>\n              <Link to={`/settings/hierarchy`}>Hierarchy</Link>\n            </NavigationMenuLink>\n            <NavigationMenuLink asChild>\n              <Link to={`/settings/theme-builder`}>Theme builder</Link>\n            </NavigationMenuLink>\n            {ENABLE_TEMPLATE_EXTRACTOR && (\n              <NavigationMenuLink asChild>\n                <Link to={`/settings/template-extractor`}>\n                  Template extractor\n                </Link>\n              </NavigationMenuLink>\n            )}\n          </NavigationMenuList>\n        </NavigationMenu>\n      </SidebarLayoutSidebar>\n      <SidebarLayoutContent className=\"h-full\">\n        <Outlet />\n      </SidebarLayoutContent>\n    </SidebarLayout>\n  );\n}\n"],"names":["NavigationMenu","NavigationMenuLink","NavigationMenuList","SidebarLayout","SidebarLayoutContent","SidebarLayoutSidebar","importShared","Link","Outlet","SplitComponent","jsxs","jsx","ENABLE_TEMPLATE_EXTRACTOR"],"mappings":"wJAEA,KAAA,CAAA,eAAAA,EAAA,mBAAAC,EAAA,mBAAAC,EAAA,cAAAC,EAAA,qBAAAC,EAAA,qBAAAC,CAAA,EAAA,MAAAC,EAAA,8BAAA,EAQA,CAAA,KAAAC,EAAA,OAAAC,CAAA,EAAA,MAAAF,EAAA,wBAAA,EAEoEG,EAAA,UASvB,CAEzC,OAAAC,EAAA,KAACP,EAAc,CAAA,UAAU,gBACvB,SAAA,CAACQ,EAAA,IAAAN,EAAA,CAAqB,UAAU,YAAY,MAAM,KAChD,eAACL,EAAe,CAAA,YAAY,WAC1B,SAAAU,EAAAA,KAACR,EACC,CAAA,SAAA,CAACS,EAAA,IAAAV,EAAA,CAAmB,QAAO,GACzB,SAAAU,EAAAA,IAACJ,GAAK,GAAI,YAAa,4BAAgB,CACzC,CAAA,EACAI,EAAA,IAACV,GAAmB,QAAO,GACzB,eAACM,EAAK,CAAA,GAAI,sBAAuB,SAAA,WAAA,CAAS,CAC5C,CAAA,EACAI,EAAA,IAACV,GAAmB,QAAO,GACzB,eAACM,EAAK,CAAA,GAAI,0BAA2B,SAAA,eAAA,CAAa,CACpD,CAAA,EACCK,GACED,EAAA,IAAAV,EAAA,CAAmB,QAAO,GACzB,eAACM,EAAK,CAAA,GAAI,+BAA+B,SAAA,oBAAA,CAEzC,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,QACCH,EAAqB,CAAA,UAAU,SAC9B,SAAAO,EAAA,IAACH,IAAM,CACT,CAAA,CAAA,EACF,CAEJ"}

package/dist/assets/route-Dq2UgkxS.js

@@ -0,0 +1,2 @@
+import{i as s}from"./_virtual___federation_fn_import-DXu2m-ZE.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{c as p,H as j,L as v}from"./index-BGLRovL6.js";import{l as b,k as g}from"./index-BUYA3Tes.js";import{E as y}from"./enum-info-form-D5bAsvPH.js";import{u as E}from"./use-enum-form-CEyTBPQn.js";const{Button:f,Dialog:C,DialogClose:D,DialogContent:N,DialogFooter:w,DialogHeader:S,DialogTitle:F,DialogTrigger:I,useControlledState:k}=await s("@baseplate-dev/ui-components");function B({enumKey:i,open:t,onOpenChange:o,asChild:r,children:l}){const[c,a]=k(t,o,!1),{form:{control:d,reset:u},onSubmit:n,defaultValues:m,isSavingDefinition:h}=E({enumKey:i,onSubmitSuccess(){a(!1)}});return e.jsxs(C,{open:c,onOpenChange:x=>{a(x),x||u(m)},children:[e.jsx(I,{asChild:r,children:l}),e.jsx(N,{"aria-describedby":void 0,children:e.jsxs("form",{onSubmit:n,className:"space-y-4",children:[e.jsx(S,{children:e.jsx(F,{children:"Edit Enum Info"})}),e.jsx(y,{control:d}),e.jsxs(w,{children:[e.jsx(D,{asChild:!0,children:e.jsx(f,{variant:"secondary",children:"Cancel"})}),e.jsx(f,{type:"submit",disabled:h,children:"Save"})]})]})})]})}const{FeatureUtils:O,modelEnumEntityType:R}=await s("@baseplate-dev/project-builder-lib"),{useProjectDefinition:T}=await s("@baseplate-dev/project-builder-lib/web"),{Button:H,useConfirmDialog:L}=await s("@baseplate-dev/ui-components"),{useNavigate:z}=await s("@tanstack/react-router");function A({className:i,enumDefinition:t}){const{definition:o,saveDefinitionWithFeedbackSync:r,isSavingDefinition:l}=T(),c=z(),{requestConfirm:a}=L(),d=u=>{r(n=>{n.enums=n.enums?.filter(m=>m.id!==u)},{onSuccess:()=>{c({to:"/data/enums"}).catch(b)}})};return e.jsxs("div",{className:p("flex items-center justify-between",i),children:[e.jsxs("div",{children:[e.jsx(B,{enumKey:R.keyFromId(t.id),asChild:!0,children:e.jsxs("button",{className:"group flex items-center space-x-2 hover:cursor-pointer",type:"button",title:"Edit Enum Info",children:[e.jsx("h1",{children:t.name}),e.jsx(j,{className:"invisible size-4 group-hover:visible"})]})}),t.featureRef&&e.jsx("div",{className:"text-xs text-muted-foreground",children:O.getFeatureById(o,t.featureRef)?.name})]}),e.jsx("div",{className:"flex gap-8",children:e.jsxs(H,{variant:"outline",size:"icon",onClick:()=>{a({title:"Confirm delete",content:`Are you sure you want to delete ${t.name}?`,buttonConfirmVariant:"destructive",buttonConfirmText:"Delete",onConfirm:()=>{d(t.id)}})},disabled:l,children:[e.jsx(v,{className:"text-destructive"}),e.jsx("div",{className:"sr-only",children:"Delete Enum"})]})})]})}const{Outlet:M}=await s("@tanstack/react-router"),W=function(){const{enumDefinition:t}=g.useLoaderData();return e.jsxs("div",{className:"relative flex h-full flex-1 flex-col overflow-hidden",children:[e.jsx("div",{className:"mx-4 max-w-7xl space-y-4 border-b py-4",children:e.jsx(A,{enumDefinition:t})}),e.jsx("div",{className:"mb-(--action-bar-height) flex flex-1 overflow-y-auto",children:e.jsx(M,{})})]},t.id)};export{W as component};
+//# sourceMappingURL=route-Dq2UgkxS.js.map

package/dist/assets/{route-BsIUCKz1.js.map → route-Dq2UgkxS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"route-BsIUCKz1.js","sources":["../../src/routes/data/enums/edit.$key/-components/enum-info-edit-dialog.tsx","../../src/routes/data/enums/edit.$key/-components/enum-header-bar.tsx","../../src/routes/data/enums/edit.$key/route.tsx?tsr-split=component"],"sourcesContent":["import type React from 'react';\n\nimport {\n  Button,\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  useControlledState,\n} from '@baseplate-dev/ui-components';\n\nimport { EnumInfoForm } from '../../-components/enum-info-form.js';\nimport { useEnumForm } from '../../-hooks/use-enum-form.js';\n\ninterface EnumInfoEditDialogProps {\n  enumKey: string;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n  asChild?: boolean;\n}\n\nexport function EnumInfoEditDialog({\n  enumKey,\n  open,\n  onOpenChange,\n  asChild,\n  children,\n}: EnumInfoEditDialogProps): React.JSX.Element {\n  const [isOpen, setIsOpen] = useControlledState(open, onOpenChange, false);\n\n  const {\n    form: { control, reset },\n    onSubmit,\n    defaultValues,\n    isSavingDefinition,\n  } = useEnumForm({\n    enumKey,\n    onSubmitSuccess() {\n      setIsOpen(false);\n    },\n  });\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(newOpen) => {\n        setIsOpen(newOpen);\n        if (!newOpen) {\n          reset(defaultValues);\n        }\n      }}\n    >\n      <DialogTrigger asChild={asChild}>{children}</DialogTrigger>\n      <DialogContent aria-describedby={undefined}>\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          <DialogHeader>\n            <DialogTitle>Edit Enum Info</DialogTitle>\n          </DialogHeader>\n          <EnumInfoForm control={control} />\n          <DialogFooter>\n            <DialogClose asChild>\n              <Button variant=\"secondary\">Cancel</Button>\n            </DialogClose>\n            <Button type=\"submit\" disabled={isSavingDefinition}>\n              Save\n            </Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","import type { EnumConfig } from '@baseplate-dev/project-builder-lib';\nimport type React from 'react';\n\nimport {\n  FeatureUtils,\n  modelEnumEntityType,\n} from '@baseplate-dev/project-builder-lib';\nimport { useProjectDefinition } from '@baseplate-dev/project-builder-lib/web';\nimport { Button, useConfirmDialog } from '@baseplate-dev/ui-components';\nimport { useNavigate } from '@tanstack/react-router';\nimport { clsx } from 'clsx';\nimport { MdDeleteOutline, MdEdit } from 'react-icons/md';\n\nimport { logAndFormatError } from '#src/services/error-formatter.js';\n\nimport { EnumInfoEditDialog } from './enum-info-edit-dialog.js';\n\ninterface EnumHeaderBarProps {\n  className?: string;\n  enumDefinition: EnumConfig;\n}\n\nexport function EnumHeaderBar({\n  className,\n  enumDefinition,\n}: EnumHeaderBarProps): React.JSX.Element {\n  const { definition, saveDefinitionWithFeedbackSync, isSavingDefinition } =\n    useProjectDefinition();\n  const navigate = useNavigate();\n  const { requestConfirm } = useConfirmDialog();\n\n  const handleDelete = (id: string): void => {\n    saveDefinitionWithFeedbackSync(\n      (draftConfig) => {\n        draftConfig.enums = draftConfig.enums?.filter((m) => m.id !== id);\n      },\n      {\n        onSuccess: () => {\n          navigate({ to: '/data/enums' }).catch(logAndFormatError);\n        },\n      },\n    );\n  };\n\n  return (\n    <div className={clsx('flex items-center justify-between', className)}>\n      <div>\n        <EnumInfoEditDialog\n          enumKey={modelEnumEntityType.keyFromId(enumDefinition.id)}\n          asChild\n        >\n          <button\n            className=\"group flex items-center space-x-2 hover:cursor-pointer\"\n            type=\"button\"\n            title=\"Edit Enum Info\"\n          >\n            <h1>{enumDefinition.name}</h1>\n            <MdEdit className=\"invisible size-4 group-hover:visible\" />\n          </button>\n        </EnumInfoEditDialog>\n        {enumDefinition.featureRef && (\n          <div className=\"text-xs text-muted-foreground\">\n            {\n              FeatureUtils.getFeatureById(definition, enumDefinition.featureRef)\n                ?.name\n            }\n          </div>\n        )}\n      </div>\n      <div className=\"flex gap-8\">\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => {\n            requestConfirm({\n              title: 'Confirm delete',\n              content: `Are you sure you want to delete ${\n                enumDefinition.name\n              }?`,\n              buttonConfirmVariant: 'destructive',\n              buttonConfirmText: 'Delete',\n              onConfirm: () => {\n                handleDelete(enumDefinition.id);\n              },\n            });\n          }}\n          disabled={isSavingDefinition}\n        >\n          <MdDeleteOutline className=\"text-destructive\" />\n          <div className=\"sr-only\">Delete Enum</div>\n        </Button>\n      </div>\n    </div>\n  );\n}\n","import type React from 'react';\n\nimport {\n  EnumUtils,\n  modelEnumEntityType,\n} from '@baseplate-dev/project-builder-lib';\nimport { createFileRoute, notFound, Outlet } from '@tanstack/react-router';\n\nimport { EnumHeaderBar } from './-components/enum-header-bar.js';\n\nexport const Route = createFileRoute('/data/enums/edit/$key')({\n  component: EnumEditLayout,\n  beforeLoad: ({ params: { key }, context: { projectDefinition } }) => {\n    const id = modelEnumEntityType.idFromKey(key);\n    const enumDefinition = EnumUtils.byId(projectDefinition, id);\n    if (!enumDefinition) return {};\n    return {\n      getTitle: () => enumDefinition.name,\n      enumDefinition,\n    };\n  },\n  // Workaround for https://github.com/TanStack/router/issues/2139#issuecomment-2632375738\n  // where throwing notFound() in beforeLoad causes the not found component to be rendered incorrectly\n  loader: ({ context: { enumDefinition } }) => {\n    if (!enumDefinition) throw notFound();\n    return { enumDefinition };\n  },\n});\n\nfunction EnumEditLayout(): React.JSX.Element {\n  const { enumDefinition } = Route.useLoaderData();\n\n  return (\n    <div\n      className=\"relative flex h-full flex-1 flex-col overflow-hidden\"\n      key={enumDefinition.id}\n    >\n      <div className=\"mx-4 max-w-7xl space-y-4 border-b py-4\">\n        <EnumHeaderBar enumDefinition={enumDefinition} />\n      </div>\n      <div className=\"mb-(--action-bar-height) flex flex-1 overflow-y-auto\">\n        <Outlet />\n      </div>\n    </div>\n  );\n}\n"],"names":["Button","Dialog","DialogClose","DialogContent","DialogFooter","DialogHeader","DialogTitle","DialogTrigger","useControlledState","importShared","EnumInfoEditDialog","enumKey","open","onOpenChange","asChild","children","isOpen","setIsOpen","control","reset","onSubmit","defaultValues","isSavingDefinition","useEnumForm","jsxs","newOpen","jsx","EnumInfoForm","FeatureUtils","modelEnumEntityType","useProjectDefinition","useConfirmDialog","EnumHeaderBar","className","enumDefinition","definition","saveDefinitionWithFeedbackSync","navigate","useNavigate","requestConfirm","handleDelete","id","draftConfig","logAndFormatError","clsx","MdEdit","MdDeleteOutline","SplitComponent","Route","useLoaderData","Outlet"],"mappings":"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"}
+{"version":3,"file":"route-Dq2UgkxS.js","sources":["../../src/routes/data/enums/edit.$key/-components/enum-info-edit-dialog.tsx","../../src/routes/data/enums/edit.$key/-components/enum-header-bar.tsx","../../src/routes/data/enums/edit.$key/route.tsx?tsr-split=component"],"sourcesContent":["import type React from 'react';\n\nimport {\n  Button,\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  useControlledState,\n} from '@baseplate-dev/ui-components';\n\nimport { EnumInfoForm } from '../../-components/enum-info-form.js';\nimport { useEnumForm } from '../../-hooks/use-enum-form.js';\n\ninterface EnumInfoEditDialogProps {\n  enumKey: string;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n  asChild?: boolean;\n}\n\nexport function EnumInfoEditDialog({\n  enumKey,\n  open,\n  onOpenChange,\n  asChild,\n  children,\n}: EnumInfoEditDialogProps): React.JSX.Element {\n  const [isOpen, setIsOpen] = useControlledState(open, onOpenChange, false);\n\n  const {\n    form: { control, reset },\n    onSubmit,\n    defaultValues,\n    isSavingDefinition,\n  } = useEnumForm({\n    enumKey,\n    onSubmitSuccess() {\n      setIsOpen(false);\n    },\n  });\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(newOpen) => {\n        setIsOpen(newOpen);\n        if (!newOpen) {\n          reset(defaultValues);\n        }\n      }}\n    >\n      <DialogTrigger asChild={asChild}>{children}</DialogTrigger>\n      <DialogContent aria-describedby={undefined}>\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          <DialogHeader>\n            <DialogTitle>Edit Enum Info</DialogTitle>\n          </DialogHeader>\n          <EnumInfoForm control={control} />\n          <DialogFooter>\n            <DialogClose asChild>\n              <Button variant=\"secondary\">Cancel</Button>\n            </DialogClose>\n            <Button type=\"submit\" disabled={isSavingDefinition}>\n              Save\n            </Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","import type { EnumConfig } from '@baseplate-dev/project-builder-lib';\nimport type React from 'react';\n\nimport {\n  FeatureUtils,\n  modelEnumEntityType,\n} from '@baseplate-dev/project-builder-lib';\nimport { useProjectDefinition } from '@baseplate-dev/project-builder-lib/web';\nimport { Button, useConfirmDialog } from '@baseplate-dev/ui-components';\nimport { useNavigate } from '@tanstack/react-router';\nimport { clsx } from 'clsx';\nimport { MdDeleteOutline, MdEdit } from 'react-icons/md';\n\nimport { logAndFormatError } from '#src/services/error-formatter.js';\n\nimport { EnumInfoEditDialog } from './enum-info-edit-dialog.js';\n\ninterface EnumHeaderBarProps {\n  className?: string;\n  enumDefinition: EnumConfig;\n}\n\nexport function EnumHeaderBar({\n  className,\n  enumDefinition,\n}: EnumHeaderBarProps): React.JSX.Element {\n  const { definition, saveDefinitionWithFeedbackSync, isSavingDefinition } =\n    useProjectDefinition();\n  const navigate = useNavigate();\n  const { requestConfirm } = useConfirmDialog();\n\n  const handleDelete = (id: string): void => {\n    saveDefinitionWithFeedbackSync(\n      (draftConfig) => {\n        draftConfig.enums = draftConfig.enums?.filter((m) => m.id !== id);\n      },\n      {\n        onSuccess: () => {\n          navigate({ to: '/data/enums' }).catch(logAndFormatError);\n        },\n      },\n    );\n  };\n\n  return (\n    <div className={clsx('flex items-center justify-between', className)}>\n      <div>\n        <EnumInfoEditDialog\n          enumKey={modelEnumEntityType.keyFromId(enumDefinition.id)}\n          asChild\n        >\n          <button\n            className=\"group flex items-center space-x-2 hover:cursor-pointer\"\n            type=\"button\"\n            title=\"Edit Enum Info\"\n          >\n            <h1>{enumDefinition.name}</h1>\n            <MdEdit className=\"invisible size-4 group-hover:visible\" />\n          </button>\n        </EnumInfoEditDialog>\n        {enumDefinition.featureRef && (\n          <div className=\"text-xs text-muted-foreground\">\n            {\n              FeatureUtils.getFeatureById(definition, enumDefinition.featureRef)\n                ?.name\n            }\n          </div>\n        )}\n      </div>\n      <div className=\"flex gap-8\">\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => {\n            requestConfirm({\n              title: 'Confirm delete',\n              content: `Are you sure you want to delete ${\n                enumDefinition.name\n              }?`,\n              buttonConfirmVariant: 'destructive',\n              buttonConfirmText: 'Delete',\n              onConfirm: () => {\n                handleDelete(enumDefinition.id);\n              },\n            });\n          }}\n          disabled={isSavingDefinition}\n        >\n          <MdDeleteOutline className=\"text-destructive\" />\n          <div className=\"sr-only\">Delete Enum</div>\n        </Button>\n      </div>\n    </div>\n  );\n}\n","import type React from 'react';\n\nimport {\n  EnumUtils,\n  modelEnumEntityType,\n} from '@baseplate-dev/project-builder-lib';\nimport { createFileRoute, notFound, Outlet } from '@tanstack/react-router';\n\nimport { EnumHeaderBar } from './-components/enum-header-bar.js';\n\nexport const Route = createFileRoute('/data/enums/edit/$key')({\n  component: EnumEditLayout,\n  beforeLoad: ({ params: { key }, context: { projectDefinition } }) => {\n    const id = modelEnumEntityType.idFromKey(key);\n    const enumDefinition = EnumUtils.byId(projectDefinition, id);\n    if (!enumDefinition) return {};\n    return {\n      getTitle: () => enumDefinition.name,\n      enumDefinition,\n    };\n  },\n  // Workaround for https://github.com/TanStack/router/issues/2139#issuecomment-2632375738\n  // where throwing notFound() in beforeLoad causes the not found component to be rendered incorrectly\n  loader: ({ context: { enumDefinition } }) => {\n    if (!enumDefinition) throw notFound();\n    return { enumDefinition };\n  },\n});\n\nfunction EnumEditLayout(): React.JSX.Element {\n  const { enumDefinition } = Route.useLoaderData();\n\n  return (\n    <div\n      className=\"relative flex h-full flex-1 flex-col overflow-hidden\"\n      key={enumDefinition.id}\n    >\n      <div className=\"mx-4 max-w-7xl space-y-4 border-b py-4\">\n        <EnumHeaderBar enumDefinition={enumDefinition} />\n      </div>\n      <div className=\"mb-(--action-bar-height) flex flex-1 overflow-y-auto\">\n        <Outlet />\n      </div>\n    </div>\n  );\n}\n"],"names":["Button","Dialog","DialogClose","DialogContent","DialogFooter","DialogHeader","DialogTitle","DialogTrigger","useControlledState","importShared","EnumInfoEditDialog","enumKey","open","onOpenChange","asChild","children","isOpen","setIsOpen","control","reset","onSubmit","defaultValues","isSavingDefinition","useEnumForm","jsxs","newOpen","jsx","EnumInfoForm","FeatureUtils","modelEnumEntityType","useProjectDefinition","useConfirmDialog","useNavigate","EnumHeaderBar","className","enumDefinition","definition","saveDefinitionWithFeedbackSync","navigate","requestConfirm","handleDelete","id","draftConfig","logAndFormatError","clsx","MdEdit","MdDeleteOutline","Outlet","SplitComponent","Route","useLoaderData"],"mappings":"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"}

package/dist/assets/route-z54yq2nP.js

@@ -0,0 +1,2 @@
+import{i}from"./_virtual___federation_fn_import-DXu2m-ZE.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{a as g}from"./index-BUYA3Tes.js";import{c as u,A as b,B as y}from"./index-BGLRovL6.js";import{N as S}from"./new-enum-dialog-xVvneRQN.js";import{s as w}from"./sortBy-C9bvycg5.js";import{N as L}from"./new-model-dialog-ApenxGWq.js";function k(c,o){let a=c[0],n=-1/0;for(let r=0;r<c.length;r++){const l=c[r],s=o(l);s>n&&(n=s,a=l)}return a}const{modelEnumEntityType:C}=await i("@baseplate-dev/project-builder-lib"),{useProjectDefinition:M}=await i("@baseplate-dev/project-builder-lib/web"),{Button:h,InputField:$,NavigationMenu:E,NavigationMenuItemWithLink:I,NavigationMenuList:T,ScrollArea:A}=await i("@baseplate-dev/ui-components"),{Link:B}=await i("@tanstack/react-router"),{useState:x}=await i("react");function F({className:c}){const{definition:{enums:o=[]}}=M(),[a,n]=x(""),r=o.filter(t=>t.name.toLowerCase().includes(a.toLowerCase())),l=w(r,[t=>t.name]),[s,m]=x(!1);return e.jsxs("div",{className:u(c,"flex flex-1 flex-col space-y-4 overflow-y-auto"),children:[e.jsxs("div",{className:"space-y-4 px-4",children:[e.jsx(S,{children:e.jsxs(h,{variant:"secondary",className:"w-full",children:[e.jsx(b,{}),"New Enum"]})}),o.length>0&&e.jsxs("div",{className:"relative",children:[e.jsx($,{value:a,onChange:t=>{n(t)},placeholder:"Search"}),a&&e.jsx(h,{variant:"ghost",className:"absolute top-1/2 right-4 -translate-y-1/2",size:"icon",onClick:()=>{n("")},children:e.jsx(y,{})})]})]}),e.jsxs(A,{className:u("flex-1 px-2",s&&"border-t"),onScrollCapture:t=>{const d=t.currentTarget.scrollTop>0;d!==s&&m(d)},children:[l.length===0&&a&&e.jsx("div",{className:"py-4 text-center text-style-muted",children:"No enums found"}),e.jsx(E,{orientation:"vertical",children:e.jsx(T,{children:l.map(t=>e.jsx("li",{children:e.jsx(I,{asChild:!0,children:e.jsx(B,{to:"/data/enums/edit/$key",params:{key:C.keyFromId(t.id)},children:t.name})})},t.id))})})]})]})}const{modelEntityType:D}=await i("@baseplate-dev/project-builder-lib"),{useProjectDefinition:P}=await i("@baseplate-dev/project-builder-lib/web"),{Button:p,InputField:W,NavigationMenu:Q,NavigationMenuItemWithLink:z,NavigationMenuList:R,ScrollArea:O}=await i("@baseplate-dev/ui-components"),{Link:q}=await i("@tanstack/react-router"),{useState:j}=await i("react");function G({className:c}){const{definition:{models:o}}=P(),[a,n]=j(""),r=o.filter(t=>t.name.toLowerCase().includes(a.toLowerCase())),l=w(r,[t=>t.name]),[s,m]=j(!1);return e.jsxs("div",{className:u(c,"flex flex-1 flex-col space-y-4 overflow-y-auto"),children:[e.jsxs("div",{className:"space-y-4 px-4",children:[e.jsx(L,{children:e.jsxs(p,{variant:"secondary",className:"w-full",children:[e.jsx(b,{}),"New Model"]})}),o.length>0&&e.jsxs("div",{className:"relative",children:[e.jsx(W,{value:a,onChange:t=>{n(t)},placeholder:"Search"}),a&&e.jsx(p,{variant:"ghost",className:"absolute top-1/2 right-4 -translate-y-1/2",onClick:()=>{n("")},size:"icon",children:e.jsx(y,{})})]})]}),e.jsxs(O,{className:u("flex-1 px-2",s&&"border-t"),onScrollCapture:t=>{const d=t.currentTarget.scrollTop>0;d!==s&&m(d)},children:[l.length===0&&a&&e.jsx("div",{className:"py-4 text-center text-style-muted",children:"No models found"}),e.jsx(Q,{orientation:"vertical",children:e.jsx(R,{children:l.map(t=>e.jsx(z,{asChild:!0,children:e.jsx(q,{to:"/data/models/edit/$key",params:{key:D.keyFromId(t.id)},children:t.name})},t.id))})})]})]})}const{useProjectDefinition:H}=await i("@baseplate-dev/project-builder-lib/web"),{NavigationTabs:J,NavigationTabsItem:f,SidebarLayout:K,SidebarLayoutContent:U,SidebarLayoutSidebar:V}=await i("@baseplate-dev/ui-components"),{Link:v,Outlet:X,useRouterState:N}=await i("@tanstack/react-router"),ie=function(){const{definition:{models:o=[],enums:a=[]}}=H(),n=k([...o,...a],s=>s.name.length)?.name,r=N({select:s=>s.location.pathname.startsWith("/data/models")}),l=N({select:s=>s.location.pathname.startsWith("/data/enums")});return e.jsxs(K,{className:"flex-1",children:[e.jsxs(V,{className:"flex h-[calc(100vh-var(--topbar-height)-1px)] max-w-sm min-w-[230px] flex-col space-y-4",width:"auto",noPadding:!0,children:[e.jsx("div",{className:"invisible block h-1 overflow-hidden font-semibold text-transparent",children:n}),e.jsx("div",{className:"px-4",children:e.jsxs(J,{className:"w-full",children:[e.jsx(f,{asChild:!0,children:e.jsx(v,{to:"/data/models",children:"Models"})}),e.jsx(f,{asChild:!0,children:e.jsx(v,{to:"/data/enums",children:"Enums"})})]})}),r?e.jsx(G,{}):null,l?e.jsx(F,{}):null]}),e.jsx(U,{className:"h-[calc(100vh-var(--topbar-height)-1px)]",children:e.jsx(g,{children:e.jsx(X,{})})})]})};export{ie as component};
+//# sourceMappingURL=route-z54yq2nP.js.map

package/dist/assets/route-z54yq2nP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-z54yq2nP.js","sources":["../../../../node_modules/.pnpm/es-toolkit@1.31.0/node_modules/es-toolkit/dist/array/maxBy.mjs","../../src/routes/data/enums/-components/enums-sidebar-list.tsx","../../src/routes/data/models/-components/models-sidebar-list.tsx","../../src/routes/data/route.tsx?tsr-split=component"],"sourcesContent":["function maxBy(items, getValue) {\n    let maxElement = items[0];\n    let max = -Infinity;\n    for (let i = 0; i < items.length; i++) {\n        const element = items[i];\n        const value = getValue(element);\n        if (value > max) {\n            max = value;\n            maxElement = element;\n        }\n    }\n    return maxElement;\n}\n\nexport { maxBy };\n","import type React from 'react';\n\nimport { modelEnumEntityType } from '@baseplate-dev/project-builder-lib';\nimport { useProjectDefinition } from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Button,\n  InputField,\n  NavigationMenu,\n  NavigationMenuItemWithLink,\n  NavigationMenuList,\n  ScrollArea,\n} from '@baseplate-dev/ui-components';\nimport { Link } from '@tanstack/react-router';\nimport clsx from 'clsx';\nimport { sortBy } from 'es-toolkit';\nimport { useState } from 'react';\nimport { MdAdd, MdClear } from 'react-icons/md';\n\nimport { NewEnumDialog } from './new-enum-dialog.js';\n\ninterface EnumsSidebarListProps {\n  className?: string;\n}\n\nexport function EnumsSidebarList({\n  className,\n}: EnumsSidebarListProps): React.JSX.Element {\n  const {\n    definition: { enums = [] },\n  } = useProjectDefinition();\n\n  const [filterQuery, setFilterQuery] = useState('');\n  const filteredEnums = enums.filter((item) =>\n    item.name.toLowerCase().includes(filterQuery.toLowerCase()),\n  );\n\n  const sortedEnums = sortBy(filteredEnums, [(m) => m.name]);\n\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  return (\n    <div\n      className={clsx(\n        className,\n        'flex flex-1 flex-col space-y-4 overflow-y-auto',\n      )}\n    >\n      <div className=\"space-y-4 px-4\">\n        <NewEnumDialog>\n          <Button variant=\"secondary\" className=\"w-full\">\n            <MdAdd />\n            New Enum\n          </Button>\n        </NewEnumDialog>\n        {enums.length > 0 && (\n          <div className=\"relative\">\n            <InputField\n              value={filterQuery}\n              onChange={(text) => {\n                setFilterQuery(text);\n              }}\n              placeholder=\"Search\"\n            />\n            {filterQuery && (\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-1/2 right-4 -translate-y-1/2\"\n                size=\"icon\"\n                onClick={() => {\n                  setFilterQuery('');\n                }}\n              >\n                <MdClear />\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n\n      <ScrollArea\n        className={clsx('flex-1 px-2', isScrolled && 'border-t')}\n        onScrollCapture={(e) => {\n          const hasScrolled = e.currentTarget.scrollTop > 0;\n          if (hasScrolled !== isScrolled) {\n            setIsScrolled(hasScrolled);\n          }\n        }}\n      >\n        {sortedEnums.length === 0 && filterQuery && (\n          <div className=\"py-4 text-center text-style-muted\">\n            No enums found\n          </div>\n        )}\n        <NavigationMenu orientation=\"vertical\">\n          <NavigationMenuList>\n            {sortedEnums.map((enumDef) => (\n              <li key={enumDef.id}>\n                <NavigationMenuItemWithLink asChild>\n                  <Link\n                    to=\"/data/enums/edit/$key\"\n                    params={{ key: modelEnumEntityType.keyFromId(enumDef.id) }}\n                  >\n                    {enumDef.name}\n                  </Link>\n                </NavigationMenuItemWithLink>\n              </li>\n            ))}\n          </NavigationMenuList>\n        </NavigationMenu>\n      </ScrollArea>\n    </div>\n  );\n}\n","import type React from 'react';\n\nimport { modelEntityType } from '@baseplate-dev/project-builder-lib';\nimport { useProjectDefinition } from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Button,\n  InputField,\n  NavigationMenu,\n  NavigationMenuItemWithLink,\n  NavigationMenuList,\n  ScrollArea,\n} from '@baseplate-dev/ui-components';\nimport { Link } from '@tanstack/react-router';\nimport clsx from 'clsx';\nimport { sortBy } from 'es-toolkit';\nimport { useState } from 'react';\nimport { MdAdd, MdClear } from 'react-icons/md';\n\nimport { NewModelDialog } from './new-model-dialog.js';\n\ninterface ModelsSidebarListProps {\n  className?: string;\n}\n\nexport function ModelsSidebarList({\n  className,\n}: ModelsSidebarListProps): React.JSX.Element {\n  const {\n    definition: { models },\n  } = useProjectDefinition();\n\n  const [filterQuery, setFilterQuery] = useState('');\n  const filteredModels = models.filter((model) =>\n    model.name.toLowerCase().includes(filterQuery.toLowerCase()),\n  );\n\n  const sortedModels = sortBy(filteredModels, [(m) => m.name]);\n\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  return (\n    <div\n      className={clsx(\n        className,\n        'flex flex-1 flex-col space-y-4 overflow-y-auto',\n      )}\n    >\n      <div className=\"space-y-4 px-4\">\n        <NewModelDialog>\n          <Button variant=\"secondary\" className=\"w-full\">\n            <MdAdd />\n            New Model\n          </Button>\n        </NewModelDialog>\n        {models.length > 0 && (\n          <div className=\"relative\">\n            <InputField\n              value={filterQuery}\n              onChange={(text) => {\n                setFilterQuery(text);\n              }}\n              placeholder=\"Search\"\n            />\n            {filterQuery && (\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-1/2 right-4 -translate-y-1/2\"\n                onClick={() => {\n                  setFilterQuery('');\n                }}\n                size=\"icon\"\n              >\n                <MdClear />\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n\n      <ScrollArea\n        className={clsx('flex-1 px-2', isScrolled && 'border-t')}\n        onScrollCapture={(e) => {\n          const hasScrolled = e.currentTarget.scrollTop > 0;\n          if (hasScrolled !== isScrolled) {\n            setIsScrolled(hasScrolled);\n          }\n        }}\n      >\n        {sortedModels.length === 0 && filterQuery && (\n          <div className=\"py-4 text-center text-style-muted\">\n            No models found\n          </div>\n        )}\n        <NavigationMenu orientation=\"vertical\">\n          <NavigationMenuList>\n            {sortedModels.map((model) => (\n              <NavigationMenuItemWithLink key={model.id} asChild>\n                <Link\n                  to=\"/data/models/edit/$key\"\n                  params={{ key: modelEntityType.keyFromId(model.id) }}\n                >\n                  {model.name}\n                </Link>\n              </NavigationMenuItemWithLink>\n            ))}\n          </NavigationMenuList>\n        </NavigationMenu>\n      </ScrollArea>\n    </div>\n  );\n}\n","import type React from 'react';\n\nimport { useProjectDefinition } from '@baseplate-dev/project-builder-lib/web';\nimport {\n  NavigationTabs,\n  NavigationTabsItem,\n  SidebarLayout,\n  SidebarLayoutContent,\n  SidebarLayoutSidebar,\n} from '@baseplate-dev/ui-components';\nimport {\n  createFileRoute,\n  Link,\n  Outlet,\n  useRouterState,\n} from '@tanstack/react-router';\nimport { maxBy } from 'es-toolkit';\n\nimport { ErrorBoundary } from '#src/components/error-boundary/error-boundary.js';\n\nimport { EnumsSidebarList } from './enums/-components/enums-sidebar-list.js';\nimport { ModelsSidebarList } from './models/-components/models-sidebar-list.js';\n\nexport const Route = createFileRoute('/data')({\n  component: DataLayout,\n});\n\nfunction DataLayout(): React.JSX.Element {\n  const {\n    definition: { models = [], enums = [] },\n  } = useProjectDefinition();\n\n  const longestName = maxBy([...models, ...enums], (m) => m.name.length)?.name;\n\n  const modelsActive = useRouterState({\n    select: (state) => state.location.pathname.startsWith('/data/models'),\n  });\n  const enumsActive = useRouterState({\n    select: (state) => state.location.pathname.startsWith('/data/enums'),\n  });\n\n  return (\n    <SidebarLayout className=\"flex-1\">\n      <SidebarLayoutSidebar\n        className=\"flex h-[calc(100vh-var(--topbar-height)-1px)] max-w-sm min-w-[230px] flex-col space-y-4\"\n        width=\"auto\"\n        noPadding\n      >\n        {/* Allows us to ensure the width doesn't change when selected is semi-bold or search filter is active */}\n        <div className=\"invisible block h-1 overflow-hidden font-semibold text-transparent\">\n          {longestName}\n        </div>\n        <div className=\"px-4\">\n          <NavigationTabs className=\"w-full\">\n            <NavigationTabsItem asChild>\n              <Link to=\"/data/models\">Models</Link>\n            </NavigationTabsItem>\n            <NavigationTabsItem asChild>\n              <Link to=\"/data/enums\">Enums</Link>\n            </NavigationTabsItem>\n          </NavigationTabs>\n        </div>\n        {modelsActive ? <ModelsSidebarList /> : null}\n        {enumsActive ? <EnumsSidebarList /> : null}\n      </SidebarLayoutSidebar>\n      <SidebarLayoutContent className=\"h-[calc(100vh-var(--topbar-height)-1px)]\">\n        <ErrorBoundary>\n          <Outlet />\n        </ErrorBoundary>\n      </SidebarLayoutContent>\n    </SidebarLayout>\n  );\n}\n"],"names":["maxBy","items","getValue","maxElement","max","i","element","value","modelEnumEntityType","importShared","useProjectDefinition","Button","InputField","NavigationMenu","NavigationMenuItemWithLink","NavigationMenuList","ScrollArea","Link","useState","EnumsSidebarList","className","enums","filterQuery","setFilterQuery","filteredEnums","item","sortedEnums","sortBy","m","isScrolled","setIsScrolled","jsxs","clsx","jsx","NewEnumDialog","MdAdd","text","MdClear","e","hasScrolled","enumDef","modelEntityType","ModelsSidebarList","models","filteredModels","model","sortedModels","NewModelDialog","NavigationTabs","NavigationTabsItem","SidebarLayout","SidebarLayoutContent","SidebarLayoutSidebar","Outlet","useRouterState","SplitComponent","definition","longestName","name","length","modelsActive","select","state","location","pathname","startsWith","enumsActive","ErrorBoundary"],"mappings":"uVAAA,SAASA,EAAMC,EAAOC,EAAU,CAC5B,IAAIC,EAAaF,EAAM,CAAC,EACpBG,EAAM,KACV,QAASC,EAAI,EAAGA,EAAIJ,EAAM,OAAQI,IAAK,CACnC,MAAMC,EAAUL,EAAMI,CAAC,EACjBE,EAAQL,EAASI,CAAO,EAC1BC,EAAQH,IACRA,EAAMG,EACNJ,EAAaG,EAEzB,CACI,OAAOH,CACX,CCVA,KAAA,CAAA,oBAAAK,CAAA,EAAA,MAAAC,EAAA,oCAAA,EACA,CAAA,qBAAAC,CAAA,EAAA,MAAAD,EAAA,wCAAA,EACA,QAAAE,EAAA,WAAAC,EAAAC,eAAAA,6BAAAC,EAAA,mBAAAC,EAAA,WAAAC,CAAA,EAAA,MAAAP,EAAA,8BAAA,EAQA,CAAA,KAAAQ,CAAA,EAAA,MAAAR,EAAA,wBAAA,EAGA,CAAA,SAAAS,CAAA,EAAA,MAAAT,EAAA,OAAA,EASO,SAASU,EAAiB,CAC/B,UAAAC,CACF,EAA6C,CACrC,KAAA,CACJ,WAAY,CAAE,MAAAC,EAAQ,CAAG,CAAA,GACvBX,EAAqB,EAEnB,CAACY,EAAaC,CAAc,EAAIL,EAAS,EAAE,EAC3CM,EAAgBH,EAAM,OAAQI,GAClCA,EAAK,KAAK,cAAc,SAASH,EAAY,YAAa,CAAA,CAC5D,EAEMI,EAAcC,EAAOH,EAAe,CAAEI,GAAMA,EAAE,IAAI,CAAC,EAEnD,CAACC,EAAYC,CAAa,EAAIZ,EAAS,EAAK,EAGhD,OAAAa,EAAA,KAAC,MAAA,CACC,UAAWC,EACTZ,EACA,gDACF,EAEA,SAAA,CAACW,EAAAA,KAAA,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAE,EAAAA,IAACC,GACC,SAACH,OAAApB,EAAA,CAAO,QAAQ,YAAY,UAAU,SACpC,SAAA,CAAAsB,EAAA,IAACE,EAAM,EAAA,EAAE,UAAA,CAAA,CAEX,CACF,CAAA,EACCd,EAAM,OAAS,GACbU,EAAA,KAAA,MAAA,CAAI,UAAU,WACb,SAAA,CAAAE,EAAA,IAACrB,EAAA,CACC,MAAOU,EACP,SAAWc,GAAS,CAClBb,EAAea,CAAI,CACrB,EACA,YAAY,QAAA,CACd,EACCd,GACCW,EAAA,IAACtB,EAAA,CACC,QAAQ,QACR,UAAU,4CACV,KAAK,OACL,QAAS,IAAM,CACbY,EAAe,EAAE,CACnB,EAEA,eAACc,EAAQ,CAAA,CAAA,CAAA,CAAA,CACX,CAEJ,CAAA,CAAA,EAEJ,EAEAN,EAAA,KAACf,EAAA,CACC,UAAWgB,EAAK,cAAeH,GAAc,UAAU,EACvD,gBAAkBS,GAAM,CAChB,MAAAC,EAAcD,EAAE,cAAc,UAAY,EAC5CC,IAAgBV,GAClBC,EAAcS,CAAW,CAE7B,EAEC,SAAA,CAAAb,EAAY,SAAW,GAAKJ,SAC1B,MAAI,CAAA,UAAU,oCAAoC,SAEnD,gBAAA,CAAA,EAEDW,MAAApB,EAAA,CAAe,YAAY,WAC1B,eAACE,EACE,CAAA,SAAAW,EAAY,IAAKc,GACfP,EAAA,IAAA,KAAA,CACC,SAACA,EAAAA,IAAAnB,EAAA,CAA2B,QAAO,GACjC,SAAAmB,EAAA,IAAChB,EAAA,CACC,GAAG,wBACH,OAAQ,CAAE,IAAKT,EAAoB,UAAUgC,EAAQ,EAAE,CAAE,EAExD,SAAQA,EAAA,IAAA,GAEb,CARO,EAAAA,EAAQ,EASjB,CACD,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CC9GA,KAAA,CAAA,gBAAAC,CAAA,EAAA,MAAAhC,EAAA,oCAAA,EACA,CAAA,qBAAAC,CAAA,EAAA,MAAAD,EAAA,wCAAA,EACA,CAAA,OAAAE,EAAA,WAAAC,EAAA,eAAAC,EAAA,2BAAAC,EAAA,mBAAAC,EAAA,WAAAC,CAAA,EAAA,MAAAP,EAAA,8BAAA,EAQA,CAAA,KAAAQ,CAAA,EAAA,MAAAR,EAAA,wBAAA,EAGA,CAAA,SAAAS,CAAA,EAAA,MAAAT,EAAA,OAAA,EASO,SAASiC,EAAkB,CAChC,UAAAtB,CACF,EAA8C,CACtC,KAAA,CACJ,WAAY,CAAE,OAAAuB,CAAO,GACnBjC,EAAqB,EAEnB,CAACY,EAAaC,CAAc,EAAIL,EAAS,EAAE,EAC3C0B,EAAiBD,EAAO,OAAQE,GACpCA,EAAM,KAAK,cAAc,SAASvB,EAAY,YAAa,CAAA,CAC7D,EAEMwB,EAAenB,EAAOiB,EAAgB,CAAEhB,GAAMA,EAAE,IAAI,CAAC,EAErD,CAACC,EAAYC,CAAa,EAAIZ,EAAS,EAAK,EAGhD,OAAAa,EAAA,KAAC,MAAA,CACC,UAAWC,EACTZ,EACA,gDACF,EAEA,SAAA,CAACW,EAAAA,KAAA,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAE,EAAAA,IAACc,GACC,SAAChB,OAAApB,EAAA,CAAO,QAAQ,YAAY,UAAU,SACpC,SAAA,CAAAsB,EAAA,IAACE,EAAM,EAAA,EAAE,WAAA,CAAA,CAEX,CACF,CAAA,EACCQ,EAAO,OAAS,GACdZ,EAAA,KAAA,MAAA,CAAI,UAAU,WACb,SAAA,CAAAE,EAAA,IAACrB,EAAA,CACC,MAAOU,EACP,SAAWc,GAAS,CAClBb,EAAea,CAAI,CACrB,EACA,YAAY,QAAA,CACd,EACCd,GACCW,EAAA,IAACtB,EAAA,CACC,QAAQ,QACR,UAAU,4CACV,QAAS,IAAM,CACbY,EAAe,EAAE,CACnB,EACA,KAAK,OAEL,eAACc,EAAQ,CAAA,CAAA,CAAA,CAAA,CACX,CAEJ,CAAA,CAAA,EAEJ,EAEAN,EAAA,KAACf,EAAA,CACC,UAAWgB,EAAK,cAAeH,GAAc,UAAU,EACvD,gBAAkBS,GAAM,CAChB,MAAAC,EAAcD,EAAE,cAAc,UAAY,EAC5CC,IAAgBV,GAClBC,EAAcS,CAAW,CAE7B,EAEC,SAAA,CAAAO,EAAa,SAAW,GAAKxB,SAC3B,MAAI,CAAA,UAAU,oCAAoC,SAEnD,iBAAA,CAAA,EAEDW,MAAApB,EAAA,CAAe,YAAY,WAC1B,SAACoB,EAAA,IAAAlB,EAAA,CACE,SAAa+B,EAAA,IAAKD,GAChBZ,MAAAnB,EAAA,CAA0C,QAAO,GAChD,SAAAmB,EAAA,IAAChB,EAAA,CACC,GAAG,yBACH,OAAQ,CAAE,IAAKwB,EAAgB,UAAUI,EAAM,EAAE,CAAE,EAElD,SAAMA,EAAA,IAAA,CALsB,CAAA,EAAAA,EAAM,EAOvC,CACD,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CC5GA,KAAA,CAAA,qBAAAnC,CAAA,EAAA,MAAAD,EAAA,wCAAA,EACA,CAAA,eAAAuC,EAAA,mBAAAC,EAAA,cAAAC,EAAA,qBAAAC,EAAA,qBAAAC,CAAA,EAAA,MAAA3C,EAAA,8BAAA,EAOA,CAAA,KAAAQ,EAAA,OAAAoC,EAAA,eAAAC,CAAA,EAAA,MAAA7C,EAAA,wBAAA,EAWgF8C,GAAA,UAMvC,CACjC,KAAA,CACJC,WAAY,CAAEb,OAAAA,EAAS,CAAE,EAAEtB,MAAAA,EAAQ,CAAA,CAAA,GACjCX,EAAqB,EAEnB+C,EAAczD,EAAM,CAAC,GAAG2C,EAAQ,GAAGtB,CAAK,EAAUO,GAAAA,EAAE8B,KAAKC,MAAM,GAAGD,KAElEE,EAAeN,EAAe,CAClCO,OAAmBC,GAAAA,EAAMC,SAASC,SAASC,WAAW,cAAc,CAAA,CACrE,EACKC,EAAcZ,EAAe,CACjCO,OAAmBC,GAAAA,EAAMC,SAASC,SAASC,WAAW,aAAa,CAAA,CACpE,EAGC,OAAAlC,EAAA,KAACmB,EAAc,CAAA,UAAU,SACvB,SAAA,CAAAnB,OAACqB,GACC,UAAU,0FACV,MAAM,OACN,UAAS,GAGT,SAAA,CAACnB,EAAA,IAAA,MAAA,CAAI,UAAU,qEACZwB,SACHA,EAAA,QACC,MAAI,CAAA,UAAU,OACb,SAAC1B,EAAA,KAAAiB,EAAA,CAAe,UAAU,SACxB,SAAA,CAACf,EAAAA,IAAAgB,EAAA,CAAmB,QAAO,GACzB,SAAAhB,EAAA,IAAChB,GAAK,GAAG,eAAe,kBAAM,CAChC,CAAA,EACAgB,EAAAA,IAACgB,GAAmB,QAAO,GACzB,eAAChC,EAAK,CAAA,GAAG,cAAc,SAAA,OAAK,CAAA,CAC9B,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACC2C,EAAgB3B,EAAA,IAAAS,EAAA,CAAA,CAAiB,EAAM,KACvCwB,EAAejC,EAAA,IAAAd,EAAA,CAAA,CAAgB,EAAM,IAAA,EACxC,EACAc,EAAAA,IAACkB,GAAqB,UAAU,2CAC9B,eAACgB,EACC,CAAA,SAAAlC,EAAA,IAACoB,EAAM,CAAA,CAAA,CACT,CAAA,CACF,CAAA,CAAA,EACF,CAEJ","x_google_ignoreList":[0]}

package/dist/assets/service-Cv-U7NUv.js

@@ -0,0 +1,2 @@
+import{i as d}from"./_virtual___federation_fn_import-DXu2m-ZE.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{s as _,x as O,r as U}from"./index-BUYA3Tes.js";import{u as D,S as A,B as N,E as B}from"./-constants-C0cnDlAn.js";import{u as H}from"./use-model-form-Ch_tz0Rd.js";import{e as C,b as z,f as k}from"./index.esm-CTDJ8Wko.js";import{B as L}from"./badge-with-type-label-BXoSRTRE.js";import{c as V,A as G,H as K,Q as q}from"./index-BGLRovL6.js";const{ModelTransformerUtils:Q}=await d("@baseplate-dev/project-builder-lib"),{modelTransformerWebSpec:Y,useProjectDefinition:J}=await d("@baseplate-dev/project-builder-lib/web"),{Label:M,SectionListSection:X,SectionListSectionContent:Z,SectionListSectionDescription:ee,SectionListSectionHeader:te,SectionListSectionTitle:se,SwitchField:v}=await d("@baseplate-dev/ui-components");function ne({className:h,control:i,setValue:o}){const a=D(t=>t.model.fields),p=C({control:i,name:"service.create"}),s=C({control:i,name:"service.update"}),m=p?.enabled,n=s?.enabled,u=C({control:i,name:"service.transformers"})??[],{definitionContainer:r,pluginContainer:j}=J();if(!m&&!n)return null;const c=p?.fields??[],S=s?.fields??[],b=p?.transformerNames??[],l=s?.transformerNames??[],g="w-full border-collapse text-left [&_td]:py-1 [&_th]:sticky [&_th]:top-0 [&_th]:bg-background [&_th]:z-10 [&_th]:py-2",T=j.getPluginSpec(Y);return e.jsxs(X,{className:h,children:[e.jsxs(te,{children:[e.jsx(se,{children:"Create / Update Fields"}),e.jsx(ee,{children:"Configure the fields that can be created or updated by the service method"})]}),e.jsx(Z,{className:"max-w-xl space-y-4",children:e.jsxs("table",{className:g,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"w-full",children:e.jsx(M,{children:"Fields"})}),m&&e.jsx("th",{className:"pl-8",children:"Create"}),n&&e.jsx("th",{className:"pl-8",children:"Update"})]})}),e.jsxs("tbody",{children:[a.map(t=>e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx(L,{type:t.type==="enum"&&t.options?.enumRef?r.nameFromId(t.options.enumRef):A[t.type].label,children:t.name})}),m&&e.jsx("td",{className:"pl-8",children:e.jsx(v,{value:c.includes(t.id),onChange:f=>{o("service.create.fields",f?[...c,t.id]:c.filter(x=>x!==t.id),{shouldDirty:!0})}})}),n&&e.jsx("td",{className:"pl-8",children:e.jsx(v,{value:S.includes(t.id),onChange:f=>{o("service.update.fields",f?[...S,t.id]:S.filter(x=>x!==t.id),{shouldDirty:!0})}})})]},t.id)),u.length>0&&e.jsx("tr",{children:e.jsx("th",{children:e.jsx(M,{children:"Transformers"})})}),u.map(t=>e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx(L,{type:T.getTransformerWebConfig(t.type,N).label,children:Q.getTransformName(r,t,j)})}),m&&e.jsx("td",{className:"pl-8",children:e.jsx(v,{value:b.includes(t.id),onChange:f=>{o("service.create.transformerNames",f?[...b,t.id]:b.filter(x=>x!==t.id),{shouldDirty:!0})}})}),n&&e.jsx("td",{className:"pl-8",children:e.jsx(v,{value:l.includes(t.id),onChange:f=>{o("service.update.transformerNames",f?[...l,t.id]:l.filter(x=>x!==t.id),{shouldDirty:!0})}})})]},t.id))]})]})})]})}const{createTransformerSchema:ie,modelTransformerEntityType:re}=await d("@baseplate-dev/project-builder-lib"),{useDefinitionSchema:oe}=await d("@baseplate-dev/project-builder-lib/web"),{Button:E,DialogClose:ae,DialogFooter:ce}=await d("@baseplate-dev/ui-components"),{useId:le,useMemo:de}=await d("react"),{z:me}=await d("zod");function pe({className:h,webConfig:{Form:i,pluginKey:o},transformer:a,onUpdate:p,isCreate:s}){const m=D(l=>l),n=oe(ie),u=de(()=>me.object({transformer:n}),[n]),r=z({resolver:_(u),defaultValues:{transformer:a}}),{handleSubmit:j,formState:{isDirty:c}}=r,S=j(l=>{p({...l.transformer,id:l.transformer.id?l.transformer.id:re.generateNewId()})}),b=le();return i?e.jsxs("form",{className:V("space-y-4",h),id:b,onSubmit:l=>(l.stopPropagation(),S(l)),children:[e.jsx(i,{formProps:r,name:"transformer",originalModel:m,pluginKey:o}),e.jsxs(ce,{children:[e.jsx(ae,{asChild:!0,children:e.jsx(E,{variant:"secondary",children:"Cancel"})}),e.jsx(E,{type:"submit",disabled:!s&&!c,form:b,children:"Save"})]})]}):null}const{Dialog:ue,DialogContent:he,DialogDescription:fe,DialogHeader:xe,DialogTitle:je,DialogTrigger:Se,useControlledState:be}=await d("@baseplate-dev/ui-components");function I({children:h,transformer:i,asChild:o,webConfig:a,open:p,onOpenChange:s,onUpdate:m,isCreate:n}){const[u,r]=be(p,s,!1);return e.jsxs(ue,{open:u,onOpenChange:r,children:[h&&e.jsx(Se,{asChild:o,children:h}),e.jsxs(he,{children:[e.jsxs(xe,{children:[e.jsxs(je,{children:[n?"Create":"Edit"," ",a?.label," Transformer"]}),e.jsx(fe,{children:a?.instructions??"Manage the transformer for the service"})]}),a&&e.jsx(pe,{transformer:i,onUpdate:j=>{r(!1),m(j)},webConfig:a,isCreate:n})]})]})}const{modelTransformerWebSpec:$,useProjectDefinition:P}=await d("@baseplate-dev/project-builder-lib/web"),{Button:y,DropdownMenu:ge,DropdownMenuContent:ve,DropdownMenuGroup:Ce,DropdownMenuItem:Te,DropdownMenuTrigger:we,RecordView:ye,RecordViewActions:De,RecordViewItem:F,RecordViewItemList:Ne,SectionListSection:Le,SectionListSectionContent:Me,SectionListSectionDescription:Ee,SectionListSectionHeader:Fe,SectionListSectionTitle:Re,useConfirmDialog:Ie}=await d("@baseplate-dev/ui-components"),{useState:R}=await d("react");function $e({formProps:h,idx:i,onRemove:o,onUpdate:a}){const{pluginContainer:p,definitionContainer:s}=P(),{control:m}=h,n=C({control:m,name:`service.transformers.${i}`}),r=p.getPluginSpec($).getTransformerWebConfig(n.type,N),j=r.getSummary(n,s);return e.jsxs(ye,{children:[e.jsxs(Ne,{children:[e.jsx(F,{title:"Type",children:r.label}),j.map(c=>e.jsx(F,{title:c.label,children:c.description},c.label))]}),e.jsxs(De,{children:[r.Form&&e.jsx(I,{webConfig:r,transformer:n,onUpdate:c=>{a(c,i)},asChild:!0,isCreate:!1,children:e.jsx(y,{variant:"ghost",size:"icon",title:"Edit",children:e.jsx(K,{})})}),e.jsx(y,{variant:"ghost",size:"icon",onClick:()=>{o(i)},title:"Remove",className:"text-destructive hover:text-destructive-hover",children:e.jsx(q,{})})]})]})}function Pe({className:h,formProps:i}){const{control:o}=i,{fields:a,remove:p,append:s,update:m}=k({control:o,name:"service.transformers"}),{pluginContainer:n,definitionContainer:u}=P(),{requestConfirm:r}=Ie(),j=n.getPluginSpec($),c=D(t=>t),S=j.getTransformerWebConfigs(N).filter(t=>t.allowNewTransformer?t.allowNewTransformer(u,c):!0),[b,l]=R(!1),[g,T]=R(0);return e.jsxs(Le,{className:h,children:[e.jsxs(Fe,{children:[e.jsx(Re,{children:"Transformers"}),e.jsx(Ee,{children:"Transformers are used to operate on the data from the client into the shape that the database ORM expects."})]}),e.jsxs(Me,{className:"max-w-xl space-y-4",children:[a.map((t,f)=>e.jsx($e,{formProps:i,idx:f,onUpdate:(x,W)=>{m(W,x)},onRemove:x=>{r({title:"Confirm delete",content:"Are you sure you want to delete this transformer?",buttonConfirmText:"Delete",buttonConfirmVariant:"destructive",onConfirm:()=>{p(x)}})}},t.id)),S.length>0&&e.jsxs(ge,{children:[e.jsx(we,{asChild:!0,children:e.jsxs(y,{variant:"secondary",size:"sm",children:[e.jsx(G,{}),"Add Transformer"]})}),e.jsx(ve,{children:e.jsx(Ce,{children:S.map((t,f)=>e.jsx(Te,{onSelect:()=>{t.Form?(T(f),l(!0)):s(t.getNewTransformer(u,c))},children:e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{children:t.label}),e.jsx("div",{className:"text-style-muted",children:t.description})]})},t.name))})})]}),e.jsx(I,{webConfig:S[g],transformer:S[g]?.getNewTransformer(u,c),onUpdate:t=>{s(t)},open:b,onOpenChange:l,isCreate:!0})]})]})}const{modelTransformerEntityType:We}=await d("@baseplate-dev/project-builder-lib"),{useBlockUnsavedChangesNavigate:_e}=await d("@baseplate-dev/project-builder-lib/web"),{FormActionBar:Oe,SectionList:Ue,SectionListSection:Ae,SectionListSectionContent:Be,SectionListSectionDescription:He,SectionListSectionHeader:ze,SectionListSectionTitle:ke,SwitchFieldController:w}=await d("@baseplate-dev/ui-components");U(We,"/data/models/edit/{parentKey}");const Ze=function(){const{key:i}=O.useParams(),{form:o,onSubmit:a,originalModel:p}=H({omit:["name","featureRef"],modelKey:i}),{control:s,watch:m,getValues:n,setValue:u,reset:r}=o;return _e({control:s,reset:r,onSubmit:a}),e.jsx(B,{originalModel:p,getValues:n,watch:m,children:e.jsxs("form",{onSubmit:a,className:"w-full max-w-7xl space-y-4 p-4",children:[e.jsxs(Ue,{children:[e.jsxs(Ae,{children:[e.jsxs(ze,{children:[e.jsx(ke,{children:"Methods"}),e.jsx(He,{children:"Enable or disable which service methods will be generated"})]}),e.jsxs(Be,{className:"flex gap-8",children:[e.jsx(w,{label:"Create",name:"service.create.enabled",control:s}),e.jsx(w,{label:"Update",name:"service.update.enabled",control:s}),e.jsx(w,{label:"Delete",name:"service.delete.enabled",control:s})]})]}),e.jsx(ne,{control:s,setValue:u}),e.jsx(Pe,{formProps:o})]}),e.jsx(Oe,{form:o})]})})};export{Ze as component};
+//# sourceMappingURL=service-Cv-U7NUv.js.map

package/dist/assets/service-Cv-U7NUv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service-Cv-U7NUv.js","sources":["../../src/routes/data/models/edit.$key/-components/service/service-method-fields-section.tsx","../../src/routes/data/models/edit.$key/-components/service/service-transformer-form.tsx","../../src/routes/data/models/edit.$key/-components/service/service-transformer-dialog.tsx","../../src/routes/data/models/edit.$key/-components/service/service-transformers-section.tsx","../../src/routes/data/models/edit.$key/service.tsx?tsr-split=component"],"sourcesContent":["import type { ModelConfigInput } from '@baseplate-dev/project-builder-lib';\nimport type React from 'react';\nimport type { Control, UseFormSetValue } from 'react-hook-form';\n\nimport { ModelTransformerUtils } from '@baseplate-dev/project-builder-lib';\nimport {\n  modelTransformerWebSpec,\n  useProjectDefinition,\n} from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Label,\n  SectionListSection,\n  SectionListSectionContent,\n  SectionListSectionDescription,\n  SectionListSectionHeader,\n  SectionListSectionTitle,\n  SwitchField,\n} from '@baseplate-dev/ui-components';\nimport { useWatch } from 'react-hook-form';\n\nimport {\n  BUILT_IN_TRANSFORMER_WEB_CONFIGS,\n  SCALAR_FIELD_TYPE_OPTIONS,\n} from '../../../-constants.js';\nimport { useEditedModelConfig } from '../../../-hooks/use-edited-model-config.js';\nimport { BadgeWithTypeLabel } from '../badge-with-type-label.js';\n\ninterface ServiceMethodFieldsSectionProps {\n  className?: string;\n  control: Control<ModelConfigInput>;\n  setValue: UseFormSetValue<ModelConfigInput>;\n}\n\nexport function ServiceMethodFieldsSection({\n  className,\n  control,\n  setValue,\n}: ServiceMethodFieldsSectionProps): React.JSX.Element | null {\n  const fields = useEditedModelConfig((model) => model.model.fields);\n  const create = useWatch({ control, name: 'service.create' });\n  const update = useWatch({ control, name: 'service.update' });\n  const isCreateEnabled = create?.enabled;\n  const isUpdateEnabled = update?.enabled;\n  const transformers =\n    useWatch({ control, name: 'service.transformers' }) ?? [];\n  const { definitionContainer, pluginContainer } = useProjectDefinition();\n\n  if (!isCreateEnabled && !isUpdateEnabled) {\n    return null;\n  }\n\n  const createFields = create?.fields ?? [];\n  const updateFields = update?.fields ?? [];\n\n  const createTransformers = create?.transformerNames ?? [];\n  const updateTransformers = update?.transformerNames ?? [];\n\n  const tableClassName =\n    'w-full border-collapse text-left [&_td]:py-1 [&_th]:sticky [&_th]:top-0 [&_th]:bg-background [&_th]:z-10 [&_th]:py-2';\n\n  const transformerWeb = pluginContainer.getPluginSpec(modelTransformerWebSpec);\n\n  return (\n    <SectionListSection className={className}>\n      <SectionListSectionHeader>\n        <SectionListSectionTitle>\n          Create / Update Fields\n        </SectionListSectionTitle>\n        <SectionListSectionDescription>\n          Configure the fields that can be created or updated by the service\n          method\n        </SectionListSectionDescription>\n      </SectionListSectionHeader>\n      <SectionListSectionContent className=\"max-w-xl space-y-4\">\n        <table className={tableClassName}>\n          <thead>\n            <tr>\n              <th className=\"w-full\">\n                <Label>Fields</Label>\n              </th>\n              {isCreateEnabled && <th className=\"pl-8\">Create</th>}\n              {isUpdateEnabled && <th className=\"pl-8\">Update</th>}\n            </tr>\n          </thead>\n          <tbody>\n            {fields.map((field) => (\n              <tr key={field.id}>\n                <td>\n                  <BadgeWithTypeLabel\n                    type={\n                      field.type === 'enum' && field.options?.enumRef\n                        ? definitionContainer.nameFromId(field.options.enumRef)\n                        : SCALAR_FIELD_TYPE_OPTIONS[field.type].label\n                    }\n                  >\n                    {field.name}\n                  </BadgeWithTypeLabel>\n                </td>\n                {isCreateEnabled && (\n                  <td className=\"pl-8\">\n                    <SwitchField\n                      value={createFields.includes(field.id)}\n                      onChange={(value) => {\n                        setValue(\n                          'service.create.fields',\n                          value\n                            ? [...createFields, field.id]\n                            : createFields.filter((id) => id !== field.id),\n                          { shouldDirty: true },\n                        );\n                      }}\n                    />\n                  </td>\n                )}\n                {isUpdateEnabled && (\n                  <td className=\"pl-8\">\n                    <SwitchField\n                      value={updateFields.includes(field.id)}\n                      onChange={(value) => {\n                        setValue(\n                          'service.update.fields',\n                          value\n                            ? [...updateFields, field.id]\n                            : updateFields.filter((id) => id !== field.id),\n                          { shouldDirty: true },\n                        );\n                      }}\n                    />\n                  </td>\n                )}\n              </tr>\n            ))}\n            {transformers.length > 0 && (\n              <tr>\n                <th>\n                  <Label>Transformers</Label>\n                </th>\n              </tr>\n            )}\n            {transformers.map((transformer) => (\n              <tr key={transformer.id}>\n                <td>\n                  <BadgeWithTypeLabel\n                    type={\n                      transformerWeb.getTransformerWebConfig(\n                        transformer.type,\n                        BUILT_IN_TRANSFORMER_WEB_CONFIGS,\n                      ).label\n                    }\n                  >\n                    {ModelTransformerUtils.getTransformName(\n                      definitionContainer,\n                      transformer,\n                      pluginContainer,\n                    )}\n                  </BadgeWithTypeLabel>\n                </td>\n                {isCreateEnabled && (\n                  <td className=\"pl-8\">\n                    <SwitchField\n                      value={createTransformers.includes(transformer.id)}\n                      onChange={(value) => {\n                        setValue(\n                          'service.create.transformerNames',\n                          value\n                            ? [...createTransformers, transformer.id]\n                            : createTransformers.filter(\n                                (id) => id !== transformer.id,\n                              ),\n                          { shouldDirty: true },\n                        );\n                      }}\n                    />\n                  </td>\n                )}\n                {isUpdateEnabled && (\n                  <td className=\"pl-8\">\n                    <SwitchField\n                      value={updateTransformers.includes(transformer.id)}\n                      onChange={(value) => {\n                        setValue(\n                          'service.update.transformerNames',\n                          value\n                            ? [...updateTransformers, transformer.id]\n                            : updateTransformers.filter(\n                                (id) => id !== transformer.id,\n                              ),\n                          { shouldDirty: true },\n                        );\n                      }}\n                    />\n                  </td>\n                )}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </SectionListSectionContent>\n    </SectionListSection>\n  );\n}\n","import type { TransformerConfig } from '@baseplate-dev/project-builder-lib';\nimport type { ModelTransformerWebConfig } from '@baseplate-dev/project-builder-lib/web';\nimport type React from 'react';\n\nimport {\n  createTransformerSchema,\n  modelTransformerEntityType,\n} from '@baseplate-dev/project-builder-lib';\nimport { useDefinitionSchema } from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Button,\n  DialogClose,\n  DialogFooter,\n} from '@baseplate-dev/ui-components';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { clsx } from 'clsx';\nimport { useId, useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { useEditedModelConfig } from '../../../-hooks/use-edited-model-config.js';\n\ninterface ServiceTransformerFormProps {\n  className?: string;\n  webConfig: ModelTransformerWebConfig;\n  transformer?: TransformerConfig;\n  onUpdate: (transformer: TransformerConfig) => void;\n  isCreate: boolean;\n}\n\nexport function ServiceTransformerForm({\n  className,\n  webConfig: { Form, pluginKey },\n  transformer,\n  onUpdate,\n  isCreate,\n}: ServiceTransformerFormProps): React.JSX.Element | null {\n  const originalModel = useEditedModelConfig((model) => model);\n  const transformerSchema = useDefinitionSchema(createTransformerSchema);\n  const schema = useMemo(\n    () =>\n      z.object({\n        transformer: transformerSchema,\n      }),\n    [transformerSchema],\n  );\n  const formProps = useForm<{ transformer: TransformerConfig }>({\n    resolver: zodResolver(schema),\n    defaultValues: { transformer },\n  });\n  const {\n    handleSubmit,\n    formState: { isDirty },\n  } = formProps;\n\n  const onSubmit = handleSubmit((data) => {\n    onUpdate({\n      ...data.transformer,\n      id: data.transformer.id\n        ? data.transformer.id\n        : modelTransformerEntityType.generateNewId(),\n    });\n  });\n\n  const formId = useId();\n\n  if (!Form) {\n    return null;\n  }\n\n  return (\n    <form\n      className={clsx('space-y-4', className)}\n      id={formId}\n      onSubmit={(e) => {\n        e.stopPropagation();\n        return onSubmit(e);\n      }}\n    >\n      <Form\n        formProps={formProps}\n        name=\"transformer\"\n        originalModel={originalModel}\n        pluginKey={pluginKey}\n      />\n      <DialogFooter>\n        <DialogClose asChild>\n          <Button variant=\"secondary\">Cancel</Button>\n        </DialogClose>\n        <Button type=\"submit\" disabled={!isCreate && !isDirty} form={formId}>\n          Save\n        </Button>\n      </DialogFooter>\n    </form>\n  );\n}\n","import type { TransformerConfig } from '@baseplate-dev/project-builder-lib';\nimport type { ModelTransformerWebConfig } from '@baseplate-dev/project-builder-lib/web';\nimport type React from 'react';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  useControlledState,\n} from '@baseplate-dev/ui-components';\n\nimport { ServiceTransformerForm } from './service-transformer-form.js';\n\ninterface ServiceTransformerDialogProps {\n  children?: React.ReactNode;\n  asChild?: boolean;\n  open?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  webConfig: ModelTransformerWebConfig | undefined;\n  transformer: TransformerConfig | undefined;\n  onUpdate: (transformer: TransformerConfig) => void;\n  isCreate: boolean;\n}\n\nexport function ServiceTransformerDialog({\n  children,\n  transformer,\n  asChild,\n  webConfig,\n  open,\n  onOpenChange,\n  onUpdate,\n  isCreate,\n}: ServiceTransformerDialogProps): React.JSX.Element {\n  const [isOpen, setIsOpen] = useControlledState(open, onOpenChange, false);\n  return (\n    <Dialog open={isOpen} onOpenChange={setIsOpen}>\n      {children && <DialogTrigger asChild={asChild}>{children}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>\n            {isCreate ? 'Create' : 'Edit'} {webConfig?.label} Transformer\n          </DialogTitle>\n          <DialogDescription>\n            {webConfig?.instructions ??\n              'Manage the transformer for the service'}\n          </DialogDescription>\n        </DialogHeader>\n        {webConfig && (\n          <ServiceTransformerForm\n            transformer={transformer}\n            onUpdate={(transformer) => {\n              setIsOpen(false);\n              onUpdate(transformer);\n            }}\n            webConfig={webConfig}\n            isCreate={isCreate}\n          />\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n","import type {\n  ModelConfigInput,\n  TransformerConfig,\n} from '@baseplate-dev/project-builder-lib';\nimport type React from 'react';\nimport type { UseFormReturn } from 'react-hook-form';\n\nimport {\n  modelTransformerWebSpec,\n  useProjectDefinition,\n} from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  RecordView,\n  RecordViewActions,\n  RecordViewItem,\n  RecordViewItemList,\n  SectionListSection,\n  SectionListSectionContent,\n  SectionListSectionDescription,\n  SectionListSectionHeader,\n  SectionListSectionTitle,\n  useConfirmDialog,\n} from '@baseplate-dev/ui-components';\nimport { useState } from 'react';\nimport { useFieldArray, useWatch } from 'react-hook-form';\nimport { MdAdd, MdEdit, MdOutlineDelete } from 'react-icons/md';\n\nimport { BUILT_IN_TRANSFORMER_WEB_CONFIGS } from '#src/routes/data/models/-constants.js';\n\nimport { useEditedModelConfig } from '../../../-hooks/use-edited-model-config.js';\nimport { ServiceTransformerDialog } from './service-transformer-dialog.js';\n\ninterface Props {\n  className?: string;\n  formProps: UseFormReturn<ModelConfigInput>;\n}\n\nfunction ServiceTransformerRecord({\n  formProps,\n  idx,\n  onRemove,\n  onUpdate,\n}: {\n  formProps: UseFormReturn<ModelConfigInput>;\n  idx: number;\n  onUpdate: (transformer: TransformerConfig, idx: number) => void;\n  onRemove: (idx: number) => void;\n}): React.JSX.Element {\n  const { pluginContainer, definitionContainer } = useProjectDefinition();\n  const { control } = formProps;\n\n  const field = useWatch({\n    control,\n    name: `service.transformers.${idx}`,\n  });\n\n  const transformerWeb = pluginContainer.getPluginSpec(modelTransformerWebSpec);\n  const transformerConfig = transformerWeb.getTransformerWebConfig(\n    field.type,\n    BUILT_IN_TRANSFORMER_WEB_CONFIGS,\n  );\n  const summary = transformerConfig.getSummary(field, definitionContainer);\n  return (\n    <RecordView>\n      <RecordViewItemList>\n        <RecordViewItem title=\"Type\">{transformerConfig.label}</RecordViewItem>\n        {summary.map((item) => (\n          <RecordViewItem key={item.label} title={item.label}>\n            {item.description}\n          </RecordViewItem>\n        ))}\n      </RecordViewItemList>\n      <RecordViewActions>\n        {transformerConfig.Form && (\n          <ServiceTransformerDialog\n            webConfig={transformerConfig}\n            transformer={field}\n            onUpdate={(transformer) => {\n              onUpdate(transformer, idx);\n            }}\n            asChild\n            isCreate={false}\n          >\n            <Button variant=\"ghost\" size=\"icon\" title=\"Edit\">\n              <MdEdit />\n            </Button>\n          </ServiceTransformerDialog>\n        )}\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => {\n            onRemove(idx);\n          }}\n          title=\"Remove\"\n          className=\"text-destructive hover:text-destructive-hover\"\n        >\n          <MdOutlineDelete />\n        </Button>\n      </RecordViewActions>\n    </RecordView>\n  );\n}\n\nexport function ServiceTransformersSection({\n  className,\n  formProps,\n}: Props): React.JSX.Element | null {\n  const { control } = formProps;\n  const { fields, remove, append, update } = useFieldArray({\n    control,\n    name: `service.transformers`,\n  });\n  const { pluginContainer, definitionContainer } = useProjectDefinition();\n\n  const { requestConfirm } = useConfirmDialog();\n\n  const transformerWeb = pluginContainer.getPluginSpec(modelTransformerWebSpec);\n\n  const modelConfig = useEditedModelConfig((model) => model);\n\n  const addableTransformers = transformerWeb\n    .getTransformerWebConfigs(BUILT_IN_TRANSFORMER_WEB_CONFIGS)\n    .filter((transformer) =>\n      transformer.allowNewTransformer\n        ? transformer.allowNewTransformer(definitionContainer, modelConfig)\n        : true,\n    );\n\n  const [isNewTransfomerDialogOpen, setIsNewTransformerDialogOpen] =\n    useState(false);\n  const [addableTransformerIdx, setAddableTransformerIdx] = useState<number>(0);\n\n  return (\n    <SectionListSection className={className}>\n      <SectionListSectionHeader>\n        <SectionListSectionTitle>Transformers</SectionListSectionTitle>\n        <SectionListSectionDescription>\n          Transformers are used to operate on the data from the client into the\n          shape that the database ORM expects.\n        </SectionListSectionDescription>\n      </SectionListSectionHeader>\n      <SectionListSectionContent className=\"max-w-xl space-y-4\">\n        {fields.map((field, idx) => (\n          <ServiceTransformerRecord\n            key={field.id}\n            formProps={formProps}\n            idx={idx}\n            onUpdate={(transformer, idx) => {\n              update(idx, transformer);\n            }}\n            onRemove={(idx) => {\n              requestConfirm({\n                title: 'Confirm delete',\n                content: `Are you sure you want to delete this transformer?`,\n                buttonConfirmText: 'Delete',\n                buttonConfirmVariant: 'destructive',\n                onConfirm: () => {\n                  remove(idx);\n                },\n              });\n            }}\n          />\n        ))}\n        {addableTransformers.length > 0 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"secondary\" size=\"sm\">\n                <MdAdd />\n                Add Transformer\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent>\n              <DropdownMenuGroup>\n                {addableTransformers.map((transformer, idx) => (\n                  <DropdownMenuItem\n                    key={transformer.name}\n                    onSelect={() => {\n                      if (transformer.Form) {\n                        setAddableTransformerIdx(idx);\n                        setIsNewTransformerDialogOpen(true);\n                      } else {\n                        append(\n                          transformer.getNewTransformer(\n                            definitionContainer,\n                            modelConfig,\n                          ),\n                        );\n                      }\n                    }}\n                  >\n                    <div className=\"flex flex-col gap-1\">\n                      <div>{transformer.label}</div>\n                      <div className=\"text-style-muted\">\n                        {transformer.description}\n                      </div>\n                    </div>\n                  </DropdownMenuItem>\n                ))}\n              </DropdownMenuGroup>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n        <ServiceTransformerDialog\n          webConfig={addableTransformers[addableTransformerIdx]}\n          transformer={addableTransformers[\n            addableTransformerIdx\n          ]?.getNewTransformer(definitionContainer, modelConfig)}\n          onUpdate={(transformer) => {\n            append(transformer);\n          }}\n          open={isNewTransfomerDialogOpen}\n          onOpenChange={setIsNewTransformerDialogOpen}\n          isCreate={true}\n        />\n      </SectionListSectionContent>\n    </SectionListSection>\n  );\n}\n","import type React from 'react';\n\nimport { modelTransformerEntityType } from '@baseplate-dev/project-builder-lib';\nimport { useBlockUnsavedChangesNavigate } from '@baseplate-dev/project-builder-lib/web';\nimport {\n  FormActionBar,\n  SectionList,\n  SectionListSection,\n  SectionListSectionContent,\n  SectionListSectionDescription,\n  SectionListSectionHeader,\n  SectionListSectionTitle,\n  SwitchFieldController,\n} from '@baseplate-dev/ui-components';\nimport { createFileRoute } from '@tanstack/react-router';\n\nimport { registerEntityTypeUrl } from '#src/services/entity-type.js';\n\nimport { EditedModelContextProvider } from '../-hooks/use-edited-model-config.js';\nimport { useModelForm } from '../-hooks/use-model-form.js';\nimport { ServiceMethodFieldsSection } from './-components/service/service-method-fields-section.js';\nimport { ServiceTransformersSection } from './-components/service/service-transformers-section.js';\n\nregisterEntityTypeUrl(\n  modelTransformerEntityType,\n  `/data/models/edit/{parentKey}`,\n);\n\nexport const Route = createFileRoute('/data/models/edit/$key/service')({\n  component: ModelEditServicePage,\n  beforeLoad: () => ({\n    getTitle: () => 'Service',\n  }),\n});\n\nfunction ModelEditServicePage(): React.JSX.Element {\n  const { key } = Route.useParams();\n  const { form, onSubmit, originalModel } = useModelForm({\n    omit: ['name', 'featureRef'],\n    modelKey: key,\n  });\n  const { control, watch, getValues, setValue, reset } = form;\n\n  useBlockUnsavedChangesNavigate({ control, reset, onSubmit });\n\n  return (\n    <EditedModelContextProvider\n      originalModel={originalModel}\n      getValues={getValues}\n      watch={watch}\n    >\n      <form onSubmit={onSubmit} className=\"w-full max-w-7xl space-y-4 p-4\">\n        <SectionList>\n          <SectionListSection>\n            <SectionListSectionHeader>\n              <SectionListSectionTitle>Methods</SectionListSectionTitle>\n              <SectionListSectionDescription>\n                Enable or disable which service methods will be generated\n              </SectionListSectionDescription>\n            </SectionListSectionHeader>\n            <SectionListSectionContent className=\"flex gap-8\">\n              <SwitchFieldController\n                label=\"Create\"\n                name=\"service.create.enabled\"\n                control={control}\n              />\n              <SwitchFieldController\n                label=\"Update\"\n                name=\"service.update.enabled\"\n                control={control}\n              />\n              <SwitchFieldController\n                label=\"Delete\"\n                name=\"service.delete.enabled\"\n                control={control}\n              />\n            </SectionListSectionContent>\n          </SectionListSection>\n          <ServiceMethodFieldsSection control={control} setValue={setValue} />\n          <ServiceTransformersSection formProps={form} />\n        </SectionList>\n        <FormActionBar form={form} />\n      </form>\n    </EditedModelContextProvider>\n  );\n}\n"],"names":["ModelTransformerUtils","importShared","modelTransformerWebSpec","useProjectDefinition","Label","SectionListSection","SectionListSectionContent","SectionListSectionDescription","SectionListSectionHeader","SectionListSectionTitle","SwitchField","ServiceMethodFieldsSection","className","control","setValue","fields","useEditedModelConfig","model","create","useWatch","update","isCreateEnabled","isUpdateEnabled","transformers","definitionContainer","pluginContainer","createFields","updateFields","createTransformers","updateTransformers","tableClassName","transformerWeb","jsxs","jsx","field","BadgeWithTypeLabel","SCALAR_FIELD_TYPE_OPTIONS","value","id","transformer","BUILT_IN_TRANSFORMER_WEB_CONFIGS","createTransformerSchema","modelTransformerEntityType","useDefinitionSchema","Button","DialogClose","DialogFooter","useId","useMemo","z","ServiceTransformerForm","Form","pluginKey","onUpdate","isCreate","originalModel","transformerSchema","schema","formProps","useForm","zodResolver","handleSubmit","isDirty","onSubmit","data","formId","clsx","e","Dialog","DialogContent","DialogDescription","DialogHeader","DialogTitle","DialogTrigger","useControlledState","ServiceTransformerDialog","children","asChild","webConfig","open","onOpenChange","isOpen","setIsOpen","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuTrigger","RecordView","RecordViewActions","RecordViewItem","RecordViewItemList","useConfirmDialog","useState","ServiceTransformerRecord","idx","onRemove","transformerConfig","summary","item","MdEdit","MdOutlineDelete","ServiceTransformersSection","remove","append","useFieldArray","requestConfirm","modelConfig","addableTransformers","isNewTransfomerDialogOpen","setIsNewTransformerDialogOpen","addableTransformerIdx","setAddableTransformerIdx","MdAdd","useBlockUnsavedChangesNavigate","FormActionBar","SectionList","SwitchFieldController","registerEntityTypeUrl","SplitComponent","key","Route","useParams","form","useModelForm","omit","modelKey","watch","getValues","reset","EditedModelContextProvider"],"mappings":"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"}

package/dist/assets/sortBy-C9bvycg5.js

@@ -0,0 +1,2 @@
+function h(t,n,r){return t<n?r==="asc"?-1:1:t>n?r==="asc"?1:-1:0}function p(t,n,r){return t.slice().sort((c,s)=>{const u=r.length;for(let o=0;o<n.length;o++){const l=u>o?r[o]:r[u-1],e=n[o],i=typeof e=="function",a=i?e(c):c[e],g=i?e(s):s[e],f=h(a,g,l);if(f!==0)return f}return 0})}function y(t,n){return p(t,n,["asc"])}export{p as o,y as s};
+//# sourceMappingURL=sortBy-C9bvycg5.js.map

package/dist/assets/sortBy-C9bvycg5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortBy-C9bvycg5.js","sources":["../../../../node_modules/.pnpm/es-toolkit@1.31.0/node_modules/es-toolkit/dist/_internal/compareValues.mjs","../../../../node_modules/.pnpm/es-toolkit@1.31.0/node_modules/es-toolkit/dist/array/orderBy.mjs","../../../../node_modules/.pnpm/es-toolkit@1.31.0/node_modules/es-toolkit/dist/array/sortBy.mjs"],"sourcesContent":["function compareValues(a, b, order) {\n    if (a < b) {\n        return order === 'asc' ? -1 : 1;\n    }\n    if (a > b) {\n        return order === 'asc' ? 1 : -1;\n    }\n    return 0;\n}\n\nexport { compareValues };\n","import { compareValues } from '../_internal/compareValues.mjs';\n\nfunction orderBy(arr, criteria, orders) {\n    return arr.slice().sort((a, b) => {\n        const ordersLength = orders.length;\n        for (let i = 0; i < criteria.length; i++) {\n            const order = ordersLength > i ? orders[i] : orders[ordersLength - 1];\n            const criterion = criteria[i];\n            const criterionIsFunction = typeof criterion === 'function';\n            const valueA = criterionIsFunction ? criterion(a) : a[criterion];\n            const valueB = criterionIsFunction ? criterion(b) : b[criterion];\n            const result = compareValues(valueA, valueB, order);\n            if (result !== 0) {\n                return result;\n            }\n        }\n        return 0;\n    });\n}\n\nexport { orderBy };\n","import { orderBy } from './orderBy.mjs';\n\nfunction sortBy(arr, criteria) {\n    return orderBy(arr, criteria, ['asc']);\n}\n\nexport { sortBy };\n"],"names":["compareValues","a","b","order","orderBy","arr","criteria","orders","ordersLength","i","criterion","criterionIsFunction","valueA","valueB","result","sortBy"],"mappings":"AAAA,SAASA,EAAcC,EAAGC,EAAGC,EAAO,CAChC,OAAIF,EAAIC,EACGC,IAAU,MAAQ,GAAK,EAE9BF,EAAIC,EACGC,IAAU,MAAQ,EAAI,GAE1B,CACX,CCNA,SAASC,EAAQC,EAAKC,EAAUC,EAAQ,CACpC,OAAOF,EAAI,MAAO,EAAC,KAAK,CAACJ,EAAGC,IAAM,CAC9B,MAAMM,EAAeD,EAAO,OAC5B,QAASE,EAAI,EAAGA,EAAIH,EAAS,OAAQG,IAAK,CACtC,MAAMN,EAAQK,EAAeC,EAAIF,EAAOE,CAAC,EAAIF,EAAOC,EAAe,CAAC,EAC9DE,EAAYJ,EAASG,CAAC,EACtBE,EAAsB,OAAOD,GAAc,WAC3CE,EAASD,EAAsBD,EAAUT,CAAC,EAAIA,EAAES,CAAS,EACzDG,EAASF,EAAsBD,EAAUR,CAAC,EAAIA,EAAEQ,CAAS,EACzDI,EAASd,EAAcY,EAAQC,EAAQV,CAAK,EAClD,GAAIW,IAAW,EACX,OAAOA,CAEvB,CACQ,MAAO,EACf,CAAK,CACL,CChBA,SAASC,EAAOV,EAAKC,EAAU,CAC3B,OAAOF,EAAQC,EAAKC,EAAU,CAAC,KAAK,CAAC,CACzC","x_google_ignoreList":[0,1,2]}

package/dist/assets/template-extractor-ElrbBsVj.js

@@ -0,0 +1,2 @@
+import{i as a}from"./_virtual___federation_fn_import-DXu2m-ZE.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{s as h,E as p}from"./index-BUYA3Tes.js";const{createTemplateExtractorSchema:f}=await a("@baseplate-dev/project-builder-lib"),{useBlockUnsavedChangesNavigate:b,useDefinitionSchema:u,useProjectDefinition:j,useResettableForm:g}=await a("@baseplate-dev/project-builder-lib/web"),{Alert:E,AlertDescription:S,AlertTitle:T,CheckboxFieldController:v,FormActionBar:w,SectionList:A,SectionListSection:L,SectionListSectionContent:R,SectionListSectionHeader:C,SectionListSectionTitle:N,TextareaFieldController:y}=await a("@baseplate-dev/ui-components"),k=function(){const{definition:l,saveDefinitionWithFeedback:r}=j(),o=l.settings.templateExtractor??{writeMetadata:!1,fileIdRegexWhitelist:""},n=u(f),i=g({resolver:h(n),defaultValues:o}),{handleSubmit:c,control:t,reset:d}=i,s=c(m=>r(x=>{x.settings.templateExtractor=m}));return b({control:t,reset:d,onSubmit:s}),p?e.jsxs("form",{className:"relative h-full max-h-full pb-(--action-bar-height)",onSubmit:s,children:[e.jsxs("div",{className:"flex h-full max-h-full flex-1 flex-col overflow-y-auto px-6",children:[e.jsx("div",{className:"sticky top-0 border-b bg-background py-6",children:e.jsx("h1",{children:"Template Extractor"})}),e.jsx(A,{children:e.jsxs(L,{children:[e.jsx(C,{children:e.jsx(N,{children:"Settings"})}),e.jsxs(R,{className:"flex max-w-md flex-col gap-4",children:[e.jsx(v,{name:"writeMetadata",label:"Write Metadata",description:"Write metadata to the project to enable template extraction",control:t}),e.jsx(y,{name:"fileIdRegexWhitelist",label:"File ID Regex Whitelist",description:"A list of file IDs to include in the template extractor metadata for generators that have a manually assigned file IDs, e.g. files generated by generators that have multiple instances. The list is delimited by a newline and must be a valid regex.",control:t})]})]})})]}),e.jsx(w,{form:i})]}):e.jsxs(E,{variant:"error",className:"mx-auto my-16 max-w-2xl",children:[e.jsx(T,{children:"Template Extractor is disabled"}),e.jsxs(S,{children:["Template extractor is disabled in the environment. Please enable it with ",e.jsx("code",{children:"VITE_ENABLE_TEMPLATE_EXTRACTOR=true"})," to use it."]})]})};export{k as component};
+//# sourceMappingURL=template-extractor-ElrbBsVj.js.map

package/dist/assets/{template-extractor-DEU0CX0Y.js.map → template-extractor-ElrbBsVj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"template-extractor-DEU0CX0Y.js","sources":["../../src/routes/settings/template-extractor.tsx?tsr-split=component"],"sourcesContent":["import type React from 'react';\n\nimport { createTemplateExtractorSchema } from '@baseplate-dev/project-builder-lib';\nimport {\n  useBlockUnsavedChangesNavigate,\n  useDefinitionSchema,\n  useProjectDefinition,\n  useResettableForm,\n} from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  CheckboxFieldController,\n  FormActionBar,\n  SectionList,\n  SectionListSection,\n  SectionListSectionContent,\n  SectionListSectionHeader,\n  SectionListSectionTitle,\n  TextareaFieldController,\n} from '@baseplate-dev/ui-components';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { createFileRoute } from '@tanstack/react-router';\n\nimport { ENABLE_TEMPLATE_EXTRACTOR } from '#src/services/config.js';\n\nexport const Route = createFileRoute('/settings/template-extractor')({\n  component: TemplateExtractorSettingsPage,\n  beforeLoad: () => ({\n    getTitle: () => 'Template Extractor',\n  }),\n});\n\n/**\n * Settings page for template extractor configuration\n *\n * Allows users to control template metadata generation during the extraction process.\n */\nfunction TemplateExtractorSettingsPage(): React.JSX.Element {\n  const { definition, saveDefinitionWithFeedback } = useProjectDefinition();\n  const defaultValues = definition.settings.templateExtractor ?? {\n    writeMetadata: false,\n    fileIdRegexWhitelist: '',\n  };\n  const templateExtractorSchema = useDefinitionSchema(\n    createTemplateExtractorSchema,\n  );\n  const form = useResettableForm({\n    resolver: zodResolver(templateExtractorSchema),\n    defaultValues,\n  });\n\n  const { handleSubmit, control, reset } = form;\n\n  const onSubmit = handleSubmit((data) =>\n    saveDefinitionWithFeedback((draftConfig) => {\n      draftConfig.settings.templateExtractor = data;\n    }),\n  );\n\n  useBlockUnsavedChangesNavigate({ control, reset, onSubmit });\n\n  if (!ENABLE_TEMPLATE_EXTRACTOR) {\n    return (\n      <Alert variant=\"error\" className=\"mx-auto my-16 max-w-2xl\">\n        <AlertTitle>Template Extractor is disabled</AlertTitle>\n        <AlertDescription>\n          Template extractor is disabled in the environment. Please enable it\n          with <code>VITE_ENABLE_TEMPLATE_EXTRACTOR=true</code> to use it.\n        </AlertDescription>\n      </Alert>\n    );\n  }\n\n  return (\n    <form\n      className=\"relative h-full max-h-full pb-(--action-bar-height)\"\n      onSubmit={onSubmit}\n    >\n      <div className=\"flex h-full max-h-full flex-1 flex-col overflow-y-auto px-6\">\n        <div className=\"sticky top-0 border-b bg-background py-6\">\n          <h1>Template Extractor</h1>\n        </div>\n        <SectionList>\n          <SectionListSection>\n            <SectionListSectionHeader>\n              <SectionListSectionTitle>Settings</SectionListSectionTitle>\n            </SectionListSectionHeader>\n            <SectionListSectionContent className=\"flex max-w-md flex-col gap-4\">\n              <CheckboxFieldController\n                name=\"writeMetadata\"\n                label=\"Write Metadata\"\n                description=\"Write metadata to the project to enable template extraction\"\n                control={control}\n              />\n              <TextareaFieldController\n                name=\"fileIdRegexWhitelist\"\n                label=\"File ID Regex Whitelist\"\n                description=\"A list of file IDs to include in the template extractor metadata for generators that have a manually assigned file IDs, e.g. files generated by generators that have multiple instances. The list is delimited by a newline and must be a valid regex.\"\n                control={control}\n              />\n            </SectionListSectionContent>\n          </SectionListSection>\n        </SectionList>\n      </div>\n      <FormActionBar form={form} />\n    </form>\n  );\n}\n"],"names":["createTemplateExtractorSchema","importShared","useBlockUnsavedChangesNavigate","useDefinitionSchema","useProjectDefinition","useResettableForm","Alert","AlertDescription","AlertTitle","CheckboxFieldController","FormActionBar","SectionList","SectionListSection","SectionListSectionContent","SectionListSectionHeader","SectionListSectionTitle","TextareaFieldController","SplitComponent","definition","saveDefinitionWithFeedback","defaultValues","settings","templateExtractor","writeMetadata","fileIdRegexWhitelist","templateExtractorSchema","form","resolver","zodResolver","handleSubmit","control","reset","onSubmit","draftConfig","data","ENABLE_TEMPLATE_EXTRACTOR","jsxs","jsx"],"mappings":"6JAEA,KAAA,CAAA,8BAAAA,CAAA,EAAA,MAAAC,EAAA,oCAAA,EACA,CAAA,+BAAAC,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,kBAAAC,CAAA,EAAA,MAAAJ,EAAA,wCAAA,EAMA,CAAA,MAAAK,EAAA,iBAAAC,EAAA,WAAAC,EAAA,wBAAAC,EAAA,cAAAC,EAAA,YAAAC,EAAA,mBAAAC,EAAA,0BAAAC,EAAA,yBAAAC,EAAA,wBAAAC,EAAA,wBAAAC,CAAA,EAAA,MAAAf,EAAA,8BAAA,EAyBAgB,EAAA,UAK4D,CACpD,KAAA,CAAEC,WAAAA,EAAYC,2BAAAA,GAA+Bf,EAAqB,EAClEgB,EAAgBF,EAAWG,SAASC,mBAAqB,CAC7DC,cAAe,GACfC,qBAAsB,EACxB,EACMC,EAA0BtB,EAC9BH,CACF,EACM0B,EAAOrB,EAAkB,CAC7BsB,SAAUC,EAAYH,CAAuB,EAC7CL,cAAAA,CAAAA,CACD,EAEK,CAAES,aAAAA,EAAcC,QAAAA,EAASC,MAAAA,CAAAA,EAAUL,EAEnCM,EAAWH,EACfV,GAAAA,EAA4Cc,GAAA,CAC1CA,EAAYZ,SAASC,kBAAoBY,CAAAA,CAC1C,CACH,EAIA,OAF+BhC,EAAA,CAAE4B,QAAAA,EAASC,MAAAA,EAAOC,SAAAA,CAAAA,CAAU,EAEtDG,EAaFC,EAAAA,KAAA,OAAA,CACC,UAAU,sDACV,SAAAJ,EAEA,SAAA,CAACI,EAAAA,KAAA,MAAA,CAAI,UAAU,8DACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,2CACb,SAACA,MAAA,KAAA,CAAG,8BAAkB,CACxB,CAAA,EACAA,EAAA,IAAC1B,EACC,CAAA,SAAAyB,EAAAA,KAACxB,EACC,CAAA,SAAA,CAAAyB,MAACvB,EACC,CAAA,SAAAuB,EAAA,IAACtB,EAAwB,CAAA,SAAA,UAAQ,CAAA,EACnC,EACAqB,EAAAA,KAACvB,EAA0B,CAAA,UAAU,+BACnC,SAAA,CAAAwB,MAAC5B,GACC,KAAK,gBACL,MAAM,iBACN,YAAY,8DACZ,QAAAqB,EAAiB,EAEnBO,MAACrB,GACC,KAAK,uBACL,MAAM,0BACN,YAAY,yPACZ,QAAAc,CAAiB,CAAA,CAAA,CAErB,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EACF,EACAO,MAAC3B,GAAc,KAAAgB,CAAW,CAAA,CAAA,EAC5B,EA1CGU,EAAAA,KAAA9B,EAAA,CAAM,QAAQ,QAAQ,UAAU,0BAC/B,SAAA,CAAA+B,EAAAA,IAAC7B,GAAW,SAA8B,gCAAA,CAAA,SACzCD,EAAgB,CAAA,SAAA,CAAA,4EAEV8B,EAAAA,IAAC,QAAK,SAAmC,qCAAA,CAAA,EAAO,aAAA,CACvD,CAAA,CAAA,EACF,CAsCN"}
+{"version":3,"file":"template-extractor-ElrbBsVj.js","sources":["../../src/routes/settings/template-extractor.tsx?tsr-split=component"],"sourcesContent":["import type React from 'react';\n\nimport { createTemplateExtractorSchema } from '@baseplate-dev/project-builder-lib';\nimport {\n  useBlockUnsavedChangesNavigate,\n  useDefinitionSchema,\n  useProjectDefinition,\n  useResettableForm,\n} from '@baseplate-dev/project-builder-lib/web';\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  CheckboxFieldController,\n  FormActionBar,\n  SectionList,\n  SectionListSection,\n  SectionListSectionContent,\n  SectionListSectionHeader,\n  SectionListSectionTitle,\n  TextareaFieldController,\n} from '@baseplate-dev/ui-components';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { createFileRoute } from '@tanstack/react-router';\n\nimport { ENABLE_TEMPLATE_EXTRACTOR } from '#src/services/config.js';\n\nexport const Route = createFileRoute('/settings/template-extractor')({\n  component: TemplateExtractorSettingsPage,\n  beforeLoad: () => ({\n    getTitle: () => 'Template Extractor',\n  }),\n});\n\n/**\n * Settings page for template extractor configuration\n *\n * Allows users to control template metadata generation during the extraction process.\n */\nfunction TemplateExtractorSettingsPage(): React.JSX.Element {\n  const { definition, saveDefinitionWithFeedback } = useProjectDefinition();\n  const defaultValues = definition.settings.templateExtractor ?? {\n    writeMetadata: false,\n    fileIdRegexWhitelist: '',\n  };\n  const templateExtractorSchema = useDefinitionSchema(\n    createTemplateExtractorSchema,\n  );\n  const form = useResettableForm({\n    resolver: zodResolver(templateExtractorSchema),\n    defaultValues,\n  });\n\n  const { handleSubmit, control, reset } = form;\n\n  const onSubmit = handleSubmit((data) =>\n    saveDefinitionWithFeedback((draftConfig) => {\n      draftConfig.settings.templateExtractor = data;\n    }),\n  );\n\n  useBlockUnsavedChangesNavigate({ control, reset, onSubmit });\n\n  if (!ENABLE_TEMPLATE_EXTRACTOR) {\n    return (\n      <Alert variant=\"error\" className=\"mx-auto my-16 max-w-2xl\">\n        <AlertTitle>Template Extractor is disabled</AlertTitle>\n        <AlertDescription>\n          Template extractor is disabled in the environment. Please enable it\n          with <code>VITE_ENABLE_TEMPLATE_EXTRACTOR=true</code> to use it.\n        </AlertDescription>\n      </Alert>\n    );\n  }\n\n  return (\n    <form\n      className=\"relative h-full max-h-full pb-(--action-bar-height)\"\n      onSubmit={onSubmit}\n    >\n      <div className=\"flex h-full max-h-full flex-1 flex-col overflow-y-auto px-6\">\n        <div className=\"sticky top-0 border-b bg-background py-6\">\n          <h1>Template Extractor</h1>\n        </div>\n        <SectionList>\n          <SectionListSection>\n            <SectionListSectionHeader>\n              <SectionListSectionTitle>Settings</SectionListSectionTitle>\n            </SectionListSectionHeader>\n            <SectionListSectionContent className=\"flex max-w-md flex-col gap-4\">\n              <CheckboxFieldController\n                name=\"writeMetadata\"\n                label=\"Write Metadata\"\n                description=\"Write metadata to the project to enable template extraction\"\n                control={control}\n              />\n              <TextareaFieldController\n                name=\"fileIdRegexWhitelist\"\n                label=\"File ID Regex Whitelist\"\n                description=\"A list of file IDs to include in the template extractor metadata for generators that have a manually assigned file IDs, e.g. files generated by generators that have multiple instances. The list is delimited by a newline and must be a valid regex.\"\n                control={control}\n              />\n            </SectionListSectionContent>\n          </SectionListSection>\n        </SectionList>\n      </div>\n      <FormActionBar form={form} />\n    </form>\n  );\n}\n"],"names":["createTemplateExtractorSchema","importShared","useBlockUnsavedChangesNavigate","useDefinitionSchema","useProjectDefinition","useResettableForm","Alert","AlertDescription","AlertTitle","CheckboxFieldController","FormActionBar","SectionList","SectionListSection","SectionListSectionContent","SectionListSectionHeader","SectionListSectionTitle","TextareaFieldController","SplitComponent","definition","saveDefinitionWithFeedback","defaultValues","settings","templateExtractor","writeMetadata","fileIdRegexWhitelist","templateExtractorSchema","form","resolver","zodResolver","handleSubmit","control","reset","onSubmit","draftConfig","data","ENABLE_TEMPLATE_EXTRACTOR","jsxs","jsx"],"mappings":"+JAEA,KAAA,CAAA,8BAAAA,CAAA,EAAA,MAAAC,EAAA,oCAAA,EACA,CAAA,+BAAAC,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,kBAAAC,CAAA,EAAA,MAAAJ,EAAA,wCAAA,EAMA,CAAA,MAAAK,EAAA,iBAAAC,EAAA,WAAAC,EAAA,wBAAAC,EAAA,cAAAC,EAAA,YAAAC,EAAA,mBAAAC,EAAA,0BAAAC,EAAA,yBAAAC,EAAA,wBAAAC,EAAA,wBAAAC,CAAA,EAAA,MAAAf,EAAA,8BAAA,EAyBAgB,EAAA,UAK4D,CACpD,KAAA,CAAEC,WAAAA,EAAYC,2BAAAA,GAA+Bf,EAAqB,EAClEgB,EAAgBF,EAAWG,SAASC,mBAAqB,CAC7DC,cAAe,GACfC,qBAAsB,EACxB,EACMC,EAA0BtB,EAC9BH,CACF,EACM0B,EAAOrB,EAAkB,CAC7BsB,SAAUC,EAAYH,CAAuB,EAC7CL,cAAAA,CAAAA,CACD,EAEK,CAAES,aAAAA,EAAcC,QAAAA,EAASC,MAAAA,CAAAA,EAAUL,EAEnCM,EAAWH,EACfV,GAAAA,EAA4Cc,GAAA,CAC1CA,EAAYZ,SAASC,kBAAoBY,CAAAA,CAC1C,CACH,EAIA,OAF+BhC,EAAA,CAAE4B,QAAAA,EAASC,MAAAA,EAAOC,SAAAA,CAAAA,CAAU,EAEtDG,EAaFC,EAAAA,KAAA,OAAA,CACC,UAAU,sDACV,SAAAJ,EAEA,SAAA,CAACI,EAAAA,KAAA,MAAA,CAAI,UAAU,8DACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,2CACb,SAACA,MAAA,KAAA,CAAG,8BAAkB,CACxB,CAAA,EACAA,EAAA,IAAC1B,EACC,CAAA,SAAAyB,EAAAA,KAACxB,EACC,CAAA,SAAA,CAAAyB,MAACvB,EACC,CAAA,SAAAuB,EAAA,IAACtB,EAAwB,CAAA,SAAA,UAAQ,CAAA,EACnC,EACAqB,EAAAA,KAACvB,EAA0B,CAAA,UAAU,+BACnC,SAAA,CAAAwB,MAAC5B,GACC,KAAK,gBACL,MAAM,iBACN,YAAY,8DACZ,QAAAqB,EAAiB,EAEnBO,MAACrB,GACC,KAAK,uBACL,MAAM,0BACN,YAAY,yPACZ,QAAAc,CAAiB,CAAA,CAAA,CAErB,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EACF,EACAO,MAAC3B,GAAc,KAAAgB,CAAW,CAAA,CAAA,EAC5B,EA1CGU,EAAAA,KAAA9B,EAAA,CAAM,QAAQ,QAAQ,UAAU,0BAC/B,SAAA,CAAA+B,EAAAA,IAAC7B,GAAW,SAA8B,gCAAA,CAAA,SACzCD,EAAgB,CAAA,SAAA,CAAA,4EAEV8B,EAAAA,IAAC,QAAK,SAAmC,qCAAA,CAAA,EAAO,aAAA,CACvD,CAAA,CAAA,EACF,CAsCN"}

package/dist/assets/{theme-builder-La1nKR0K.js → theme-builder-Butjmy7L.js}

@@ -1,11 +1,11 @@
-import{i as n}from"./_virtual___federation_fn_import-BLYgPlMt.js";import{e as g,j as t}from"./index.esm-DcyGeCKA.js";import{s as q}from"./index-C_wN4CIq.js";import{c as N,E as J,F as Q,H as X}from"./index-C15I7WFi.js";import{i as Y}from"./inflection-C1nKqrJS.js";import{c as Z,f as e1}from"./index-D5UX5AHP.js";const{generateCssFromThemeConfig:F}=await n("@baseplate-dev/project-builder-lib"),{TextareaField:t1}=await n("@baseplate-dev/ui-components"),{useMemo:a1}=await n("react");function H(s){return Object.entries(s).map(([e,r])=>`  ${e}: ${r};`).join(`
-`)}function s1({className:s,control:e}){const r=g({control:e,name:"colors"}),l=a1(()=>`
+import{i as n}from"./_virtual___federation_fn_import-DXu2m-ZE.js";import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{s as q}from"./index-BUYA3Tes.js";import{c as N,D as J,E as Q,F as X}from"./index-BGLRovL6.js";import{e as f}from"./index.esm-CTDJ8Wko.js";import{i as Y}from"./inflection-C1nKqrJS.js";import{c as Z,f as e1}from"./index-D5UX5AHP.js";const{generateCssFromThemeConfig:F}=await n("@baseplate-dev/project-builder-lib"),{TextareaField:t1}=await n("@baseplate-dev/ui-components"),{useMemo:a1}=await n("react");function A(s){return Object.entries(s).map(([e,r])=>`  ${e}: ${r};`).join(`
+`)}function s1({className:s,control:e}){const r=f({control:e,name:"colors"}),l=a1(()=>`
 :root {
-${H(F(r.light))}
+${A(F(r.light))}
 }
 
 .dark, html[data-theme='dark'] {
-${H(F(r.dark))}
+${A(F(r.dark))}
 }
-    `.trim(),[r]);return t.jsx("div",{className:N("",s),children:t.jsx(t1,{className:"h-60",readOnly:!0,value:l})})}const{convertHexToOklch:r1,convertOklchToColorName:o1,convertOklchToHex:l1,getDefaultThemeColorFromShade:n1,THEME_COLORS:i1}=await n("@baseplate-dev/project-builder-lib"),{Button:A,ColorPickerFieldController:h1,Tooltip:c1,TooltipContent:x1,TooltipTrigger:p1}=await n("@baseplate-dev/ui-components");function z({className:s,control:e,mode:r,setValue:l}){const a=Object.entries(i1),x=g({control:e,name:"palettes"}),c=g({control:e,name:`colors.${r}`});return t.jsx("div",{className:N("flex w-full max-w-xl gap-4",s),children:t.jsx("div",{className:"grid flex-1 grid-cols-1 gap-4 sm:grid-cols-2",children:a.map(([m,i],o)=>{const h=m,b=(o>0?a[o-1][1].groupKey:void 0)!==i.groupKey,v=c[h],u=n1(x,r,h);return t.jsxs("div",{className:N(b?"col-start-1":void 0,"relative"),children:[t.jsx(h1,{control:e,className:"w-full",wrapperClassName:"flex-col items-start",label:t.jsxs("div",{className:"flex h-6 w-full items-center gap-1",children:[t.jsx("div",{children:i.name}),t.jsxs(c1,{delayDuration:500,children:[t.jsx(p1,{asChild:!0,children:t.jsx(A,{variant:"ghost",size:"icon","aria-label":"Color Info",className:"opacity-30",children:t.jsx(J,{})})}),t.jsx(x1,{align:"start",side:"bottom",className:"max-w-[400px]",children:t.jsx("div",{className:"font-normal",children:i.description})})]})]}),parseColor:l1,serializeColor:r1,formatColorName:j=>{const p=Object.entries(x.base.shades).find(([,S])=>S===j)?.[0];if(p)return`base-${p}`;const d=Object.entries(x.primary.shades).find(([,S])=>S===j)?.[0];return d?`primary-${d}`:o1(j)},name:`colors.${r}.${h}`}),v!==u&&t.jsx(A,{className:"absolute right-2 bottom-1",onClick:()=>{l(`colors.${r}.${h}`,u)},size:"icon",variant:"ghost","aria-label":"Reset Color",children:t.jsx(Q,{})})]},m)})})})}const{generateCssFromThemeConfig:d1}=await n("@baseplate-dev/project-builder-lib"),{Badge:f,Button:M,Card:m1,CardContent:u1,CardDescription:M1,CardHeader:b1,CardTitle:j1,Combobox:g1,ComboboxContent:v1,ComboboxEmpty:f1,ComboboxInput:C1,ComboboxItem:k}=await n("@baseplate-dev/ui-components");function T1({className:s,control:e,mode:r}){const l=g({control:e,name:`colors.${r}`}),a=d1(l);return t.jsx("div",{className:N("size-full rounded-xl border border-border bg-background p-4",s),style:a,children:t.jsxs(m1,{children:[t.jsxs(b1,{children:[t.jsx(j1,{children:"Color Preview"}),t.jsx(M1,{children:"This is a preview of how your theme colors will be applied on various elements"})]}),t.jsxs(u1,{className:"space-y-4",children:[t.jsxs("div",{children:[t.jsx(C,{children:"Paragraph Text"}),t.jsx("p",{className:"text-base",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus."})]}),t.jsxs("div",{children:[t.jsx(C,{children:"Combobox"}),t.jsxs(g1,{children:[t.jsx(C1,{placeholder:"Select an option"}),t.jsxs(v1,{style:a,children:[t.jsx(k,{value:"opt1",label:"Option 1",children:"Option 1"}),t.jsx(k,{value:"green",label:"Option 2",children:"Option 2"}),t.jsx(k,{value:"blue",label:"Option 3",children:"Option 3"}),t.jsx(f1,{children:"No results found"})]})]})]}),t.jsxs("div",{children:[t.jsx(C,{children:"Badges"}),t.jsxs("div",{className:"flex flex-wrap gap-1",children:[t.jsx(f,{variant:"default",children:"Default"}),t.jsx(f,{variant:"destructive",children:"Destructive"}),t.jsx(f,{variant:"secondary",children:"Secondary"}),t.jsx(f,{variant:"outline",children:"Outline"})]})]}),t.jsxs("div",{children:[t.jsx(C,{children:"Buttons"}),t.jsxs("div",{className:"flex flex-wrap gap-2 rounded-lg border border-border p-1",children:[t.jsx(M,{type:"button",children:"Primary"}),t.jsx(M,{variant:"destructive",type:"button",children:"Destructive"}),t.jsx(M,{variant:"ghost",type:"button",children:"Ghost"}),t.jsx(M,{variant:"link",type:"button",children:"Link"}),t.jsx(M,{variant:"secondary",type:"button",children:"Secondary"}),t.jsx(M,{variant:"outline",type:"button",children:"Outline"})]})]})]})]})})}function C({children:s}){return t.jsx("h4",{className:"text-lg font-semibold",children:s})}function w1(s){const e=new Float32Array([s.r,s.g,s.b]);return{"50-r":1/(1+1/Math.exp(1.8661608695983887+1.969373345375061*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.4601062536239624*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.7962396740913391*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"50-g":1/(1+1/Math.exp(1.9256014823913574+1.231925129890442*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.3603883981704712*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.8378368616104126*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"50-b":1/(1+1/Math.exp(1.5751663446426392+.6084778904914856*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.0512851476669312*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+1.9236465692520142*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"100-r":1/(1+1/Math.exp(1.6104178428649902+2.411083698272705*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.4946855306625366*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.5684743523597717*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"100-g":1/(1+1/Math.exp(1.6873022317886353+.7176924347877502*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.6131407022476196*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.15697577595710754*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"100-b":1/(1+1/Math.exp(1.0808522701263428-.09388591349124908*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.5177313685417175*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.6253278255462646*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"200-r":1/(1+1/Math.exp(1.3480290174484253+2.2088170051574707*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-1.1226733922958374*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.41870957612991333*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"200-g":1/(1+1/Math.exp(1.3919278383255005+.2666841745376587*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.5987523794174194*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.23637670278549194*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"200-b":1/(1+1/Math.exp(.6176453232765198-.6029531359672546*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.21029342710971832*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.906541109085083*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"300-r":1/(1+1/Math.exp(.9194338321685791+2.3936944007873535*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-1.68363356590271*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.36374539136886597*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"300-g":1/(1+1/Math.exp(1.1811708211898804-.08378893882036209*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.4275716543197632*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.6511568427085876*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"300-b":1/(1+1/Math.exp(-.04160493612289429-1.0422184467315674*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.1739543229341507*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+3.306165933609009*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"400-r":1/(1+1/Math.exp(.5908379554748535+2.6282155513763428*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.483553886413574*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.16029347479343414*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"400-g":1/(1+1/Math.exp(.9054368138313293-.38720616698265076*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.231947422027588*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.0837976932525635*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"400-b":1/(1+1/Math.exp(-.6404189467430115-1.6898466348648071*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.029696132987737656*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+3.7177767753601074*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"500-r":1/(1+1/Math.exp(.3420727550983429+2.987776756286621*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-3.3403704166412354*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.07194828987121582*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"500-g":1/(1+1/Math.exp(.5289734601974487-.5567987561225891*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.3352314233779907*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.4835448265075684*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"500-b":1/(1+1/Math.exp(-1.2478309869766235-2.2976744174957275*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.30013492703437805*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+4.339084625244141*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"600-r":1/(1+1/Math.exp(.18572008609771729+2.5128233432769775*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-3.407212495803833*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.20814435184001923*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"600-g":1/(1+1/Math.exp(.15741883218288422-.7273809909820557*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.2500137090682983*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.6501106023788452*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"600-b":1/(1+1/Math.exp(-1.3073996305465698-2.5112154483795166*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.7157139182090759*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+4.086366176605225*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"700-r":1/(1+1/Math.exp(-.25121745467185974+1.7795124053955078*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.7557551860809326*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.0411522202193737*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"700-g":1/(1+1/Math.exp(-.43503373861312866-.6766132712364197*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.150789737701416*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.3406033515930176*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"700-b":1/(1+1/Math.exp(-1.1124053001403809-2.359389305114746*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.943118691444397*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+3.267453908920288*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"800-r":1/(1+1/Math.exp(-.42729225754737854+1.2738885879516602*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.573699474334717*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.11818580329418182*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"800-g":1/(1+1/Math.exp(-.6730203628540039-.770199716091156*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.9060920476913452*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.2600882053375244*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"800-b":1/(1+1/Math.exp(-1.32567298412323-1.9301948547363281*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.8552113175392151*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.6513888835906982*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"900-r":1/(1+1/Math.exp(-.6309270858764648+1.0235852003097534*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.4659388065338135*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.15058130025863647*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"900-g":1/(1+1/Math.exp(-.9010928273200989-.7559532523155212*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.7665435075759888*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.1884112358093262*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"900-b":1/(1+1/Math.exp(-1.5088001489639282-1.5986618995666504*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.7353832125663757*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.180158853530884*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"950-r":1/(1+1/Math.exp(-1.166185975074768+.5363732576370239*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.587523937225342*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.061746854335069656*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"950-g":1/(1+1/Math.exp(-1.2907893657684326-1.3924223184585571*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.5465696454048157*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.2647709846496582*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"950-b":1/(1+1/Math.exp(-1.8633685111999512-1.8034374713897705*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.8856748938560486*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+1.8510282039642334*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0)))))}}const{PALETTE_SHADES:N1}=await n("@baseplate-dev/project-builder-lib");function $(s,e){return`${s}-${e}`}function y1(s){const r=Z("rgb")(s);if(!r)throw new Error(`Invalid color: ${s}`);const l=w1(r);return Object.fromEntries(N1.map(a=>{const x={mode:"rgb",r:l[$(a,"r")],g:l[$(a,"g")],b:l[$(a,"b")]};return[a,e1(x)]}))}const{COLOR_PALETTES:P,convertHexToOklch:R,convertOklchToHex:I,PALETTE_SHADES:S1}=await n("@baseplate-dev/project-builder-lib"),{Button:k1,ColorPickerFieldController:K,ComboboxFieldController:$1}=await n("@baseplate-dev/ui-components"),{useCallback:P1}=await n("react");function _({control:s,getValues:e,setValue:r,onShadesChange:l,type:a}){const x=[{value:"custom",label:"Custom Base"},...Object.keys(P).map(o=>({value:o,label:Y.capitalize(o)}))],c=g({control:s,name:`palettes.${a}.paletteName`}),m=P1(o=>{if(!o||!Object.prototype.hasOwnProperty.call(P,o))return;const h=P[o];r(`palettes.${a}.shades`,h),l?.(h)},[r,l,a]),i=()=>{const o=e(`palettes.${a}.customBase`);if(!o)return;const h=y1(o);r(`palettes.${a}.shades`,h),l?.(h)};return t.jsxs("div",{className:"flex max-w-fit flex-col gap-4",children:[t.jsx($1,{name:`palettes.${a}.paletteName`,control:s,options:x,placeholder:"Choose a base palette",onChange:m}),c==="custom"&&t.jsxs("div",{className:"flex max-w-xl items-center justify-between",children:[t.jsx(K,{className:"flex-1 space-x-1",wrapperClassName:"items-center",control:s,name:`palettes.${a}.customBase`,label:"Custom Base Color",placeholder:"Choose a color",parseColor:I,serializeColor:R}),t.jsx(k1,{variant:"secondary",onClick:i,size:"sm",children:"Generate"})]}),t.jsx("div",{className:"flex gap-3",children:S1.map(o=>t.jsx(K,{wrapperClassName:"flex flex-col items-center",hideText:!0,control:s,name:`palettes.${a}.shades.${o}`,label:o,parseColor:I,serializeColor:R,onChange:()=>l?.(e(`palettes.${a}.shades`))},o))})]})}const{createThemeSchema:O1,generateDefaultTheme:E1,generateThemeColorsFromShade:W}=await n("@baseplate-dev/project-builder-lib"),{useBlockUnsavedChangesNavigate:B1,useDefinitionSchema:D1,useProjectDefinition:L1,useResettableForm:F1}=await n("@baseplate-dev/project-builder-lib/web"),{Alert:H1,AlertDescription:A1,AlertTitle:z1,Button:R1,FormActionBar:I1,SectionList:K1,SectionListSection:O,SectionListSectionContent:E,SectionListSectionDescription:B,SectionListSectionHeader:D,SectionListSectionTitle:L,Tabs:G,TabsContent:T,TabsList:U,TabsTrigger:w}=await n("@baseplate-dev/ui-components"),{useCallback:V,useMemo:_1,useState:W1}=await n("react"),X1=function(){const{definition:e,saveDefinitionWithFeedback:r}=L1(),l=D1(O1),a=_1(()=>e.settings.theme??E1(),[e.settings.theme]),x=F1({resolver:q(l),values:a}),{control:c,handleSubmit:m,setValue:i,getValues:o,reset:h}=x,y=m(p=>r(d=>{d.settings.theme=p}));B1({control:c,reset:h,onSubmit:y});const b=V(p=>{const d=o("palettes");i("colors",{light:W(d,"light",p?void 0:{palettes:a.palettes,config:a.colors.light}),dark:W(d,"dark",p?void 0:{palettes:a.palettes,config:a.colors.dark})})},[o,i,a]),v=V(()=>{b()},[b]),[u,j]=W1("light");return t.jsxs("form",{className:"relative h-full max-h-full pb-(--action-bar-height)",onSubmit:y,children:[t.jsxs("div",{className:"flex h-full max-h-full flex-1 flex-col overflow-y-auto px-6",children:[t.jsxs("div",{className:"sticky top-0 z-10 space-y-2 border-b bg-background py-6",children:[t.jsx("h1",{children:"Theme Builder"}),t.jsxs("p",{className:"max-w-3xl text-muted-foreground",children:["The theme of the UI is based off color variables used with"," ",t.jsx("a",{href:"https://ui.shadcn.com/docs/theming",target:"_blank",rel:"noreferrer",className:"underline",children:"the Shadn UI component library"}),". We generate the color variables based off the Tailwind color palette structure but you can customize them as you wish."]})]}),t.jsxs("div",{className:"pt-4",children:[t.jsxs(H1,{className:"max-w-fit",children:[t.jsx(X,{}),t.jsx(z1,{children:"Work in Progress"}),t.jsx(A1,{children:"This page is still a work in progress. It is not being used for generation at the moment."})]}),t.jsxs(K1,{children:[t.jsxs(O,{children:[t.jsxs(D,{children:[t.jsx(L,{children:"Theme Palettes"}),t.jsx(B,{children:"Pick the colors for your theme"})]}),t.jsx(E,{className:"max-w-3xl",children:t.jsxs(G,{defaultValue:"base",children:[t.jsxs(U,{children:[t.jsx(w,{value:"base",children:"Base"}),t.jsx(w,{value:"primary",children:"Primary"})]}),t.jsx(T,{value:"base",children:t.jsx(_,{control:c,getValues:o,setValue:i,type:"base",onShadesChange:v})}),t.jsx(T,{value:"primary",children:t.jsx(_,{control:c,getValues:o,setValue:i,type:"primary",onShadesChange:v})})]})})]}),t.jsxs(O,{children:[t.jsxs(D,{children:[t.jsx(L,{children:"Theme Colors"}),t.jsx(B,{children:"Pick the colors for your theme"}),t.jsx("div",{className:"sticky top-44",children:t.jsx(T1,{control:c,mode:u},u)})]}),t.jsxs(E,{className:"flex flex-col gap-4",children:[t.jsxs(G,{value:u,onValueChange:j,children:[t.jsxs(U,{children:[t.jsx(w,{value:"light",children:"Light"}),t.jsx(w,{value:"dark",children:"Dark"})]}),t.jsx(T,{value:"light",children:t.jsx(z,{control:c,setValue:i,mode:"light"})}),t.jsx(T,{value:"dark",children:t.jsx(z,{control:c,setValue:i,mode:"dark"})})]}),t.jsx(R1,{onClick:()=>{b(!0)},variant:"outline",size:"sm",type:"button",className:"w-fit",children:"Reset Colors"})]})]}),t.jsxs(O,{children:[t.jsxs(D,{children:[t.jsx(L,{children:"CSS Preview"}),t.jsx(B,{children:"Preview the CSS for your theme"})]}),t.jsx(E,{className:"flex flex-col gap-4",children:t.jsx(s1,{control:c})})]})]})]})]}),t.jsx(I1,{form:x})]})};export{X1 as component};
-//# sourceMappingURL=theme-builder-La1nKR0K.js.map
+    `.trim(),[r]);return t.jsx("div",{className:N("",s),children:t.jsx(t1,{className:"h-60",readOnly:!0,value:l})})}const{convertHexToOklch:r1,convertOklchToColorName:o1,convertOklchToHex:l1,getDefaultThemeColorFromShade:n1,THEME_COLORS:i1}=await n("@baseplate-dev/project-builder-lib"),{Button:H,ColorPickerFieldController:h1,Tooltip:c1,TooltipContent:x1,TooltipTrigger:p1}=await n("@baseplate-dev/ui-components");function z({className:s,control:e,mode:r,setValue:l}){const a=Object.entries(i1),x=f({control:e,name:"palettes"}),c=f({control:e,name:`colors.${r}`});return t.jsx("div",{className:N("flex w-full max-w-xl gap-4",s),children:t.jsx("div",{className:"grid flex-1 grid-cols-1 gap-4 sm:grid-cols-2",children:a.map(([m,i],o)=>{const h=m,b=(o>0?a[o-1][1].groupKey:void 0)!==i.groupKey,g=c[h],u=n1(x,r,h);return t.jsxs("div",{className:N(b?"col-start-1":void 0,"relative"),children:[t.jsx(h1,{control:e,className:"w-full",wrapperClassName:"flex-col items-start",label:t.jsxs("div",{className:"flex h-6 w-full items-center gap-1",children:[t.jsx("div",{children:i.name}),t.jsxs(c1,{delayDuration:500,children:[t.jsx(p1,{asChild:!0,children:t.jsx(H,{variant:"ghost",size:"icon","aria-label":"Color Info",className:"opacity-30",children:t.jsx(J,{})})}),t.jsx(x1,{align:"start",side:"bottom",className:"max-w-[400px]",children:t.jsx("div",{className:"font-normal",children:i.description})})]})]}),parseColor:l1,serializeColor:r1,formatColorName:j=>{const p=Object.entries(x.base.shades).find(([,S])=>S===j)?.[0];if(p)return`base-${p}`;const d=Object.entries(x.primary.shades).find(([,S])=>S===j)?.[0];return d?`primary-${d}`:o1(j)},name:`colors.${r}.${h}`}),g!==u&&t.jsx(H,{className:"absolute right-2 bottom-1",onClick:()=>{l(`colors.${r}.${h}`,u)},size:"icon",variant:"ghost","aria-label":"Reset Color",children:t.jsx(Q,{})})]},m)})})})}const{generateCssFromThemeConfig:d1}=await n("@baseplate-dev/project-builder-lib"),{Badge:v,Button:M,Card:m1,CardContent:u1,CardDescription:M1,CardHeader:b1,CardTitle:j1,Combobox:f1,ComboboxContent:g1,ComboboxEmpty:v1,ComboboxInput:C1,ComboboxItem:k}=await n("@baseplate-dev/ui-components");function T1({className:s,control:e,mode:r}){const l=f({control:e,name:`colors.${r}`}),a=d1(l);return t.jsx("div",{className:N("size-full rounded-xl border border-border bg-background p-4",s),style:a,children:t.jsxs(m1,{children:[t.jsxs(b1,{children:[t.jsx(j1,{children:"Color Preview"}),t.jsx(M1,{children:"This is a preview of how your theme colors will be applied on various elements"})]}),t.jsxs(u1,{className:"space-y-4",children:[t.jsxs("div",{children:[t.jsx(C,{children:"Paragraph Text"}),t.jsx("p",{className:"text-base",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus."})]}),t.jsxs("div",{children:[t.jsx(C,{children:"Combobox"}),t.jsxs(f1,{children:[t.jsx(C1,{placeholder:"Select an option"}),t.jsxs(g1,{style:a,children:[t.jsx(k,{value:"opt1",label:"Option 1",children:"Option 1"}),t.jsx(k,{value:"green",label:"Option 2",children:"Option 2"}),t.jsx(k,{value:"blue",label:"Option 3",children:"Option 3"}),t.jsx(v1,{children:"No results found"})]})]})]}),t.jsxs("div",{children:[t.jsx(C,{children:"Badges"}),t.jsxs("div",{className:"flex flex-wrap gap-1",children:[t.jsx(v,{variant:"default",children:"Default"}),t.jsx(v,{variant:"destructive",children:"Destructive"}),t.jsx(v,{variant:"secondary",children:"Secondary"}),t.jsx(v,{variant:"outline",children:"Outline"})]})]}),t.jsxs("div",{children:[t.jsx(C,{children:"Buttons"}),t.jsxs("div",{className:"flex flex-wrap gap-2 rounded-lg border border-border p-1",children:[t.jsx(M,{type:"button",children:"Primary"}),t.jsx(M,{variant:"destructive",type:"button",children:"Destructive"}),t.jsx(M,{variant:"ghost",type:"button",children:"Ghost"}),t.jsx(M,{variant:"link",type:"button",children:"Link"}),t.jsx(M,{variant:"secondary",type:"button",children:"Secondary"}),t.jsx(M,{variant:"outline",type:"button",children:"Outline"})]})]})]})]})})}function C({children:s}){return t.jsx("h4",{className:"text-lg font-semibold",children:s})}function w1(s){const e=new Float32Array([s.r,s.g,s.b]);return{"50-r":1/(1+1/Math.exp(1.8661608695983887+1.969373345375061*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.4601062536239624*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.7962396740913391*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"50-g":1/(1+1/Math.exp(1.9256014823913574+1.231925129890442*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.3603883981704712*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.8378368616104126*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"50-b":1/(1+1/Math.exp(1.5751663446426392+.6084778904914856*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.0512851476669312*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+1.9236465692520142*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"100-r":1/(1+1/Math.exp(1.6104178428649902+2.411083698272705*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.4946855306625366*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.5684743523597717*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"100-g":1/(1+1/Math.exp(1.6873022317886353+.7176924347877502*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.6131407022476196*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.15697577595710754*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"100-b":1/(1+1/Math.exp(1.0808522701263428-.09388591349124908*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.5177313685417175*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.6253278255462646*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"200-r":1/(1+1/Math.exp(1.3480290174484253+2.2088170051574707*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-1.1226733922958374*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.41870957612991333*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"200-g":1/(1+1/Math.exp(1.3919278383255005+.2666841745376587*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.5987523794174194*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.23637670278549194*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"200-b":1/(1+1/Math.exp(.6176453232765198-.6029531359672546*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.21029342710971832*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.906541109085083*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"300-r":1/(1+1/Math.exp(.9194338321685791+2.3936944007873535*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-1.68363356590271*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.36374539136886597*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"300-g":1/(1+1/Math.exp(1.1811708211898804-.08378893882036209*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.4275716543197632*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.6511568427085876*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"300-b":1/(1+1/Math.exp(-.04160493612289429-1.0422184467315674*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.1739543229341507*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+3.306165933609009*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"400-r":1/(1+1/Math.exp(.5908379554748535+2.6282155513763428*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.483553886413574*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+.16029347479343414*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"400-g":1/(1+1/Math.exp(.9054368138313293-.38720616698265076*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.231947422027588*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.0837976932525635*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"400-b":1/(1+1/Math.exp(-.6404189467430115-1.6898466348648071*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.029696132987737656*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+3.7177767753601074*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"500-r":1/(1+1/Math.exp(.3420727550983429+2.987776756286621*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-3.3403704166412354*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.07194828987121582*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"500-g":1/(1+1/Math.exp(.5289734601974487-.5567987561225891*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.3352314233779907*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.4835448265075684*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"500-b":1/(1+1/Math.exp(-1.2478309869766235-2.2976744174957275*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.30013492703437805*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+4.339084625244141*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"600-r":1/(1+1/Math.exp(.18572008609771729+2.5128233432769775*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-3.407212495803833*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.20814435184001923*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"600-g":1/(1+1/Math.exp(.15741883218288422-.7273809909820557*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.2500137090682983*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.6501106023788452*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"600-b":1/(1+1/Math.exp(-1.3073996305465698-2.5112154483795166*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.7157139182090759*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+4.086366176605225*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"700-r":1/(1+1/Math.exp(-.25121745467185974+1.7795124053955078*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.7557551860809326*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.0411522202193737*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"700-g":1/(1+1/Math.exp(-.43503373861312866-.6766132712364197*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+1.150789737701416*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.3406033515930176*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"700-b":1/(1+1/Math.exp(-1.1124053001403809-2.359389305114746*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.943118691444397*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+3.267453908920288*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"800-r":1/(1+1/Math.exp(-.42729225754737854+1.2738885879516602*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.573699474334717*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.11818580329418182*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"800-g":1/(1+1/Math.exp(-.6730203628540039-.770199716091156*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.9060920476913452*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.2600882053375244*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"800-b":1/(1+1/Math.exp(-1.32567298412323-1.9301948547363281*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.8552113175392151*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.6513888835906982*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"900-r":1/(1+1/Math.exp(-.6309270858764648+1.0235852003097534*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.4659388065338135*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.15058130025863647*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"900-g":1/(1+1/Math.exp(-.9010928273200989-.7559532523155212*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.7665435075759888*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.1884112358093262*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"900-b":1/(1+1/Math.exp(-1.5088001489639282-1.5986618995666504*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.7353832125663757*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+2.180158853530884*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"950-r":1/(1+1/Math.exp(-1.166185975074768+.5363732576370239*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-2.587523937225342*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-.061746854335069656*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"950-g":1/(1+1/Math.exp(-1.2907893657684326-1.3924223184585571*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))+.5465696454048157*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))-1.2647709846496582*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0))))),"950-b":1/(1+1/Math.exp(-1.8633685111999512-1.8034374713897705*1/(1+1/Math.exp(.5648569464683533+8.592248916625977*(e[0]||0)-2.0615885257720947*(e[1]||0)-7.465658187866211*(e[2]||0)))-.8856748938560486*1/(1+1/Math.exp(.6313956379890442-7.673094272613525*(e[0]||0)+8.008654594421387*(e[1]||0)-1.6121777296066284*(e[2]||0)))+1.8510282039642334*1/(1+1/Math.exp(.08400232344865799-.9345706105232239*(e[0]||0)-7.6551032066345215*(e[1]||0)+8.717894554138184*(e[2]||0)))))}}const{PALETTE_SHADES:N1}=await n("@baseplate-dev/project-builder-lib");function $(s,e){return`${s}-${e}`}function y1(s){const r=Z("rgb")(s);if(!r)throw new Error(`Invalid color: ${s}`);const l=w1(r);return Object.fromEntries(N1.map(a=>{const x={mode:"rgb",r:l[$(a,"r")],g:l[$(a,"g")],b:l[$(a,"b")]};return[a,e1(x)]}))}const{COLOR_PALETTES:P,convertHexToOklch:R,convertOklchToHex:I,PALETTE_SHADES:S1}=await n("@baseplate-dev/project-builder-lib"),{Button:k1,ColorPickerFieldController:K,ComboboxFieldController:$1}=await n("@baseplate-dev/ui-components"),{useCallback:P1}=await n("react");function _({control:s,getValues:e,setValue:r,onShadesChange:l,type:a}){const x=[{value:"custom",label:"Custom Base"},...Object.keys(P).map(o=>({value:o,label:Y.capitalize(o)}))],c=f({control:s,name:`palettes.${a}.paletteName`}),m=P1(o=>{if(!o||!Object.prototype.hasOwnProperty.call(P,o))return;const h=P[o];r(`palettes.${a}.shades`,h),l?.(h)},[r,l,a]),i=()=>{const o=e(`palettes.${a}.customBase`);if(!o)return;const h=y1(o);r(`palettes.${a}.shades`,h),l?.(h)};return t.jsxs("div",{className:"flex max-w-fit flex-col gap-4",children:[t.jsx($1,{name:`palettes.${a}.paletteName`,control:s,options:x,placeholder:"Choose a base palette",onChange:m}),c==="custom"&&t.jsxs("div",{className:"flex max-w-xl items-center justify-between",children:[t.jsx(K,{className:"flex-1 space-x-1",wrapperClassName:"items-center",control:s,name:`palettes.${a}.customBase`,label:"Custom Base Color",placeholder:"Choose a color",parseColor:I,serializeColor:R}),t.jsx(k1,{variant:"secondary",onClick:i,size:"sm",children:"Generate"})]}),t.jsx("div",{className:"flex gap-3",children:S1.map(o=>t.jsx(K,{wrapperClassName:"flex flex-col items-center",hideText:!0,control:s,name:`palettes.${a}.shades.${o}`,label:o,parseColor:I,serializeColor:R,onChange:()=>l?.(e(`palettes.${a}.shades`))},o))})]})}const{createThemeSchema:O1,generateDefaultTheme:E1,generateThemeColorsFromShade:W}=await n("@baseplate-dev/project-builder-lib"),{useBlockUnsavedChangesNavigate:B1,useDefinitionSchema:D1,useProjectDefinition:L1,useResettableForm:F1}=await n("@baseplate-dev/project-builder-lib/web"),{Alert:A1,AlertDescription:H1,AlertTitle:z1,Button:R1,FormActionBar:I1,SectionList:K1,SectionListSection:O,SectionListSectionContent:E,SectionListSectionDescription:B,SectionListSectionHeader:D,SectionListSectionTitle:L,Tabs:G,TabsContent:T,TabsList:U,TabsTrigger:w}=await n("@baseplate-dev/ui-components"),{useCallback:V,useMemo:_1,useState:W1}=await n("react"),Y1=function(){const{definition:e,saveDefinitionWithFeedback:r}=L1(),l=D1(O1),a=_1(()=>e.settings.theme??E1(),[e.settings.theme]),x=F1({resolver:q(l),values:a}),{control:c,handleSubmit:m,setValue:i,getValues:o,reset:h}=x,y=m(p=>r(d=>{d.settings.theme=p}));B1({control:c,reset:h,onSubmit:y});const b=V(p=>{const d=o("palettes");i("colors",{light:W(d,"light",p?void 0:{palettes:a.palettes,config:a.colors.light}),dark:W(d,"dark",p?void 0:{palettes:a.palettes,config:a.colors.dark})})},[o,i,a]),g=V(()=>{b()},[b]),[u,j]=W1("light");return t.jsxs("form",{className:"relative h-full max-h-full pb-(--action-bar-height)",onSubmit:y,children:[t.jsxs("div",{className:"flex h-full max-h-full flex-1 flex-col overflow-y-auto px-6",children:[t.jsxs("div",{className:"sticky top-0 z-10 space-y-2 border-b bg-background py-6",children:[t.jsx("h1",{children:"Theme Builder"}),t.jsxs("p",{className:"max-w-3xl text-muted-foreground",children:["The theme of the UI is based off color variables used with"," ",t.jsx("a",{href:"https://ui.shadcn.com/docs/theming",target:"_blank",rel:"noreferrer",className:"underline",children:"the Shadn UI component library"}),". We generate the color variables based off the Tailwind color palette structure but you can customize them as you wish."]})]}),t.jsxs("div",{className:"pt-4",children:[t.jsxs(A1,{className:"max-w-fit",children:[t.jsx(X,{}),t.jsx(z1,{children:"Work in Progress"}),t.jsx(H1,{children:"This page is still a work in progress. It is not being used for generation at the moment."})]}),t.jsxs(K1,{children:[t.jsxs(O,{children:[t.jsxs(D,{children:[t.jsx(L,{children:"Theme Palettes"}),t.jsx(B,{children:"Pick the colors for your theme"})]}),t.jsx(E,{className:"max-w-3xl",children:t.jsxs(G,{defaultValue:"base",children:[t.jsxs(U,{children:[t.jsx(w,{value:"base",children:"Base"}),t.jsx(w,{value:"primary",children:"Primary"})]}),t.jsx(T,{value:"base",children:t.jsx(_,{control:c,getValues:o,setValue:i,type:"base",onShadesChange:g})}),t.jsx(T,{value:"primary",children:t.jsx(_,{control:c,getValues:o,setValue:i,type:"primary",onShadesChange:g})})]})})]}),t.jsxs(O,{children:[t.jsxs(D,{children:[t.jsx(L,{children:"Theme Colors"}),t.jsx(B,{children:"Pick the colors for your theme"}),t.jsx("div",{className:"sticky top-44",children:t.jsx(T1,{control:c,mode:u},u)})]}),t.jsxs(E,{className:"flex flex-col gap-4",children:[t.jsxs(G,{value:u,onValueChange:j,children:[t.jsxs(U,{children:[t.jsx(w,{value:"light",children:"Light"}),t.jsx(w,{value:"dark",children:"Dark"})]}),t.jsx(T,{value:"light",children:t.jsx(z,{control:c,setValue:i,mode:"light"})}),t.jsx(T,{value:"dark",children:t.jsx(z,{control:c,setValue:i,mode:"dark"})})]}),t.jsx(R1,{onClick:()=>{b(!0)},variant:"outline",size:"sm",type:"button",className:"w-fit",children:"Reset Colors"})]})]}),t.jsxs(O,{children:[t.jsxs(D,{children:[t.jsx(L,{children:"CSS Preview"}),t.jsx(B,{children:"Preview the CSS for your theme"})]}),t.jsx(E,{className:"flex flex-col gap-4",children:t.jsx(s1,{control:c})})]})]})]})]}),t.jsx(I1,{form:x})]})};export{Y1 as component};
+//# sourceMappingURL=theme-builder-Butjmy7L.js.map