@photon-ai/pho-ui 4.3.0 → 4.4.0

package/dist/components/accordion.js

@@ -8,21 +8,21 @@ var i = {
     item: "py-3",
     hit: "before:-top-3 before:-bottom-3",
     question: "text-base",
-    gap: "pt-1",
+    gap: "pt-1 pb-1",
     answer: "text-xs"
   },
   md: {
     item: "py-4",
     hit: "before:-top-4 before:-bottom-4",
     question: "text-md",
-    gap: "pt-1.5",
+    gap: "pt-1.5 pb-1.5",
     answer: "text-base"
   },
   lg: {
     item: "py-5",
     hit: "before:-top-5 before:-bottom-5",
     question: "text-xl leading-7",
-    gap: "pt-2",
+    gap: "pt-2 pb-2",
     answer: "text-lg"
   }
 }, p = d("md");

package/dist/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type ElementType,\n} from \"react\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nexport type AccordionSize = \"sm\" | \"md\" | \"lg\";\n\n/**\n * Three sizes, one step of the type scale apart. `lg` is photon.codes's\n * FAQ to the pixel: the question at 20/28, the answer at 18/28, 20px\n * above and below, 8px between. `md` and `sm` step the type, the\n * padding, and the gap down together; the chevron is the same small\n * glyph in the same 24px box at every size, so a row is never shorter\n * than it.\n */\nconst SIZE: Record<\n  AccordionSize,\n  { item: string; hit: string; question: string; gap: string; answer: string }\n> = {\n  sm: {\n    item: \"py-3\",\n    hit: \"before:-top-3 before:-bottom-3\",\n    question: \"text-base\",\n    gap: \"pt-1\",\n    answer: \"text-xs\",\n  },\n  md: {\n    item: \"py-4\",\n    hit: \"before:-top-4 before:-bottom-4\",\n    question: \"text-md\",\n    gap: \"pt-1.5\",\n    answer: \"text-base\",\n  },\n  lg: {\n    item: \"py-5\",\n    hit: \"before:-top-5 before:-bottom-5\",\n    question: \"text-xl leading-7\",\n    gap: \"pt-2\",\n    answer: \"text-lg\",\n  },\n};\n\nconst SizeContext = createContext<AccordionSize>(\"md\");\n\nexport interface AccordionRootProps extends StyledProps<\n  typeof BaseAccordion.Root\n> {\n  /** @default \"md\" */\n  size?: AccordionSize;\n}\n\n/**\n * The list — bare, so the page decides the surface: on photon.codes the\n * FAQ card is the section's, 32px around the list; in a settings page it\n * is a `Card`. Items divide with a hairline and the list has no outer\n * lines. Items are independent, as on the site, so `multiple` is on\n * unless said otherwise.\n */\nfunction Root({\n  className,\n  multiple = true,\n  size = \"md\",\n  ...props\n}: AccordionRootProps) {\n  return (\n    <SizeContext.Provider value={size}>\n      <BaseAccordion.Root\n        multiple={multiple}\n        data-size={size}\n        className={cn(\"w-full\", className)}\n        {...props}\n      />\n    </SizeContext.Provider>\n  );\n}\n\n/**\n * One question, padded above and below, whatever is open inside. The\n * hairline under it overlaps the next item by its own pixel, the way\n * Framer draws a border inside the box, so an item advances by exactly\n * its padding and its rows: 68px at `lg`, the site's figure. The last\n * item draws none.\n */\nfunction Item({ className, ...props }: StyledProps<typeof BaseAccordion.Item>) {\n  const size = useContext(SizeContext);\n  return (\n    <BaseAccordion.Item\n      className={cn(\n        \"border-pho-secondary -mb-px border-b last:mb-0 last:border-b-0\",\n        SIZE[size].item,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Header({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Header>) {\n  return <BaseAccordion.Header className={cn(\"flex\", className)} {...props} />;\n}\n\n/**\n * The question row: the question in medium with the chevron at the row's\n * end. The chevron is the site's small one (a 6.5×3.5 stroke in a 24px\n * box, weight 1.5) and the trigger wears it itself — pass only the\n * question. Open, the question settles to the description tone and the\n * chevron makes a half turn, both on the section spring; the chevron keeps\n * the primary ink. The whole item is the target, as on the site: the hit\n * area reaches through the item's padding above and below the row.\n */\nfunction Trigger({\n  className,\n  children,\n  ...props\n}: StyledProps<typeof BaseAccordion.Trigger>) {\n  const size = useContext(SizeContext);\n  return (\n    <BaseAccordion.Trigger\n      className={cn(\n        \"group/trigger text-pho-primary outline-pho-brand relative flex flex-1 cursor-pointer items-center justify-between gap-3 text-left font-medium tracking-[-0.1px]\",\n        \"ease-pho-spring-reveal data-[panel-open]:text-pho-description transition-colors duration-500\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-4\",\n        \"before:absolute before:inset-x-0\",\n        SIZE[size].question,\n        SIZE[size].hit,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        data-accordion-chevron=\"\"\n        className=\"text-pho-primary ease-pho-spring-reveal size-6 shrink-0 transition-[rotate] duration-500 group-data-[panel-open]/trigger:rotate-180\"\n      >\n        <path d=\"M 6.5 0 L 3.25 3.5 L 0 0\" transform=\"translate(8.75 10.75)\" />\n      </svg>\n    </BaseAccordion.Trigger>\n  );\n}\n\n/**\n * The answer: medium in the primary ink, one type step under the\n * question, a short gap below it. Opening, the panel's height rides the\n * section spring while the answer arrives 100ms later on the appear\n * spring, fading in as it rises 20px. Closing, the answer is gone at once\n * and the height settles on the section spring — the site's way round.\n */\nfunction Panel({\n  className,\n  children,\n  ...props\n}: StyledProps<typeof BaseAccordion.Panel>) {\n  const size = useContext(SizeContext);\n  return (\n    <BaseAccordion.Panel\n      className={cn(\n        \"group/panel ease-pho-spring-reveal h-[var(--accordion-panel-height)] overflow-hidden transition-[height] duration-500\",\n        \"data-[ending-style]:h-0 data-[starting-style]:h-0\",\n        className,\n      )}\n      {...props}\n    >\n      {/* The gap and the clip live on one wrapper, the rise on another:\n          the panel measures its height from layout, and a translated\n          child would count its 20px of overflow into that measure. */}\n      <div className={cn(\"overflow-clip\", SIZE[size].gap)}>\n        <div\n          data-accordion-answer=\"\"\n          className={cn(\n            \"text-pho-primary font-medium tracking-[-0.1px]\",\n            \"ease-pho-spring-appear transition-[opacity,translate] delay-100 duration-700\",\n            \"group-data-[starting-style]/panel:translate-y-5 group-data-[starting-style]/panel:opacity-0\",\n            \"group-data-[ending-style]/panel:opacity-0 group-data-[ending-style]/panel:transition-none\",\n            SIZE[size].answer,\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </BaseAccordion.Panel>\n  );\n}\n\n/**\n * Questions that each reveal an answer — photon.codes's FAQ, as a\n * component, built on Base UI `Accordion`. Each `Accordion.Item` needs a\n * `value`; control the open set with `value` / `onValueChange` or\n * `defaultValue`. Items are independent by default; `multiple={false}`\n * opens one at a time. Three sizes; `lg` is the site's.\n */\nexport const Accordion = { Root, Item, Header, Trigger, Panel };\n"],"mappings":";;;;;AA2BA,IAAM,IAGF;AAAA,EACF,IAAI;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF,GAEM,IAAc,EAA6B,IAAI;AAgBrD,SAAS,EAAK,EACZ,WAAA,GACA,UAAA,IAAW,IACX,MAAA,IAAO,MACP,GAAG,EAAA,GACkB;AACrB,SACE,gBAAA,EAAC,EAAY,UAAb;AAAA,IAAsB,OAAO;AAAA,IAC3B,UAAA,gBAAA,EAAC,EAAc,MAAf;AAAA,MACY,UAAA;AAAA,MACV,aAAW;AAAA,MACX,WAAW,EAAG,UAAU,CAAS;AAAA,MACjC,GAAI;AAAA,IACL,CAAA;AAAA,EACmB,CAAA;AAE1B;AASA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAAiD;AAC7E,QAAM,IAAO,EAAW,CAAW;AACnC,SACE,gBAAA,EAAC,EAAc,MAAf;AAAA,IACE,WAAW,EACT,kEACA,EAAK,CAAA,EAAM,MACX,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACwC;AAC3C,SAAO,gBAAA,EAAC,EAAc,QAAf;AAAA,IAAsB,WAAW,EAAG,QAAQ,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAC7E;AAWA,SAAS,EAAQ,EACf,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACyC;AAC5C,QAAM,IAAO,EAAW,CAAW;AACnC,SACE,gBAAA,EAAC,EAAc,SAAf;AAAA,IACE,WAAW,EACT,mKACA,gGACA,0DACA,oCACA,EAAK,CAAA,EAAM,UACX,EAAK,CAAA,EAAM,KACX,CACF;AAAA,IACA,GAAI;AAAA,IAVN,UAAA,CAYG,GACD,gBAAA,EAAC,OAAD;AAAA,MACE,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,0BAAuB;AAAA,MACvB,WAAU;AAAA,MAEV,UAAA,gBAAA,EAAC,QAAD;AAAA,QAAM,GAAE;AAAA,QAA2B,WAAU;AAAA,MAAyB,CAAA;AAAA,IACnE,CAAA,CACgB;AAAA;AAE3B;AASA,SAAS,EAAM,EACb,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACuC;AAC1C,QAAM,IAAO,EAAW,CAAW;AACnC,SACE,gBAAA,EAAC,EAAc,OAAf;AAAA,IACE,WAAW,EACT,yHACA,qDACA,CACF;AAAA,IACA,GAAI;AAAA,IAKJ,UAAA,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW,EAAG,iBAAiB,EAAK,CAAA,EAAM,GAAG;AAAA,MAChD,UAAA,gBAAA,EAAC,OAAD;AAAA,QACE,yBAAsB;AAAA,QACtB,WAAW,EACT,kDACA,gFACA,+FACA,6FACA,EAAK,CAAA,EAAM,MACb;AAAA,QAEC,UAAA;AAAA,MACE,CAAA;AAAA,IACF,CAAA;AAAA,EACc,CAAA;AAEzB;AASA,IAAa,IAAY;AAAA,EAAE,MAAA;AAAA,EAAM,MAAA;AAAA,EAAM,QAAA;AAAA,EAAQ,SAAA;AAAA,EAAS,OAAA;AAAM"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type ElementType,\n} from \"react\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nexport type AccordionSize = \"sm\" | \"md\" | \"lg\";\n\n/**\n * Three sizes, one step of the type scale apart. `lg` is photon.codes's\n * FAQ to the pixel: the question at 20/28, the answer at 18/28, 20px\n * above and below, 8px between. `md` and `sm` step the type, the\n * padding, and the gap down together; the chevron is the same small\n * glyph in the same 24px box at every size, so a row is never shorter\n * than it.\n */\nconst SIZE: Record<\n  AccordionSize,\n  { item: string; hit: string; question: string; gap: string; answer: string }\n> = {\n  sm: {\n    item: \"py-3\",\n    hit: \"before:-top-3 before:-bottom-3\",\n    question: \"text-base\",\n    gap: \"pt-1 pb-1\",\n    answer: \"text-xs\",\n  },\n  md: {\n    item: \"py-4\",\n    hit: \"before:-top-4 before:-bottom-4\",\n    question: \"text-md\",\n    gap: \"pt-1.5 pb-1.5\",\n    answer: \"text-base\",\n  },\n  lg: {\n    item: \"py-5\",\n    hit: \"before:-top-5 before:-bottom-5\",\n    question: \"text-xl leading-7\",\n    gap: \"pt-2 pb-2\",\n    answer: \"text-lg\",\n  },\n};\n\nconst SizeContext = createContext<AccordionSize>(\"md\");\n\nexport interface AccordionRootProps extends StyledProps<\n  typeof BaseAccordion.Root\n> {\n  /** @default \"md\" */\n  size?: AccordionSize;\n}\n\n/**\n * The list — bare, so the page decides the surface: on photon.codes the\n * FAQ card is the section's, 32px around the list; in a settings page it\n * is a `Card`. Items divide with a hairline and the list has no outer\n * lines. Items are independent, as on the site, so `multiple` is on\n * unless said otherwise.\n */\nfunction Root({\n  className,\n  multiple = true,\n  size = \"md\",\n  ...props\n}: AccordionRootProps) {\n  return (\n    <SizeContext.Provider value={size}>\n      <BaseAccordion.Root\n        multiple={multiple}\n        data-size={size}\n        className={cn(\"w-full\", className)}\n        {...props}\n      />\n    </SizeContext.Provider>\n  );\n}\n\n/**\n * One question, padded above and below, whatever is open inside. The\n * hairline under it overlaps the next item by its own pixel, the way\n * Framer draws a border inside the box, so an item advances by exactly\n * its padding and its rows: 68px at `lg`, the site's figure. The last\n * item draws none.\n */\nfunction Item({ className, ...props }: StyledProps<typeof BaseAccordion.Item>) {\n  const size = useContext(SizeContext);\n  return (\n    <BaseAccordion.Item\n      className={cn(\n        \"border-pho-secondary -mb-px border-b last:mb-0 last:border-b-0\",\n        SIZE[size].item,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Header({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Header>) {\n  return <BaseAccordion.Header className={cn(\"flex\", className)} {...props} />;\n}\n\n/**\n * The question row: the question in medium with the chevron at the row's\n * end. The chevron is the site's small one (a 6.5×3.5 stroke in a 24px\n * box, weight 1.5) and the trigger wears it itself — pass only the\n * question. Open, the question settles to the description tone and the\n * chevron makes a half turn, both on the section spring; the chevron keeps\n * the primary ink. The whole item is the target, as on the site: the hit\n * area reaches through the item's padding above and below the row.\n */\nfunction Trigger({\n  className,\n  children,\n  ...props\n}: StyledProps<typeof BaseAccordion.Trigger>) {\n  const size = useContext(SizeContext);\n  return (\n    <BaseAccordion.Trigger\n      className={cn(\n        \"group/trigger text-pho-primary outline-pho-brand relative flex flex-1 cursor-pointer items-center justify-between gap-3 text-left font-medium tracking-[-0.1px]\",\n        \"ease-pho-spring-reveal data-[panel-open]:text-pho-description transition-colors duration-500\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-4\",\n        \"before:absolute before:inset-x-0\",\n        SIZE[size].question,\n        SIZE[size].hit,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        data-accordion-chevron=\"\"\n        className=\"text-pho-primary ease-pho-spring-reveal size-6 shrink-0 transition-[rotate] duration-500 group-data-[panel-open]/trigger:rotate-180\"\n      >\n        <path d=\"M 6.5 0 L 3.25 3.5 L 0 0\" transform=\"translate(8.75 10.75)\" />\n      </svg>\n    </BaseAccordion.Trigger>\n  );\n}\n\n/**\n * The answer: medium in the primary ink, one type step under the\n * question, a short gap below it. Opening, the panel's height rides the\n * section spring while the answer arrives 100ms later on the appear\n * spring, fading in as it rises 20px. Closing, the answer is gone at once\n * and the height settles on the section spring — the site's way round.\n */\nfunction Panel({\n  className,\n  children,\n  ...props\n}: StyledProps<typeof BaseAccordion.Panel>) {\n  const size = useContext(SizeContext);\n  return (\n    <BaseAccordion.Panel\n      className={cn(\n        \"group/panel ease-pho-spring-reveal h-[var(--accordion-panel-height)] overflow-hidden transition-[height] duration-500\",\n        \"data-[ending-style]:h-0 data-[starting-style]:h-0\",\n        className,\n      )}\n      {...props}\n    >\n      {/* The gap is symmetric: the panel clips, so the answer's last line\n          needs room below it for a link's focus ring, not just above.\n          The gap and the clip live on one wrapper, the rise on another:\n          the panel measures its height from layout, and a translated\n          child would count its 20px of overflow into that measure. */}\n      <div className={cn(\"overflow-clip\", SIZE[size].gap)}>\n        <div\n          data-accordion-answer=\"\"\n          className={cn(\n            \"text-pho-primary font-medium tracking-[-0.1px]\",\n            \"ease-pho-spring-appear transition-[opacity,translate] delay-100 duration-700\",\n            \"group-data-[starting-style]/panel:translate-y-5 group-data-[starting-style]/panel:opacity-0\",\n            \"group-data-[ending-style]/panel:opacity-0 group-data-[ending-style]/panel:transition-none\",\n            SIZE[size].answer,\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </BaseAccordion.Panel>\n  );\n}\n\n/**\n * Questions that each reveal an answer — photon.codes's FAQ, as a\n * component, built on Base UI `Accordion`. Each `Accordion.Item` needs a\n * `value`; control the open set with `value` / `onValueChange` or\n * `defaultValue`. Items are independent by default; `multiple={false}`\n * opens one at a time. Three sizes; `lg` is the site's.\n */\nexport const Accordion = { Root, Item, Header, Trigger, Panel };\n"],"mappings":";;;;;AA2BA,IAAM,IAGF;AAAA,EACF,IAAI;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF,GAEM,IAAc,EAA6B,IAAI;AAgBrD,SAAS,EAAK,EACZ,WAAA,GACA,UAAA,IAAW,IACX,MAAA,IAAO,MACP,GAAG,EAAA,GACkB;AACrB,SACE,gBAAA,EAAC,EAAY,UAAb;AAAA,IAAsB,OAAO;AAAA,IAC3B,UAAA,gBAAA,EAAC,EAAc,MAAf;AAAA,MACY,UAAA;AAAA,MACV,aAAW;AAAA,MACX,WAAW,EAAG,UAAU,CAAS;AAAA,MACjC,GAAI;AAAA,IACL,CAAA;AAAA,EACmB,CAAA;AAE1B;AASA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAAiD;AAC7E,QAAM,IAAO,EAAW,CAAW;AACnC,SACE,gBAAA,EAAC,EAAc,MAAf;AAAA,IACE,WAAW,EACT,kEACA,EAAK,CAAA,EAAM,MACX,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACwC;AAC3C,SAAO,gBAAA,EAAC,EAAc,QAAf;AAAA,IAAsB,WAAW,EAAG,QAAQ,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAC7E;AAWA,SAAS,EAAQ,EACf,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACyC;AAC5C,QAAM,IAAO,EAAW,CAAW;AACnC,SACE,gBAAA,EAAC,EAAc,SAAf;AAAA,IACE,WAAW,EACT,mKACA,gGACA,0DACA,oCACA,EAAK,CAAA,EAAM,UACX,EAAK,CAAA,EAAM,KACX,CACF;AAAA,IACA,GAAI;AAAA,IAVN,UAAA,CAYG,GACD,gBAAA,EAAC,OAAD;AAAA,MACE,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,0BAAuB;AAAA,MACvB,WAAU;AAAA,MAEV,UAAA,gBAAA,EAAC,QAAD;AAAA,QAAM,GAAE;AAAA,QAA2B,WAAU;AAAA,MAAyB,CAAA;AAAA,IACnE,CAAA,CACgB;AAAA;AAE3B;AASA,SAAS,EAAM,EACb,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACuC;AAC1C,QAAM,IAAO,EAAW,CAAW;AACnC,SACE,gBAAA,EAAC,EAAc,OAAf;AAAA,IACE,WAAW,EACT,yHACA,qDACA,CACF;AAAA,IACA,GAAI;AAAA,IAOJ,UAAA,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW,EAAG,iBAAiB,EAAK,CAAA,EAAM,GAAG;AAAA,MAChD,UAAA,gBAAA,EAAC,OAAD;AAAA,QACE,yBAAsB;AAAA,QACtB,WAAW,EACT,kDACA,gFACA,+FACA,6FACA,EAAK,CAAA,EAAM,MACb;AAAA,QAEC,UAAA;AAAA,MACE,CAAA;AAAA,IACF,CAAA;AAAA,EACc,CAAA;AAEzB;AASA,IAAa,IAAY;AAAA,EAAE,MAAA;AAAA,EAAM,MAAA;AAAA,EAAM,QAAA;AAAA,EAAQ,SAAA;AAAA,EAAS,OAAA;AAAM"}

