@gustavo-valsechi/client 1.3.23 → 1.3.25

package/dist/components/types/table/modal/styles.d.ts

@@ -0,0 +1 @@
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/types/table/modal/styles.mjs

@@ -0,0 +1,58 @@
+"use client";
+"use client";
+
+// components/types/table/modal/styles.tsx
+import styled from "styled-components";
+var Content = styled.div`
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    
+    .iz-table-modal-title {
+        font-size: 1.2rem;
+        font-weight: 500;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: ${({ theme }) => theme.t6};
+    }
+    
+    .iz-table-modal-content {
+        ul {
+            li {
+                border-bottom: solid 1px ${({ theme }) => theme.t05};
+                padding: .8rem 0;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 1rem;
+                font-size: .8rem;
+                color: ${({ theme }) => theme.t6};
+
+                &:last-child {
+                    border-bottom: none;
+                }
+                
+                .iz-table-modal-column {
+                    background: ${({ theme }) => theme.t05};
+                    padding: .5rem .8rem;
+                    font-weight: 600;
+                    border-radius: 5px;
+                }
+                
+                .iz-table-modal-row {
+                    text-align: right;
+                }
+            }
+        }
+    }
+    
+    .iz-table-modal-actions {
+        margin-top: 1rem;
+    }
+`;
+export {
+  Content
+};

package/dist/components/types/table/paginate/index.d.ts

@@ -0,0 +1,2 @@
+import { IPaginate } from "@interfaces";
+export declare function Paginate(props: IPaginate): false | import("react/jsx-runtime").JSX.Element;

package/dist/components/types/table/paginate/index.mjs

@@ -0,0 +1,96 @@
+"use client";
+"use client";
+
+// components/types/table/paginate/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5rem;
+
+    .paginate {
+        font-size: .8rem;
+        font-weight: 500;
+        height: 1.5rem;
+        padding: 0 .6rem;
+        border-radius: 1rem;
+        transition: ease .3s;
+        color: ${({ theme }) => theme.t6};
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        &[data-current="true"] {
+            background: ${({ theme }) => theme.tertiary};
+            color: ${({ theme }) => theme.secondary};
+
+            &:hover {
+                background: ${({ theme }) => theme.tertiary};
+            }
+        }
+
+        &:hover {
+            background: ${({ theme }) => theme.t05};
+        }
+    }
+`;
+
+// components/types/table/paginate/index.tsx
+import _ from "lodash";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Paginate(props) {
+  const pages = () => {
+    const offset = Number(props.page.value) - 4;
+    let page = offset > 0 ? offset + 1 : 1;
+    let pages2 = [];
+    while (Number(props.total) >= page) {
+      pages2.push(page);
+      page++;
+    }
+    pages2 = _.slice(pages2, 0, 5);
+    if (Number(props.page.value) + 1 > 5) pages2 = _.concat(["1.."], pages2);
+    if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return _.concat(pages2, `..${props.total}`);
+    return pages2;
+  };
+  return Number(props.total) > 1 && /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "paginate back",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value ? props.page.value - 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
+      }
+    ),
+    _.map(
+      pages(),
+      (page, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "paginate page",
+          "data-current": String(props.page.value === Number(_.replace(page, /\D/g, "")) - 1),
+          onClick: () => props.page.set ? props.page.set(Number(_.replace(page, /\D/g, "")) - 1) : null,
+          children: page
+        },
+        index
+      )
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "paginate next",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
+      }
+    )
+  ] });
+}
+export {
+  Paginate
+};

package/dist/components/types/table/paginate/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/components/types/table/paginate/styles.mjs

@@ -0,0 +1,42 @@
+"use client";
+"use client";
+
+// components/types/table/paginate/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5rem;
+
+    .paginate {
+        font-size: .8rem;
+        font-weight: 500;
+        height: 1.5rem;
+        padding: 0 .6rem;
+        border-radius: 1rem;
+        transition: ease .3s;
+        color: ${({ theme }) => theme.t6};
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        &[data-current="true"] {
+            background: ${({ theme }) => theme.tertiary};
+            color: ${({ theme }) => theme.secondary};
+
+            &:hover {
+                background: ${({ theme }) => theme.tertiary};
+            }
+        }
+
+        &:hover {
+            background: ${({ theme }) => theme.t05};
+        }
+    }
+`;
+export {
+  Container
+};

