@intlayer/design-system 2.0.2

package/dist/components/DictionaryEditor/DictionaryEditor.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),c=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),d=require("../../index-B2ncVbtX.cjs"),u=require("./ValidDictionaryChangeButtons.cjs.js"),p=c.pt.div({display:"flex",height:"100%",flexDirection:"column",justifyContent:"space-between",gap:"0.5rem"}),l=({dictionary:i,onContentChange:o,focusedKeyPath:r,onCancelEdition:s,onValidEdition:a,...t})=>e.jsxRuntimeExports.jsxs(p,{children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(d.NodeWrapper,{...t,keyPath:[],focusedKeyPath:r,section:i,onContentChange:n=>o(n.keyPath,n.newValue)})}),e.jsxRuntimeExports.jsx(u.ValidDictionaryChangeButtons,{onCancelEdition:s,onValidEdition:a,editedContent:t.editedContent})]});exports.DictionaryEditor=l;

package/dist/components/DictionaryEditor/DictionaryEditor.d.ts

@@ -0,0 +1,20 @@
+import { Locales } from '@intlayer/config/client';
+import { Dictionary, KeyPath } from '@intlayer/core';
+import { FC } from 'react';
+
+export type FileContent = {
+    keyPath: KeyPath[];
+    newValue: string;
+};
+interface DictionaryEditorProps {
+    dictionary: Dictionary;
+    onContentChange: (keyPath: KeyPath[], newValue: string) => void;
+    onValidEdition: () => void;
+    onCancelEdition: () => void;
+    locale: Locales;
+    editedContent?: FileContent[];
+    focusedKeyPath?: KeyPath[];
+    onFocusKeyPath: (keyPath: KeyPath[]) => void;
+}
+export declare const DictionaryEditor: FC<DictionaryEditorProps>;
+export {};

package/dist/components/DictionaryEditor/DictionaryEditor.es.js

@@ -0,0 +1,25 @@
+"use client";
+import { j as e } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as d } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { N as m } from "../../index-D-PWvdb-.js";
+import { ValidDictionaryChangeButtons as p } from "./ValidDictionaryChangeButtons.es.js";
+const c = d.div({
+  display: "flex",
+  height: "100%",
+  flexDirection: "column",
+  justifyContent: "space-between",
+  gap: "0.5rem"
+}), j = ({
+  dictionary: n,
+  onContentChange: o,
+  focusedKeyPath: r,
+  onCancelEdition: s,
+  onValidEdition: a,
+  ...t
+}) => /* @__PURE__ */ e.jsxs(c, { children: [
+  /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(m, { ...t, keyPath: [], focusedKeyPath: r, section: n, onContentChange: (i) => o(i.keyPath, i.newValue) }) }),
+  /* @__PURE__ */ e.jsx(p, { onCancelEdition: s, onValidEdition: a, editedContent: t.editedContent })
+] });
+export {
+  j as DictionaryEditor
+};

package/dist/components/DictionaryEditor/ItemLayout.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../jsx-runtime-D6agescH.cjs"),o=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),m=require("../Accordion/Accordion.cjs.js"),a=o.pt.div(({$level:e,$isSelected:t})=>[{borderRadius:"0.375rem",padding:"0.5rem",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},{"&:hover":{backgroundColor:"rgba(231, 231, 231, 0.3)"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{backgroundColor:"rgba(69, 69, 69, 0.3)"},"&:has(.section:hover)":{backgroundColor:"transparent"}},e===2&&{"&:hover":{backgroundColor:"rgba(231, 231, 231, 0.3)"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{backgroundColor:"rgba(69, 69, 69, 0.3)"}},e>=3&&{},t===!0&&{backgroundColor:"rgba(231, 231, 231, 0.4)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(69, 69, 69, 0.4)"}}]),u=o.pt.p({paddingLeft:"0.75rem",fontSize:"0.875rem",lineHeight:"1.25rem","--tw-text-opacity":"1",color:"rgba(231, 231, 231, var(--tw-text-opacity))"}),h=o.pt.span(({$level:e})=>[{},e===0&&{fontSize:"1.5rem",lineHeight:"2rem"},e===1&&{fontSize:"1.25rem",lineHeight:"1.75rem"},e===2&&{fontSize:"1.125rem",lineHeight:"1.75rem"},e>=3&&{fontSize:"1rem",lineHeight:"1.5rem"}]),l=o.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",padding:"0.75rem","@media (min-width: 640px)":{width:"auto"}}),p=({level:e,title:t,description:d,children:s,rightParam:n,isSelected:i,...c})=>r.jsxRuntimeExports.jsx(a,{$level:e,$isSelected:i,...c,children:r.jsxRuntimeExports.jsx(m.Accordion,{isOpen:i,identifier:`accordion_${t}`,header:r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(h,{$level:e,children:t}),r.jsxRuntimeExports.jsx(u,{children:d}),n&&r.jsxRuntimeExports.jsx(l,{children:n})]}),children:s})});exports.ItemLayout=p;exports.StyledContainer=a;