package/dist/components/bubble.js

@@ -0,0 +1,6 @@
+"use client";
+import { n as t, t as B } from "../chunks/bubble-eaoLJP4N.js";
+export {
+  B as BUBBLE_VARIANTS,
+  t as Bubble
+};

package/dist/components/button.js

@@ -1,5 +1,5 @@
 "use client";
-import { a, c as s, d as o, i as n, l as T, n as B, o as u, r as e, s as f, t as i, u as r } from "../chunks/button-CdqS_t5a.js";
+import { a, c as s, d as o, i as n, l as T, n as B, o as u, r as e, s as f, t as i, u as r } from "../chunks/button-CgUS0j3D.js";
 import { t as E } from "../chunks/close-button-GvqWbLl0.js";
 export {
   i as BUTTON_COLORS,

package/dist/components/chat.js

@@ -0,0 +1,5 @@
+"use client";
+import { t as e } from "../chunks/chat-DUqWlXqt.js";
+export {
+  e as Chat
+};

package/dist/components/code-block.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as e, t } from "../chunks/code-block-BuDIo8Q0.js";
+import { n as e, t } from "../chunks/code-block-BGgbp-6Q.js";
 export {
   t as CodeBlock,
   e as tokenizeJson

package/dist/components/collapsible.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as l } from "../chunks/collapsible-if7ncPbI.js";
+import { t as l } from "../chunks/collapsible-Dv306QOT.js";
 export {
   l as Collapsible
 };