package/dist/components/types/table/styles.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+    notFound?: boolean;
+}
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProps>> & string;
+export {};

package/dist/components/types/table/styles.mjs

@@ -0,0 +1,268 @@
+"use client";
+"use client";
+
+// components/types/table/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+    .iz-table-container {
+        overflow-x: auto;
+
+        &::-webkit-scrollbar {
+            width: 0;
+            height: ${(props) => props.notFound ? "0px" : "5px"};
+        }
+
+        &::-webkit-scrollbar-track {
+            background: transparent;
+        }
+
+        &::-webkit-scrollbar-thumb {
+            background-color: rgb(255, 255, 255, 0.1);
+            border-radius: 5px;
+        }
+
+        table {
+            font-size: .8rem;
+            border: 0;
+            color: ${({ theme }) => theme.t6};
+            overflow-x: ${(props) => props.notFound ? "auto" : "hidden"};
+            width: 100%;
+            border-spacing: 0;
+
+            .iz-table-content {
+                background: ${({ theme }) => theme.t05};
+                height: 2.7rem;
+                padding: 0.8rem 1.3rem;
+                margin-top: 0.5rem;
+                white-space: nowrap;
+                display: flex;
+                align-items: center;
+                position: relative;
+                transition: ease 0.3s;
+
+                &.iz-table-identifier {
+                    padding: .8rem .5rem !important;
+                }
+
+                &.iz-table-action {
+                    display: flex;
+                    justify-content: flex-end;
+                    padding: .8rem .5rem !important;
+                    position: relative;
+
+                    &.left {
+                        justify-content: flex-start;
+                    }
+
+                    &.center {
+                        justify-content: center;
+                    }
+
+                    .iz-table-actions {
+                        display: flex;
+                        align-items: center;
+                        justify-content: flex-end;
+                        gap: .5rem;
+                    }
+
+                    .iz-table-button {
+                        min-width: 1.8rem;
+                        height: 1.8rem;
+                        border-radius: 5px;
+                        border: 1px solid ${({ theme }) => theme.t05};
+                        background: ${({ theme }) => theme.t05};
+                        color: ${({ theme }) => theme.t6};
+                        cursor: pointer;
+                        transition: ease 0.3s, width 1s, position 0s;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        gap: .5rem;
+                        font-weight: 500;
+                        text-transform: lowercase;
+                        padding: 0 .5rem;
+                        position: relative;
+
+                        &:disabled {
+                            pointer-events: none;
+                            opacity: .6;
+                        }
+
+                        &:hover {
+                            opacity: .9;
+
+                            &.negative {
+                                color: ${({ theme }) => theme.primary};
+                                background: ${({ theme }) => theme.negative};
+                            }
+                        }
+                    }
+                }
+            }
+
+            thead {
+                tr {
+                    th {
+                        border: none;
+                        padding: 0;
+                        text-transform: uppercase;
+                        font-weight: 500;
+                        letter-spacing: 2px;
+                        position: relative;
+                        height: 2.5rem;
+
+                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+                            .iz-table-content {
+                                font-size: .7rem;
+                            }
+                        }
+
+                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+                            display: none;
+
+                            &:nth-child(1), &:nth-child(2), &:last-child {
+                                display: table-cell;
+                            }
+                        }
+
+                        &:first-child {
+                            .iz-table-content {
+                                border-top-left-radius: 5px;
+                                border-bottom-left-radius: 5px;
+                            }
+                        }
+
+                        &:last-child {
+                            .iz-table-content {
+                                border-top-right-radius: 5px;
+                                border-bottom-right-radius: 5px;
+                            }
+                        }
+                    }
+                }
+            }
+
+            tbody {
+                tr {
+                    &:hover {
+                        td {
+                            .iz-table-content {
+                                background: ${({ theme }) => theme.tertiary};
+                            }
+                        }
+                    }
+
+                    td {
+                        border: none;
+                        padding: 0;
+                        font-weight: 400;
+                        position: relative;
+
+                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+                            display: none;
+
+                            &:nth-child(1), &:nth-child(2), &:last-child {
+                                display: table-cell;
+                            }
+                        }
+
+                        &:first-child {
+                            .iz-table-content {
+                                border-top-left-radius: 5px;
+                                border-bottom-left-radius: 5px;
+                            }
+                        }
+
+                        &:last-child {
+                            .iz-table-content {
+                                border-top-right-radius: 5px;
+                                border-bottom-right-radius: 5px;
+                            }
+                        }
+
+                        .iz-table-content-elipse {
+                            position: absolute;
+                            left: 0;
+                            right: 0;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            padding: 0.8rem 1.3rem;
+                        }
+                    }
+
+                    &:first-child {
+                        td {
+                            .iz-table-content {
+                                margin-top: 1.5rem;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .iz-table-icon {
+        width: 1.8rem;
+        height: 1.8rem;
+        background: ${({ theme }) => theme.t08};
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        i {
+            font-size: .9rem;
+        }
+    }
+    
+    .iz-table-not-found {
+        border-radius: 5px;
+        background: ${({ theme }) => theme.t05};
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        margin: 1.5rem 0;
+        padding: 2.5rem;
+        width: 100%;
+
+        p {
+            color: ${({ theme }) => theme.t6};
+            text-align: center;
+        }
+
+        p:first-child {
+            font-size: 1.3rem;
+            font-weight: 600;
+            margin-top: 0;
+            margin-bottom: 0.5rem;
+
+            @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+                font-size: 1rem;
+            }
+        }
+
+        p:last-child {
+            font-size: 0.8rem;
+            max-width: 50rem;
+            margin-top: 0;
+            margin-bottom: 0;
+
+            @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+                font-size: 0.7rem;
+            }
+        }
+    }
+`;
+export {
+  Container
+};

package/dist/contexts/icon/assets/brands/index.d.ts

@@ -0,0 +1,2 @@
+declare const brands: Record<string, string>;
+export default brands;

package/dist/contexts/icon/assets/brands/index.mjs

@@ -0,0 +1,19 @@
+"use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// contexts/icon/assets/brands/index.tsx
+var req = __require.context("./", false, /\.svg$/);
+var brands = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  brands[name] = req(key).default;
+});
+var brands_default = brands;
+export {
+  brands_default as default
+};

package/dist/contexts/icon/assets/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    brands: Record<string, string>;
+    regular: Record<string, string>;
+    solid: Record<string, string>;
+};
+export default _default;

package/dist/contexts/icon/assets/index.mjs

@@ -0,0 +1,44 @@
+"use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// contexts/icon/assets/brands/index.tsx
+var req = __require.context("./", false, /\.svg$/);
+var brands = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  brands[name] = req(key).default;
+});
+var brands_default = brands;
+
+// contexts/icon/assets/regular/index.tsx
+var req2 = __require.context("./", false, /\.svg$/);
+var regular = {};
+req2.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  regular[name] = req2(key).default;
+});
+var regular_default = regular;
+
+// contexts/icon/assets/solid/index.tsx
+var req3 = __require.context("./", false, /\.svg$/);
+var solid = {};
+req3.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  solid[name] = req3(key).default;
+});
+var solid_default = solid;
+
+// contexts/icon/assets/index.tsx
+var assets_default = {
+  brands: brands_default,
+  regular: regular_default,
+  solid: solid_default
+};
+export {
+  assets_default as default
+};

package/dist/contexts/icon/assets/regular/index.d.ts

@@ -0,0 +1,2 @@
+declare const regular: Record<string, string>;
+export default regular;

package/dist/contexts/icon/assets/regular/index.mjs

@@ -0,0 +1,19 @@
+"use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// contexts/icon/assets/regular/index.tsx
+var req = __require.context("./", false, /\.svg$/);
+var regular = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  regular[name] = req(key).default;
+});
+var regular_default = regular;
+export {
+  regular_default as default
+};

package/dist/contexts/icon/assets/solid/index.d.ts

@@ -0,0 +1,2 @@
+declare const solid: Record<string, string>;
+export default solid;

package/dist/contexts/icon/assets/solid/index.mjs

@@ -0,0 +1,19 @@
+"use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// contexts/icon/assets/solid/index.tsx
+var req = __require.context("./", false, /\.svg$/);
+var solid = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  solid[name] = req(key).default;
+});
+var solid_default = solid;
+export {
+  solid_default as default
+};

package/dist/contexts/icon/index.d.ts

@@ -0,0 +1,4 @@
+import { IIconProvider } from "@interfaces";
+declare const IconProviderContainer: ({ children }: IIconProvider) => import("react/jsx-runtime").JSX.Element;
+declare const useIcon: () => any;
+export { IconProviderContainer as IconProvider, useIcon };