package/dist/components/DictionaryEditor/ItemLayout.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, FC, HTMLAttributes } from 'react';
+
+interface ItemWrapperProps extends HTMLAttributes<HTMLDivElement> {
+    level: number;
+    children: ReactNode;
+    title: string;
+    description: string;
+    rightParam?: ReactNode;
+    isSelected: boolean;
+}
+export declare const StyledContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $level: number;
+    $isSelected?: boolean;
+}>> & string;
+export declare const ItemLayout: FC<ItemWrapperProps>;
+export {};

package/dist/components/DictionaryEditor/ItemLayout.es.js

@@ -0,0 +1,81 @@
+"use client";
+import { j as e } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as t } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { Accordion as s } from "../Accordion/Accordion.es.js";
+const m = t.div(({
+  $level: r,
+  $isSelected: o
+}) => [{
+  borderRadius: "0.375rem",
+  padding: "0.5rem",
+  transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+  transitionDuration: "150ms"
+}, {
+  "&:hover": {
+    backgroundColor: "rgba(231, 231, 231, 0.3)"
+  },
+  '&:where([data-theme="dark"], [data-theme="dark"] *):hover': {
+    backgroundColor: "rgba(69, 69, 69, 0.3)"
+  },
+  "&:has(.section:hover)": {
+    backgroundColor: "transparent"
+  }
+}, r === 2 && {
+  "&:hover": {
+    backgroundColor: "rgba(231, 231, 231, 0.3)"
+  },
+  '&:where([data-theme="dark"], [data-theme="dark"] *):hover': {
+    backgroundColor: "rgba(69, 69, 69, 0.3)"
+  }
+}, r >= 3 && {}, o === !0 && {
+  backgroundColor: "rgba(231, 231, 231, 0.4)",
+  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
+    backgroundColor: "rgba(69, 69, 69, 0.4)"
+  }
+}]), h = t.p({
+  paddingLeft: "0.75rem",
+  fontSize: "0.875rem",
+  lineHeight: "1.25rem",
+  "--tw-text-opacity": "1",
+  color: "rgba(231, 231, 231, var(--tw-text-opacity))"
+}), g = t.span(({
+  $level: r
+}) => [{}, r === 0 && {
+  fontSize: "1.5rem",
+  lineHeight: "2rem"
+}, r === 1 && {
+  fontSize: "1.25rem",
+  lineHeight: "1.75rem"
+}, r === 2 && {
+  fontSize: "1.125rem",
+  lineHeight: "1.75rem"
+}, r >= 3 && {
+  fontSize: "1rem",
+  lineHeight: "1.5rem"
+}]), l = t.div({
+  display: "flex",
+  width: "100%",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: "0.75rem",
+  "@media (min-width: 640px)": {
+    width: "auto"
+  }
+}), f = ({
+  level: r,
+  title: o,
+  description: n,
+  children: d,
+  rightParam: i,
+  isSelected: a,
+  ...c
+}) => /* @__PURE__ */ e.jsx(m, { $level: r, $isSelected: a, ...c, children: /* @__PURE__ */ e.jsx(s, { isOpen: a, identifier: `accordion_${o}`, header: /* @__PURE__ */ e.jsxs("div", { children: [
+  /* @__PURE__ */ e.jsx(g, { $level: r, children: o }),
+  /* @__PURE__ */ e.jsx(h, { children: n }),
+  i && /* @__PURE__ */ e.jsx(l, { children: i })
+] }), children: d }) });
+export {
+  f as ItemLayout,
+  m as StyledContainer
+};

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../jsx-runtime-D6agescH.cjs");require("react");require("../../../localeList-DlUgKn8J.cjs");require("../../../StringWrapper-DUDqtkwz.cjs");require("../ItemLayout.cjs.js");const r=require("../../../index-B2ncVbtX.cjs");exports.ArrayWrapper=r.ArrayWrapper;

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.d.ts