package/dist/components/command.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as t, t as a } from "../chunks/command-ZagVyDx7.js";
+import { n as t, t as a } from "../chunks/command-BfCCRaoc.js";
 export {
   a as Command,
   t as useCommandState

package/dist/components/copy-button.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as o, t as e } from "../chunks/copy-button-B_B15mEi.js";
+import { n as o, t as e } from "../chunks/copy-button-D8XyP0oR.js";
 export {
   e as COPY_BUTTON_SIZES,
   o as CopyButton

package/dist/components/data-table.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as e, i as t, n as o, o as r, r as s, t as c } from "../chunks/data-table-BeUwsjmX.js";
+import { a as e, i as t, n as o, o as r, r as s, t as c } from "../chunks/data-table-Mog6m3d9.js";
 import { t as T } from "../chunks/ghost-search-AmVXd0zE.js";
 export {
   c as DATA_TABLE_SURFACE,

package/dist/components/description-list.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as i } from "../chunks/description-list-C-mwe4ki.js";
+import { t as i } from "../chunks/description-list-8qm83WZB.js";
 export {
   i as DescriptionList
 };

package/dist/components/dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as i, t as o } from "../chunks/dialog-BYiAFetB.js";
+import { n as i, t as o } from "../chunks/dialog-DeM4axJ6.js";
 export {
   o as Dialog,
   i as useDialogPending

package/dist/components/error.js

@@ -1,5 +1,5 @@
 "use client";
-import { a, c as s, i as t, l as e, n as o, o as i, r as E, s as p, t as l } from "../chunks/error-BAQgnde7.js";
+import { a, c as s, i as t, l as e, n as o, o as i, r as E, s as p, t as l } from "../chunks/error-VvHnteyf.js";
 export {
   l as Error,
   o as ErrorView,

package/dist/components/filter-bar.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as t, n as e, r as a, t as i } from "../chunks/filter-bar-DTaLgQr0.js";
+import { i as t, n as e, r as a, t as i } from "../chunks/filter-bar-BcpeTKCC.js";
 export {
   i as FILTER_DATE_PRESETS,
   e as FilterBar,

package/dist/components/log-list.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as a, n as o, r as s, t as e } from "../chunks/log-list-BERiO4UJ.js";
+import { i as a, n as o, r as s, t as e } from "../chunks/log-list-Didt-MV4.js";
 export {
   e as LogList,
   o as logStatusColor,

package/dist/components/message.js

@@ -0,0 +1,7 @@
+"use client";
+import { n as e, r as a, t } from "../chunks/message-CTml-TrB.js";
+export {
+  a as Message,
+  t as messageStatusKey,
+  e as shouldShowMessageStatus
+};

package/dist/components/scroll-area.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as e, t as o } from "../chunks/scroll-area-Zik8t1Mk.js";
+import { n as e, t as o } from "../chunks/scroll-area-DSwD9th7.js";
 export {
   e as BLUR_MAX_PX,
   o as ScrollArea

package/dist/components/toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as o, t as s } from "../chunks/toast-72Wwlzg9.js";
+import { n as o, t as s } from "../chunks/toast-DUvjSZF7.js";
 export {
   s as Toast,
   o as Toasty

package/dist/components/trace.js

@@ -1,5 +1,5 @@
 "use client";
-import { A as s, B as e, C as i, D as n, E as l, F as r, I as t, L as o, M as p, N as c, O as T, P as u, R as I, S, T as m, V as d, _ as v, a as b, b as V, c as w, d as f, f as D, g as L, h as _, i as k, j as x, k as g, l as A, m as E, n as F, o as N, p as y, r as z, s as B, t as O, u as P, v as R, w as W, x as C, y as G, z as K } from "../chunks/trace-Hku-rImp.js";
+import { A as s, B as e, C as i, D as n, E as l, F as r, I as t, L as o, M as p, N as c, O as T, P as u, R as I, S, T as m, V as d, _ as v, a as b, b as V, c as w, d as f, f as D, g as L, h as _, i as k, j as x, k as g, l as A, m as E, n as F, o as N, p as y, r as z, s as B, t as O, u as P, v as R, w as W, x as C, y as G, z as K } from "../chunks/trace-CjOi3_IP.js";
 export {
   i as FULL_VIEW,
   y as GEN_AI_KINDS,

package/dist/index.js

@@ -3,182 +3,191 @@ import { t as s } from "./chunks/cn-ChIgwEl3.js";
 import { t as r } from "./chunks/is-react-component-DSnjtBmo.js";
 import { t as e } from "./chunks/resolve-variant-CcD8iG5l.js";
 import { n as E, t as S } from "./chunks/link-provider-DXzDQ08N.js";
-import { BAR_RISE_PX as n, BLUR_PX as m, EASE_POP as I, EASE_STACK as T, FADE_ENTRANCE as p, FADE_SWAP as A, PRESS_SCALE as R, PRESS_SCALE_ROW as l, RISE_PX as C, SPRING_ENTRANCE as B, SPRING_PRESS as f, SPRING_PRESS_INLINE as N, SPRING_PRESS_QUICK as P, SPRING_SETTLE as u, TRAVEL_LINEAR as L, fadeThroughBlur as c, riseIn as D } from "./motion.js";
+import { BAR_RISE_PX as n, BLUR_PX as m, EASE_POP as I, EASE_STACK as T, FADE_ENTRANCE as p, FADE_SWAP as A, PRESS_SCALE as R, PRESS_SCALE_ROW as l, RISE_PX as C, SPRING_ENTRANCE as B, SPRING_PRESS as f, SPRING_PRESS_INLINE as u, SPRING_PRESS_QUICK as N, SPRING_SETTLE as P, TRAVEL_LINEAR as L, fadeThroughBlur as c, riseIn as D } from "./motion.js";
 import { n as V, r as d, t as U } from "./chunks/use-press-pulse-IbNstUT0.js";
-import { n as b, t as F } from "./chunks/use-copy-D6JwKUll.js";
+import { n as b, t as g } from "./chunks/use-copy-D6JwKUll.js";
 import "./utils.js";
-import { a as h, c as k, d as v, i as w, l as W, n as x, o as H, r as y, s as z, t as K, u as X } from "./chunks/button-CdqS_t5a.js";
-import { a as Z, c as j, i as J, l as Q, n as q, o as $, r as aa, s as sa, t as ta } from "./chunks/error-BAQgnde7.js";
-import { A as oa, B as ea, C as ia, D as Ea, E as Sa, F as _a, I as na, L as ma, M as Ia, N as Ta, O as pa, P as Aa, R as Ra, S as la, T as Ca, V as Ba, _ as fa, a as Na, b as Pa, c as ua, d as La, f as ca, g as Da, h as Oa, i as Va, j as da, k as Ua, l as Ga, m as ba, n as Fa, o as Ma, p as ga, r as ha, s as ka, t as va, u as wa, v as Wa, w as xa, x as Ha, y as ya, z as za } from "./chunks/trace-Hku-rImp.js";
-import { n as Xa, t as Ya } from "./chunks/date-picker-CZbcNIe-.js";
-import { n as ja, t as Ja } from "./chunks/copy-button-B_B15mEi.js";
-import { a as qa, c as $a, d as as, i as ss, l as ts, n as rs, o as os, r as es, s as is, t as Es, u as Ss } from "./chunks/sidebar-DRPe5CAh.js";
-import { t as ns } from "./chunks/input-DjvZoF8v.js";
-import { i as Is, n as Ts, r as ps, t as As } from "./chunks/filter-bar-DTaLgQr0.js";
-import { a as ls } from "./chunks/data-table-BeUwsjmX.js";
-import { n as Bs, t as fs } from "./chunks/code-block-BuDIo8Q0.js";
-import { n as Ps, t as us } from "./chunks/stat-hnNqjWVG.js";
-import { t as cs } from "./chunks/calendar-4OFiCLAv.js";
-import { t as Os } from "./chunks/close-button-GvqWbLl0.js";
-import { t as ds } from "./chunks/input-group-fc9_jD4d.js";
-import { n as Gs, t as bs } from "./chunks/card-N-tvFsuV.js";
-import { n as Ms, t as gs } from "./chunks/dialog-BYiAFetB.js";
-import { i as ks, n as vs, r as ws, t as Ws } from "./chunks/status-view-C8tabjDu.js";
-import { a as Hs, c as ys, d as zs, f as Ks, i as Xs, l as Ys, m as Zs, n as js, o as Js, p as Qs, r as qs, s as $s, t as at, u as st } from "./chunks/basic-page-65eFgq8o.js";
-import { i as rt, n as ot, r as et, t as it } from "./chunks/legend-C0mU7dqd.js";
+import { a as F, c as k, d as v, i as w, l as W, n as x, o as y, r as H, s as K, t as z, u as X } from "./chunks/button-CgUS0j3D.js";
+import { a as Z, c as j, i as J, l as Q, n as q, o as $, r as aa, s as sa, t as ta } from "./chunks/error-VvHnteyf.js";
+import { t as oa } from "./chunks/chat-DUqWlXqt.js";
+import { A as ia, B as Ea, C as Sa, D as _a, E as na, F as ma, I as Ia, L as Ta, M as pa, N as Aa, O as Ra, P as la, R as Ca, S as Ba, T as fa, V as ua, _ as Na, a as Pa, b as La, c as ca, d as Da, f as Oa, g as Va, h as da, i as Ua, j as Ga, k as ba, l as ga, m as Ma, n as ha, o as Fa, p as ka, r as va, s as wa, t as Wa, u as xa, v as ya, w as Ha, x as Ka, y as za, z as Xa } from "./chunks/trace-CjOi3_IP.js";
+import { n as Za, t as ja } from "./chunks/date-picker-CZbcNIe-.js";
+import { n as Qa, t as qa } from "./chunks/copy-button-D8XyP0oR.js";
+import { a as as, c as ss, d as ts, i as rs, l as os, n as es, o as is, r as Es, s as Ss, t as _s, u as ns } from "./chunks/sidebar-BmloUwJQ.js";
+import { t as Is } from "./chunks/input-DjvZoF8v.js";
+import { i as ps, n as As, r as Rs, t as ls } from "./chunks/filter-bar-BcpeTKCC.js";
+import { a as Bs } from "./chunks/data-table-Mog6m3d9.js";
+import { n as us, t as Ns } from "./chunks/code-block-BGgbp-6Q.js";
+import { n as Ls, t as cs } from "./chunks/stat-hnNqjWVG.js";
+import { t as Os } from "./chunks/calendar-4OFiCLAv.js";
+import { t as ds } from "./chunks/close-button-GvqWbLl0.js";
+import { t as Gs } from "./chunks/input-group-fc9_jD4d.js";
+import { n as gs, t as Ms } from "./chunks/card-N-tvFsuV.js";
+import { n as Fs, t as ks } from "./chunks/dialog-DeM4axJ6.js";
+import { i as ws, n as Ws, r as xs, t as ys } from "./chunks/status-view-C8tabjDu.js";
+import { a as Ks, c as zs, d as Xs, f as Ys, i as Zs, l as js, m as Js, n as Qs, o as qs, p as $s, r as at, s as st, t as tt, u as rt } from "./chunks/basic-page-ijv-ijUB.js";
+import { i as et, n as it, r as Et, t as St } from "./chunks/legend-C0mU7dqd.js";
 import "./components/chart.js";
-import { t as _t } from "./chunks/bar-chart-DIALC2_z.js";
-import { t as mt } from "./chunks/line-chart-VuMYKzW3.js";
-import { i as Tt, n as pt, r as At, t as Rt } from "./chunks/log-list-BERiO4UJ.js";
-import { t as Ct } from "./chunks/description-list-C-mwe4ki.js";
+import { t as mt } from "./chunks/bar-chart-DIALC2_z.js";
+import { t as Tt } from "./chunks/line-chart-VuMYKzW3.js";
+import { i as At, n as Rt, r as lt, t as Ct } from "./chunks/log-list-Didt-MV4.js";
+import { t as ft } from "./chunks/description-list-8qm83WZB.js";
+import { n as Nt, t as Pt } from "./chunks/bubble-eaoLJP4N.js";
+import { n as ct, r as Dt, t as Ot } from "./chunks/message-CTml-TrB.js";
 export {
-  at as AUTO_SAVE_DELAY_MS,
+  tt as AUTO_SAVE_DELAY_MS,
   n as BAR_RISE_PX,
-  js as BASIC_PAGE_CALLOUT,
-  qs as BASIC_PAGE_CARD,
-  Xs as BASIC_PAGE_ITEM,
-  Hs as BASIC_PAGE_ITEM_PANEL,
-  Js as BASIC_PAGE_ITEM_PANEL_DIVIDED,
-  $s as BASIC_PAGE_ROW,
+  Qs as BASIC_PAGE_CALLOUT,
+  at as BASIC_PAGE_CARD,
+  Zs as BASIC_PAGE_ITEM,
+  Ks as BASIC_PAGE_ITEM_PANEL,
+  qs as BASIC_PAGE_ITEM_PANEL_DIVIDED,
+  st as BASIC_PAGE_ROW,
   m as BLUR_PX,
-  K as BUTTON_COLORS,
+  Pt as BUBBLE_VARIANTS,
+  z as BUTTON_COLORS,
   x as BUTTON_SHAPES,
-  y as BUTTON_SIZES,
+  H as BUTTON_SIZES,
   w as BUTTON_VARIANTS,
-  _t as BarChart,
-  ys as BasicPage,
-  h as Button,
-  H as ButtonLink,
-  bs as CARD_SURFACE,
-  et as CHART_SLOTS,
-  Ys as CONDENSE_BAR_ENTER,
-  st as CONDENSE_BAR_RISE_PX,
-  zs as CONDENSE_BAR_TRAVEL,
+  mt as BarChart,
+  zs as BasicPage,
+  Nt as Bubble,
+  F as Button,
+  y as ButtonLink,
+  Ms as CARD_SURFACE,
+  Et as CHART_SLOTS,
+  js as CONDENSE_BAR_ENTER,
+  rt as CONDENSE_BAR_RISE_PX,
+  Xs as CONDENSE_BAR_TRAVEL,
   U as CONTROL_PRESS_SCALE,
   V as CONTROL_PRESS_SPRING,
-  Ja as COPY_BUTTON_SIZES,
-  F as COPY_FEEDBACK_MS,
-  cs as Calendar,
-  Gs as Card,
-  it as ChartLegend,
-  ot as ChartSwatch,
-  Os as CloseButton,
-  fs as CodeBlock,
-  ja as CopyButton,
-  Ya as DatePicker,
-  Ct as DescriptionList,
-  gs as Dialog,
+  qa as COPY_BUTTON_SIZES,
+  g as COPY_FEEDBACK_MS,
+  Os as Calendar,
+  gs as Card,
+  St as ChartLegend,
+  it as ChartSwatch,
+  oa as Chat,
+  ds as CloseButton,
+  Ns as CodeBlock,
+  Qa as CopyButton,
+  ja as DatePicker,
+  ft as DescriptionList,
+  ks as Dialog,
   I as EASE_POP,
   T as EASE_STACK,
-  z as EFFECT_BUTTON_SIZES,
+  K as EFFECT_BUTTON_SIZES,
   k as EffectButton,
   W as EffectButtonLink,
   ta as Error,
   q as ErrorView,
   p as FADE_ENTRANCE,
   A as FADE_SWAP,
-  As as FILTER_DATE_PRESETS,
-  ia as FULL_VIEW,
-  Ts as FilterBar,
+  ls as FILTER_DATE_PRESETS,
+  Sa as FULL_VIEW,
+  As as FilterBar,
   aa as GENERIC_ERROR_TITLE,
-  ga as GEN_AI_KINDS,
-  ns as Input,
-  ds as InputGroup,
-  mt as LineChart,
+  ka as GEN_AI_KINDS,
+  Is as Input,
+  Gs as InputGroup,
+  Tt as LineChart,
   S as LinkProvider,
-  Rt as LogList,
-  xa as MIN_VIEW_WIDTH,
+  Ct as LogList,
+  Ha as MIN_VIEW_WIDTH,
+  Dt as Message,
   R as PRESS_SCALE,
   l as PRESS_SCALE_ROW,
   C as RISE_PX,
-  Es as SIDEBAR_HEADER_INSET,
-  rs as SIDEBAR_ITEM,
-  es as SIDEBAR_ITEM_ACTIVE,
-  ss as SIDEBAR_ITEM_INACTIVE,
-  qa as SIDEBAR_ROOT,
-  os as SIDEBAR_ROOT_BASE,
-  is as SIDEBAR_ROOT_INSET,
-  $a as SIDEBAR_SUBMENU_CHEVRON,
-  ts as SIDEBAR_SUBMENU_LIST_INDENT,
-  Ss as SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,
+  _s as SIDEBAR_HEADER_INSET,
+  es as SIDEBAR_ITEM,
+  Es as SIDEBAR_ITEM_ACTIVE,
+  rs as SIDEBAR_ITEM_INACTIVE,
+  as as SIDEBAR_ROOT,
+  is as SIDEBAR_ROOT_BASE,
+  Ss as SIDEBAR_ROOT_INSET,
+  ss as SIDEBAR_SUBMENU_CHEVRON,
+  os as SIDEBAR_SUBMENU_LIST_INDENT,
+  ns as SIDEBAR_SUBMENU_TRIGGER_CHILD_ACTIVE,
   B as SPRING_ENTRANCE,
   f as SPRING_PRESS,
-  N as SPRING_PRESS_INLINE,
-  P as SPRING_PRESS_QUICK,
-  u as SPRING_SETTLE,
-  Ws as STATUS_VIEW,
-  vs as STATUS_VIEW_COPY,
-  ws as STATUS_VIEW_SIZES,
-  as as Sidebar,
-  Pa as SpanPrimitive,
-  us as Stat,
-  Ps as StatGroup,
-  ks as StatusView,
+  u as SPRING_PRESS_INLINE,
+  N as SPRING_PRESS_QUICK,
+  P as SPRING_SETTLE,
+  ys as STATUS_VIEW,
+  Ws as STATUS_VIEW_COPY,
+  xs as STATUS_VIEW_SIZES,
+  ts as Sidebar,
+  La as SpanPrimitive,
+  cs as Stat,
+  Ls as StatGroup,
+  ws as StatusView,
   L as TRAVEL_LINEAR,
-  va as Trace,
-  Ca as allCollapsed,
-  Sa as ancestorIds,
-  ba as attribute,
-  Oa as attributeText,
-  Va as axisTicks,
-  Na as barGeometry,
-  Ea as buildSpanTree,
+  Wa as Trace,
+  fa as allCollapsed,
+  na as ancestorIds,
+  Ma as attribute,
+  da as attributeText,
+  Ua as axisTicks,
+  Pa as barGeometry,
+  _a as buildSpanTree,
   X as buttonVariants,
   J as capitalizeFirst,
-  rt as chartColor,
-  pa as clampView,
+  et as chartColor,
+  Ra as clampView,
   s as cn,
-  Ua as collapseAllIds,
-  oa as collapseOneLevel,
-  ls as createColumns,
-  da as deriveSpanTree,
+  ba as collapseAllIds,
+  ia as collapseOneLevel,
+  Bs as createColumns,
+  Ga as deriveSpanTree,
   Z as describeError,
   v as effectButtonVariants,
-  Ia as expandOneLevel,
+  pa as expandOneLevel,
   c as fadeThroughBlur,
-  Ta as filterSpans,
-  Fa as footerTotals,
-  Ks as formToasts,
-  Xa as formatDateLabel,
-  Ma as formatDuration,
-  ps as formatFilterValue,
-  ka as formatTick,
-  Da as genAIKind,
+  Aa as filterSpans,
+  ha as footerTotals,
+  Ys as formToasts,
+  Za as formatDateLabel,
+  Fa as formatDuration,
+  Rs as formatFilterValue,
+  wa as formatTick,
+  Va as genAIKind,
   $ as httpReasonPhrase,
   sa as httpStatusExplanation,
-  Is as isFilterSet,
-  Aa as isFullView,
+  ps as isFilterSet,
+  la as isFullView,
   j as isProblem,
   r as isReactComponent,
-  ua as labeledTicks,
-  Ga as layoutTickLabels,
-  pt as logStatusColor,
-  At as logStatusLabel,
-  wa as niceStep,
-  La as normalizeSpans,
-  _a as panView,
+  ca as labeledTicks,
+  ga as layoutTickLabels,
+  Rt as logStatusColor,
+  lt as logStatusLabel,
+  Ot as messageStatusKey,
+  xa as niceStep,
+  Da as normalizeSpans,
+  ma as panView,
   Q as parseProblem,
-  fa as peerService,
+  Na as peerService,
   e as resolveVariant,
   D as riseIn,
-  Wa as spanDecorationIcon,
-  ca as spanDuration,
-  ya as spanPills,
-  na as spanTimelineBarVars,
-  Bs as tokenizeJson,
-  ha as traceBulletInset,
-  ma as traceRange,
-  Tt as truncateMiddle,
-  Qs as useAutoSave,
-  Zs as useCondense,
+  ct as shouldShowMessageStatus,
+  ya as spanDecorationIcon,
+  Oa as spanDuration,
+  za as spanPills,
+  Ia as spanTimelineBarVars,
+  us as tokenizeJson,
+  va as traceBulletInset,
+  Ta as traceRange,
+  At as truncateMiddle,
+  $s as useAutoSave,
+  Js as useCondense,
   b as useCopy,
-  Ms as useDialogPending,
+  Fs as useDialogPending,
   E as useLinkComponent,
   d as usePressPulse,
-  Ha as useSpan,
-  la as useSpanTree,
-  Ra as viewFraction,
-  za as viewToRange,
-  ea as visibleSpans,
-  Ba as zoomView
+  Ka as useSpan,
+  Ba as useSpanTree,
+  Ca as viewFraction,
+  Xa as viewToRange,
+  Ea as visibleSpans,
+  ua as zoomView
 };

package/dist/sections/basic-page.js

@@ -1,6 +1,6 @@
 "use client";
-import { a as s } from "../chunks/data-table-BeUwsjmX.js";
-import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-65eFgq8o.js";
+import { a as s } from "../chunks/data-table-Mog6m3d9.js";
+import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-ijv-ijUB.js";
 export {
   D as AUTO_SAVE_DELAY_MS,
   B as BASIC_PAGE_CALLOUT,

package/dist/sections/sidebar.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as I, c as _, d as S, i as R, l as A, n as B, o as T, r as a, s, t as D, u as N } from "../chunks/sidebar-DRPe5CAh.js";
+import { a as I, c as _, d as S, i as R, l as A, n as B, o as T, r as a, s, t as D, u as N } from "../chunks/sidebar-BmloUwJQ.js";
 export {
   D as SIDEBAR_HEADER_INSET,
   B as SIDEBAR_ITEM,