@iclips/ui 1.4.0 → 1.4.1

package/dist/components/ui/side-panel.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import * as SidePanelPrimitive from "@radix-ui/react-dialog";
+/**
+ * Painel de conteúdo deslizante (slide-over), ancorado à direita ou à
+ * esquerda da tela, com overlay.
+ *
+ * Diferente do `Sheet`, a largura responsiva e a animação de entrada/saída
+ * não dependem de variantes `sm:*`/`tailwindcss-animate` — usam CSS simples
+ * embutido no próprio componente (mesmo padrão já usado em `underline-tabs`
+ * e `chart`), então funcionam independentemente do conteúdo Tailwind
+ * publicado no pacote.
+ *
+ * @example
+ * <SidePanel>
+ *   <SidePanelTrigger asChild>
+ *     <Button variant="ghost" size="sm">Ver orientações completas</Button>
+ *   </SidePanelTrigger>
+ *   <SidePanelContent>
+ *     <SidePanelHeader>
+ *       <SidePanelTitle>Orientações Gerais</SidePanelTitle>
+ *       <SidePanelDescription>PI: #9691 · Fornecedor</SidePanelDescription>
+ *     </SidePanelHeader>
+ *     <div className="flex-1 overflow-y-auto p-4">Conteúdo completo aqui.</div>
+ *   </SidePanelContent>
+ * </SidePanel>
+ */
+declare function SidePanel({ ...props }: React.ComponentProps<typeof SidePanelPrimitive.Root>): React.JSX.Element;
+declare function SidePanelTrigger({ ...props }: React.ComponentProps<typeof SidePanelPrimitive.Trigger>): React.JSX.Element;
+declare function SidePanelClose({ ...props }: React.ComponentProps<typeof SidePanelPrimitive.Close>): React.JSX.Element;
+interface PropsSidePanelContent extends React.ComponentPropsWithoutRef<typeof SidePanelPrimitive.Content> {
+    /** Lado da tela de onde o painel desliza. @default "right" */
+    side?: "right" | "left";
+}
+declare const SidePanelContent: React.ForwardRefExoticComponent<PropsSidePanelContent & React.RefAttributes<HTMLDivElement>>;
+declare function SidePanelHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidePanelFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidePanelTitle({ className, ...props }: React.ComponentProps<typeof SidePanelPrimitive.Title>): React.JSX.Element;
+declare function SidePanelDescription({ className, ...props }: React.ComponentProps<typeof SidePanelPrimitive.Description>): React.JSX.Element;
+export { SidePanel, SidePanelTrigger, SidePanelClose, SidePanelContent, SidePanelHeader, SidePanelFooter, SidePanelTitle, SidePanelDescription, };
+//# sourceMappingURL=side-panel.d.ts.map

package/dist/components/ui/side-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/side-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAK7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAEpF;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAEzD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,qBAE1F;AAqBD,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IACzE,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,gBAAgB,8FA6CpB,CAAC;AAGH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,qBAQvD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,WAAW,CAAC,qBAQ7D;AAED,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,CAAC"}