@@ -0,0 +1,9 @@
+import { DictionaryValue } from '@intlayer/core';
+import { FC } from 'react';
+import { NodeWrapperProps } from './index';
+
+interface ArrayWrapperProps extends Omit<NodeWrapperProps, 'section'> {
+    section: DictionaryValue[];
+}
+export declare const ArrayWrapper: FC<ArrayWrapperProps>;
+export {};

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.es.js

@@ -0,0 +1,10 @@
+"use client";
+import "../../../jsx-runtime-Tw_Kw2GZ.js";
+import "react";
+import "../../../localeList-CaRF-907.js";
+import "../../../StringWrapper-CW70GPXq.js";
+import "../ItemLayout.es.js";
+import { A as a } from "../../../index-D-PWvdb-.js";
+export {
+  a as ArrayWrapper
+};

package/dist/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../jsx-runtime-D6agescH.cjs");require("react");require("../../../styled-components.browser.esm-GqWwDlfY.cjs");const r=require("../../../index-B2ncVbtX.cjs");require("../../../localeList-DlUgKn8J.cjs");exports.EnumerationWrapper=r.EnumerationWrapper;

package/dist/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.d.ts

@@ -0,0 +1,9 @@
+import { EnumerationContent, DictionaryValue } from '@intlayer/core';
+import { FC } from 'react';
+import { NodeWrapperProps } from './index';
+
+interface EnumerationWrapperProps extends Omit<NodeWrapperProps, 'section'> {
+    section: EnumerationContent<DictionaryValue>;
+}
+export declare const EnumerationWrapper: FC<EnumerationWrapperProps>;
+export {};

package/dist/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.es.js

@@ -0,0 +1,9 @@
+"use client";
+import "../../../jsx-runtime-Tw_Kw2GZ.js";
+import "react";
+import "../../../styled-components.browser.esm-D6kkzXl4.js";
+import { E as e } from "../../../index-D-PWvdb-.js";
+import "../../../localeList-CaRF-907.js";
+export {
+  e as EnumerationWrapper
+};

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../jsx-runtime-D6agescH.cjs");require("../../../localeList-DlUgKn8J.cjs");require("../../../StringWrapper-DUDqtkwz.cjs");require("../ItemLayout.cjs.js");const e=require("../../../index-B2ncVbtX.cjs");exports.NestedObjectWrapper=e.NestedObjectWrapper;

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.d.ts

@@ -0,0 +1,9 @@
+import { DictionaryValue } from '@intlayer/core';
+import { FC } from 'react';
+import { NodeWrapperProps } from './index';
+
+interface NestedObjectWrapperProps extends Omit<NodeWrapperProps, 'section'> {
+    section: Record<string, DictionaryValue>;
+}
+export declare const NestedObjectWrapper: FC<NestedObjectWrapperProps>;
+export {};

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.es.js

@@ -0,0 +1,9 @@
+"use client";
+import "../../../jsx-runtime-Tw_Kw2GZ.js";
+import "../../../localeList-CaRF-907.js";
+import "../../../StringWrapper-CW70GPXq.js";
+import "../ItemLayout.es.js";
+import { a as m } from "../../../index-D-PWvdb-.js";
+export {
+  m as NestedObjectWrapper
+};

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../jsx-runtime-D6agescH.cjs");require("../../../localeList-DlUgKn8J.cjs");const r=require("../../../StringWrapper-DUDqtkwz.cjs");require("../../ContentEditor/ContentEditor.cjs.js");require("../ItemLayout.cjs.js");exports.StringWrapper=r.StringWrapper;

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { NodeWrapperProps } from './index';
+
+interface StringWrapperProps extends Omit<NodeWrapperProps, 'section'> {
+    section: string;
+}
+export declare const StringWrapper: FC<StringWrapperProps>;
+export {};

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.es.js

@@ -0,0 +1,9 @@
+"use client";
+import "../../../jsx-runtime-Tw_Kw2GZ.js";
+import "../../../localeList-CaRF-907.js";
+import { S as e } from "../../../StringWrapper-CW70GPXq.js";
+import "../../ContentEditor/ContentEditor.es.js";
+import "../ItemLayout.es.js";
+export {
+  e as StringWrapper
+};

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../jsx-runtime-D6agescH.cjs");const r=require("../../../index-B2ncVbtX.cjs");require("../../../localeList-DlUgKn8J.cjs");exports.TranslationWrapper=r.TranslationWrapper;

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.d.ts

@@ -0,0 +1,9 @@
+import { TranslationContent, DictionaryValue } from '@intlayer/core';
+import { FC } from 'react';
+import { NodeWrapperProps } from './index';
+
+interface TranslationWrapperProps extends Omit<NodeWrapperProps, 'section'> {
+    section: TranslationContent<DictionaryValue>;
+}
+export declare const TranslationWrapper: FC<TranslationWrapperProps>;
+export {};

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.es.js

@@ -0,0 +1,7 @@
+"use client";
+import "../../../jsx-runtime-Tw_Kw2GZ.js";
+import { T as a } from "../../../index-D-PWvdb-.js";
+import "../../../localeList-CaRF-907.js";
+export {
+  a as TranslationWrapper
+};

package/dist/components/DictionaryEditor/NodeWrapper/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../jsx-runtime-D6agescH.cjs");const e=require("../../../index-B2ncVbtX.cjs");require("../../../localeList-DlUgKn8J.cjs");require("../../../StringWrapper-DUDqtkwz.cjs");exports.NodeWrapper=e.NodeWrapper;exports.traceKeys=e.traceKeys;

package/dist/components/DictionaryEditor/NodeWrapper/index.d.ts

@@ -0,0 +1,19 @@
+import { Locales } from '@intlayer/config/client';
+import { KeyPath, DictionaryValue } from '@intlayer/core';
+import { FC } from 'react';
+import { FileContent } from '../';
+
+export declare const traceKeys: string[];
+export interface NodeWrapperProps {
+    keyPath: KeyPath[];
+    section: DictionaryValue;
+    onContentChange: (content: {
+        keyPath: KeyPath[];
+        newValue: string;
+    }) => void;
+    locale: Locales;
+    editedContent?: FileContent[];
+    focusedKeyPath: KeyPath[] | undefined;
+    onFocusKeyPath: (keyPath: KeyPath[]) => void;
+}
+export declare const NodeWrapper: FC<NodeWrapperProps>;

package/dist/components/DictionaryEditor/NodeWrapper/index.es.js

@@ -0,0 +1,9 @@
+"use client";
+import "../../../jsx-runtime-Tw_Kw2GZ.js";
+import { N as a, t as i } from "../../../index-D-PWvdb-.js";
+import "../../../localeList-CaRF-907.js";
+import "../../../StringWrapper-CW70GPXq.js";
+export {
+  a as NodeWrapper,
+  i as traceKeys
+};

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),e=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),o=require("../../check-rhNgx2ZQ.cjs"),i=require("../../x-DIXoN4xe.cjs"),c=e.pt.div({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-end",gap:"0.5rem"}),l=e.pt(o.Check)({cursor:"pointer","&:hover":{"--tw-scale-x":"1.1","--tw-scale-y":"1.1",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}}),x=e.pt(i.X)({cursor:"pointer","&:hover":{"--tw-scale-x":"1.1","--tw-scale-y":"1.1",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}}),w=({onCancelEdition:s,onValidEdition:r,...a})=>{const n=(a.editedContent??[]).length>0;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n&&t.jsxRuntimeExports.jsxs(c,{children:[t.jsxRuntimeExports.jsx("span",{children:"Valid dictionary changes"}),t.jsxRuntimeExports.jsx(l,{size:16,onClick:r}),t.jsxRuntimeExports.jsx(x,{size:16,onClick:s})]})})};exports.ValidDictionaryChangeButtons=w;

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FileContent } from '.';
+
+interface ValidDictionaryChangeButtonsProps {
+    onValidEdition: () => void;
+    onCancelEdition: () => void;
+    editedContent?: FileContent[];
+}
+export declare const ValidDictionaryChangeButtons: FC<ValidDictionaryChangeButtonsProps>;
+export {};

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.es.js

@@ -0,0 +1,40 @@
+"use client";
+import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as e } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { C as o } from "../../check-BLEiR8OY.js";
+import { X as l } from "../../x-BKwnSvvj.js";
+const c = e.div({
+  display: "flex",
+  flexDirection: "row",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  gap: "0.5rem"
+}), i = e(o)({
+  cursor: "pointer",
+  "&:hover": {
+    "--tw-scale-x": "1.1",
+    "--tw-scale-y": "1.1",
+    transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"
+  }
+}), w = e(l)({
+  cursor: "pointer",
+  "&:hover": {
+    "--tw-scale-x": "1.1",
+    "--tw-scale-y": "1.1",
+    transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"
+  }
+}), m = ({
+  onCancelEdition: a,
+  onValidEdition: r,
+  ...s
+}) => {
+  const n = (s.editedContent ?? []).length > 0;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: n && /* @__PURE__ */ t.jsxs(c, { children: [
+    /* @__PURE__ */ t.jsx("span", { children: "Valid dictionary changes" }),
+    /* @__PURE__ */ t.jsx(i, { size: 16, onClick: r }),
+    /* @__PURE__ */ t.jsx(w, { size: 16, onClick: a })
+  ] }) });
+};
+export {
+  m as ValidDictionaryChangeButtons
+};

package/dist/components/DictionaryEditor/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./DictionaryEditor.cjs.js");exports.DictionaryEditor=i.DictionaryEditor;

package/dist/components/DictionaryEditor/index.d.ts

@@ -0,0 +1 @@
+export * from './DictionaryEditor';

package/dist/components/DictionaryEditor/index.es.js

@@ -0,0 +1,5 @@
+"use client";
+import { DictionaryEditor as r } from "./DictionaryEditor.es.js";
+export {
+  r as DictionaryEditor
+};

package/dist/components/DropDown/index.cjs.js

@@ -0,0 +1,5 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../jsx-runtime-D6agescH.cjs"),s=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),p=require("../MaxHeightSmoother/index.cjs.js"),u=s.pt.button({position:"relative",cursor:"pointer"}),w=({children:e,className:t,identifier:o,...r})=>a.jsxRuntimeExports.jsx(u,{className:`group ${t}`,"aria-label":`Open panel ${o}`,id:`unrollable-panel-button-${o}`,"aria-haspopup":!0,...r,children:e}),c=s.pt.div({position:"absolute",right:"0px",minWidth:"100%","--tw-translate-y":"0.5rem",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}),x=s.pt(p.MaxHeightSmoother)`
+  ${{overflowX:"hidden"}}
+  ${({$isOverable:e})=>e?{".group:hover &":{gridTemplateRows:"1fr",overflowX:"auto"}}:""}
+  ${({$isFocusable:e})=>e?{".group:focus &":{gridTemplateRows:"1fr",overflowX:"auto"}}:""}
+`,l=({children:e,isHidden:t=void 0,isOverable:o=!1,isFocusable:r=!1,identifier:n,...i})=>a.jsxRuntimeExports.jsx(c,{"aria-hidden":t,"aria-labelledby":`unrollable-panel-button-${n}`,id:`unrollable-panel-${n}`,children:a.jsxRuntimeExports.jsx(x,{$isOverable:o,$isFocusable:r,isHidden:t,...i,children:e})});l.Trigger=w;exports.DropDown=l;

package/dist/components/DropDown/index.d.ts

@@ -0,0 +1,3 @@
+import { UnrollablePanelType } from './types';
+
+export declare const DropDown: UnrollablePanelType;

package/dist/components/DropDown/index.es.js

@@ -0,0 +1,50 @@
+"use client";
+import { j as a } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as l } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { MaxHeightSmoother as p } from "../MaxHeightSmoother/index.es.js";
+const i = l.button({
+  position: "relative",
+  cursor: "pointer"
+}), w = ({
+  children: o,
+  className: r,
+  identifier: t,
+  ...e
+}) => /* @__PURE__ */ a.jsx(i, { className: `group ${r}`, "aria-label": `Open panel ${t}`, id: `unrollable-panel-button-${t}`, "aria-haspopup": !0, ...e, children: o }), u = l.div({
+  position: "absolute",
+  right: "0px",
+  minWidth: "100%",
+  "--tw-translate-y": "0.5rem",
+  transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"
+}), c = l(p)`
+  ${{
+  overflowX: "hidden"
+}}
+  ${({
+  $isOverable: o
+}) => o ? {
+  ".group:hover &": {
+    gridTemplateRows: "1fr",
+    overflowX: "auto"
+  }
+} : ""}
+  ${({
+  $isFocusable: o
+}) => o ? {
+  ".group:focus &": {
+    gridTemplateRows: "1fr",
+    overflowX: "auto"
+  }
+} : ""}
+`, m = ({
+  children: o,
+  isHidden: r = void 0,
+  isOverable: t = !1,
+  isFocusable: e = !1,
+  identifier: s,
+  ...n
+}) => /* @__PURE__ */ a.jsx(u, { "aria-hidden": r, "aria-labelledby": `unrollable-panel-button-${s}`, id: `unrollable-panel-${s}`, children: /* @__PURE__ */ a.jsx(c, { $isOverable: t, $isFocusable: e, isHidden: r, ...n, children: o }) });
+m.Trigger = w;
+export {
+  m as DropDown
+};

package/dist/components/DropDown/types.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";

package/dist/components/DropDown/types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, FC } from 'react';
+
+export type UnrollablePanelTriggerProps = HTMLAttributes<HTMLButtonElement> & {
+    identifier: string;
+};
+type UnrollablePanelProps = HTMLAttributes<HTMLDivElement> & {
+    isFocusable?: boolean;
+    isHidden?: boolean;
+    isOverable?: boolean;
+    identifier: string;
+};
+export type UnrollablePanelType = FC<UnrollablePanelProps> & {
+    Trigger: FC<UnrollablePanelTriggerProps>;
+};
+export {};

package/dist/components/DropDown/types.es.js

@@ -0,0 +1 @@
+"use client";

package/dist/components/Footer/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),t=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),l=require("../Logo/index.cjs.js"),x=t.pt.footer({display:"flex",flex:"1 1 auto",flexDirection:"row",flexWrap:"wrap",alignItems:"center",justifyContent:"space-around",gap:"2.5rem",padding:"1.5rem"}),p=t.pt.aside({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between","@media (min-width: 768px)":{width:"25%"}}),a=t.pt.span({textAlign:"center",fontSize:"0.75rem",lineHeight:"1rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))"}),c=t.pt.div({margin:"auto",display:"flex",width:"100%",flexDirection:"row",flexWrap:"wrap",justifyContent:"space-around",gap:"0.5rem","@media (min-width: 768px)":{width:"66.666667%"}}),d=t.pt.div({display:"flex",flexDirection:"column",gap:"0.5rem"}),m=t.pt.div({display:"flex",flexDirection:"column",gap:"0.75rem"}),u=({links:o})=>e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsxs(p,{children:[e.jsxRuntimeExports.jsx(l.Logo,{type:"logoWithTextBelow",width:80,height:80}),e.jsxRuntimeExports.jsx(a,{children:"© 2024 Intlayer, Inc."})]}),e.jsxRuntimeExports.jsx(c,{children:(o??[]).map(({title:i,links:s},r)=>e.jsxRuntimeExports.jsxs(d,{children:[e.jsxRuntimeExports.jsx("strong",{children:i}),e.jsxRuntimeExports.jsx(m,{children:s.map(n=>e.jsxRuntimeExports.jsx("a",{href:n.href,"aria-label":n.label,children:n.text},n.href))})]},r))})]});exports.Footer=u;

package/dist/components/Footer/index.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+
+export type Link = {
+    href: string;
+    text: ReactNode;
+    onClick?: () => void;
+    label: string;
+};
+export type LinkGroup = {
+    title: ReactNode;
+    links: Link[];
+};
+type FooterProps = {
+    links?: LinkGroup[];
+};
+export declare const Footer: FC<FooterProps>;
+export {};

package/dist/components/Footer/index.es.js

@@ -0,0 +1,64 @@
+"use client";
+import { j as e } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as t } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { Logo as s } from "../Logo/index.es.js";
+const a = t.footer({
+  display: "flex",
+  flex: "1 1 auto",
+  flexDirection: "row",
+  flexWrap: "wrap",
+  alignItems: "center",
+  justifyContent: "space-around",
+  gap: "2.5rem",
+  padding: "1.5rem"
+}), d = t.aside({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "space-between",
+  "@media (min-width: 768px)": {
+    width: "25%"
+  }
+}), c = t.span({
+  textAlign: "center",
+  fontSize: "0.75rem",
+  lineHeight: "1rem",
+  "--tw-text-opacity": "1",
+  color: "rgba(93, 93, 93, var(--tw-text-opacity))"
+}), p = t.div({
+  margin: "auto",
+  display: "flex",
+  width: "100%",
+  flexDirection: "row",
+  flexWrap: "wrap",
+  justifyContent: "space-around",
+  gap: "0.5rem",
+  "@media (min-width: 768px)": {
+    width: "66.666667%"
+  }
+}), x = t.div({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem"
+}), m = t.div({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.75rem"
+}), g = ({
+  links: o
+}) => /* @__PURE__ */ e.jsxs(a, { children: [
+  /* @__PURE__ */ e.jsxs(d, { children: [
+    /* @__PURE__ */ e.jsx(s, { type: "logoWithTextBelow", width: 80, height: 80 }),
+    /* @__PURE__ */ e.jsx(c, { children: "© 2024 Intlayer, Inc." })
+  ] }),
+  /* @__PURE__ */ e.jsx(p, { children: (o ?? []).map(({
+    title: n,
+    links: r
+  }, l) => /* @__PURE__ */ e.jsxs(x, { children: [
+    /* @__PURE__ */ e.jsx("strong", { children: n }),
+    /* @__PURE__ */ e.jsx(m, { children: r.map((i) => /* @__PURE__ */ e.jsx("a", { href: i.href, "aria-label": i.label, children: i.text }, i.href)) })
+  ] }, l)) })
+] });
+export {
+  g as Footer
+};

package/dist/components/Headers/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),t=e.pt.h1({marginTop:"2.5rem",fontSize:"2.25rem",lineHeight:"2.5rem",fontWeight:"700"}),n=e.pt.h2({marginTop:"1.25rem",fontSize:"1.5rem",lineHeight:"2rem",fontWeight:"700"}),i=e.pt.h3({marginTop:"0.75rem",fontSize:"1.25rem",lineHeight:"1.75rem",fontWeight:"700"}),o=e.pt.h4({marginTop:"0.75rem",fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"700"}),r=e.pt.h5({marginTop:"0.75rem",fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"});exports.H1=t;exports.H2=n;exports.H3=i;exports.H4=o;exports.H5=r;

package/dist/components/Headers/index.d.ts

@@ -0,0 +1,5 @@
+export declare const H1: import('twin.macro').TwComponent<"h1">;
+export declare const H2: import('twin.macro').TwComponent<"h2">;
+export declare const H3: import('twin.macro').TwComponent<"h3">;
+export declare const H4: import('twin.macro').TwComponent<"h4">;
+export declare const H5: import('twin.macro').TwComponent<"h5">;

package/dist/components/Headers/index.es.js

@@ -0,0 +1,35 @@
+"use client";
+import { p as e } from "../../styled-components.browser.esm-D6kkzXl4.js";
+const i = e.h1({
+  marginTop: "2.5rem",
+  fontSize: "2.25rem",
+  lineHeight: "2.5rem",
+  fontWeight: "700"
+}), n = e.h2({
+  marginTop: "1.25rem",
+  fontSize: "1.5rem",
+  lineHeight: "2rem",
+  fontWeight: "700"
+}), o = e.h3({
+  marginTop: "0.75rem",
+  fontSize: "1.25rem",
+  lineHeight: "1.75rem",
+  fontWeight: "700"
+}), r = e.h4({
+  marginTop: "0.75rem",
+  fontSize: "1.125rem",
+  lineHeight: "1.75rem",
+  fontWeight: "700"
+}), m = e.h5({
+  marginTop: "0.75rem",
+  fontSize: "1rem",
+  lineHeight: "1.5rem",
+  fontWeight: "700"
+});
+export {
+  i as H1,
+  n as H2,
+  o as H3,
+  r as H4,
+  m as H5
+};